:root{--accent:#ffbd73;--ink:#eff8ee}*{box-sizing:border-box}body{margin:0;background:#111e29;color:var(--ink);font-family:system-ui,sans-serif;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{touch-action:none;min-height:46px;border:1px solid #ffffff24;background:#233945ee;color:var(--ink);border-radius:15px;font-weight:750;padding:12px 16px;cursor:pointer}button:active{transform:scale(.96)}button:disabled{opacity:.35}button.big{background:var(--accent);color:#17242a;border:0;box-shadow:0 6px 30px #ffaf4422}#scene3d{position:fixed;width:100%;height:100%;touch-action:none}.screen{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:26px;background:#11232be8;overflow:auto}.screen[hidden],[hidden]{display:none!important}.screen.clear{background:linear-gradient(#0d202480,transparent 42%,transparent 60%,#0d2024e8);justify-content:space-between;pointer-events:none;padding-top:max(35px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.screen.clear button,.screen.clear a{pointer-events:auto}.mast{text-align:center}.eyebrow{font-size:10px;font-weight:850;letter-spacing:2.2px;color:#98bebd}h1{font-size:clamp(44px,14vw,72px);line-height:.86;letter-spacing:-4px;margin:18px 0;font-weight:950;text-shadow:0 4px 20px #0006}h1 span{display:block;color:var(--accent)}h1 em{font-size:26px;letter-spacing:-2px;color:#f5f4da;margin-left:5px}h2{font-size:28px;letter-spacing:-1px;text-align:center;margin:10px 0}.mast p{font-size:13px;color:#c5d6d2}.menuActions{width:min(330px,100%);text-align:center}.menuActions .big{width:100%;font-size:16px}.row{display:flex;gap:9px;margin-top:10px}.row button{flex:1;font-size:11px}.menuActions p,.menuActions a{font-size:12px;color:#b3d1cd}.top{position:absolute;left:14px;right:14px;top:max(14px,env(safe-area-inset-top));display:flex;align-items:center;gap:10px}.top .tag{font-size:12px}.top small{display:block;font-size:9px;max-width:180px;color:#b6cdca;margin-top:3px}.stat{margin-left:auto;font-size:11px;text-align:right}.icon{min-width:44px}.controls{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:15px;right:15px}.tools{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.tools button{font-size:10px;background:#172c37d9}.drive{display:flex;align-items:center;justify-content:space-between;gap:10px}.pad{display:grid;grid-template-columns:48px 48px 48px;gap:5px}.pad button{height:44px;padding:0;font-size:22px}.pad button:first-child{grid-column:2}.pad button:nth-child(2){grid-column:1;grid-row:2}.pad button:nth-child(3){grid-column:2;grid-row:2}.pad button:nth-child(4){grid-column:3;grid-row:2}#charge{width:132px;height:88px;color:#ffe4b3;border-color:#ffbd7380;background:linear-gradient(145deg,#66483b,#283944);font-size:18px}#charge small{font-size:9px;display:block;margin-top:5px;font-weight:500}#charge.on{background:#ffbd73;color:#17242a;box-shadow:0 0 35px #ffbd7380}#message{position:absolute;top:17%;left:24px;right:24px;text-align:center;pointer-events:none;padding:12px;background:#0d252ce8;border-radius:14px;font-size:14px;opacity:0;transition:opacity .2s}#message.shown{opacity:1}#lesson{position:absolute;bottom:190px;left:30px;right:30px;text-align:center;color:#d5e4dc;font-size:12px;pointer-events:none}.help{max-width:320px;font-size:12px;color:#afc9c5;text-align:center;line-height:1.6}.screen.top{justify-content:flex-start;padding-top:35px}#levelGrid{width:min(380px,100%)}.world{font-size:14px;color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.grid button{padding:10px 0}.grid small{display:block;font-size:9px;color:#ffdb84}.special{border-color:#ffc36d}.stars{font-size:46px;color:#ffdb84;margin:0}.skins{display:flex;flex-direction:column;gap:10px;width:260px}.skins small{display:block;font-size:11px}.skins .on{border-color:var(--accent)}#endInfo,#endUnlock{font-size:13px;text-align:center}.dim{backdrop-filter:blur(8px)}@media(max-height:650px){h1{font-size:40px}.mast p{display:none}.screen.clear{padding-top:10px}.controls{bottom:8px}.pad{grid-template-columns:42px 42px 42px}.pad button{height:36px;min-height:36px}#charge{height:76px}#lesson{bottom:160px}.screen{gap:8px}}
#hud{position:fixed;inset:0;z-index:5;pointer-events:none}#hud button{pointer-events:auto}.controls{pointer-events:none}