:root{--sky: #65c8ff;--ink: #16345f;--panel: #fff6cf;--panel-edge: #ffc84a;--green: #42c95f;--gold: #ffd83d;--coral: #ff695c;--shadow: rgba(14, 36, 70, .24);font-family:Trebuchet MS,Arial Rounded MT Bold,Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#214f95;touch-action:none}#game-root,#ui-root{position:fixed;inset:0}#ui-root{pointer-events:none;color:var(--ink);padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}button{border:0;cursor:pointer;font:inherit}.hud{position:absolute;top:max(18px,env(safe-area-inset-top));left:50%;display:flex;align-items:center;gap:10px;opacity:0;transform:translate(-50%) translateY(-10px);transition:opacity .16s ease,transform .16s ease}.hud.is-visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.hud-pill,.icon-button{min-width:112px;height:52px;border:4px solid var(--ink);border-radius:8px;background:var(--panel);box-shadow:0 6px 0 var(--shadow);display:grid;place-items:center}.hud-pill{grid-template-columns:1fr;gap:0;padding:4px 12px}.hud-pill span{font-size:12px;line-height:1;text-transform:uppercase}.hud-pill strong{font-size:24px;line-height:1}.hud-pill.coin strong{color:#b87800}.icon-button{min-width:52px;color:var(--ink);font-weight:900}.screen{position:absolute;inset:0;display:none;pointer-events:none}.screen.is-visible{display:grid;pointer-events:auto}.menu{align-content:center;justify-items:center;gap:26px;padding-bottom:18vh}.brand-stack{text-align:center;text-shadow:0 4px 0 rgba(255,255,255,.45)}.kicker{margin:0 0 8px;color:#fff6cf;font-size:clamp(16px,3vh,26px);font-weight:900;text-transform:uppercase;text-shadow:0 3px 0 var(--ink)}h1{margin:0;max-width:min(620px,94vw);color:#ffe35d;font-size:clamp(42px,7vh,78px);line-height:.95;letter-spacing:0;text-shadow:0 6px 0 var(--ink),0 10px 0 rgba(0,0,0,.18)}h1 span{display:block}.best{margin:18px 0 0;color:#fff;font-size:24px;font-weight:900;text-shadow:0 3px 0 var(--ink)}.primary-button,.secondary-button{min-width:210px;height:70px;border:4px solid var(--ink);border-radius:8px;background:var(--gold);color:var(--ink);font-size:28px;font-weight:900;box-shadow:0 8px #b87800,0 14px 0 var(--shadow)}.primary-button:active,.secondary-button:active,.icon-button:active{transform:translateY(3px)}.secondary-button{background:#fff;box-shadow:0 8px #91a3bd,0 14px 0 var(--shadow)}.primary-button.small,.secondary-button.small{min-width:154px;height:58px;font-size:22px}.panel{place-items:center;padding:18px}.score-panel{width:min(440px,88vw);border:5px solid var(--ink);border-radius:8px;background:var(--panel);box-shadow:0 10px 0 var(--panel-edge),0 18px 0 var(--shadow);padding:24px;text-align:center}.score-panel h2{margin:0 0 18px;color:var(--ink);font-size:42px;line-height:1}.score-panel .kicker{margin-bottom:14px;color:var(--coral);font-size:28px;line-height:1;text-shadow:none;text-transform:none}.score-panel.game-over h2{color:var(--coral);font-size:76px;text-shadow:0 4px 0 var(--ink)}.panel-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.panel-stats span{border:3px solid var(--ink);border-radius:8px;background:#fff;padding:12px 8px;font-size:16px;font-weight:900}.panel-stats strong{display:block;margin-top:3px;font-size:26px}.panel-actions{display:flex;justify-content:center;gap:12px}@media(max-width:520px){.hud{width:calc(100vw - 24px);justify-content:center;gap:7px}.hud-pill{min-width:96px;height:48px}.icon-button{min-width:48px;height:48px}.panel-actions{flex-direction:column;align-items:center}h1{font-size:clamp(42px,6.5vh,64px)}}