:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eefbf8;background:#06111a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 0,#163a43 0,transparent 30%),radial-gradient(circle at 90% 12%,#2b204d 0,transparent 25%),#06111a;color:#eefbf8}button{font:inherit}.mini-top{height:64px;display:flex;align-items:center;gap:20px;padding:0 clamp(16px,4vw,56px);border-bottom:1px solid #17343d;background:#07141ddd;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.mini-top a{text-decoration:none;color:#f4fffd;font-weight:900;letter-spacing:.08em}.mini-top .badge{font-size:9px;background:#6fe8d7;color:#07151c;padding:4px 7px;border-radius:5px}.mini-wallet{margin-left:auto;display:flex;gap:14px;font-size:12px;font-weight:900}.mini-wallet span:first-child{color:#d7a7ff}.mini-wallet span:last-child{color:#ffd574}.mini-wrap{width:min(1420px,94vw);margin:0 auto;padding:22px 0 54px}.game-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:8px 0 18px}.game-heading h1{font-size:clamp(36px,5vw,68px);line-height:.92;letter-spacing:-.055em;margin:6px 0}.game-heading p{margin:0;color:#82989f;max-width:680px;line-height:1.55}.eyebrow{display:block;color:#6fe8d7;font-size:9px;letter-spacing:.17em;font-weight:950}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.game-panel,.side-panel{border:1px solid #183640;background:linear-gradient(180deg,#0b1d26ee,#07151dee);border-radius:16px}.game-panel{padding:14px}.side-panel{padding:17px}.side-stack{display:flex;flex-direction:column;gap:14px}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid #193740;background:#193740;border-radius:11px 11px 0 0;overflow:hidden}.hud div{background:#091a22;padding:9px 12px}.hud span{display:block;color:#66848b;font-size:8px;letter-spacing:.13em;font-weight:900}.hud b{display:block;margin-top:3px;font-size:17px}.canvas-box{position:relative;aspect-ratio:14/9;border:1px solid #193740;border-top:0;border-radius:0 0 11px 11px;overflow:hidden;background:#07131b}.canvas-box canvas{width:100%;height:100%;display:block;touch-action:none}.overlay{position:absolute;inset:0;display:none;place-items:center;padding:18px;background:#031018c9;backdrop-filter:blur(4px)}.overlay.open{display:grid}.overlay-card{width:min(430px,94%);text-align:center;padding:24px;border:1px solid #31545d;border-radius:17px;background:#091b24ef;box-shadow:0 24px 70px #0008}.overlay-card h2{font-size:32px;margin:6px 0}.overlay-card p{color:#89a0a6;font-size:13px;line-height:1.55}.primary,.ghost,.tool{border:0;border-radius:10px;padding:11px 14px;font-weight:950;cursor:pointer}.primary{width:100%;background:linear-gradient(135deg,#65ead7,#83c9ff);color:#05141c}.ghost{background:#102832;color:#bcd1d5}.side-panel h3{font-size:20px;margin:7px 0}.side-panel p{color:#789198;font-size:12px;line-height:1.5}.help-list{display:grid;gap:8px;margin-top:12px}.help-list b{font-size:10px;padding:9px 10px;border-radius:8px;background:#10242c;color:#acc3c7}.perk-card{display:flex;gap:10px;align-items:center}.perk-card img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 9px 12px #0008)}.perk-card strong{display:block}.perk-card small{display:block;color:#708c93;margin-top:3px}.mastery{background:radial-gradient(circle at 80% 0,#432b66,transparent 42%),#0c1724;border-color:#4b3a64}.mastery .epic{color:#d9b4ff;font-size:10px;letter-spacing:.14em;font-weight:950}.progress{height:7px;border-radius:20px;background:#173039;margin:12px 0;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#6cebd9,#ba7cff)}.back{display:inline-flex;align-items:center;gap:7px;color:#7a969d;text-decoration:none;font-size:10px;font-weight:900;margin-bottom:8px}.toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.tool{background:#102730;color:#b7ced2;font-size:10px;border:1px solid #1e424b}.tool.active{background:#66ead8;color:#05151d;border-color:#66ead8}.mobile-controls{display:none;margin-top:11px;text-align:center}.mobile-controls button{width:52px;height:42px;margin:3px;border:1px solid #25434b;background:#10242c;color:#e4f7f4;border-radius:9px}.stage-pips{display:flex;gap:6px;margin-top:12px}.stage-pips i{height:6px;flex:1;border-radius:20px;background:#19343c}.stage-pips i.done{background:#68ead8}.toast{position:absolute;top:14px;left:50%;transform:translateX(-50%);padding:8px 12px;border-radius:8px;background:#0d2730d9;border:1px solid #2d5961;font-size:11px;font-weight:900;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1}.result-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px 0}.result-row b{font-size:10px;padding:8px 10px;border-radius:7px;background:#10242c;color:#75e8d7}@media(max-width:1000px){.game-layout{grid-template-columns:1fr}.side-stack{display:grid;grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.mini-top{padding:0 13px}.mini-top .badge{display:none}.mini-wrap{padding-top:14px}.game-heading{display:block}.game-heading h1{font-size:43px}.game-heading p{font-size:12px}.game-panel{padding:7px}.hud div{padding:7px 6px}.hud b{font-size:13px}.side-stack{grid-template-columns:1fr}.mobile-controls{display:block}.canvas-box{aspect-ratio:1/1}.game-heading .right-note{display:none}}