:root{font-family:Inter,Pretendard,system-ui,-apple-system,sans-serif;color:#fff;background:#181640;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;touch-action:manipulation}button{font:inherit}#app{position:relative;-webkit-user-select:none;user-select:none}#game{position:absolute;inset:0;display:block;touch-action:none}#game canvas{display:block}#hud{position:absolute;inset:max(20px,env(safe-area-inset-top)) 16px auto;display:grid;grid-template-columns:1fr auto auto auto;gap:13px;align-items:start;pointer-events:none;text-shadow:0 3px 12px #24185c88}.brand{font-size:clamp(22px,6vw,32px);font-weight:1000;letter-spacing:-2px;transform:skew(-5deg)}.brand span{color:#ffd45d}.score,.best,.pace{min-width:45px;text-align:center}#hud small{display:block;font-size:9px;font-weight:900;letter-spacing:1.6px;opacity:.65}#hud strong{font-size:25px;line-height:1}.pace strong{display:block;padding-top:4px;color:#ffe071;font-size:10px!important;letter-spacing:.6px}.panel{position:absolute;inset:0;display:none;place-content:center;justify-items:center;padding:32px;text-align:center;background:linear-gradient(180deg,transparent 15%,rgba(20,13,65,.1) 45%,rgba(20,13,65,.42))}.panel.visible{display:grid;animation:appear .35s ease-out}.hero-mark{display:grid;place-items:center;width:100px;height:100px;margin-bottom:14px;border:3px solid #ffffff66;border-radius:35px;background:linear-gradient(145deg,#ffffff3d,#ffffff12);box-shadow:0 20px 45px #26155c66;font-size:56px;transform:rotate(-5deg)}h1{margin:0;font-size:clamp(38px,11vw,60px);line-height:.95;letter-spacing:-3px;text-shadow:0 7px 0 #392778,0 16px 30px #23155788}h1 em{color:#ffd45d;font-style:normal}.panel p{line-height:1.6;opacity:.86}.panel button{min-width:210px;margin-top:14px;padding:17px 30px;color:#362278;border:0;border-radius:999px;background:#ffd45d;box-shadow:0 7px #d39b33,0 16px 30px #25145c70;font-size:18px;font-weight:950;cursor:pointer}.panel button:active{transform:translateY(5px);box-shadow:0 2px #d39b33}.eyebrow{margin:0;color:#ffd45d;font-size:14px;font-weight:950;letter-spacing:4px}h2{margin:4px 0 0;font-size:clamp(72px,23vw,120px);line-height:1;letter-spacing:-6px;text-shadow:0 7px 0 #392778}h2 small{font-size:14px;letter-spacing:2px}#tapHint{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:50%;padding:10px 18px;border:1px solid #ffffff55;border-radius:99px;background:#24184d66;font-size:11px;font-weight:900;letter-spacing:2px;opacity:0;transform:translate(-50%) translateY(15px);transition:.25s;pointer-events:none;white-space:nowrap}#tapHint.visible{opacity:1;transform:translate(-50%) translateY(0)}@keyframes appear{0%{opacity:0;transform:scale(.97)}}@media(min-width:700px){#app{max-width:500px;margin:auto;box-shadow:0 0 80px #0008}body{background:#100e2c}}