.codex-root{--f-script:var(--font-tangerine),"Tangerine","Brush Script MT",cursive;z-index:0;min-height:100vh;font-family:var(--f-body);-webkit-font-smoothing:antialiased;font-weight:200;line-height:1.5;position:relative}.codex-root a{color:inherit;text-decoration:none}.codex-root button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.codex-root img,.codex-root video{max-width:100%;display:block}.codex-root .container{max-width:1440px;margin:0 auto;padding:0 40px}@media (width<=720px){.codex-root .container{padding:0 20px}}.codex-root .dot{display:inline-block}.codex-root .ink{color:var(--nbc-cyan)}.codex-root .t-pixel{font-family:var(--f-pixel);letter-spacing:.12em;text-transform:uppercase;font-size:7px;line-height:1.6}.codex-root .t-pixel-md{font-size:8px}.codex-root .t-pixel-lg{font-size:10px;line-height:1.5}.codex-root .t-mono{font-family:var(--f-mono);letter-spacing:.22em;text-transform:uppercase;font-size:11px;font-weight:300}.codex-root .t-mono-sm{letter-spacing:.18em;font-size:9px}.codex-root .t-script{font-family:var(--f-script);font-weight:700}.codex-root .tx-cyan{color:var(--nbc-cyan)}.codex-root .tx-magenta{color:var(--nbc-magenta)}.codex-root .tx-amber{color:var(--nbc-amber)}.codex-root .tx-jade{color:var(--nbc-jade)}.codex-root .tx-bone{color:var(--nbc-bone)}.codex-root .tx-paper{color:var(--nbc-paper)}.codex-root .tx-mute{color:#f4ede080}.codex-root .tex-grain,.codex-root .tex-scanline,.codex-root .tex-halftone,.codex-root .tex-ambient{pointer-events:none;position:fixed;inset:0}.codex-root .tex-grain{z-index:70;opacity:.32;mix-blend-mode:overlay}.codex-root .tex-grain:before{content:"";background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1   0 0 0 0 1   0 0 0 0 1   0 0 0 1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:220px 220px;animation:.65s steps(5,end) infinite cdx-grain-shift;position:absolute;inset:-50%}@keyframes cdx-grain-shift{0%{transform:translate(0)}20%{transform:translate(-3%,4%)}40%{transform:translate(2%,-2%)}60%{transform:translate(-2%,-4%)}80%{transform:translate(3%,2%)}to{transform:translate(0)}}.codex-root .tex-scanline{z-index:71;mix-blend-mode:overlay}.codex-root .tex-scanline:before{content:"";background:repeating-linear-gradient(#0000 0 2px,#0000002e 3px,#0000 4px);position:absolute;inset:0}.codex-root .tex-scanline:after{content:"";background:linear-gradient(#0000 0%,#00d4ff0a 20%,#f4ede01a 50%,#ff00800a 80%,#0000 100%);height:60px;animation:7s linear infinite cdx-crt-sweep;position:absolute;left:0;right:0}@keyframes cdx-crt-sweep{0%{transform:translateY(-60px)}to{transform:translateY(105vh)}}.codex-root .tex-halftone{z-index:69;opacity:.06;mix-blend-mode:overlay}.codex-root .tex-halftone:before{content:"";background-image:radial-gradient(circle at 1px 1px,#f4ede0 1px,#0000 1.5px);background-size:4px 4px;position:absolute;inset:0}.codex-root .tex-ambient{z-index:1;mix-blend-mode:screen;opacity:1}.codex-root .tex-ambient:before{content:"";background:radial-gradient(900px 700px at 12% 18%,#ffa7262e,#0000 60%),radial-gradient(800px 600px at 88% 78%,#ff008024,#0000 60%),radial-gradient(1100px 800px at 50% 110%,#00d4ff1a,#0000 65%);animation:11s ease-in-out infinite cdx-ambient-pulse;position:absolute;inset:0}@keyframes cdx-ambient-pulse{0%,to{opacity:.85}50%{opacity:1}}.codex-root .reveal{opacity:0;transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1);transform:translateY(22px)}.codex-root .reveal.is-in{opacity:1;transform:translateY(0)}.codex-root .reveal-stagger>*{opacity:0;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.codex-root .reveal-stagger.is-in>*{opacity:1;transform:translateY(0)}.codex-root .char,.codex-root .item,.codex-root .house,.codex-root .loc,.codex-root .tl-row,.codex-root .gloss__row,.codex-root .cut,.codex-root .map-row{opacity:0;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.codex-root .char.is-in,.codex-root .item.is-in,.codex-root .house.is-in,.codex-root .loc.is-in,.codex-root .tl-row.is-in,.codex-root .gloss__row.is-in,.codex-root .cut.is-in,.codex-root .map-row.is-in{opacity:1;transform:translateY(0)}@keyframes cdx-blink{0%,50%{opacity:1}51%,to{opacity:.15}}.codex-root .blink{animation:1.2s steps(2,end) infinite cdx-blink}.codex-root .btn{font-family:var(--f-mono);letter-spacing:.28em;text-transform:uppercase;border:1px solid;align-items:center;gap:14px;padding:16px 26px;font-size:11px;font-weight:300;transition:all .45s cubic-bezier(.2,.7,.2,1);display:inline-flex;position:relative}.codex-root .btn--ghost-cyan{color:var(--nbc-cyan);background:#00d4ff0a;border-color:#00d4ff8c}.codex-root .btn--ghost-cyan:hover{border-color:var(--nbc-cyan);color:var(--nbc-paper);box-shadow:0 0 0 1px var(--nbc-cyan),0 0 26px #00d4ff8c,0 0 70px #00d4ff4d;letter-spacing:.34em;background:#00d4ff1a}.codex-root .btn--magenta{border-color:var(--nbc-magenta);color:var(--nbc-magenta);background:#ff00800f;animation:3.4s ease-in-out infinite cdx-neon-magenta}@keyframes cdx-neon-magenta{0%,to{box-shadow:0 0 0 1px var(--nbc-magenta),0 0 18px #ff008066,0 0 48px #ff00802e}50%{box-shadow:0 0 0 1px var(--nbc-magenta),0 0 30px #ff0080b3,0 0 80px #ff008059}}.codex-root .btn--magenta:hover{background:var(--nbc-magenta);color:var(--nbc-black);letter-spacing:.34em}.codex-root .btn--magenta .dot{background:var(--nbc-magenta);width:6px;height:6px;display:inline-block}.codex-root .section{z-index:2;padding:60px 0;position:relative}.codex-root .gutter{z-index:2;height:140px;position:relative;overflow:hidden}.codex-root .gutter--tall{height:180px}.codex-root .gutter--speed:before{content:"";opacity:.55;background-image:linear-gradient(91deg,#0000 0% 12%,#f4ede08c 12% 12.3%,#0000 12.3% 18%,#f4ede059 18% 18.2%,#0000 18.2% 28%,#f4ede0b3 28% 28.2%,#0000 28.2% 36%,#f4ede066 36% 36.15%,#0000 36.15% 47%,#f4ede099 47% 47.2%,#0000 47.2% 58%,#f4ede04d 58% 58.2%,#0000 58.2% 68%,#f4ede080 68% 68.2%,#0000 68.2% 78%,#f4ede066 78% 78.15%,#0000 78.15% 88%,#f4ede08c 88% 88.2%,#0000);background-repeat:repeat-y;background-size:100% 12px;position:absolute;inset:0;transform:skewY(-1.5deg)}.codex-root .gutter__lines{position:absolute;inset:0}.codex-root .gutter__kanji{color:#f4ede00f;-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:.1em;font-family:serif;font-size:110px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.codex-root .gutter--ink{background:radial-gradient(280px 60px at 18%,#f4ede00a,#0000 60%),radial-gradient(200px 40px at 70% 60%,#ff00800f,#0000 70%),radial-gradient(360px 50px at 90% 40%,#00d4ff0a,#0000 70%)}.codex-root .gutter__splatter{position:absolute;inset:0}.codex-root .gutter__splatter:before,.codex-root .gutter__splatter:after{content:"";filter:blur(14px);border-radius:50%;position:absolute}.codex-root .gutter__splatter:before{background:#f4ede02e;width:240px;height:28px;top:38%;left:14%;transform:rotate(-3deg)}.codex-root .gutter__splatter:after{background:#ff00802e;width:180px;height:14px;top:60%;left:64%;transform:rotate(4deg)}.codex-root .gutter__strip{font-family:var(--f-pixel);letter-spacing:.3em;color:#f4ede08c;background:#07070b66;border-top:1px solid #f4ede01a;border-bottom:1px solid #f4ede01a;justify-content:center;align-items:center;gap:36px;padding:8px 0;font-size:7px;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.codex-root .gutter--vhs{background:var(--nbc-black);height:90px}.codex-root .gutter--vhs:before{content:"";background-image:repeating-linear-gradient(to right,var(--nbc-cyan)0px,var(--nbc-cyan)4px,transparent 4px,transparent 8px,var(--nbc-magenta)8px,var(--nbc-magenta)12px,transparent 12px,transparent 16px,var(--nbc-paper)16px,var(--nbc-paper)18px,transparent 18px,transparent 24px,var(--nbc-amber)24px,var(--nbc-amber)28px,transparent 28px,transparent 32px);opacity:.7;height:8px;animation:1.2s linear infinite cdx-vhs-track;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}@keyframes cdx-vhs-track{0%{background-position:0 0}to{background-position:32px 0}}.codex-root .cnav{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07070bd9;border-bottom:1px solid #f4ede01a;position:sticky;top:0}.codex-root .cnav__inner{align-items:center;gap:18px;padding:12px 0;display:flex}.codex-root .cnav__back{font-family:var(--f-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--nbc-bone);flex-shrink:0;align-items:center;gap:12px;font-size:11px;font-weight:300;transition:color .4s;display:inline-flex}.codex-root .cnav__back:hover{color:var(--nbc-cyan)}.codex-root .cnav__crumb{font-family:var(--f-pixel);letter-spacing:.18em;color:var(--nbc-cyan);flex-shrink:0;font-size:7px}.codex-root .cnav__live{font-family:var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:#f4ede099;flex-shrink:0;align-items:center;gap:8px;font-size:10px;font-weight:300;display:inline-flex}.codex-root .cnav__search{cursor:text;background:#0d0d14b3;border:1px solid #00d4ff4d;flex:1;align-items:center;gap:10px;min-width:220px;max-width:520px;margin:0 auto;padding:7px 12px;transition:border-color .25s,background .25s,box-shadow .25s;display:flex}.codex-root .cnav__search:hover{border-color:var(--nbc-cyan);background:#0d0d14f2;box-shadow:2px 2px #00d4ff66}.codex-root .cnav__search .pmt{font-family:var(--f-mono);color:var(--nbc-jade);font-size:13px}.codex-root .cnav__search .ph{font-family:var(--f-mono);letter-spacing:.04em;color:#f4ede073;text-align:left;flex:1;font-size:12px;font-weight:300}.codex-root .cnav__search:hover .ph{color:#f4ede0b3}.codex-root .cnav__search .kbd{gap:3px;display:inline-flex}.codex-root .cnav__search .kbd span{font-family:var(--f-mono);letter-spacing:.1em;color:#f4ede099;background:#07070b80;border:1px solid #f4ede040;padding:2px 5px;font-size:9px;font-weight:300}@media (width<=900px){.codex-root .cnav__crumb,.codex-root .cnav__live{display:none}.codex-root .cnav__search{max-width:none}}.codex-root .cdx-hero{padding:70px 0 40px;position:relative;overflow:hidden}.codex-root .cdx-hero__kanji{color:var(--nbc-paper);opacity:.025;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:serif;font-size:clamp(360px,42vw,640px);line-height:.8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.codex-root .cdx-hero__search-row{z-index:4;flex-direction:column;align-items:center;gap:18px;max-width:920px;margin:0 auto 36px;display:flex;position:relative}.codex-root .cdx-hero__search-row .cmd{width:100%;box-shadow:6px 6px 0 0 var(--nbc-cyan);margin:0}.codex-root .cdx-hero__search-row .cmd .cmd__head{padding:18px 22px}.codex-root .cdx-hero__search-row .cmd__input{font-size:18px}.codex-root .cdx-concepts{flex-wrap:wrap;justify-content:center;gap:10px;max-width:920px;margin:4px auto 0;display:flex}.codex-root .cdx-concepts__lab{font-family:var(--f-pixel);letter-spacing:.18em;color:#f4ede073;align-self:center;margin-right:6px;font-size:7px}.codex-root .cdx-concept{font-family:var(--f-mono);letter-spacing:.04em;color:var(--nbc-paper);cursor:pointer;background:#0d0d14b3;border:1px solid #f4ede02e;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:300;transition:all .25s;display:inline-flex}.codex-root .cdx-concept:hover{border-color:var(--nbc-cyan);color:var(--nbc-cyan);box-shadow:2px 2px 0 0 var(--nbc-cyan);transform:translate(-1px,-1px)}.codex-root .cdx-concept .glyph{width:14px;height:14px;image-rendering:pixelated}.codex-root .cdx-concept .arrow{color:#f4ede066;font-family:var(--f-mono);margin-right:2px}.codex-root .cdx-concept.is-magenta:hover{border-color:var(--nbc-magenta);color:var(--nbc-magenta);box-shadow:2px 2px 0 0 var(--nbc-magenta)}.codex-root .cdx-concept.is-jade:hover{border-color:var(--nbc-jade);color:var(--nbc-jade);box-shadow:2px 2px 0 0 var(--nbc-jade)}.codex-root .cdx-concept.is-amber:hover{border-color:var(--nbc-amber);color:var(--nbc-amber);box-shadow:2px 2px 0 0 var(--nbc-amber)}.codex-root .cdx-hero__bottom{text-align:center;z-index:3;grid-template-columns:1fr;gap:28px;max-width:920px;margin-top:36px;margin-left:auto;margin-right:auto;display:grid;position:relative}.codex-root .cdx-hero__meta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:inline-flex}.codex-root .cdx-hero__chip{background:#ff00800f;border:1px solid #ff008059;align-items:center;gap:12px;padding:7px 12px;display:inline-flex}.codex-root .cdx-hero__chip .dot{background:var(--nbc-magenta);width:6px;height:6px}.codex-root .cdx-hero__title{font-family:var(--f-display);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:clamp(40px,5.5vw,78px);font-weight:100;line-height:.9}.codex-root .cdx-hero__title .ink{color:var(--nbc-cyan)}.codex-root .cdx-hero__sub{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:24px;margin-top:14px;display:flex}.codex-root .cdx-hero__sub .scr{font-family:var(--f-mono);letter-spacing:.02em;color:var(--nbc-amber);text-transform:none;font-size:clamp(15px,1.6vw,19px);font-style:italic;font-weight:300;line-height:1.4}.codex-root .cdx-hero__sub .scr:before{content:"// ";color:#ffa72673;font-style:normal}.codex-root .cdx-hero__sub .scr:after{content:"";background:var(--nbc-amber);vertical-align:-2px;width:7px;height:14px;margin-left:6px;animation:1s steps(2,end) infinite cdx-blink;display:inline-block}.codex-root .cdx-hero__sub .kanji-line{color:#f4ede038;letter-spacing:.2em;font-family:serif;font-size:26px}.codex-root .cdx-hero__lede{color:#d8cfbed9;max-width:640px;margin-top:20px;margin-left:auto;margin-right:auto;font-size:15px;font-weight:200;line-height:1.6}.codex-root .cdx-hero__boot-strip{font-family:var(--f-mono);letter-spacing:.16em;background:#07070b99;border:1px solid #00d4ff33;flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px;padding:10px 16px;font-size:11px;font-weight:300;display:flex}.codex-root .cdx-hero__boot-strip .ok{color:var(--nbc-jade);margin-right:6px}.codex-root .cdx-hero__boot-strip .warn{color:var(--nbc-amber);margin-right:6px}.codex-root .cdx-hero__boot-strip .key{color:var(--nbc-cyan)}.codex-root .cdx-hero__boot-strip .pmt{color:#f4ede080}.codex-root .cdx-hero__boot-strip .cur{background:var(--nbc-jade);vertical-align:middle;width:7px;height:12px;margin-left:4px;animation:1s steps(2,end) infinite cdx-blink;display:inline-block}.codex-root .cdx-stats{background:#f4ede014;border:1px solid #f4ede01a;grid-template-columns:repeat(2,1fr);gap:1px;margin:50px 0;display:grid}@media (width>=760px){.codex-root .cdx-stats{grid-template-columns:repeat(4,1fr)}}.codex-root .cdx-stat{background:var(--nbc-ink);padding:22px}.codex-root .cdx-stat .lab{font-family:var(--f-pixel);letter-spacing:.18em;color:#f4ede080;align-items:center;gap:10px;font-size:7px;display:flex}.codex-root .cdx-stat .lab .pix{width:10px;height:10px;image-rendering:pixelated;background:currentColor}.codex-root .cdx-stat .num{font-family:var(--f-display);margin-top:12px;font-size:44px;font-weight:100;line-height:1}.codex-root .cdx-stat .meta{font-family:var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:#f4ede066;margin-top:6px;font-size:10px;font-weight:300}.codex-root .cat-head{border-top:1px solid #f4ede014;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding:60px 0 22px;display:flex}.codex-root .cat-head__title{font-family:var(--f-display);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:clamp(28px,3.6vw,44px);font-weight:100;line-height:1}.codex-root .cat-head__num{font-family:var(--f-pixel);letter-spacing:.18em;color:#f4ede073;font-size:8px}.codex-root .cat-head__line{font-family:var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:#f4ede073;align-items:center;gap:10px;font-size:10px;font-weight:300;display:inline-flex}.codex-root .char-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=900px){.codex-root .char-grid{grid-template-rows:320px 240px 240px;grid-template-columns:1.6fr 1fr 1fr;grid-auto-flow:dense;gap:16px}}.codex-root .char{background:var(--nbc-ink);border:1px solid #f4ede02e;min-height:240px;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;position:relative;overflow:hidden}.codex-root .char:hover{transform:translateY(-2px)}.codex-root .char:hover .char__bg{transform:scale(1.04)}.codex-root .char:hover .char__scan{opacity:.5}.codex-root .char:hover .char__details{opacity:1;transform:translateY(0)}.codex-root .char--feature{box-shadow:5px 5px 0 0 var(--nbc-magenta);grid-row:1/4}.codex-root .char--cyan{box-shadow:4px 4px 0 0 var(--nbc-cyan)}.codex-root .char--jade{box-shadow:4px 4px 0 0 var(--nbc-jade)}.codex-root .char--amber{box-shadow:4px 4px 0 0 var(--nbc-amber)}.codex-root .char--magenta{box-shadow:4px 4px 0 0 var(--nbc-magenta)}.codex-root .char--paper{box-shadow:4px 4px #f4ede080}.codex-root .char__bg{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform 1.2s;position:absolute;inset:0}.codex-root .char__vid{-o-object-fit:cover;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.codex-root .char:hover .char__vid{opacity:1}.codex-root .char__shade{background:linear-gradient(to top,var(--nbc-black)5%,#07070b8c 40%,#07070b26 80%);position:absolute;inset:0}.codex-root .char__scan{opacity:0;mix-blend-mode:overlay;background:repeating-linear-gradient(#0000 0 2px,#00d4ff29 2px 3px);transition:opacity .5s;position:absolute;inset:0}.codex-root .char__top{z-index:3;justify-content:space-between;gap:10px;display:flex;position:absolute;inset:12px 12px auto}.codex-root .char__chip{font-family:var(--f-pixel);letter-spacing:.15em;align-items:center;gap:6px;padding:5px 8px;font-size:7px;display:inline-flex}.codex-root .char__chip .dot{background:currentColor;width:5px;height:5px}.codex-root .char__chip--cyan{background:var(--nbc-cyan);color:var(--nbc-black)}.codex-root .char__chip--magenta{background:var(--nbc-magenta);color:var(--nbc-black)}.codex-root .char__chip--amber{background:var(--nbc-amber);color:var(--nbc-black)}.codex-root .char__chip--jade{background:var(--nbc-jade);color:var(--nbc-black)}.codex-root .char__chip--paper{color:var(--nbc-black);background:#f4ede0eb}.codex-root .char__file{font-family:var(--f-pixel);letter-spacing:.15em;color:var(--nbc-paper);background:#07070bb3;padding:5px 8px;font-size:7px}.codex-root .char__body{z-index:3;padding:18px 20px 20px;position:absolute;inset:auto 0 0}.codex-root .char__meta{font-family:var(--f-mono);letter-spacing:.22em;text-transform:uppercase;font-size:10px;font-weight:300}.codex-root .char__name{font-family:var(--f-display);letter-spacing:.04em;text-transform:uppercase;color:var(--nbc-paper);margin:6px 0 0;font-size:clamp(20px,2vw,32px);font-weight:200;line-height:1}.codex-root .char__details{opacity:0;margin-top:12px;transition:transform .5s cubic-bezier(.2,.7,.2,1) 50ms,opacity .5s ease-out 50ms;transform:translateY(12px)}.codex-root .char__quote{color:var(--nbc-bone);max-width:320px;font-size:13px;font-style:italic;font-weight:200;line-height:1.5}.codex-root .char__stats{font-family:var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:#f4ede0b3;grid-template-columns:1fr 1fr;gap:4px 18px;margin-top:12px;font-size:10px;font-weight:300;display:grid}.codex-root .char__stats span:nth-child(odd){color:#f4ede066}.codex-root .houses{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=800px){.codex-root .houses{grid-template-columns:1fr 1fr}}.codex-root .house{background:var(--nbc-ink);border:1px solid #f4ede02e;min-height:320px;padding:28px;position:relative;overflow:hidden}.codex-root .house--vale{box-shadow:5px 5px 0 0 var(--nbc-magenta)}.codex-root .house--kalyx{box-shadow:5px 5px 0 0 var(--nbc-jade)}.codex-root .house__crest{font-family:var(--f-script);color:var(--nbc-paper);opacity:.05;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:240px;font-weight:700;line-height:.8;position:absolute;bottom:-30px;right:-50px}.codex-root .house__head{align-items:center;gap:14px;display:flex}.codex-root .house__sigil{width:36px;height:36px;image-rendering:pixelated}.codex-root .house__name{font-family:var(--f-display);letter-spacing:.06em;text-transform:uppercase;font-size:28px;font-weight:200}.codex-root .house__motto{color:var(--nbc-bone);max-width:360px;margin-top:8px;font-style:italic;font-weight:200;line-height:1.5}.codex-root .house__rows{font-family:var(--f-mono);letter-spacing:.18em;text-transform:uppercase;grid-template-columns:1fr 1fr;gap:10px 24px;margin-top:22px;font-size:11px;font-weight:300;display:grid}.codex-root .house__rows .lab{color:#f4ede066}.codex-root .house__cta{font-family:var(--f-mono);letter-spacing:.28em;text-transform:uppercase;border-bottom:1px solid;align-items:center;gap:12px;margin-top:22px;padding-bottom:4px;font-size:11px;transition:letter-spacing .4s;display:inline-flex}.codex-root .house__cta:hover{letter-spacing:.34em}.codex-root .house--vale .house__cta{color:var(--nbc-magenta)}.codex-root .house--kalyx .house__cta{color:var(--nbc-jade)}.codex-root .loc-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=900px){.codex-root .loc-grid{grid-template-columns:1fr 1fr}}.codex-root .loc{aspect-ratio:16/9;background:var(--nbc-ink);border:1px solid #f4ede02e;display:block;position:relative;overflow:hidden}.codex-root .loc--cyan{box-shadow:4px 4px 0 0 var(--nbc-cyan)}.codex-root .loc--amber{box-shadow:4px 4px 0 0 var(--nbc-amber)}.codex-root .loc--jade{box-shadow:4px 4px 0 0 var(--nbc-jade)}.codex-root .loc--magenta{box-shadow:4px 4px 0 0 var(--nbc-magenta)}.codex-root .loc:hover .char__bg{transform:scale(1.04)}.codex-root .loc:hover .char__vid{opacity:1}.codex-root .items{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width>=700px){.codex-root .items{grid-template-columns:repeat(3,1fr)}}@media (width>=1000px){.codex-root .items{grid-template-columns:repeat(4,1fr)}}.codex-root .item{background:var(--nbc-ink);border:1px solid #f4ede026;flex-direction:column;gap:14px;padding:22px;transition:border-color .4s,box-shadow .4s;display:flex;position:relative}.codex-root .item:hover{border-color:var(--nbc-amber);box-shadow:0 0 0 1px #ffa72699,0 0 20px #ffa72640}.codex-root .item__sigil{width:48px;height:48px;image-rendering:pixelated}.codex-root .item__file{font-family:var(--f-pixel);letter-spacing:.18em;color:#f4ede066;font-size:7px}.codex-root .item__name{font-family:var(--f-display);letter-spacing:.04em;text-transform:uppercase;font-size:18px;font-weight:200;line-height:1.1}.codex-root .item__blurb{color:#d8cfbecc;font-size:13px;font-weight:200;line-height:1.5}.codex-root .item__rarity{gap:3px;margin-top:6px;display:flex}.codex-root .item__rarity span{background:#f4ede033;width:10px;height:4px}.codex-root .item__rarity span.on{background:var(--nbc-amber)}.codex-root .tl{padding:30px 0;position:relative}.codex-root .tl:before{content:"";background:linear-gradient(to bottom,transparent,var(--nbc-cyan)10%,var(--nbc-magenta)90%,transparent);width:1px;position:absolute;top:0;bottom:0;left:18px}.codex-root .tl-row{grid-template-columns:1fr;gap:4px 22px;padding:14px 0 14px 56px;display:grid;position:relative}@media (width>=700px){.codex-root .tl-row{grid-template-columns:160px 1fr;align-items:baseline}}.codex-root .tl-row:before{content:"";background:var(--nbc-paper);width:9px;height:9px;position:absolute;top:22px;left:14px}.codex-root .tl-row.tl-cyan:before{background:var(--nbc-cyan);box-shadow:0 0 12px var(--nbc-cyan)}.codex-root .tl-row.tl-magenta:before{background:var(--nbc-magenta);box-shadow:0 0 12px var(--nbc-magenta)}.codex-root .tl-row.tl-amber:before{background:var(--nbc-amber);box-shadow:0 0 12px var(--nbc-amber)}.codex-root .tl-when{font-family:var(--f-pixel);letter-spacing:.18em;color:var(--nbc-cyan);font-size:8px}.codex-root .tl-title{font-family:var(--f-display);letter-spacing:.04em;text-transform:uppercase;font-size:18px;font-weight:200}.codex-root .tl-blurb{color:#d8cfbed9;grid-column:1/-1;max-width:720px;margin-top:4px;font-size:14px;font-weight:200;line-height:1.55}@media (width>=700px){.codex-root .tl-blurb{grid-column:2/-1}}.codex-root .gloss{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=700px){.codex-root .gloss{grid-template-columns:1fr 1fr}}@media (width>=1000px){.codex-root .gloss{grid-template-columns:1fr 1fr 1fr}}.codex-root .gloss__row{background:#0d0d1480;border-left:2px solid #00d4ff66;padding:16px 18px;transition:border-color .3s,background .3s}.codex-root .gloss__row:hover{border-color:var(--nbc-magenta);background:#ff00800a}.codex-root .gloss__term{font-family:var(--f-display);letter-spacing:.06em;text-transform:uppercase;font-size:16px;font-weight:200}.codex-root .gloss__pron{font-family:var(--f-mono);color:#f4ede066;letter-spacing:.1em;margin-left:8px;font-size:11px;font-weight:300}.codex-root .gloss__def{color:var(--nbc-bone);margin-top:6px;font-size:14px;font-weight:200;line-height:1.5}.codex-root .cdx-foot{text-align:center;padding:90px 0 60px;position:relative;overflow:hidden}.codex-root .cdx-foot:before{content:"記録";color:var(--nbc-paper);opacity:.04;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.1em;font-family:serif;font-size:clamp(280px,32vw,460px);line-height:.8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.codex-root .cdx-foot__inner{box-shadow:8px 8px 0 0 var(--nbc-magenta);background:#0d0d1480;border:1px solid #ff008080;padding:56px 64px;display:inline-block;position:relative}.codex-root .cdx-foot__inner:before,.codex-root .cdx-foot__inner:after{content:"";border:2px solid var(--nbc-cyan);width:18px;height:18px;position:absolute}.codex-root .cdx-foot__inner:before{border-bottom:0;border-right:0;top:-2px;left:-2px}.codex-root .cdx-foot__inner:after{border-top:0;border-left:0;bottom:-2px;right:-2px}.codex-root .cdx-foot__chip{border:1px solid var(--nbc-magenta);align-items:center;gap:10px;margin-bottom:22px;padding:6px 10px;display:inline-flex}.codex-root .cdx-foot__chip .dot{background:var(--nbc-magenta);width:6px;height:6px}.codex-root .cdx-foot__title{font-family:var(--f-display);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:clamp(40px,6vw,84px);font-weight:100;line-height:.95}.codex-root .cdx-foot__stamp{background:var(--nbc-magenta);color:var(--nbc-black);font-family:var(--f-pixel);letter-spacing:.12em;box-shadow:4px 4px 0 0 var(--nbc-black);margin-top:18px;padding:14px 22px;font-size:16px;display:inline-block;transform:rotate(-1.5deg)}.codex-root .cdx-foot__kanji-row{color:#f4ede059;letter-spacing:.3em;align-items:center;gap:18px;margin-top:14px;font-family:serif;font-size:22px;display:inline-flex}.codex-root .cdx-foot__kanji-row span:nth-child(2){color:var(--nbc-cyan)}.codex-root .cdx-foot__sub{max-width:540px;color:var(--nbc-bone);margin:22px auto 26px;font-weight:200;line-height:1.6}.codex-root .cdx-foot__row{flex-wrap:wrap;justify-content:center;gap:14px;display:inline-flex}.codex-root .pix{image-rendering:pixelated;display:inline-block}.codex-root .cmd{background:#0d0d14d9;border:1px solid #00d4ff59;margin:30px 0 36px;position:relative;box-shadow:5px 5px #00d4ff66}.codex-root .cmd.is-open{box-shadow:5px 5px 0 0 var(--nbc-magenta);border-color:var(--nbc-magenta)}.codex-root .cmd__head{background:#07070b99;border-bottom:1px solid #f4ede01a;align-items:center;gap:14px;padding:14px 18px;display:flex}.codex-root .cmd__prompt{font-family:var(--f-mono);color:var(--nbc-jade);font-size:14px}.codex-root .cmd__input{color:var(--nbc-paper);font-family:var(--f-mono);letter-spacing:.04em;background:0 0;border:0;flex:1;font-size:16px;font-weight:300}.codex-root .cmd__input::placeholder{color:#f4ede059}.codex-root .cmd__input:focus{outline:none}.codex-root .cmd__cursor{background:var(--nbc-jade);width:9px;height:18px;animation:1s steps(2,end) infinite cdx-blink;display:inline-block}.codex-root .cmd__keys{align-items:center;gap:8px;display:flex}.codex-root .cmd__kbd{font-family:var(--f-mono);letter-spacing:.12em;color:#f4ede099;background:#07070b80;border:1px solid #f4ede040;align-items:center;gap:4px;padding:4px 7px;font-size:10px;font-weight:300;display:inline-flex}.codex-root .cmd__close{font-family:var(--f-pixel);letter-spacing:.18em;color:#f4ede080;border:1px solid #f4ede033;padding:5px 9px;font-size:7px;display:none}.codex-root .cmd.is-open .cmd__close{display:inline-block}.codex-root .cmd.is-open .cmd__close:hover{color:var(--nbc-magenta);border-color:var(--nbc-magenta)}.codex-root .cmd__bar{border-bottom:1px solid #f4ede014;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;display:flex}.codex-root .cmd__bar .label{font-family:var(--f-pixel);letter-spacing:.18em;color:#f4ede073;margin-right:6px;font-size:7px}.codex-root .cmd__type{font-family:var(--f-pixel);letter-spacing:.16em;color:#f4ede0b3;background:0 0;border:1px solid #f4ede02e;align-items:center;gap:8px;padding:7px 11px;font-size:7px;transition:all .25s;display:inline-flex}.codex-root .cmd__type:hover{color:var(--nbc-paper);border-color:#f4ede080}.codex-root .cmd__type.is-on{color:var(--nbc-black);background:var(--nbc-paper);border-color:var(--nbc-paper)}.codex-root .cmd__type.is-on.t-char{background:var(--nbc-magenta);border-color:var(--nbc-magenta)}.codex-root .cmd__type.is-on.t-loc{background:var(--nbc-cyan);border-color:var(--nbc-cyan)}.codex-root .cmd__type.is-on.t-item{background:var(--nbc-amber);border-color:var(--nbc-amber)}.codex-root .cmd__type.is-on.t-house{background:var(--nbc-jade);border-color:var(--nbc-jade)}.codex-root .cmd__type.is-on.t-beat{background:var(--nbc-paper);border-color:var(--nbc-paper)}.codex-root .cmd__type.is-on.t-term{background:#f4ede0b3;border-color:#f4ede0b3}.codex-root .cmd__type .ct{color:var(--nbc-paper);background:#07070b8c;padding:1px 5px;font-size:6px}.codex-root .cmd__type.is-on .ct{background:#07070bb3}.codex-root .cmd__bar .spacer{flex:1}.codex-root .cmd__count{font-family:var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:#f4ede08c;font-size:10px;font-weight:300}.codex-root .cmd__count em{color:var(--nbc-cyan);font-style:normal}.codex-root .cmd__recents{grid-template-columns:1fr;gap:14px;padding:16px 18px;display:grid}@media (width>=800px){.codex-root .cmd__recents{grid-template-columns:1.1fr 1fr 1fr}}.codex-root .cmd__col h5{font-family:var(--f-pixel);letter-spacing:.18em;color:#f4ede073;margin:0 0 10px;font-size:7px}.codex-root .cmd__chiprow{flex-wrap:wrap;gap:6px;display:flex}.codex-root .cmd__chip{font-family:var(--f-mono);letter-spacing:.04em;color:#f4ede0d9;border:1px solid #f4ede02e;padding:6px 10px;font-size:11px;font-weight:300;transition:all .25s}.codex-root .cmd__chip:hover{color:var(--nbc-cyan);border-color:var(--nbc-cyan)}.codex-root .cmd__chip .arrow{color:#f4ede066;margin-right:6px}.codex-root .cmd__results{border-top:1px solid #00d4ff33;max-height:460px;display:none;overflow-y:auto}.codex-root .cmd.is-open .cmd__results{display:block}.codex-root .cmd__results::-webkit-scrollbar{width:8px}.codex-root .cmd__results::-webkit-scrollbar-track{background:#07070b99}.codex-root .cmd__results::-webkit-scrollbar-thumb{background:#00d4ff66}.codex-root .cmd__group{font-family:var(--f-pixel);letter-spacing:.18em;color:#f4ede066;background:#07070b66;border-bottom:1px solid #f4ede00f;justify-content:space-between;align-items:center;padding:8px 18px 4px;font-size:7px;display:flex}.codex-root .cmd__group .ct{color:var(--nbc-cyan)}.codex-root .cmd__row{cursor:pointer;border-bottom:1px solid #f4ede00d;grid-template-columns:26px 1fr auto auto;align-items:center;gap:14px;padding:11px 18px;transition:background .15s;display:grid}.codex-root .cmd__row:hover,.codex-root .cmd__row.is-cursor{border-left:2px solid var(--nbc-cyan);background:#00d4ff14;padding-left:16px}.codex-root .cmd__row.t-char.is-cursor,.codex-root .cmd__row.t-char:hover{border-left-color:var(--nbc-magenta);background:#ff008014}.codex-root .cmd__row.t-loc.is-cursor,.codex-root .cmd__row.t-loc:hover{border-left-color:var(--nbc-cyan);background:#00d4ff14}.codex-root .cmd__row.t-item.is-cursor,.codex-root .cmd__row.t-item:hover{border-left-color:var(--nbc-amber);background:#ffa72614}.codex-root .cmd__row.t-house.is-cursor,.codex-root .cmd__row.t-house:hover{border-left-color:var(--nbc-jade);background:#4ade8014}.codex-root .cmd__icon{width:22px;height:22px;image-rendering:pixelated;flex-shrink:0}.codex-root .cmd__name{font-family:var(--f-display);letter-spacing:.04em;text-transform:uppercase;color:var(--nbc-paper);font-size:14px;font-weight:300}.codex-root .cmd__name mark{background:var(--nbc-cyan);color:var(--nbc-black);padding:1px 3px}.codex-root .cmd__desc{font-family:var(--f-mono);color:#f4ede08c;letter-spacing:.02em;margin-top:2px;font-size:11px;font-weight:300}.codex-root .cmd__type-tag{font-family:var(--f-pixel);letter-spacing:.18em;padding:3px 7px;font-size:6px}.codex-root .cmd__type-tag.t-char{background:var(--nbc-magenta);color:var(--nbc-black)}.codex-root .cmd__type-tag.t-loc{background:var(--nbc-cyan);color:var(--nbc-black)}.codex-root .cmd__type-tag.t-item{background:var(--nbc-amber);color:var(--nbc-black)}.codex-root .cmd__type-tag.t-house{background:var(--nbc-jade);color:var(--nbc-black)}.codex-root .cmd__type-tag.t-beat{background:var(--nbc-paper);color:var(--nbc-black)}.codex-root .cmd__type-tag.t-term{color:var(--nbc-black);background:#f4ede0b3}.codex-root .cmd__file{font-family:var(--f-pixel);letter-spacing:.16em;color:#f4ede059;font-size:7px}.codex-root .cmd__empty{text-align:center;font-family:var(--f-mono);color:#f4ede080;padding:30px 18px;font-size:12px;font-weight:300}.codex-root .cmd__empty .err{color:var(--nbc-blood)}.codex-root .cmd__empty .key{color:var(--nbc-cyan)}.codex-root .cmd__foot{font-family:var(--f-mono);letter-spacing:.16em;color:#f4ede066;border-top:1px solid #f4ede014;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:10px 18px;font-size:10px;font-weight:300;display:flex}.codex-root .cmd__foot .keys{flex-wrap:wrap;gap:14px;display:flex}.codex-root .cmd__foot .keys span b{color:var(--nbc-paper);font-weight:400}.codex-root .reel{position:relative}.codex-root .reel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;padding:40px 0 22px;display:flex}.codex-root .reel-head .lab{font-family:var(--f-pixel);letter-spacing:.18em;color:#f4ede073;font-size:8px}.codex-root .reel-head h2{font-family:var(--f-display);letter-spacing:.08em;text-transform:uppercase;margin:6px 0 0;font-size:clamp(28px,3.6vw,44px);font-weight:100;line-height:1}.codex-root .reel-head .ctrls{font-family:var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:#f4ede080;flex-wrap:wrap;gap:14px;font-size:10px;font-weight:300;display:flex}.codex-root .reel-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=800px){.codex-root .reel-grid{grid-template-rows:280px 280px;grid-template-columns:2fr 1fr 1fr}}.codex-root .cut{background:var(--nbc-ink);border:1px solid #f4ede02e;min-height:220px;position:relative;overflow:hidden}.codex-root .cut--feature{box-shadow:5px 5px 0 0 var(--nbc-cyan);grid-row:1/3}.codex-root .cut--m{box-shadow:4px 4px 0 0 var(--nbc-magenta)}.codex-root .cut--a{box-shadow:4px 4px 0 0 var(--nbc-amber)}.codex-root .cut--j{box-shadow:4px 4px 0 0 var(--nbc-jade)}.codex-root .cut--p{box-shadow:4px 4px #f4ede080}.codex-root .cut__frames{position:absolute;inset:0}.codex-root .cut__frames img{-o-object-fit:cover;object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.codex-root .cut--feature .cut__frames img{animation:2.4s step-end infinite cdx-reelA}.codex-root .cut--feature .cut__frames img:first-child{animation-delay:0s}.codex-root .cut--feature .cut__frames img:nth-child(2){animation-delay:.6s}.codex-root .cut--feature .cut__frames img:nth-child(3){animation-delay:1.2s}.codex-root .cut--feature .cut__frames img:nth-child(4){animation-delay:1.8s}@keyframes cdx-reelA{0%,24%{opacity:1}25%,to{opacity:0}}.codex-root .cut:not(.cut--feature) .cut__frames img{animation:1.8s step-end infinite cdx-reelB}.codex-root .cut:not(.cut--feature) .cut__frames img:first-child{animation-delay:0s}.codex-root .cut:not(.cut--feature) .cut__frames img:nth-child(2){animation-delay:.6s}.codex-root .cut:not(.cut--feature) .cut__frames img:nth-child(3){animation-delay:1.2s}@keyframes cdx-reelB{0%,32%{opacity:1}33%,to{opacity:0}}.codex-root .cut__shade{background:linear-gradient(to top,var(--nbc-black),#07070b4d 50%,transparent 80%);position:absolute;inset:0}.codex-root .cut__scan{pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#0000002e 3px,#0000 4px);position:absolute;inset:0}.codex-root .cut__sweep{pointer-events:none;background:linear-gradient(#0000,#00d4ff2e,#0000);height:60px;animation:4s linear infinite cdx-sweep;position:absolute;left:0;right:0}@keyframes cdx-sweep{0%{top:-10%}to{top:110%}}.codex-root .cut__chrome{z-index:3;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;inset:12px 12px auto}.codex-root .cut__rec{color:var(--nbc-black);font-family:var(--f-pixel);letter-spacing:.18em;background:#ff0080eb;align-items:center;gap:8px;padding:5px 10px;font-size:7px;display:inline-flex}.codex-root .cut__rec .dot{background:var(--nbc-black);border-radius:50%;width:6px;height:6px;animation:1s steps(2,end) infinite cdx-blink}.codex-root .cut__tc{color:var(--nbc-jade);font-family:var(--f-mono);letter-spacing:.18em;background:#07070bb3;border:1px solid #4ade8066;padding:5px 10px;font-size:10px;font-weight:300}.codex-root .cut__body{z-index:3;padding:16px 18px;position:absolute;inset:auto 0 0}.codex-root .cut__beat{font-family:var(--f-pixel);letter-spacing:.18em;color:var(--nbc-cyan);font-size:7px}.codex-root .cut__title{font-family:var(--f-display);letter-spacing:.04em;text-transform:uppercase;color:var(--nbc-paper);margin:4px 0 0;font-size:clamp(16px,1.7vw,24px);font-weight:200}.codex-root .cut__meta{font-family:var(--f-mono);letter-spacing:.18em;color:#f4ede099;flex-wrap:wrap;gap:16px;margin-top:6px;font-size:10px;font-weight:300;display:flex}.codex-root .cut:hover .cut__sweep{animation-duration:1.4s}.codex-root .cut:hover .cut__scan{background:repeating-linear-gradient(#0000 0 2px,#00d4ff38 3px,#0000 4px)}.codex-root .map-wrap{grid-template-columns:1fr;gap:18px;margin-top:8px;display:grid;position:relative}@media (width>=900px){.codex-root .map-wrap{grid-template-columns:1.6fr 1fr}}.codex-root .pmap{aspect-ratio:16/10;box-shadow:5px 5px 0 0 var(--nbc-cyan);image-rendering:pixelated;background:linear-gradient(#050510 0%,#0a0a18 60%,#04040a 100%);border:1px solid #00d4ff4d;position:relative;overflow:hidden}.codex-root .pmap__stars{opacity:.85;background-image:radial-gradient(1px 1px at 12% 18%,#f4ede0 99%,#0000 100%),radial-gradient(1px 1px at 28% 42%,#00d4ff 99%,#0000 100%),radial-gradient(1px 1px at 65% 12%,#f4ede0 99%,#0000 100%),radial-gradient(1px 1px at 78% 38%,#ff0080 99%,#0000 100%),radial-gradient(1px 1px at 88% 22%,#f4ede0 99%,#0000 100%),radial-gradient(1px 1px at 42% 8%,#ffa726 99%,#0000 100%),radial-gradient(1px 1px at 18% 62%,#4ade80 99%,#0000 100%);background-size:100% 100%;position:absolute;inset:0}.codex-root .pmap__grid{background:repeating-linear-gradient(90deg,#00d4ff0f 0 1px,#0000 1px 40px),repeating-linear-gradient(#00d4ff0f 0 1px,#0000 1px 40px);position:absolute;inset:0}.codex-root .pmap__sweep{pointer-events:none;background:conic-gradient(#00d4ff00 0deg,#00d4ff2e 30deg,#00d4ff00 60deg);width:200%;height:200%;animation:8s linear infinite cdx-mapSweep;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes cdx-mapSweep{to{transform:translate(-50%,-50%)rotate(360deg)}}.codex-root .pmap__pin{flex-direction:column;align-items:center;gap:4px;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.codex-root .pmap__pin .glyph{width:16px;height:16px;image-rendering:pixelated}.codex-root .pmap__pin .lbl{font-family:var(--f-pixel);letter-spacing:.15em;color:currentColor;white-space:nowrap;background:#07070bd9;border:1px solid;padding:2px 5px;font-size:6px}.codex-root .pmap__pin.is-cyan{color:var(--nbc-cyan)}.codex-root .pmap__pin.is-magenta{color:var(--nbc-magenta)}.codex-root .pmap__pin.is-amber{color:var(--nbc-amber)}.codex-root .pmap__pin.is-jade{color:var(--nbc-jade)}.codex-root .pmap__pin.is-paper{color:var(--nbc-paper)}.codex-root .pmap__pulse{background:currentColor;border-radius:50%;width:12px;height:12px;animation:1.6s ease-out infinite cdx-pulseDot;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0}@keyframes cdx-pulseDot{0%{opacity:.95;box-shadow:0 0}80%{opacity:0;box-shadow:0 0 0 18px #0000}to{opacity:0;box-shadow:0 0 #0000}}.codex-root .pmap__legend{font-family:var(--f-pixel);letter-spacing:.18em;color:#f4ede0b3;background:#07070bb3;border:1px solid #00d4ff4d;padding:8px 10px;font-size:6px;position:absolute;bottom:14px;left:14px}.codex-root .pmap__crosshair{font-family:var(--f-mono);letter-spacing:.2em;color:var(--nbc-jade);background:#07070bb3;border:1px solid #4ade8066;padding:5px 9px;font-size:9px;font-weight:300;position:absolute;top:14px;right:14px}.codex-root .map-side{flex-direction:column;gap:12px;display:flex}.codex-root .map-row{background:#0d0d1480;border:1px solid #f4ede01f;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;transition:border-color .3s,background .3s;display:grid}.codex-root .map-row:hover{border-color:var(--nbc-cyan);background:#00d4ff0a}.codex-root .map-row .pix-icon{width:22px;height:22px;image-rendering:pixelated}.codex-root .map-row .name{font-family:var(--f-display);letter-spacing:.05em;text-transform:uppercase;font-size:14px;font-weight:200}.codex-root .map-row .desc{font-family:var(--f-mono);letter-spacing:.18em;color:#f4ede080;margin-top:3px;font-size:10px;font-weight:300}.codex-root .map-row .file{font-family:var(--f-pixel);letter-spacing:.18em;color:#f4ede059;font-size:7px}