:root{--brisa-turquoise:#168f9c;--deep-ocean:#174b64;--sunlit-sand:#f3dfbb;--sunset-coral:#e87f63;--sea-salt-white:#fcfaf4}html,body{background:var(--brisa-turquoise);height:100%;margin:0;overflow:hidden}body{color:var(--deep-ocean);justify-content:center;align-items:center;font-family:system-ui,sans-serif;display:flex}#game{background:var(--sunlit-sand);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:min(100vw,56.25dvh);height:100dvh;position:relative;overflow:hidden}#scene{width:100%;height:100%;display:block}#overlay{pointer-events:none;position:absolute;inset:0}.message{text-align:center;margin:0;padding:2rem 1.5rem;font-size:1.1rem}.gesture-hint{left:0;right:0;bottom:calc(4% + env(safe-area-inset-bottom));color:var(--deep-ocean);text-shadow:0 1px 0 var(--sea-salt-white);flex-direction:column;align-items:center;gap:.5rem;font-weight:600;display:flex;position:absolute}.gesture-hand{font-size:3rem;animation:1.4s ease-in-out infinite swipe-hint}@keyframes swipe-hint{0%,to{transform:translate(-40px)rotate(-10deg)}50%{transform:translate(40px)rotate(10deg)}}.debug-panel{top:calc(env(safe-area-inset-top) + .5rem);left:calc(env(safe-area-inset-left) + .5rem);z-index:3;color:var(--sea-salt-white);background:#174b64cc;border-radius:4px;padding:.2rem .5rem;font:12px/1.4 ui-monospace,monospace;position:absolute}.mute-toggle{top:calc(env(safe-area-inset-top) + 10px);right:calc(env(safe-area-inset-right) + 10px);z-index:2;border:2px solid var(--brisa-turquoise);pointer-events:auto;cursor:pointer;background:#fcfaf4d9;border-radius:50%;width:44px;height:44px;padding:0;font-size:1.25rem;line-height:1;position:absolute}.mute-toggle:active{transform:scale(.94)}.hud{top:calc(env(safe-area-inset-top) + 12px);color:var(--deep-ocean);text-shadow:0 1px 0 var(--sea-salt-white);flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;left:0;right:0}.hud-score{font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:800;line-height:1}.hud-coffee{font-size:1rem;font-weight:600}.hud-meter{background:#174b6433;border-radius:4px;width:40%;height:8px;margin-top:4px;overflow:hidden}.hud-meter[hidden]{display:none}.hud-meter-fill{background:var(--sunset-coral);height:100%}.pop{color:var(--sunset-coral);text-shadow:0 1px 0 var(--sea-salt-white), 0 0 6px var(--sea-salt-white);font-size:1.4rem;font-weight:800;animation:.7s ease-out forwards pop-up;position:absolute}@keyframes pop-up{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% - 48px))}}[hidden]{display:none!important}.screen{padding:calc(env(safe-area-inset-top) + 24px) calc(env(safe-area-inset-right) + 24px) calc(env(safe-area-inset-bottom) + 24px) calc(env(safe-area-inset-left) + 24px);pointer-events:auto;text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.start-screen{padding-top:calc(env(safe-area-inset-top) + 22%);background:linear-gradient(#fcfaf4e6,#fcfaf48c 70%,#fcfaf400);justify-content:flex-start}.logo{letter-spacing:-.02em;color:var(--deep-ocean);margin:0;font-size:3.4rem;font-weight:900;line-height:1}.logo span{color:var(--brisa-turquoise)}.tagline{color:var(--sunset-coral);margin:0 0 24px;font-weight:600}.best{color:var(--deep-ocean);margin:-8px 0 16px;font-weight:800}.panel{background:var(--sea-salt-white);width:min(100%,300px);color:var(--deep-ocean);border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:24px;display:flex;box-shadow:0 6px 24px #174b6440}.panel h2{margin:0;font-size:1.4rem}.panel p{margin:0}.final-score{font-variant-numeric:tabular-nums;font-size:3rem;font-weight:900;line-height:1}.final-stats{font-weight:600}.final-best{color:var(--sunset-coral);margin-bottom:8px;font-weight:800}.button{border:2px solid var(--brisa-turquoise);width:100%;max-width:240px;font:inherit;cursor:pointer;border-radius:999px;padding:14px 20px;font-size:1.15rem;font-weight:800}.button.primary{background:var(--brisa-turquoise);color:var(--sea-salt-white)}.button.secondary{color:var(--brisa-turquoise);background:0 0}.button:disabled{opacity:.6;cursor:wait}.button:active{filter:brightness(.92);transform:translateY(1px)}.button:focus-visible,.link:focus-visible{outline:3px solid var(--deep-ocean);outline-offset:2px}.link{font:inherit;color:var(--deep-ocean);cursor:pointer;background:0 0;border:0;padding:8px;text-decoration:underline}.pause-screen,.game-over-screen,.credits-screen{background:#174b6459}.pause-screen{cursor:pointer}.credits-screen{z-index:2}.credits-screen .panel{touch-action:pan-y;overscroll-behavior:contain;max-height:100%;overflow-y:auto}.credits-screen .panel>*{flex-shrink:0}.credits-screen ul{margin:0;padding:0;font-size:.9rem;list-style:none}.credits-screen li+li{margin-top:8px}.credits-screen a{color:var(--brisa-turquoise);word-break:break-all}.disclaimer{opacity:.8;font-size:.85rem}