:root{--bg:#05070a;--panel:#0d1219;--line:#27313d;--gold:#ddb65d;--text:#f4f7fa;--muted:#9ba7b5;--green:#8cf2a9}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#182331 0,#070c12 40%,#040609 80%);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.shell{width:min(1180px,94vw);margin:auto;padding-bottom:50px}.top{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}a{color:inherit}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:58px;height:58px;object-fit:contain}.brand span{display:grid}.brand small{color:var(--muted);font-size:11px}.back{font-size:13px;color:#cbd4de}.hero{display:flex;justify-content:space-between;gap:30px;align-items:end;padding:44px 0 24px}.hero h1{font-size:clamp(48px,7vw,82px);line-height:.95;margin:.1em 0}.hero p{color:#b8c3cf;max-width:700px;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--gold);font-weight:900;text-transform:uppercase}.badge{border:1px solid #665832;background:#17140d;color:#f4d589;border-radius:999px;padding:10px 14px;font-size:12px;font-weight:900;white-space:nowrap}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.hud div,.panel,.notice{border:1px solid var(--line);background:rgba(11,17,24,.92);border-radius:16px}.hud div{padding:15px}.hud span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.hud strong{font-size:26px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px}.stage-wrap{position:relative;border:1px solid var(--line);border-radius:20px;background:#020406;padding:12px;display:grid;place-items:center;min-height:480px}canvas{display:block;max-width:100%;height:auto;background:#06100a;border-radius:12px;box-shadow:0 0 0 1px #203329}.overlay{position:absolute;inset:12px;display:grid;place-content:center;text-align:center;background:rgba(3,8,6,.82);backdrop-filter:blur(7px);border-radius:12px;padding:24px}.overlay.hidden{display:none}.overlay h2{font-size:36px;margin:0 0 8px}.overlay p{color:#b9c4cf}.overlay button,.panel button,.touch button{border:0;border-radius:12px;background:linear-gradient(135deg,#f0d389,#c99b3e);color:#171109;font-weight:900;padding:13px 16px;cursor:pointer}.side{display:grid;gap:12px;align-content:start}.panel{padding:18px}.panel p{font-size:13px;line-height:1.55;color:#aeb9c4}.panel label{display:grid;gap:8px;margin:14px 0;color:#cbd3dc}.panel button{width:100%;margin-top:8px}.panel ul{padding-left:18px;color:#8995a2}.panel li.done{color:var(--green);font-weight:800}.touch{display:none;text-align:center;margin:14px 0}.touch>button{display:block;margin:0 auto 8px}.touch div{display:flex;justify-content:center;gap:8px}.touch button{min-width:64px;min-height:52px}.notice{margin-top:14px;padding:17px;color:#9ea9b6;font-size:12px;line-height:1.6}.notice a{color:#e7c66e}footer{border-top:1px solid var(--line);margin-top:30px;padding:24px 0;color:#8894a0;font-size:12px}
@media(max-width:900px){.game-layout{grid-template-columns:1fr}.side{grid-template-columns:repeat(3,1fr)}.touch{display:block}}
@media(max-width:640px){.hud{grid-template-columns:repeat(2,1fr)}.side{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.stage-wrap{min-height:390px}.back{display:none}}