:root{--bg:#16142a;--panel:#211e3a;--ink:#f6f1e6;--muted:#9d98b5;--line:#423e61;--acid:#dfff61;--coral:#ff8268;--mono:"Courier New",Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--mono);min-height:100vh;background-image:radial-gradient(circle at 11% 19%,rgba(104,83,184,.26),transparent 24rem),radial-gradient(circle at 92% 76%,rgba(255,130,104,.12),transparent 25rem)}body:before{content:"";position:fixed;inset:0;opacity:.12;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:28px 28px}.shell{width:min(1160px,calc(100% - 40px));margin:auto}header{height:92px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:10px;color:var(--muted);letter-spacing:.08em}.logo{color:var(--ink);font-size:22px;font-weight:bold;letter-spacing:-.12em;text-decoration:none}.logo span{color:var(--acid)}header p{margin:0}.live{justify-self:end;display:flex;gap:7px;align-items:center}.live i{display:block;width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 4px rgba(223,255,97,.12)}.intro{padding:70px 0 56px;position:relative}.eyebrow{font-size:10px;color:var(--acid);letter-spacing:.13em;margin:0}.intro h1{font-size:clamp(60px,9.2vw,128px);line-height:.82;letter-spacing:-.13em;margin:20px 0 25px}.intro h1 em{font-family:Georgia,'Noto Serif SC',serif;font-weight:400;letter-spacing:-.13em;color:#c3b7ff}.intro-copy{font-family:var(--mono);font-size:13px;line-height:1.75;color:var(--muted);margin:0}.game-layout{display:grid;grid-template-columns:210px 300px 210px;justify-content:center;gap:16px;align-items:start;padding-bottom:26px}.side-panel{background:rgba(33,30,58,.82);border:1px solid var(--line);min-height:300px}.panel-title{height:43px;display:flex;align-items:center;gap:10px;padding:0 13px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.08em}.panel-title span{color:var(--acid)}.stat-list{padding:7px 13px}.stat-list div{padding:13px 0;border-bottom:1px dashed #4a4664;display:flex;justify-content:space-between;align-items:baseline}.stat-list div:last-child{border-bottom:0}.stat-list span{font-size:10px;color:var(--muted)}.stat-list strong{font-size:17px;letter-spacing:.03em;font-weight:400;color:var(--ink)}.keys{border-top:1px solid var(--line);padding:18px 13px;display:grid;gap:8px;font-size:10px;color:var(--muted)}.keys p{color:var(--acid);margin:0 0 5px}.keys b{display:inline-block;border:1px solid #666180;padding:2px 4px;font-size:9px;color:var(--ink);font-weight:400;margin-right:3px}.game-unit{background:#0b0b18;border:1px solid #625c87;box-shadow:10px 11px 0 rgba(0,0,0,.22)}.screen-head,.screen-foot{height:35px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.07em;background:#211e3a}.screen-head{border-bottom:1px solid #423e61}.screen-head span:last-child{color:var(--acid)}.screen-foot{border-top:1px solid #423e61;height:31px;font-size:8px}.canvas-wrap{height:600px;position:relative;background:#0f0e1c}canvas{display:block;image-rendering:pixelated}.overlay{position:absolute;inset:0;background:rgba(11,11,24,.75);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px;backdrop-filter:blur(2px)}.overlay.hidden{display:none}.overlay p{font-size:31px;letter-spacing:-.08em;margin:0 0 8px;color:var(--acid)}.overlay span{color:var(--muted);font-size:11px;line-height:1.6;margin-bottom:23px}.overlay button,.outline-btn{font-family:var(--mono);font-size:11px;letter-spacing:.04em;cursor:pointer}.overlay button{border:0;background:var(--acid);color:#171625;padding:12px 18px}.overlay button:hover{background:#fff}.next-wrap{height:157px;display:grid;place-items:center;border-bottom:1px solid var(--line);background:#19172d}.next-wrap canvas{width:120px;height:120px}.outline-btn{width:calc(100% - 26px);margin:13px;border:1px solid #67607f;color:var(--ink);background:transparent;padding:11px}.outline-btn+ .outline-btn{margin-top:0}.outline-btn:hover{border-color:var(--acid);color:var(--acid)}.tip{margin:10px 13px 14px;color:var(--muted);font-size:9px;line-height:1.6}.mobile-controls{display:none}.footer-note{border-top:1px solid var(--line);padding:24px 0 44px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.04em;color:var(--muted)}.footer-note p{margin:0}.footer-note p:first-child{color:#c3b7ff}@media(max-width:790px){.shell{width:min(100% - 28px,460px)}header{height:70px;grid-template-columns:1fr auto}header p{display:none}.intro{padding:48px 0 36px}.intro h1{font-size:22vw}.game-layout{grid-template-columns:1fr;gap:10px}.game-unit{order:1;width:300px;justify-self:center}.info-panel{order:2;min-height:0}.next-panel{order:3;display:grid;grid-template-columns:1fr 1fr}.next-panel .panel-title{grid-column:1/-1}.next-wrap{height:132px}.next-panel .outline-btn{align-self:center;margin:10px 5px}.next-panel .outline-btn:nth-of-type(1){margin-left:13px}.next-panel .outline-btn:nth-of-type(2){margin-right:13px}.tip{grid-column:1/-1}.keys{display:none}.stat-list{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.mobile-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:8px auto 31px;width:300px}.mobile-controls button{font:20px var(--mono);padding:12px 4px;background:#211e3a;border:1px solid #575170;color:var(--ink);cursor:pointer}.mobile-controls .wide{grid-column:span 3;font-size:10px;letter-spacing:.08em;color:var(--acid)}.mobile-controls button:active{background:var(--acid);color:var(--bg)}.footer-note{padding-bottom:28px;font-size:8px}.footer-note p:last-child{display:none}}@media(min-width:791px){.mobile-controls{display:none}}