*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0c1113;color:#eef7f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{background:radial-gradient(circle at 50% -15%,#24373a 0,#111a1d 38%,#090d0f 100%);padding:18px}.shell{width:min(1160px,100%);margin:0 auto}.topbar{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.eyebrow{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:#8fe8d0;font-weight:800}.title{font-size:clamp(1.7rem,4vw,2.7rem);line-height:1;margin:.25rem 0 .35rem}.subtitle{margin:0;color:#aab9b9}.toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.btn{border:1px solid #52646a;background:#1b2a2e;color:#eef7f6;border-radius:9px;padding:9px 12px;font-weight:750;cursor:pointer}.btn:hover,.btn:focus-visible{border-color:#8fe8d0;outline:none}.game-wrap{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:14px;align-items:start}.stage-card,.panel{background:linear-gradient(180deg,rgba(24,38,42,.97),rgba(13,21,24,.98));border:1px solid #3b4d52;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.34)}.stage-card{padding:12px}.hud{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px}.stat{background:#10191c;border:1px solid #33454a;border-radius:10px;padding:8px 10px;min-width:0}.stat span{display:block;color:#87a1a1;font-size:.69rem;text-transform:uppercase;letter-spacing:.08em}.stat strong{display:block;font-size:1.03rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-wrap{position:relative;aspect-ratio:1.1/1;background:#071015;border-radius:12px;overflow:hidden;border:2px solid #586d72}.canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none}.banner{position:absolute;left:50%;top:14px;transform:translateX(-50%);background:rgba(10,18,20,.94);border:1px solid #739095;border-radius:8px;padding:7px 12px;font-weight:850;letter-spacing:.08em;pointer-events:none;opacity:0;transition:opacity .15s;text-transform:uppercase}.banner.show{opacity:1}.question{position:absolute;inset:0;display:none;place-items:center;background:rgba(7,12,14,.82);backdrop-filter:blur(4px);padding:18px}.question.open{display:grid}.q-card{width:min(590px,94%);background:#172326;border:1px solid #60787d;border-radius:14px;padding:18px;box-shadow:0 26px 70px rgba(0,0,0,.56);text-align:left}.q-meta{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#8fe8d0;font-weight:850}.q-text{font-size:1.15rem;line-height:1.35;margin:8px 0 12px;font-weight:800}.answers{display:grid;gap:8px}.answer{width:100%;text-align:left;border:1px solid #42585d;background:#1b2a2e;color:#f2f8f7;border-radius:10px;padding:10px 12px;font-weight:700;cursor:pointer}.answer.selected,.answer:focus-visible{outline:none;border-color:#8fe8d0;background:#25413d;box-shadow:0 0 0 2px rgba(143,232,208,.11)}.q-note{margin-top:10px;color:#9eafaf;font-size:.82rem}.side{display:grid;gap:12px}.panel{padding:14px}.panel h2{font-size:.9rem;margin:0 0 9px;text-transform:uppercase;letter-spacing:.08em;color:#9adfcf}.panel p,.panel li{font-size:.87rem;line-height:1.45;color:#b7c5c4}.panel ul,.panel ol{padding-left:18px;margin:0}.sequence{display:grid;gap:5px;margin-bottom:10px!important}.focus-meter{height:12px;background:#0c1416;border-radius:999px;overflow:hidden;border:1px solid #405258}.focus-fill{height:100%;width:0;background:linear-gradient(90deg,#6cd8c1,#ccefb9);transition:width .1s linear}.objective-line{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:9px;font-size:.88rem}.objective-line span{color:#7f9998;text-transform:uppercase;letter-spacing:.09em;font-size:.7rem}.objective-line strong{color:#d9f4ec}.status-line{min-height:1.3em;margin-top:5px;text-align:center;color:#9fb4b3;font-size:.84rem}.status-line.good{color:#8fe8b9}.status-line.bad{color:#ffae9e}.controls-row{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:10px}.dpad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,52px);gap:5px}.dpad button{font-size:1.15rem;border:1px solid #4a6267;background:#142126;color:#fff;border-radius:10px;touch-action:none}.dpad .up{grid-column:2}.dpad .left{grid-column:1;grid-row:2}.dpad .down{grid-column:2;grid-row:2}.dpad .right{grid-column:3;grid-row:2}.focus-btn{height:108px;min-width:130px;border:1px solid #607d78;border-radius:12px;background:linear-gradient(180deg,#24433c,#142725);color:#eaffe9;font-weight:850;cursor:pointer}.focus-btn span,.focus-btn small{display:block}.focus-btn small{margin-top:4px;color:#9fc5ba;font-weight:600}.end-screen{position:absolute;inset:0;display:none;place-items:center;background:rgba(7,12,14,.88);padding:20px;text-align:center}.end-screen.open{display:grid}.end-card{background:#1a292d;border:1px solid #667f84;border-radius:14px;padding:22px;width:min(440px,94%)}.end-card h2{margin:.1rem 0 .4rem;font-size:1.8rem}.end-card p{color:#bac9c8}.legend{display:grid;grid-template-columns:1fr 1fr;gap:8px}.legend div{font-size:.79rem;color:#bac8c7;background:#10191c;border-radius:9px;padding:8px}.diamond,.station-icon,.hazard-icon,.terminal-icon{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:middle}.diamond{transform:rotate(45deg)}.mint{background:#8fe8d0}.station-icon{border:2px solid #72e8ff;border-radius:2px}.hazard-icon{background:#ff6f76;clip-path:polygon(50% 0,100% 100%,0 100%)}.terminal-icon{border:2px solid #8aa1a5;border-radius:50%}@media(max-width:930px){.game-wrap{grid-template-columns:1fr}.side{grid-template-columns:1fr 1fr}.hud{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){body{padding:8px}.topbar{align-items:flex-start;flex-direction:column}.toolbar{justify-content:flex-start}.stage-card{padding:7px}.hud{grid-template-columns:repeat(3,1fr);gap:5px}.stat{padding:6px 7px}.stat:nth-child(4),.stat:nth-child(5){display:none}.side{grid-template-columns:1fr}.q-card{padding:14px}.answer{padding:11px}.controls-row{gap:10px}.dpad{grid-template-columns:repeat(3,58px);grid-template-rows:repeat(2,54px)}.focus-btn{height:113px;min-width:112px}}