:root{color:#285c5a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#b9e8dc;font-family:ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#game-root{width:100%;min-width:320px;height:100%;min-height:100%;margin:0;overflow:hidden}#game-root{isolation:isolate;background:#b9e8dc;position:relative}#game-canvas,#game-canvas canvas{width:100%;height:100%;position:absolute;inset:0}.home-screen{z-index:1;text-align:center;background:radial-gradient(at 70% 24%,#fff6d4 0,#0000 42%),linear-gradient(#e4f3dd,#b9e8dc 65%,#8ed2c6);flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.25rem;display:flex;position:absolute;inset:0}#game-canvas canvas{touch-action:none}[hidden]{display:none!important}.home-sun{background:#f4d58b;border-radius:50%;width:68px;height:68px;margin-bottom:2rem;box-shadow:0 0 0 12px #f4d58b22,0 0 0 25px #f4d58b11}.home-actions{width:min(100%,280px);margin-top:2.5rem}.game-version{right:clamp(1rem,3vw,2rem);bottom:max(1rem, env(safe-area-inset-bottom,0px));color:#4a8175;font-variant-numeric:tabular-nums;letter-spacing:.04em;background:#fffaf06b;border:1px solid #ffffffa8;border-radius:999px;padding:.35rem .7rem;font-size:.72rem;position:absolute}.loading-status{min-height:2.5em;margin:0 0 .75rem;font-size:.85rem}progress{accent-color:#498c79;background:#75aea52b;border:0;border-radius:8px;width:100%;height:6px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:#75aea52b}progress::-webkit-progress-value{background:#498c79;border-radius:8px}progress::-moz-progress-bar{background:#498c79}button{color:#fff9e9;width:100%;font:inherit;cursor:pointer;background:#386e60;border:0;border-radius:30px;margin-top:1.5rem;padding:1rem 1.5rem;font-weight:600;transition:background .15s,transform .15s;box-shadow:0 4px #28564d}button:hover:enabled{background:#458271;transform:translateY(-2px)}button:disabled{color:#f0f6ec;box-shadow:none;cursor:wait;background:#96b4a7}button:focus-visible{outline-offset:5px;outline:3px solid #fff9e9}.eyebrow{color:#4a8b7f;letter-spacing:.24em;margin:0 0 .35rem;font-size:.68rem;font-weight:700}h1{color:#fffaf0;letter-spacing:.015em;text-shadow:0 4px #74b6a7,0 8px 22px #36706833;margin:0;font-family:ui-rounded,system-ui,sans-serif;font-size:clamp(3.5rem,10vw,6.5rem);font-weight:400;line-height:1}.tagline{color:#3c7973;margin:1rem 0 0;font-family:ui-rounded,system-ui,sans-serif;font-size:clamp(.95rem,2.5vw,1.2rem)}.sea-label{z-index:1;color:#245d58b3;pointer-events:auto;margin:0;position:absolute;top:clamp(1.25rem,4vw,3rem);left:clamp(1.25rem,4vw,3rem)}.sea-label h2{color:#285c5a;outline:none;margin:0;font-size:1.5rem}.sea-label>p:last-child{font-size:.85rem}.game-hud{z-index:2;pointer-events:auto;filter:drop-shadow(0 5px 8px #14413f26);position:absolute;top:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem)}.instrument-row{gap:.5rem;display:flex}.instrument-row>svg{width:138px;height:138px}.dial-rim{fill:#d8c49a;stroke:#9d936e;stroke-width:1px}.dial-face{fill:#fcf6e3;stroke:#eee2bf;stroke-width:2px}.dial-tick,.dial-unit,.dial-value,.dial-cardinal{text-anchor:middle;fill:#44675f;font-family:inherit}.dial-tick{font-size:10px;font-weight:500}.dial-unit{font-size:10px}.dial-value{font-variant-numeric:tabular-nums;font-size:23px;font-weight:650}.dial-cardinal{font-size:13px;font-weight:650}.dial-cardinal.north{fill:#b85f4b}.instrument-pointer{transform-box:view-box;transform-origin:50%;transition:transform .12s linear,opacity .18s linear}.clock-badge{font-variant-numeric:tabular-nums;color:#44675f;background:#fcf6e3;border:1px solid #b8aa83;border-radius:24px;justify-content:center;align-items:center;gap:6px;width:max-content;margin:.5rem auto 0;padding:6px 15px;font-size:.85rem;font-weight:600;display:flex}.clock-badge svg{fill:none;stroke:#638d80;stroke-width:1.5px;stroke-linecap:round;width:17px;height:17px}.clock-divider{background:#d4d1b5;width:1px;height:12px;margin:0 3px}@media (width<=600px){.game-hud{top:auto;bottom:16px;right:12px}.instrument-row{gap:3px}.instrument-row>svg{width:100px;height:100px}.clock-badge{margin-top:4px;padding:4px 11px;font-size:.75rem}}@media (prefers-reduced-motion:reduce){.instrument-pointer{transition:none}}.wind-debug{z-index:3;width:280px;max-width:calc(100% - 32px);position:absolute;bottom:16px;left:16px}.wind-debug button{width:auto;box-shadow:none;border-radius:12px;margin:0;padding:7px 12px;font-size:.8rem}.debug-toggle{border:1px solid #91b4a6}.debug-panel{background:#fcf6e3f5;border:1px solid #b6aa83;border-radius:16px;width:100%;max-height:calc(100dvh - 80px);padding:16px;position:absolute;bottom:44px;left:0;overflow-y:auto;box-shadow:0 5px 18px #143f3f26}.debug-heading{justify-content:space-between;margin-bottom:14px;font-size:.9rem;display:flex}.debug-heading span{color:#638d80;font-size:.75rem}.debug-panel label{margin-top:12px;font-size:.8rem;display:block}.debug-panel output{font-variant-numeric:tabular-nums;font-weight:700}.debug-panel input{accent-color:#448e8b;width:100%;margin:10px 0}.debug-presets{gap:4px;display:flex}.debug-presets button{color:#285c5a;background:#dae8dc;flex:1;padding:7px 0}.debug-panel p{color:#638d80;margin:14px 0 10px;font-size:.72rem;line-height:1.5}.debug-panel>button{width:100%;margin-top:6px;display:block}.debug-panel>[data-auto]{color:#285c5a;background:#dae8dc}@media (width<=600px){.wind-debug{bottom:160px;left:12px}}@media (height<=520px){.game-hud{top:12px;bottom:auto;right:12px}.instrument-row>svg{width:100px;height:100px}.clock-badge{padding:4px 11px;font-size:.75rem}.wind-debug{bottom:12px}.debug-panel{max-height:calc(100dvh - 100px)}.home-sun{width:36px;height:36px;margin-bottom:1rem}.home-actions{margin-top:1rem}h1{font-size:3.5rem}}