:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #102533;--glass: rgba(255, 255, 255, .72);--glass-strong: rgba(255, 255, 255, .86);--rim: rgba(16, 37, 51, .16);--accent: #f7c948;--accent-dark: #8d5a00;--leaf: #1f9d55;--reef: #0c8f96}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:#87cbe7;color:var(--ink)}button{font:inherit}#app{position:relative;isolation:isolate;touch-action:manipulation;-webkit-user-select:none;user-select:none}#scene-root,#scene-root canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#scene-root canvas{display:block;cursor:pointer}.hud{position:fixed;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));z-index:2;display:flex;justify-content:space-between;pointer-events:none}.score-chip{min-width:92px;padding:10px 14px 11px;border:1px solid var(--rim);border-radius:8px;background:var(--glass);box-shadow:0 14px 36px #1c5a6e2e;-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%)}.score-chip.best{text-align:right}.label{display:block;color:#1025339e;font-size:.72rem;font-weight:800;letter-spacing:0;line-height:1;text-transform:uppercase}.score-chip strong{display:block;margin-top:3px;color:var(--ink);font-size:clamp(1.75rem,4.6vh,3.1rem);line-height:.92}.action-button{position:fixed;left:50%;top:52%;z-index:3;width:clamp(74px,14vw,104px);height:clamp(74px,14vw,104px);border:1px solid rgba(141,90,0,.3);border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff8bf 0 17%,transparent 18%),linear-gradient(155deg,#ffe16b,#f7c948 54%,#ed8936);box-shadow:0 20px 50px #66410047,inset 0 -8px 14px #8d5a002e,inset 0 8px 14px #ffffff59;cursor:pointer;transform:translate(-50%,-50%) scale(1);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.action-button:hover{transform:translate(-50%,-50%) scale(1.04)}.action-button:focus-visible{outline:4px solid rgba(12,143,150,.42);outline-offset:5px}.action-button.hidden{opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.78);pointer-events:none}.play-glyph{display:block;width:0;height:0;margin:0 auto;border-top:clamp(17px,3vw,25px) solid transparent;border-bottom:clamp(17px,3vw,25px) solid transparent;border-left:clamp(25px,4.3vw,36px) solid var(--ink);transform:translate(4px)}.action-button.again .play-glyph{width:clamp(34px,6vw,46px);height:clamp(34px,6vw,46px);border:5px solid var(--ink);border-left-color:transparent;border-radius:50%;transform:rotate(-38deg)}.action-button.again .play-glyph:after{position:absolute;width:0;height:0;margin:-8px 0 0 -8px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid var(--ink);content:"";transform:rotate(24deg)}.state-banner{position:fixed;left:50%;bottom:max(28px,env(safe-area-inset-bottom));z-index:2;max-width:min(72vw,460px);padding:9px 13px 10px;border:1px solid var(--rim);border-radius:8px;background:var(--glass-strong);color:#102533cc;font-size:clamp(.82rem,2.4vw,1rem);font-weight:800;line-height:1.1;text-align:center;transform:translate(-50%);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;white-space:nowrap;pointer-events:none}.state-banner.hidden{opacity:0;visibility:hidden;transform:translate(-50%,12px)}@media(max-width:520px){.hud{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right))}.score-chip{min-width:76px;padding:8px 10px 9px}}