:root{color-scheme:dark;--cream:#fff4d2;--coral:#ff765f;--cobalt:#174f9a;--ink:#092642;--aqua:#41d2d4}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#071e38;font-family:Inter,ui-rounded,"Segoe UI",sans-serif;color:var(--cream);touch-action:none}#game{position:fixed;inset:0}canvas{display:block;width:100%;height:100%}.screen{position:fixed;inset:0;display:grid;place-items:center;z-index:8;background:radial-gradient(circle at 60% 34%,transparent 0 22%,rgba(4,20,40,.15) 55%,rgba(3,15,31,.7));transition:opacity .3s}.screen.hidden{opacity:0;pointer-events:none}.card{text-align:center;width:min(88vw,650px);padding:clamp(22px,5vw,54px);text-shadow:0 3px 20px #082139}.eyebrow{letter-spacing:.34em;font-weight:800;font-size:clamp(10px,2vw,13px);color:#ffd071}h1{margin:.12em 0 0;font-size:clamp(58px,12vw,118px);line-height:.82;letter-spacing:-.07em;font-weight:950}h1 span{display:block;color:var(--coral)}.tag{font-size:clamp(14px,2.4vw,20px);margin:24px auto 30px;max-width:35ch;line-height:1.45;color:#e7eff9}.primary,.round{border:1px solid rgba(255,255,255,.35);color:white;background:linear-gradient(135deg,#ff765f,#e74869);box-shadow:0 12px 35px rgba(234,67,92,.35),inset 0 1px rgba(255,255,255,.3);font:800 17px inherit;cursor:pointer}.primary{border-radius:999px;padding:15px 38px;letter-spacing:.12em}.primary:active,.round:active{transform:translateY(2px)}.controls{margin-top:18px;padding:9px 14px;border-radius:999px;background:rgba(5,29,55,.72);border:1px solid rgba(255,255,255,.22);font-size:13px;font-weight:650;letter-spacing:.045em;color:#dff5ff;box-shadow:0 6px 22px rgba(3,20,40,.25)}.controls b{color:#fff2ac}.hud{position:fixed;inset:0;z-index:5;pointer-events:none}.hud.hidden{display:none}.stats{position:absolute;top:max(14px,env(safe-area-inset-top));left:18px;display:flex;gap:10px}.pill{background:rgba(5,29,55,.62);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.19);padding:9px 13px;border-radius:999px;font-size:11px;letter-spacing:.08em}.pill strong{font-size:16px;margin-left:4px}.combo{position:absolute;top:18%;left:50%;transform:translateX(-50%) scale(.85);opacity:0;font-weight:950;font-size:clamp(24px,6vw,52px);color:#ffe078;text-shadow:0 4px 0 #bd4d5b,0 8px 28px #092642;transition:.18s}.combo.show{opacity:1;transform:translateX(-50%) scale(1)}.top-actions{position:absolute;right:16px;top:max(14px,env(safe-area-inset-top));display:flex;gap:8px;pointer-events:auto}.round{width:43px;height:43px;border-radius:50%;background:rgba(5,29,55,.68);font-size:17px}.touch{position:absolute;left:0;right:0;bottom:max(18px,env(safe-area-inset-bottom));display:none;justify-content:space-between;padding:0 20px;pointer-events:auto}.touch-group{display:flex;gap:12px}.touch button{width:64px;height:64px;border:1px solid rgba(255,255,255,.28);border-radius:22px;background:rgba(5,29,55,.54);backdrop-filter:blur(8px);color:white;font-size:27px;font-weight:900}.touch .jump{background:rgba(255,118,95,.72)}.touch .duck{background:rgba(23,79,154,.72)}.notice{position:absolute;bottom:24%;left:50%;transform:translateX(-50%);opacity:0;font-weight:900;letter-spacing:.13em;color:#fff4b7;text-shadow:0 2px 12px #092642;white-space:nowrap;transition:.2s}.notice.show{opacity:1;transform:translateX(-50%) translateY(-8px)}#menu{place-items:start center}#menu .card{padding-top:5vh}#menu h1{font-size:clamp(54px,8.5vw,88px);margin:0;line-height:.78}#menu .primary{margin-top:18px}#pause .card,#gameover .card{background:rgba(5,25,47,.75);border:1px solid rgba(255,255,255,.18);border-radius:34px;backdrop-filter:blur(18px)}#pause h2,#gameover h2{font-size:clamp(38px,8vw,76px);margin:0 0 10px;letter-spacing:-.04em}.result{font-size:20px;margin:14px}.small{opacity:.72;font-size:13px}@media(pointer:coarse),(max-width:760px){.touch{display:flex}.controls{display:none}.stats{top:12px;left:10px;gap:5px}.pill{padding:7px 9px}.pill:nth-child(2){display:none}.top-actions{right:10px;top:10px}.round{width:39px;height:39px}.notice{bottom:29%}#menu .card{padding-top:7vh}#menu h1{font-size:clamp(48px,15vw,70px)}}@media(max-height:580px){h1{font-size:54px}.tag{margin:13px auto}.card{padding:18px}.touch button{width:54px;height:54px}#menu .card{padding-top:3vh}}
.screen{visibility:visible}.screen.hidden{visibility:hidden}