:root{--void:#08090d;--ink:#11141a;--bone:#e9e2d0;--annot:#8a8e98;--coral:#ff5c49;--font-display:"Fraunces", serif;--font-mono:"IBM Plex Mono", monospace;--font-body:"Inter Tight", system-ui, sans-serif;--ease-weighty:cubic-bezier(.16, 1, .3, 1);--dur-camera:.8s;--dur-ui:.35s}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--void);height:100%;color:var(--bone);font-family:var(--font-body);overflow:hidden}::selection{background:var(--coral);color:var(--void)}:root{--cursor-reticle:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\"><circle cx=\"14\" cy=\"14\" r=\"8\" fill=\"none\" stroke=\"%23E9E2D0\" stroke-width=\"1.2\" opacity=\"0.9\"/><circle cx=\"14\" cy=\"14\" r=\"1.6\" fill=\"%23FF5C49\"/><line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"6\" stroke=\"%23E9E2D0\" stroke-width=\"1.2\" opacity=\"0.7\"/><line x1=\"14\" y1=\"22\" x2=\"14\" y2=\"27\" stroke=\"%23E9E2D0\" stroke-width=\"1.2\" opacity=\"0.7\"/><line x1=\"1\" y1=\"14\" x2=\"6\" y2=\"14\" stroke=\"%23E9E2D0\" stroke-width=\"1.2\" opacity=\"0.7\"/><line x1=\"22\" y1=\"14\" x2=\"27\" y2=\"14\" stroke=\"%23E9E2D0\" stroke-width=\"1.2\" opacity=\"0.7\"/></svg>") 14 14;--cursor-target:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\"><circle cx=\"14\" cy=\"14\" r=\"8\" fill=\"none\" stroke=\"%23FF5C49\" stroke-width=\"1.6\"/><circle cx=\"14\" cy=\"14\" r=\"2.4\" fill=\"%23FF5C49\"/><line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"6\" stroke=\"%23FF5C49\" stroke-width=\"1.6\"/><line x1=\"14\" y1=\"22\" x2=\"14\" y2=\"27\" stroke=\"%23FF5C49\" stroke-width=\"1.6\"/><line x1=\"1\" y1=\"14\" x2=\"6\" y2=\"14\" stroke=\"%23FF5C49\" stroke-width=\"1.6\"/><line x1=\"22\" y1=\"14\" x2=\"27\" y2=\"14\" stroke=\"%23FF5C49\" stroke-width=\"1.6\"/></svg>") 14 14}body,canvas{cursor:var(--cursor-reticle), crosshair}canvas:active{cursor:var(--cursor-target), grabbing}button,a,[role=button]{cursor:var(--cursor-target), pointer}.hud{pointer-events:none;z-index:10;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.hud-bar{font-family:var(--font-mono);letter-spacing:.08em;justify-content:space-between;align-items:baseline;padding:18px 24px;font-size:12px;display:flex}.hud-bottom{align-items:flex-end}.hud-top{grid-template-columns:1fr auto 1fr;align-items:baseline;display:grid}.hud-top .dial{justify-self:center}.hud-right{justify-self:end;align-items:baseline;gap:4px;display:flex}.wordmark{color:var(--bone);letter-spacing:.32em;font-size:14px}.cursor{color:var(--coral);animation:1.2s step-end infinite blink}@keyframes blink{50%{opacity:0}}.hud-note{color:var(--annot)}.dial{pointer-events:auto;gap:4px;display:flex}.dial-btn{pointer-events:auto;color:var(--annot);font-family:var(--font-mono);letter-spacing:.14em;cursor:pointer;transition:color var(--dur-ui) ease, border-color var(--dur-ui) ease;background:0 0;border:1px solid #0000;padding:6px 12px;font-size:11px}.dial-btn:hover{color:var(--bone)}.dial-btn.active{color:var(--coral);border-color:color-mix(in srgb, var(--coral) 45%, transparent)}.dial-btn:active{transform:translateY(1px)}.dial .dial-btn.active,.lens-bar .lens-btn.active{animation:.5s nav-engage}@keyframes nav-engage{0%{box-shadow:0 0 18px color-mix(in srgb, var(--coral) 45%, transparent);background:color-mix(in srgb, var(--coral) 12%, transparent);transform:scale(.94)}to{background:0 0;transform:scale(1);box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.dial .dial-btn.active,.lens-bar .lens-btn.active{animation:none}}.names-btn{font-size:10px}.lens-bar{pointer-events:auto;z-index:12;flex-direction:column;gap:18px;display:flex;position:fixed;top:50%;left:24px;transform:translateY(-50%)}.lens-group{flex-direction:column;gap:2px;display:flex}.lens-label{font-family:var(--font-mono);letter-spacing:.26em;color:var(--annot);opacity:.7;margin-bottom:4px;font-size:9px}.lens-btn{text-align:left;padding:4px 8px;font-size:10px}.lens-clear{color:var(--coral);border-color:color-mix(in srgb, var(--coral) 45%, transparent);animation:.15s lens-clear-in}@keyframes lens-clear-in{0%{opacity:0;transform:translateY(-4px)}}.hud-link{color:var(--annot);pointer-events:auto;border-bottom:1px solid #0000;text-decoration:none}.hud-link:hover{color:var(--bone);border-bottom-color:var(--coral)}.hud-layout{text-align:right;flex-direction:column;align-items:flex-end;gap:6px;max-width:480px;display:flex}.hud-layout-name{color:var(--bone);font-family:var(--font-display);letter-spacing:.12em;font-size:20px;font-weight:550}.hud-legend{color:color-mix(in srgb, var(--bone) 85%, transparent);font-family:var(--font-body);letter-spacing:.02em;font-size:16px;line-height:1.5;position:relative}.glitch{animation:1.6s steps(14,end) both glitch-settle}.glitch:before,.glitch:after{content:attr(data-text);opacity:0;position:absolute;inset:0;overflow:hidden}.glitch:before{color:var(--coral);animation:1.6s steps(14,end) both glitch-slice-a,9s steps(2,end) 4s infinite glitch-recur-a}.glitch:after{color:#4595ff;animation:1.6s steps(14,end) both glitch-slice-b,9s steps(2,end) 4s infinite glitch-recur-b}@keyframes glitch-settle{0%{opacity:0;transform:translate(2px)}10%{opacity:1;transform:translate(-1px)}30%{transform:translate(1px)}50%{transform:none}to{opacity:1;transform:none}}@keyframes glitch-slice-a{0%{opacity:.9;clip-path:inset(10% 0 55%);transform:translate(-3px)}20%{opacity:.7;clip-path:inset(60% 0 12%);transform:translate(3px)}40%{opacity:.5;clip-path:inset(30% 0 40%);transform:translate(-2px)}60%{opacity:.25;clip-path:inset(75% 0 5%);transform:translate(1px)}80%,to{opacity:0;clip-path:inset(0);transform:none}}@keyframes glitch-slice-b{0%{opacity:.9;clip-path:inset(55% 0 10%);transform:translate(3px)}20%{opacity:.7;clip-path:inset(8% 0 65%);transform:translate(-3px)}40%{opacity:.5;clip-path:inset(45% 0 25%);transform:translate(2px)}60%{opacity:.25;clip-path:inset(2% 0 80%);transform:translate(-1px)}80%,to{opacity:0;clip-path:inset(0);transform:none}}@keyframes glitch-recur-a{0%,96%{opacity:0}96.6%{opacity:.55;clip-path:inset(20% 0 45%);transform:translate(-2px)}97.4%{opacity:.3;clip-path:inset(65% 0 8%);transform:translate(2px)}98%,to{opacity:0}}@keyframes glitch-recur-b{0%,96%{opacity:0}96.6%{opacity:.55;clip-path:inset(60% 0 12%);transform:translate(2px)}97.4%{opacity:.3;clip-path:inset(10% 0 70%);transform:translate(-2px)}98%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.cursor,.glitch{animation:none}.glitch:before,.glitch:after{display:none}}.key{z-index:13;pointer-events:auto;font-family:var(--font-mono);position:fixed;bottom:56px;left:24px}.key-btn{letter-spacing:.26em;font-size:10px}.key-panel{background:color-mix(in srgb, var(--ink) 88%, transparent);border:1px solid color-mix(in srgb, var(--annot) 30%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:280px;padding:14px 16px;animation:.15s lens-clear-in;position:absolute;bottom:34px;left:0}.key-row{letter-spacing:.12em;color:var(--annot);align-items:center;gap:7px;padding:5px 0;font-size:10px;display:flex}.swatch{border-radius:50%;flex:none;width:8px;height:8px}.swatch.marvel{background:#ff4438}.swatch.dc{background:#4595ff;margin-left:12px}.ramp{flex:none;align-items:flex-end;gap:3px;display:flex}.ramp i{background:var(--bone);opacity:.8;border-radius:50%;display:block}.ramp i:first-child{width:3px;height:3px}.ramp i:nth-child(2){width:6px;height:6px}.ramp i:nth-child(3){width:10px;height:10px}.key-recal{cursor:pointer;font-family:var(--font-mono);letter-spacing:.18em;color:var(--coral);background:0 0;border:none;margin-top:8px;padding:0;font-size:10px}.key-recal:hover{color:var(--bone)}.warp-chip{color:var(--annot);letter-spacing:.18em}.warp-chip:hover{color:var(--coral)}.tooltip{z-index:20;pointer-events:none;font-family:var(--font-mono);letter-spacing:.08em;color:var(--bone);background:color-mix(in srgb, var(--ink) 85%, transparent);border:1px solid #232733;border-left:2px solid var(--coral);white-space:nowrap;padding:6px 10px;font-size:11px;position:fixed;transform:translate(14px,-50%)}.tooltip .dim{color:var(--annot)}.ping{z-index:15;pointer-events:none;border:1px solid var(--coral);border-radius:50%;animation:1.5s ease-out forwards ping-out;position:fixed;transform:translate(-50%,-50%)}@keyframes ping-out{0%{opacity:.9;width:8px;height:8px}to{opacity:0;width:420px;height:420px}}.fieldnotes{z-index:20;max-width:460px;font-family:var(--font-mono);letter-spacing:.06em;background:color-mix(in srgb, var(--ink) 88%, transparent);border:1px solid #232733;border-left:2px solid var(--coral);animation:notes-in .42s var(--ease-weighty) both;padding:14px 18px;position:fixed;bottom:64px;left:24px}.fieldnotes .line1{color:var(--coral);margin-bottom:8px;font-size:11px}.fieldnotes .line2{color:var(--bone);font-size:12px;line-height:1.6}.fieldnotes .line3{color:var(--annot);margin-top:8px;font-size:11px}@keyframes notes-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.expose-counter{z-index:20;font-family:var(--font-mono);letter-spacing:.18em;color:var(--bone);text-shadow:0 0 18px #ff5c4959;font-size:12px;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.expose-counter .n{color:var(--coral)}.dossier{z-index:25;pointer-events:none;width:min(430px,42vw);animation:dossier-in .7s var(--ease-weighty) both;flex-direction:column;justify-content:center;display:flex;position:fixed;top:64px;bottom:64px;right:24px}@keyframes dossier-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}.dossier-plate{background:color-mix(in srgb, var(--ink) 90%, transparent);pointer-events:auto;border:1px solid #232733;padding:28px}.dossier .designation{font-family:var(--font-mono);letter-spacing:.3em;color:var(--coral);font-size:11px}.dossier h2{font-family:var(--font-display);font-variation-settings:"opsz" 60;color:var(--bone);margin:10px 0 20px;font-size:clamp(26px,2.6vw,38px);font-weight:640;line-height:1.04}.dossier dl{font-family:var(--font-mono);letter-spacing:.06em;grid-template-columns:130px 1fr;row-gap:9px;font-size:11.5px;display:grid}.dossier dt{color:var(--annot)}.dossier dd{color:var(--bone)}.dossier .lumen{font-family:var(--font-mono);color:var(--annot);border-top:1px solid #232733;margin-top:20px;padding-top:16px;font-size:11.5px;line-height:1.7}.dossier .lumen b{color:var(--bone);font-weight:500}.dossier .hint{font-family:var(--font-mono);letter-spacing:.14em;color:var(--annot);opacity:.7;margin-top:14px;font-size:10px}.dossier.deceased .designation{color:#a8624f}.dossier.deceased h2{color:#b9a99a}.dossier.deceased .status-value{color:#c96b52}.gauges{z-index:18;pointer-events:none;position:fixed;transform:translate(-50%,-50%)}.gauges svg{display:block;overflow:visible}.gauges .arc-track{stroke:#e9e2d024}.gauges .arc{stroke:var(--coral);transition:stroke-dashoffset 1.4s var(--ease-weighty)}.gauges .year-ring{stroke:#e9e2d038}.gauges .year-tick{stroke:var(--coral)}.gauges .spin{transform-origin:50%;animation:40s linear infinite gauge-spin}@keyframes gauge-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ping,.fieldnotes,.dossier,.gauges .spin{animation:none}.gauges .arc{transition:none}}.signal{margin-top:12px}.signal-bits{align-items:flex-end;gap:2px;height:24px;display:flex;position:relative}.signal-bits .bit{background:color-mix(in srgb, var(--annot) 45%, transparent);transform-origin:bottom;border-radius:1px 1px 0 0;flex:1;min-width:0;animation:1.8s ease-in-out infinite bit-breathe}.signal-bits .bit.on{background:linear-gradient(to top, var(--coral), color-mix(in srgb, var(--coral) 55%, var(--bone)));box-shadow:0 0 6px color-mix(in srgb, var(--coral) 35%, transparent)}@keyframes bit-breathe{0%,to{transform:scaleY(.7)}50%{transform:scaleY(1.08)}}.signal-bits .playhead{background:var(--bone);opacity:.85;width:1px;animation:linear infinite signal-sweep;position:absolute;top:-2px;bottom:-2px}@keyframes signal-sweep{0%{left:0}to{left:100%}}.signal-caption{letter-spacing:.18em;color:var(--annot);margin-top:5px;font-size:9px}@media (prefers-reduced-motion:reduce){.signal-bits .playhead{opacity:0;animation:none}.signal-bits .bit{animation:none}}.companion{border-top:1px solid color-mix(in srgb, var(--annot) 22%, transparent);margin-top:14px;padding-top:12px}.companion-find,.companion-traverse{border:1px solid color-mix(in srgb, var(--coral) 40%, transparent);color:var(--coral);font-family:var(--font-mono);letter-spacing:.18em;cursor:pointer;background:0 0;padding:6px 12px;font-size:10px;transition:background .15s,color .15s}.companion-find:hover,.companion-traverse:hover{background:color-mix(in srgb, var(--coral) 14%, transparent);color:var(--bone)}.companion-label{font-family:var(--font-mono);letter-spacing:.26em;color:var(--annot);font-size:9px}.companion-name{font-family:var(--font-display);color:var(--bone);align-items:baseline;gap:8px;margin:4px 0 2px;font-size:18px;display:flex}.companion-uni{font-family:var(--font-mono);letter-spacing:.2em;color:var(--annot);font-size:9px}.companion-meta{font-family:var(--font-mono);letter-spacing:.08em;color:var(--annot);margin-bottom:8px;font-size:10px}.warp-scrim{z-index:30;background:color-mix(in srgb, var(--void) 35%, transparent);pointer-events:auto;justify-content:center;align-items:flex-start;padding-top:18vh;display:flex;position:fixed;inset:0}.warp-panel{background:color-mix(in srgb, var(--ink) 92%, transparent);border:1px solid color-mix(in srgb, var(--annot) 35%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(560px,92vw);padding:16px 18px 12px;animation:.15s lens-clear-in}.warp-input{width:100%;color:var(--bone);font-family:var(--font-mono);letter-spacing:.12em;caret-color:var(--coral);border:none;border-bottom:1px solid color-mix(in srgb, var(--annot) 30%, transparent);background:0 0;outline:none;padding:4px 0 10px;font-size:18px}.warp-input::placeholder{color:var(--annot);opacity:.6}.warp-head{font-family:var(--font-mono);letter-spacing:.22em;color:var(--annot);padding:10px 0 6px;font-size:9px}.warp-results{margin:0;padding:0;list-style:none}.warp-row{cursor:pointer;font-family:var(--font-mono);border:1px solid #0000;grid-template-columns:auto 1fr auto auto;align-items:baseline;gap:10px;padding:7px 8px;display:grid}.warp-row.active{background:color-mix(in srgb, var(--coral) 10%, transparent);border-color:color-mix(in srgb, var(--coral) 35%, transparent)}.warp-dot{border-radius:50%;align-self:center;width:7px;height:7px}.warp-dot.marvel{background:#ff4438}.warp-dot.dc{background:#4595ff}.warp-name{color:var(--bone);letter-spacing:.04em;font-size:14px}.warp-name mark{color:var(--coral);background:0 0}.warp-desig{color:var(--annot);letter-spacing:.1em;font-size:10px}.warp-stat{color:var(--annot);opacity:.8;white-space:nowrap;font-size:10px}.warp-fly{color:var(--coral);letter-spacing:.18em;font-size:9px}@media (prefers-reduced-motion:reduce){.warp-panel{animation:none}}.calibration{pointer-events:none;z-index:14;font-family:var(--font-mono);letter-spacing:.24em;color:var(--bone);text-shadow:0 1px 12px #08090df2;white-space:nowrap;font-size:15px;position:fixed;top:14vh;left:50%;transform:translate(-50%)}.cal-caret{color:var(--coral);animation:1.2s step-end infinite blink}.cal-scramble{color:var(--coral);opacity:.75}.calibration{animation:2.8s steps(2,end) infinite cal-aberrate}@keyframes cal-aberrate{0%,90%{text-shadow:0 1px 12px #08090df2;transform:translate(-50%)}93%{text-shadow:-2px 0 var(--coral), 2px 0 #4595ff, 0 1px 12px #08090df2;transform:translate(calc(1px - 50%))}96%{text-shadow:2px 0 var(--coral), -2px 0 #4595ff, 0 1px 12px #08090df2;transform:translate(calc(-50% - 1px))}98%,to{text-shadow:0 1px 12px #08090df2;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.calibration,.cal-caret{animation:none}}.manual{background:radial-gradient(ellipse at 30% -10%, #0d1018 0%, var(--void) 55%);height:100%;padding:64px clamp(24px,8vw,120px) 120px;overflow-y:auto}.manual section{max-width:880px;margin-top:72px}.manual-head .display{font-family:var(--font-display);letter-spacing:-.015em;margin:12px 0;font-size:clamp(56px,9vw,128px);font-weight:560;line-height:.95}.mono{font-family:var(--font-mono);letter-spacing:.06em;font-size:13px}.dim{color:var(--annot)}.coral{color:var(--coral)}.body{font-family:var(--font-body);color:var(--bone);font-size:16px;line-height:1.6}.section-label{color:var(--coral);letter-spacing:.2em;margin-bottom:24px}.rule{max-width:640px;color:var(--annot);margin-bottom:28px}.rule em{color:var(--bone);font-style:normal}.swatch-row{flex-wrap:wrap;gap:20px;margin-bottom:40px;display:flex}.swatch{width:150px}.chip{border:1px solid #1d212a;border-radius:2px;height:88px;margin-bottom:10px}.chip.glow{border:none;box-shadow:0 0 32px -4px}.swatch figcaption{font-size:11px;line-height:1.5}.specimen{margin-bottom:44px}.spec-display{font-family:var(--font-display);font-variation-settings:"opsz" 144;margin-top:6px;font-size:clamp(40px,6vw,84px);font-weight:400;line-height:1.05}.spec-display.heavy{letter-spacing:-.01em;font-weight:750}.spec-mono{color:var(--bone);margin-top:10px;line-height:1.8}.spec-body{max-width:560px;margin-top:10px}.ease-demo{background:var(--ink);border-radius:2px;width:min(640px,100%);height:40px;margin-bottom:10px;position:relative}.ease-dot{background:var(--coral);width:12px;height:12px;transition:transform 1.8s var(--ease-weighty);border-radius:50%;position:absolute;top:14px;left:12px}.ease-demo:hover .ease-dot{transform:translate(min(580px,80vw))}.verbs{color:var(--bone);line-height:2.4;list-style:none}.manual-foot{margin-top:96px}@media (prefers-reduced-motion:reduce){.ease-dot{transition:none}}