:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f8f6dc;background:#08151a}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 72% 0,#213c49 0,transparent 38%),#08151a}button{font:inherit;cursor:pointer}.shell{max-width:1480px;margin:auto;padding:20px 30px}.top{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff19}.back{color:#a7bbbf;text-decoration:none;font-size:13px}.back:hover{color:#ffdf6b}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.16em}.brandIcon{font-size:27px;color:#ffe076}.brand small{display:block;font-size:9px;color:#8fc3c4}.brand strong{font-size:13px}.account{font-size:12px;color:#d3e1d8;background:#ffffff0c;border:1px solid #ffffff20;border-radius:99px;padding:9px 13px}.hero{display:flex;align-items:end;justify-content:space-between;padding:39px 0 31px}.eyebrow{color:#e4c86e;letter-spacing:.19em;font-size:10px;font-weight:850}.hero h1{font-size:clamp(38px,4vw,62px);letter-spacing:-.065em;line-height:1.03;margin:12px 0}.hero h1 em{font-style:normal;color:#ffe17b}.hero p{margin:0;color:#aebfc0;font-size:14px;line-height:1.7}.heroSide{text-align:right;color:#93aaa9}.heroSide span{display:block;color:#ffe17b;font-size:12px;letter-spacing:.1em}.heroSide b{font-size:13px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.gameFrame,.panel{border:1px solid #ffffff1d;background:#0d2228;border-radius:20px;box-shadow:0 22px 70px #0006;overflow:hidden}.hud{height:72px;display:flex;align-items:center;justify-content:space-around;background:#0c2026;border-bottom:1px solid #ffffff1b}.hudMetric{min-width:95px}.hudMetric small{display:block;color:#8fa8aa;font-size:10px;letter-spacing:.1em}.hudMetric strong{color:#fff1b3;font-size:22px;letter-spacing:.02em}.hudMetric.health strong{color:#ff8d8d;font-size:16px}.canvasWrap{position:relative;aspect-ratio:8/5;overflow:hidden;background:#112b30}.canvasWrap canvas{display:block;width:100%;height:100%;background:#112b30}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#04151acb;backdrop-filter:blur(5px);padding:15px}.overlay.hidden{display:none}.overlayCard{text-align:center;width:min(470px,100%);padding:31px;background:#0b222ce9;border:1px solid #fce49b4f;border-radius:24px;box-shadow:0 25px 80px #0009}.overlayCard h2{font-size:28px;letter-spacing:-.04em;margin:9px 0}.overlayCard p{font-size:13px;line-height:1.7;color:#b9c9c6}.overlayCard small{display:block;margin-top:13px;color:#899e9e}.mainButton{margin-top:14px;width:100%;border:0;border-radius:12px;background:linear-gradient(120deg,#ffeb8b,#eebd50);color:#263228;padding:14px 18px;font-weight:900;display:flex;justify-content:space-between}.mainButton:hover{filter:brightness(1.09)}.choices{display:grid;gap:8px}.choices button{background:#153640;border:1px solid #a7e4c360;color:#f5f8e8;text-align:left;border-radius:12px;padding:11px 13px}.choices button:hover{background:#24545a;border-color:#ffe186}.choices b,.choices small{display:block}.choices small{margin:2px 0 0;color:#a7c0bd}.bottomBar{display:flex;justify-content:space-between;padding:13px 18px;color:#97adae;font-size:11px}.key{border:1px solid #ffffff43;border-radius:5px;padding:2px 5px;margin:0 5px 0 9px;color:#e7e8d1}.bottomBar>div:first-child .key:first-child{margin-left:0}#dashState{color:#ffe083;font-weight:800}.mobileControls{display:none}.panel{padding:21px;margin-bottom:16px}.panel h3{font-size:19px;margin:7px 0 15px;letter-spacing:-.03em}.guideRow{display:flex;gap:11px;padding:13px 0;border-top:1px solid #ffffff16}.guideRow>span{font-size:11px;color:#d0b65f;font-weight:900}.guideRow b{font-size:13px;display:block}.guideRow small{display:block;color:#92a9a8;font-size:11px;line-height:1.5;margin-top:3px}.boardHead{display:flex;align-items:center;justify-content:space-between}.boardHead>span{font-size:10px;color:#829d9c}.ranking{color:#90aaa8;font-size:12px}.rankItem{display:grid;grid-template-columns:25px 1fr auto;padding:9px 0;border-top:1px solid #ffffff14}.rankItem b{color:#ffdf77}.tip{font-size:12px;line-height:1.6;color:#a9c0b8}.tip strong{color:#ffe080}footer{text-align:center;padding:30px;color:#5e7c7d;font-size:11px}@media(max-width:1050px){.layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{margin:0}.tip{grid-column:1/-1}}@media(max-width:650px){.shell{padding:10px}.top{height:58px}.brand strong{font-size:10px}.back{font-size:11px}.account{display:none}.hero{padding:24px 4px}.heroSide{display:none}.hero p{font-size:12px}.hud{height:58px}.hudMetric{min-width:0}.hudMetric strong{font-size:16px}.hudMetric.health strong{font-size:11px}.hudMetric small{font-size:8px}.overlayCard{padding:18px}.overlayCard h2{font-size:22px}.canvasWrap{aspect-ratio:4/5}.canvasWrap canvas{width:100%;height:100%;object-fit:cover}.bottomBar{font-size:10px}.bottomBar .key{display:none}.mobileControls{display:flex;justify-content:space-between;align-items:end;padding:0 15px 15px;touch-action:none}.dpad{display:grid;justify-items:center}.dpad button,.dashTouch{border:1px solid #e3d3897a;background:#17363e;color:#ffeaad;border-radius:10px;width:52px;height:47px}.dpad div{display:flex;gap:5px}.dashTouch{width:100px;height:70px;background:#aa8540;color:#fff}aside{display:block}.panel{margin-top:12px}}