:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--ink:#17324d;--cream:#fff9e8;--yellow:#ffd95a;--coral:#ff766e;--cyan:#2bc7d9;--shadow:#16304838;font-family:ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,system-ui,sans-serif}*{box-sizing:border-box}html,body,#game-shell,#render-root,#ui-root{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#8ad7ee}canvas{width:100%;height:100%;display:block}#ui-root{pointer-events:none;color:var(--ink);position:fixed;inset:0}.hud{inset:max(14px, env(safe-area-inset-top)) 0 auto;filter:drop-shadow(0 4px #ffffff59);grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;padding:0 clamp(14px,3vw,34px);display:grid;position:absolute}.hud-card{width:max-content;min-height:44px;box-shadow:0 6px 0 var(--shadow);letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff9e8eb;border:3px solid #fffffff2;border-radius:16px;align-items:center;gap:8px;padding:8px 14px;font-size:clamp(14px,2vw,20px);font-weight:950;display:inline-flex}.hud-card.right{justify-self:end}.score-wrap{text-align:center;transform:translateY(2px)}.score-label{color:#17324d9e;letter-spacing:.18em;font-size:11px;display:block}.score-value{color:#fff;letter-spacing:-.04em;text-shadow:0 4px #17324d,3px 0 #17324d,-3px 0 #17324d,0 -3px #17324d;min-width:90px;font-size:clamp(34px,6vw,58px);font-weight:1000;line-height:.9}.coin-glyph{background:var(--yellow);border:3px solid #f3a72f;border-radius:7px;width:23px;height:23px;transform:rotate(45deg);box-shadow:inset 3px 3px #ffffff73}.overlay{pointer-events:auto;background:linear-gradient(#70cee91f,#143d5847);place-items:center;padding:24px;transition:opacity .22s,visibility .22s;display:grid;position:absolute;inset:0}.overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.panel{text-align:center;background:#fff9e8f0;border:6px solid #fff;border-radius:34px;width:min(540px,92vw);padding:clamp(26px,5vw,48px);position:relative;overflow:hidden;box-shadow:0 14px #17324d40,0 30px 70px #17324d38}.panel:before,.panel:after{content:"";background:var(--cyan);opacity:.16;border-radius:12px;width:120px;height:32px;position:absolute;transform:rotate(-14deg)}.panel:before{top:32px;left:-28px}.panel:after{background:var(--coral);bottom:34px;right:-24px}.logo{letter-spacing:-.075em;color:var(--coral);text-shadow:0 7px #c84957,0 11px #17324d29;margin:0;font-size:clamp(48px,12vw,88px);font-weight:1000;line-height:.85}.logo-sub{color:#2c86a0;letter-spacing:.22em;margin:13px 0 28px;font-size:13px;font-weight:950}.prompt{background:var(--yellow);min-height:56px;color:var(--ink);border:3px solid #f3b03b;border-radius:18px;justify-content:center;align-items:center;padding:14px 24px;font-size:clamp(15px,3vw,20px);font-weight:950;animation:1.2s ease-in-out infinite prompt-bob;display:inline-flex;box-shadow:0 7px #d68b31}.controls-hint{color:#17324da6;margin:22px 0 0;font-size:13px;font-weight:750}@keyframes prompt-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.gameover-title{color:var(--coral);letter-spacing:-.045em;margin:0;font-size:clamp(38px,9vw,68px);font-weight:1000}.reason{color:#2c86a0;min-height:22px;margin:5px 0 18px;font-weight:850}.results{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 26px;display:grid}.result-box{background:#eaf8f2;border:3px solid #fff;border-radius:18px;padding:15px 10px;box-shadow:inset 0 -4px #17324d14}.result-label{color:#17324d8c;letter-spacing:.15em;font-size:11px;font-weight:900;display:block}.result-value{font-size:36px;font-weight:1000;display:block}.score-pop-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.score-pop{color:var(--yellow);text-shadow:0 4px 0 var(--ink), 2px 0 0 var(--ink), -2px 0 0 var(--ink);font-size:clamp(24px,5vw,42px);font-weight:1000;animation:.8s cubic-bezier(.18,.89,.32,1.28) forwards score-pop;position:absolute;top:19%;left:50%;transform:translate(-50%)}.score-pop.teal{color:#6df1dc}@keyframes score-pop{0%{opacity:0;transform:translate(-50%,28px)scale(.55)}25%{opacity:1;transform:translate(-50%)scale(1.12)}to{opacity:0;transform:translate(-50%,-48px)scale(.9)}}.flash{opacity:0;pointer-events:none;background:#fff;transition:opacity .12s;position:absolute;inset:0}.flash.on{opacity:.5;transition:none}.vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 110px #14395333}.touch-pad{left:50%;bottom:max(18px, env(safe-area-inset-bottom));pointer-events:none;opacity:.88;width:190px;height:126px;position:absolute;transform:translate(-50%)}.touch-button{color:#fff;pointer-events:auto;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;background:#17324d6b;border:3px solid #ffffffe6;border-radius:18px;place-items:center;width:56px;height:56px;font-size:28px;font-weight:1000;display:grid;position:absolute;box-shadow:0 5px #17324d33}.touch-button:active,.touch-button.pressed{background:#2bc7d9b8;transform:translateY(4px);box-shadow:0 1px #17324d33}.touch-button.up{top:0;left:67px}.touch-button.left{top:62px;left:7px}.touch-button.down{top:62px;left:67px}.touch-button.right{top:62px;right:7px}.sound-button{right:clamp(14px,3vw,34px);bottom:max(16px, env(safe-area-inset-bottom));pointer-events:auto;width:46px;height:46px;box-shadow:0 5px 0 var(--shadow);cursor:pointer;background:#fff9e8e6;border:3px solid #fff;border-radius:15px;font-size:11px;font-weight:950;position:absolute}.debug-badge{color:#fff;background:#0000008c;border-radius:6px;padding:6px 9px;font:11px monospace;position:absolute;bottom:12px;left:12px}@media (hover:hover) and (pointer:fine){.touch-pad{opacity:.3;transform-origin:bottom;transform:translate(-50%)scale(.86)}}@media (width<=620px){.hud{grid-template-columns:1fr auto 1fr;gap:5px;padding-inline:9px}.hud-card{border-width:2px;border-radius:13px;min-height:38px;padding:7px 9px;font-size:13px}.hud-card .label-text{display:none}.score-value{min-width:64px}.panel{border-width:5px;border-radius:27px}.touch-pad{bottom:max(12px, env(safe-area-inset-bottom))}.sound-button{bottom:max(14px, env(safe-area-inset-bottom));width:42px;height:42px}}