*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#f5f5ff;background:radial-gradient(circle at 50% -10%,#33376b,#15172e 52%,#0a0d1b);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}header{max-width:1120px;margin:auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px}header a{color:#e4e7ff;text-decoration:none;font-weight:700}.brand{font-size:24px;letter-spacing:-.05em}.brand span{color:#ffc85d}main{max-width:1120px;margin:auto;padding:0 20px 52px}.intro{text-align:center;margin:8px 0 20px}.intro p{color:#a7b8ff;font-weight:800;letter-spacing:.2em;font-size:12px;margin:0}.intro h1{font-size:clamp(46px,7vw,76px);line-height:1.05;margin:4px 0 6px;color:#ffd17c;text-shadow:0 6px 0 #8e5e60,0 15px 25px #080a17;letter-spacing:-.06em}.sub{color:#d6d9f6}.game{display:grid;grid-template-columns:minmax(0,800px) minmax(210px,260px);gap:18px;align-items:start}.play{min-width:0;border:1px solid #6972b7;border-radius:18px;background:#121832;padding:12px;box-shadow:0 24px 60px #0306179c}.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:10px}.hud span{border:1px solid #485593;border-radius:10px;background:#1d2850;padding:6px 10px;color:#bec8fa;font-size:12px}.hud b{display:block;font-size:21px;color:#ffe18a;line-height:1.25}.scene{position:relative;overflow:hidden;border-radius:13px;border:2px solid #6573b4;background:#2e355a;touch-action:manipulation}.scene canvas{display:block;width:100%;height:auto;touch-action:manipulation;cursor:pointer}.overlay{position:absolute;inset:0;background:#10142ea3;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:15px}.overlay[hidden]{display:none}.overlay strong{font-size:clamp(26px,4vw,46px);color:#ffe194;text-shadow:0 4px 15px #161722}.overlay p{max-width:330px;margin:8px 0 20px}.overlay button{border:0;background:linear-gradient(#ffe28b,#ffad71);color:#26233b;border-radius:12px;padding:12px 25px;font-weight:900;font-size:17px;cursor:pointer;box-shadow:0 6px 0 #a75f5f}.overlay button:active{transform:translateY(4px);box-shadow:0 2px 0 #a75f5f}.task{min-height:42px;margin-top:10px;padding:8px 12px;border-radius:10px;background:#263360;color:#ffe2a0;font-weight:800}.lesson{min-height:55px;margin-top:8px;padding:7px 12px;color:#d4ddff}.lesson em{display:block;color:#93dede;font-style:normal}aside{background:#202749;border:1px solid #505b9b;border-radius:15px;padding:18px}aside h2{margin:0;font-size:21px}aside p{color:#cad2ef}.tip{padding:12px;background:#141a36;border-radius:10px;color:#ffe29b!important;font-weight:700}:focus-visible{outline:3px solid #ffe68e;outline-offset:3px}@media(max-width:900px){.game{grid-template-columns:1fr}aside{padding:12px 17px}aside h2{font-size:18px}aside p{font-size:14px;margin:6px 0}}@media(max-width:540px){header{padding:13px 14px;font-size:14px}.brand{font-size:21px}main{padding:0 8px 28px}.intro{margin:8px 0 14px}.intro .sub{font-size:13px}.play{padding:6px;border-radius:10px}.hud{gap:4px;margin-bottom:6px}.hud span{font-size:10px;padding:4px 5px}.hud b{font-size:16px}.scene{border-radius:7px}.task{font-size:13px;min-height:38px}.lesson{font-size:12px;min-height:55px}}