:root{color-scheme:dark;--paper:#f2ecdb;--dim:#b1b7c2;--gold:#e6be6b;--red:#ed5060;--blue:#80bde3;--line:#343b4b;--panel:#121923;--black:#090c12;font-family:'IBM Plex Sans',Arial,sans-serif;background:var(--black);color:var(--paper)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#182b46,transparent 55%),var(--black);min-height:100vh}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.top{border-bottom:1px solid var(--line)}.top .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0}.brand{font-weight:800;text-decoration:none;letter-spacing:.08em}.top nav{display:flex;gap:20px;font-size:13px}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--gold);font-weight:700;text-transform:uppercase}.hero{padding:48px 0 28px}.hero h1{font:clamp(52px,9vw,100px)/.98 Anton,Impact,sans-serif;text-transform:uppercase;margin:12px 0 20px}.hero h1 span{color:var(--red)}.hero p{max-width:680px;color:var(--dim);line-height:1.6}.practice{display:flex;gap:20px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;font-size:13px;color:var(--dim);margin-bottom:26px}.practice b{color:var(--gold)}.cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.card{grid-column:span 2;text-align:left;position:relative;display:flex;flex-direction:column;border:1px solid var(--line);background:var(--panel);color:var(--paper);padding:0;overflow:hidden;transition:transform .15s,border-color .15s}.card:hover{transform:translateY(-4px);border-color:var(--gold)}.card.small{grid-column:span 3}.card img{display:block;width:100%;height:210px;object-fit:cover;object-position:center 25%;filter:saturate(.8)}.card .copy{padding:23px;display:flex;flex:1;flex-direction:column}.card h2{font:32px/1.02 Anton,Impact,sans-serif;margin:13px 0}.card p{color:var(--dim);font-size:14px;line-height:1.55;margin:0 0 22px}.card .play-label{margin-top:auto;border-top:1px solid var(--line);padding-top:16px;color:var(--gold);display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:700}.card.small .copy{border-top:4px solid var(--blue)}.menu{padding-bottom:50px}.playbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0}.playbar h2{font:24px Anton,Impact,sans-serif;margin:0}.button{padding:12px 18px;background:var(--gold);color:#10151c;border:1px solid var(--gold);font-weight:700;min-height:46px}.button.secondary{color:var(--paper);background:#182131;border-color:var(--line)}.button:disabled{opacity:.5;cursor:default}.stage{border:1px solid var(--line);background:var(--panel);padding:clamp(18px,4vw,36px);margin-bottom:35px}.stage h3{font:clamp(30px,5vw,48px)/1.05 Anton,Impact,sans-serif;margin:12px 0}.lede{line-height:1.65;color:var(--dim);max-width:760px}.hud{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;border-block:1px solid var(--line);padding:14px 0;margin:20px 0}.hud b{color:var(--gold)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.notice{padding:16px;border-left:4px solid var(--blue);background:#1b2b40;line-height:1.5;margin:18px 0;min-height:56px}.hint{font-size:12px;line-height:1.6;color:var(--dim)}.case-layout{display:grid;grid-template-columns:220px 1fr;gap:24px}.clue{padding:15px;border:1px solid var(--line);margin-bottom:10px;line-height:1.5}.clue b{display:block;color:var(--gold)}.case-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.file{border:1px solid #596477;background:#192332;color:var(--paper);text-align:left;padding:15px;min-height:118px}.file b{display:block;color:var(--gold);font-size:12px;margin-bottom:10px}.file span{display:block;font-size:13px;line-height:1.65}.file.eliminated{opacity:.3;text-decoration:line-through}.file.selected{outline:3px solid var(--gold)}.runner{display:block;width:min(100%,480px);height:auto;margin:auto;background:#0a101a;border:1px solid #61708b}.runner-actions{justify-content:center}.runner-actions button{min-width:110px}.signal-track{height:105px;position:relative;border:1px solid #718098;background:repeating-linear-gradient(90deg,#0a101a 0,#0a101a calc(10% - 1px),#283547 calc(10% - 1px),#283547 10%);overflow:hidden;margin:26px 0}.target-zone{position:absolute;top:0;bottom:0;background:#365c45;border-inline:2px solid #9be4a5}.target-zone:after{content:'LOCK ZONE';position:absolute;inset:12px 0;text-align:center;font-size:10px;color:#e1ffe1}.needle{position:absolute;top:0;bottom:0;width:4px;background:#fff;box-shadow:0 0 12px #fff}.big-control{width:100%;font-size:18px;min-height:65px}.pads{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.pad{background:#172438;border:2px solid #5b7fa5;color:white;min-height:110px;font-size:28px;font-weight:700}.pad.lit{background:#e6be6b;color:#09101c;border-color:#fff}.broadcast{padding:38px;text-align:center;border:1px solid var(--line);font:48px Anton,Impact,sans-serif}.result{text-align:center;max-width:650px;margin:auto}.result .score{font:90px/1 Anton,Impact,sans-serif;color:var(--gold)}.result .actions{justify-content:center}footer{border-top:1px solid var(--line);padding:26px 0;color:var(--dim);font-size:12px;line-height:1.8}.pause-note{color:var(--gold);font-weight:700}
@media(max-width:760px){.card{grid-column:span 3}.card:nth-child(3){grid-column:span 6}.card:nth-child(3) img{height:180px}.case-layout{grid-template-columns:1fr}.clues{display:flex;gap:8px;flex-wrap:wrap}.clue{flex:1;min-width:100px}.top .wrap{align-items:start}.top nav{gap:12px;flex-wrap:wrap}.hero{padding-top:30px}}
@media(max-width:480px){.card,.card.small{grid-column:span 6}.card img{height:190px}.file{padding:10px;min-height:110px}.file span{font-size:11px}.case-board{gap:7px}.pads{gap:6px}.pad{min-height:78px}.stage{padding:16px}.playbar h2{font-size:19px}.top nav{font-size:12px}.brand{font-size:13px}}
.pad small{display:block;font:700 13px 'IBM Plex Sans',Arial,sans-serif;margin-top:8px}.pipe-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;max-width:660px;margin:auto}.pipe-tile{min-width:0;min-height:95px;padding:6px 2px;border:1px solid #6984a0;background:#152335;color:#e0ebf6}.pipe-tile>span{display:block;font:64px/1 monospace}.pipe-tile small{display:block;font-size:9px;min-height:22px;letter-spacing:.02em}.pipe-tile:disabled{opacity:1;cursor:default}.pipe-tile.priority{border:3px solid #e6be6b;color:#e6be6b}.pipe-tile.advert{background:#195a8c;color:white}.pipe-tile.wet{background:#164d69}.pipe-tile.served{background:#255c43}.card.small{grid-column:span 2}@media(max-width:760px){.card.small{grid-column:span 3}.card.small:last-child{grid-column:span 6}}@media(max-width:480px){.card.small{grid-column:span 6}.pipe-tile{min-height:80px}.pipe-tile>span{font-size:44px}.pipe-tile small{font-size:8px}}
.shop-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.shop-products{display:grid;gap:8px;align-content:start}.product{padding:12px;text-align:left;background:#211c35;color:var(--paper);border:1px solid #86719e}.product span{display:block;font-size:12px;margin-top:6px}.chosen{outline:3px solid var(--gold);outline-offset:-3px}.cart-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.cart-cell{aspect-ratio:1;background:#111b29;border:1px solid #688099;color:var(--paper);min-width:0}.cart-cell.packed{background:#49336a}.cart-cell small{display:block;font-size:8px;overflow-wrap:anywhere}.war-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:125px;background:#323c46;color:#fff;border:1px solid #718096}.zone.ga{background:#183f69}.zone.china{background:#762c36}.zone b{font-size:30px}.zone span,.zone small{font-size:11px}.zone.targeted{border:3px dashed var(--gold)}.card.small:nth-last-child(-n+2){grid-column:span 3}.help-dialog{width:min(650px,calc(100% - 30px));max-height:calc(100% - 30px);overflow:auto;border:1px solid var(--gold);background:#101823;color:var(--paper);padding:0;box-shadow:0 20px 80px #000}.help-dialog::backdrop{background:rgba(0,0,0,.78)}.help-dialog form{padding:clamp(22px,5vw,42px)}.help-dialog h2{font:clamp(30px,6vw,48px)/1 Anton,Impact,sans-serif;margin:12px 0 24px}.help-dialog h3{color:var(--gold);font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:24px 0 8px}.help-dialog p,.help-dialog li{color:#d2d8e0;line-height:1.65}.help-dialog ul{padding-left:22px}.help-close{float:right;background:transparent;border:0;color:white;font-size:32px;line-height:1}.help-dialog .button{margin-top:16px}@media(max-width:600px){.shop-layout{grid-template-columns:1fr}.war-grid{gap:4px}.zone{min-height:105px}.zone span,.zone small{font-size:9px}.card.small:nth-last-child(-n+2){grid-column:span 6}.playbar{flex-wrap:wrap}.playbar h2{order:-1;width:100%}}
.help-dialog .help-blessing{color:var(--gold);font-weight:800;font-style:italic;border-top:1px solid var(--line);padding-top:18px;margin-top:28px}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}.needle{box-shadow:none}}
.war-map{padding:18px;border:1px solid #41627e;background:radial-gradient(circle at 52% 48%,rgba(94,157,198,.22),transparent 34%),linear-gradient(155deg,#122a40,#07131f);box-shadow:inset 0 0 55px #06101b}.war-map .zone{clip-path:polygon(4% 8%,96% 2%,100% 90%,91% 98%,2% 94%)}.zone .region-name{font-weight:800;letter-spacing:.06em;text-transform:uppercase;min-height:27px;display:flex;align-items:center;text-align:center}@media(max-width:600px){.war-map{padding:7px}.zone .region-name{letter-spacing:0;font-size:8px}}
