*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#07101d;font-family:Arial,Helvetica,sans-serif;color:#fff}body{display:grid;place-items:center}.game-shell{width:100%;height:100%;display:grid;place-items:center}.game{position:relative;width:min(100vw,520px);height:min(100vh,920px);overflow:hidden;background:#55c9ee;box-shadow:0 0 60px rgba(0,0,0,.45);touch-action:none;user-select:none}.game canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hud{position:absolute;z-index:5;top:max(18px,env(safe-area-inset-top));left:0;right:0;display:flex;justify-content:center;gap:28px;pointer-events:none;text-shadow:0 3px 5px rgba(0,0,0,.35)}.score-wrap,.best-wrap{min-width:76px;text-align:center}.label{display:block;font-size:10px;font-weight:900;letter-spacing:2px}.hud strong{display:block;font-size:42px;line-height:1;font-weight:1000}.overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:22px;background:linear-gradient(180deg,rgba(3,13,28,.04),rgba(3,13,28,.28))}.overlay.hidden{display:none}.card{width:min(92%,370px);padding:34px 26px 25px;text-align:center;border:1px solid rgba(255,255,255,.34);border-radius:26px;background:rgba(8,17,38,.78);box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.13);backdrop-filter:blur(14px)}.logo{font-size:clamp(35px,10vw,58px);line-height:.94;font-weight:1000;letter-spacing:-2px}.logo span{color:#ffd62e}.tagline{margin:14px 0 25px;color:rgba(255,255,255,.82);font-size:14px}.primary-btn{border:0;width:100%;padding:16px 22px;border-radius:14px;background:linear-gradient(135deg,#ffe34a,#ff9c1a);color:#16120a;font-size:15px;font-weight:1000;letter-spacing:1px;cursor:pointer;box-shadow:0 10px 28px rgba(255,170,40,.3)}.primary-btn:active{transform:scale(.97)}.hint{margin-top:17px;color:rgba(255,255,255,.55);font-size:11px}.game-over{font-size:34px;font-weight:1000;color:#ffdc39}.result{display:flex;justify-content:center;gap:34px;margin:24px 0}.result div{min-width:75px}.result span{display:block;font-size:10px;letter-spacing:2px;color:rgba(255,255,255,.6)}.result b{display:block;margin-top:4px;font-size:38px}.bottom-tip{position:absolute;z-index:4;bottom:max(18px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;font-size:9px;letter-spacing:3px;font-weight:900;color:rgba(255,255,255,.48);pointer-events:none}.countdown-screen{position:absolute;inset:0;z-index:20;display:grid;place-items:center;pointer-events:none}.countdown-screen.hidden{display:none}.countdown-text{font-size:clamp(110px,30vw,190px);font-weight:1000;line-height:1;color:#fff;text-shadow:0 8px 0 #17649b,0 15px 34px rgba(0,0,0,.35);animation:countPop .88s ease-out forwards}.countdown-text.go{font-size:clamp(72px,21vw,132px);color:#ffdf38;text-shadow:0 7px 0 #b96a00,0 15px 34px rgba(0,0,0,.35)}@keyframes countPop{0%{opacity:0;transform:scale(.45)}32%{opacity:1;transform:scale(1.13)}65%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.35)}}@media(min-width:521px){.game{height:min(92vh,920px);border-radius:24px}}