:root{
  --paper:#d8c2a0;
  --paper2:#b99d77;
  --ink:#050403;
  --black:#070604;
  --pink:#e0115f;
  --pink2:#ff2f7d;
  --yellow:#f5b900;
  --bone:#f1dfbf;
  --cream:#ffe8b6;
  --rust:#6c2c1f;
  --muted:#2f241a;
  --line:rgba(5,4,3,.82);
  --font-display:Impact,Haettenschweiler,"Arial Black",system-ui,sans-serif;
  --font-body:"Courier New",Courier,ui-monospace,monospace;
}
*{box-sizing:border-box}
html{background:#050403;scroll-behavior:smooth;overflow-x:hidden;width:100%;max-width:100%}
body{margin:0;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:var(--font-body);letter-spacing:-.015em}
body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 20%,rgba(224,17,95,.18),transparent 20rem),radial-gradient(circle at 80% 12%,rgba(245,185,0,.18),transparent 24rem),linear-gradient(115deg,rgba(0,0,0,.08),transparent 38%,rgba(0,0,0,.16)),var(--paper);}
.grain-space{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.42;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.83' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E"),radial-gradient(circle,rgba(5,4,3,.5) 0 1px,transparent 1.5px);background-size:150px 150px,9px 9px}
.scanlines{position:fixed;inset:0;z-index:8;pointer-events:none;opacity:.18;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 5px)}
.poster-rails{position:fixed;inset:12px;z-index:2;pointer-events:none;border:2px dashed rgba(5,4,3,.48);box-shadow:inset 0 0 0 5px rgba(224,17,95,.06)}
.poster-rails span{position:absolute;background:var(--pink);filter:contrast(1.2)}
.poster-rails span:nth-child(1){width:64px;height:10px;left:24px;top:22px;transform:rotate(-6deg)}
.poster-rails span:nth-child(2){width:10px;height:60px;right:24px;top:22px;transform:rotate(5deg)}
.poster-rails span:nth-child(3){width:74px;height:10px;right:24px;bottom:22px;transform:rotate(4deg)}
.poster-rails span:nth-child(4){width:10px;height:62px;left:24px;bottom:22px;transform:rotate(-3deg)}
a{color:var(--pink);font-weight:1000;text-decoration-thickness:3px;text-underline-offset:3px}.hero,main,footer{position:relative;z-index:3;width:min(1180px,calc(100% - 34px));max-width:100%;min-width:0;margin:0 auto}.hero{margin-top:22px}.image-hero{padding:0;background:#050403}.image-hero img{display:block;width:100%;max-width:100%;height:auto;border:5px solid var(--black);box-shadow:10px 10px 0 var(--pink),-7px -7px 0 var(--yellow),0 22px 55px rgba(5,4,3,.36);filter:saturate(1.06) contrast(1.04)}
.poster-card{position:relative;min-width:0;max-width:100%;border:4px solid var(--black);background:linear-gradient(180deg,rgba(222,197,158,.96),rgba(196,165,119,.92));box-shadow:9px 9px 0 rgba(5,4,3,.92),14px 14px 0 rgba(224,17,95,.42);overflow:hidden}.poster-card:before{content:"";position:absolute;inset:10px;border:1px dashed rgba(5,4,3,.38);pointer-events:none}.poster-card:after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;opacity:.25;background:radial-gradient(circle,rgba(5,4,3,.5) 0 1px,transparent 1.6px);background-size:7px 7px}
h2,h3{font-family:var(--font-display);text-transform:uppercase;margin:0;color:var(--black);line-height:.86;letter-spacing:-.06em;text-shadow:3px 3px 0 var(--pink),5px 5px 0 rgba(245,185,0,.75)}h2{font-size:clamp(2.05rem,5vw,4.55rem)}h3{font-size:clamp(1.65rem,3.3vw,3rem)}p{color:var(--muted);font-weight:900;line-height:1.3}.kicker{display:inline-block;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:.84rem;color:var(--bone);background:var(--black);padding:7px 10px 5px;transform:rotate(-1.5deg);box-shadow:5px 5px 0 var(--pink)}
.stats-grid{display:grid;grid-template-columns:1.15fr repeat(4,minmax(110px,1fr));align-items:stretch;gap:0;margin:18px 0 22px;border:4px solid var(--black);background:var(--black);box-shadow:9px 9px 0 rgba(224,17,95,.42);overflow:hidden}.signal-label,.stat{min-height:76px;padding:12px 15px;display:flex;flex-direction:column}.signal-label{justify-content:center;background:var(--pink);color:var(--bone);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 50%,calc(100% - 22px) 100%,0 100%)}.signal-label b,.stat b{font-family:var(--font-display);letter-spacing:-.045em;line-height:.86}.signal-label b{font-size:1.6rem;text-shadow:2px 2px 0 var(--black)}.signal-label span{font-weight:1000;text-transform:uppercase;font-size:.74rem}.stat{position:relative;justify-content:flex-start;background:var(--bone);border-left:3px solid var(--black);padding:30px 15px 14px}.stat:before{content:"";position:absolute;left:12px;right:12px;top:14px;height:5px;background:repeating-linear-gradient(90deg,var(--black) 0 14px,transparent 14px 22px)}.stat b{display:block;font-size:clamp(1.35rem,2.45vw,2.12rem);color:var(--black);text-shadow:3px 3px 0 var(--yellow);white-space:nowrap;letter-spacing:-.06em}.stat span{display:block;margin-top:5px;font-family:var(--font-display);text-transform:uppercase;color:var(--pink);font-size:.78rem;line-height:.9;letter-spacing:.08em}.panel{margin:20px auto;padding:22px}.panel-head,.deck-head,.state-topline{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}.controls,.tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.filter,.tab,select{border:3px solid var(--black);background:var(--bone);color:var(--black);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.035em;padding:10px 12px 8px;box-shadow:4px 4px 0 rgba(5,4,3,.9);cursor:pointer;transform:rotate(-.4deg)}.filter:nth-child(even),.tab:nth-child(even){transform:rotate(.5deg)}.filter.active,.filter:hover,.tab.active,.tab:hover,select:focus{background:var(--pink);color:var(--bone);border-color:var(--black);box-shadow:5px 5px 0 var(--yellow)}
.atlas-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;min-width:0;max-width:100%;overflow:hidden}.scene-wrap{position:relative;min-width:0;width:100%;max-width:100%;overflow:hidden}.vertical-label{position:absolute;left:-4px;top:42px;z-index:4;writing-mode:vertical-rl;text-orientation:upright;background:var(--pink);color:var(--bone);font-family:var(--font-display);font-size:1rem;letter-spacing:.04em;padding:10px 5px;border:3px solid var(--black);box-shadow:5px 5px 0 var(--yellow)}#scene{height:690px;width:100%;max-width:100%;min-width:0;position:relative;overflow:hidden;contain:layout paint;border:4px solid var(--black);background:radial-gradient(circle at 44% 30%,rgba(224,17,95,.22),transparent 26%),linear-gradient(180deg,#060504,#16100b);clip-path:polygon(0 0,96% 0,100% 5%,100% 100%,4% 100%,0 95%);box-shadow:inset 0 0 0 2px rgba(245,185,0,.3),0 0 0 6px rgba(5,4,3,.08)}#scene:after{content:"DRAG / ZOOM / CLICK";position:absolute;right:14px;top:14px;border:3px solid var(--black);background:var(--yellow);color:var(--black);font-family:var(--font-display);padding:8px 10px 6px;letter-spacing:.06em;box-shadow:4px 4px 0 var(--pink)}#scene>canvas{display:block!important;position:absolute;inset:0;width:100%!important;max-width:100%!important;height:100%!important;min-width:0!important;touch-action:none}.dossier{border:4px solid var(--black);background:var(--bone);padding:16px;box-shadow:7px 7px 0 var(--pink)}.big-number{border:4px solid var(--black);background:linear-gradient(90deg,var(--yellow),var(--pink));color:var(--black);padding:12px;margin:12px 0;box-shadow:5px 5px 0 rgba(5,4,3,.88)}.big-number span{font-family:var(--font-display);font-size:3rem;line-height:.85;display:block}.big-number small{font-family:var(--font-display);text-transform:uppercase}.detail-stack,.truth-grid,.state-board,.leaderboard{display:grid;gap:10px}.detail,.truth,.state-row,.leader-row{border:3px solid rgba(5,4,3,.86);background:rgba(255,232,182,.8);padding:10px;box-shadow:inset 6px 0 0 var(--pink)}.detail b,.truth b{display:block;font-family:var(--font-display);text-transform:uppercase;color:var(--black);letter-spacing:.04em}.detail span,.truth span{color:#120d08;font-weight:1000}.data-deck{min-height:520px}.tab-panel{display:none}.tab-panel.active{display:block}.state-readout{border:4px solid var(--black);background:linear-gradient(135deg,rgba(224,17,95,.16),rgba(245,185,0,.2));padding:14px;margin:14px 0;box-shadow:6px 6px 0 rgba(5,4,3,.85)}.state-readout strong{display:block;font-family:var(--font-display);font-size:3rem;color:var(--pink);text-shadow:3px 3px 0 var(--black),5px 5px 0 var(--yellow);line-height:.8}.state-row,.leader-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;cursor:pointer}.state-row:hover,.leader-row:hover{background:rgba(224,17,95,.16)}.state-row b,.leader-row b{font-family:var(--font-display);color:var(--pink);font-size:1.4rem;text-shadow:1px 1px 0 var(--black)}.state-row span,.leader-row span{font-weight:1000;color:var(--black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.state-row small,.leader-row small{color:#24180f;font-weight:950}.leader-row{grid-template-columns:46px minmax(0,1fr) 130px}.leader-row small{text-align:right}.leader-row em{grid-column:2/4;color:var(--pink);font-style:normal;font-weight:1000}.footer-links{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.footer-links a{border:3px solid var(--black);padding:9px 12px 7px;background:var(--bone);box-shadow:4px 4px 0 var(--pink);font-family:var(--font-display);text-transform:uppercase}.footer-links a:hover{background:var(--yellow);color:var(--black)}footer{padding:18px 22px;margin-bottom:30px}footer p{color:var(--black);font-weight:1000}.dither-tuner{position:fixed;right:18px;bottom:18px;z-index:12;width:min(420px,calc(100vw - 24px));max-height:calc(100vh - 36px);overflow:auto;border:4px solid var(--black);background:var(--bone);box-shadow:8px 8px 0 var(--pink);padding:12px;color:var(--black)}.tuner-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:3px solid var(--black);padding-bottom:8px;margin-bottom:10px}.tuner-head b{font-family:var(--font-display);font-size:1.25rem;color:var(--pink)}.tuner-head span,.tuner-url span{font-weight:1000;color:var(--black);text-transform:uppercase;font-size:.72rem}.tuner-grid{display:grid;gap:8px}.tuner-row{display:grid;grid-template-columns:1fr 150px 48px;align-items:center;gap:9px;font-weight:1000;text-transform:uppercase;font-size:.78rem}.tuner-row input{accent-color:var(--pink);width:100%}.tuner-row output{font-family:var(--font-display);color:var(--pink);text-align:right}.tuner-url{display:block;margin-top:10px}.tuner-url textarea{width:100%;resize:vertical;background:#050403;color:var(--bone);border:3px solid var(--black);padding:8px;font:12px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace}
@media(max-width:980px){.atlas-layout{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(4,1fr)}.signal-label{grid-column:1/-1;min-height:48px;clip-path:none;flex-direction:row;align-items:center;justify-content:space-between;gap:14px}#scene{height:540px}.panel-head,.deck-head,.state-topline{align-items:stretch;flex-direction:column}.controls,.tabs{justify-content:flex-start}}
@media(max-width:560px){.hero,main,footer{width:min(100% - 20px,1180px)}.hero{margin-top:12px}.image-hero img{border-width:3px;box-shadow:5px 5px 0 var(--pink),-4px -4px 0 var(--yellow)}.stats-grid{grid-template-columns:repeat(2,1fr)}.signal-label{grid-column:1/-1;min-height:58px;padding:10px 11px}.stat{min-height:82px;padding:28px 11px 12px}.stat:before{top:12px;left:10px;right:10px}.stat b{font-size:clamp(1.35rem,8vw,1.85rem)}.stat span{font-size:.72rem;margin-top:4px}#scene{height:410px}.panel{padding:14px}.filter,.tab{font-size:.78rem}.state-row,.leader-row{grid-template-columns:34px minmax(0,1fr)}.state-row small,.leader-row small,.leader-row em{grid-column:2}.leader-row small{text-align:left}.poster-rails{display:none}.vertical-label{display:none}.dither-tuner{right:10px;bottom:10px}.tuner-row{grid-template-columns:1fr}.tuner-row output{text-align:left}}