*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#08101d;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;touch-action:none;-webkit-user-select:none;user-select:none}#game,canvas{position:fixed;inset:0;width:100%;height:100%;display:block}#hud{position:fixed;left:0;right:0;top:0;padding:calc(12px + env(safe-area-inset-top)) 16px 0;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,.55);z-index:5}.brand{font-weight:1000;font-size:clamp(18px,4vw,30px);letter-spacing:-.05em;transform:skew(-5deg)}.brand span{color:#ffcc2d}.stats{display:flex;gap:10px}.stats div{min-width:68px;padding:7px 10px;border:1px solid rgba(255,255,255,.22);background:rgba(3,9,18,.58);backdrop-filter:blur(8px);border-radius:12px;text-align:center}.stats small{display:block;font-weight:800;font-size:9px;letter-spacing:.11em;color:#bac6db}.stats b{font-size:18px;color:#fff}.card{position:fixed;z-index:20;left:50%;top:50%;width:min(92vw,520px);transform:translate(-50%,-47%) scale(.96);padding:28px;border-radius:24px;background:linear-gradient(180deg,rgba(17,28,48,.96),rgba(5,12,24,.97));border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 90px rgba(0,0,0,.48);text-align:center;opacity:0;pointer-events:none;transition:.24s ease}.card.show{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.16em;color:#9db2d4;margin-bottom:12px}.card h1{margin:0;font-size:clamp(38px,9vw,72px);line-height:.82;letter-spacing:-.07em;font-style:italic}.card h1 span{color:#ffcc2d}.card p{margin:20px auto 18px;max-width:430px;line-height:1.45;color:#c8d4e8;font-size:14px}.card button{appearance:none;border:0;padding:15px 20px;width:100%;border-radius:14px;font-weight:1000;font-size:15px;letter-spacing:.04em;background:#ffcc2d;color:#111827;box-shadow:0 7px 0 #b78600;cursor:pointer}.card button:active{transform:translateY(4px);box-shadow:0 3px 0 #b78600}.hint{margin-top:17px;color:#8192ad;font-size:11px}.control{appearance:none;border:1px solid rgba(255,255,255,.25);background:rgba(4,11,22,.66);color:white;backdrop-filter:blur(8px);border-radius:18px;width:68px;height:68px;font-size:24px;font-weight:1000;box-shadow:0 8px 22px rgba(0,0,0,.24);touch-action:none}.control.active,.control:active{background:rgba(255,204,45,.88);color:#101827;transform:translateY(2px)}#controls{position:fixed;z-index:10;left:0;right:0;bottom:0;padding:0 max(16px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;opacity:.92}.movePad{display:flex;gap:10px}.control{pointer-events:auto}.jump{width:82px;height:82px;border-radius:50%;font-size:14px;background:rgba(255,204,45,.8);color:#131c2c;border:2px solid rgba(255,255,255,.5)}#message{position:fixed;z-index:8;top:23%;left:50%;transform:translate(-50%,-50%) scale(.9);font-size:clamp(22px,6vw,46px);font-weight:1000;font-style:italic;letter-spacing:-.04em;text-align:center;text-shadow:0 4px 18px rgba(0,0,0,.7);opacity:0;transition:.18s ease;pointer-events:none}#message.show{opacity:1;transform:translate(-50%,-50%) scale(1)}#finishCard h1{font-size:clamp(42px,10vw,78px);color:#ffcc2d}@media (max-height:600px){.card{padding:20px}.card p{margin:12px auto}.hint{margin-top:11px}.control{width:58px;height:58px}.jump{width:70px;height:70px}}