*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#03070c;color:#f6fbff;font-family:Inter,Arial,sans-serif;touch-action:none}main{position:relative;width:100%;height:100%;max-width:480px;margin:auto;background:radial-gradient(circle at 50% 40%,#102637,#050b12 68%);overflow:hidden}canvas,#tap{position:absolute;inset:0;width:100%;height:100%}#tap{border:0;background:transparent;z-index:4}header{position:absolute;z-index:5;top:max(18px,env(safe-area-inset-top));left:20px;right:20px;display:flex;justify-content:space-between;letter-spacing:.16em;font-size:12px;pointer-events:none}header b{color:#71f5dc}header span{color:#8ba2af}#hud{position:absolute;z-index:3;top:14%;left:0;right:0;text-align:center;pointer-events:none}#score{display:block;font-size:64px;line-height:1;text-shadow:0 0 30px #5fead766}#combo{font-size:11px;letter-spacing:.16em;color:#8fa6b0}#card{position:absolute;z-index:10;inset:0;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#102536,#040a10 72%);padding:28px}#card.hide{display:none}#card small{letter-spacing:.2em;color:#71f5dc;font-weight:800}h1{font-size:64px;line-height:.8;margin:22px 0 28px;letter-spacing:-.06em}h1 i{font-style:normal;color:#ffb85c}p{color:#a7bbc4;line-height:1.6}#start{width:220px;height:58px;margin:24px auto 0;border:0;border-radius:18px;background:linear-gradient(135deg,#71f5dc,#ffb85c);color:#061018;font-weight:900;font-size:16px;box-shadow:0 12px 35px #0008}button{-webkit-tap-highlight-color:transparent}