.start-screen{z-index:10;background:#9fd8a6;flex-direction:column;justify-content:center;align-items:center;gap:48px;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;display:flex;position:fixed;inset:0}.start-figure{opacity:0;width:min(52vh,78vw);height:min(52vh,78vw);margin-bottom:-40px;transition:opacity .6s ease-out}.start-figure-shown{opacity:1}.start-figure canvas{width:100%;height:100%;display:block}.start-button{cursor:pointer;background:#ffb830;border:none;border-radius:50%;width:160px;height:160px;box-shadow:0 10px #d98e00}.start-button:active{transform:translateY(6px);box-shadow:0 4px #d98e00}.start-button svg{fill:#fff;width:88px;height:88px;margin-left:10px}.joystick-zone{z-index:1;touch-action:none;position:fixed;inset:0}.joystick-base{pointer-events:none;background:#ffffff4d;border-radius:50%;width:120px;height:120px;display:none;position:absolute;transform:translate(-50%,-50%)}.joystick-base.visible{display:block}.joystick-knob{background:#ffffffd9;border-radius:50%;width:56px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:root{--hud-font:900 1em ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", system-ui, sans-serif;--hud-inset-top:max(14px, env(safe-area-inset-top));--hud-inset-side:max(18px, env(safe-area-inset-left), env(safe-area-inset-right));--hud-field:44px}.hud{pointer-events:none;z-index:2;font:var(--hud-font);position:fixed;inset:0}.hud-progress{top:var(--hud-inset-top);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff8c;border-radius:22px;align-items:center;gap:10px;padding:8px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000014}.hud-sticks:empty{display:none}.hud-sticks{gap:6px;display:flex}.hud-stick{width:54px;height:var(--hud-field);color:#5a3a00;background:repeating-linear-gradient(90deg,#0000 0 4.4px,#7850002e 4.4px 5.4px),#ffc93a;border-radius:12px;place-items:center;font-size:22px;display:grid;box-shadow:inset 0 -3px #0000001f}.hud-stick-new{animation:.42s cubic-bezier(.3,1.6,.5,1) hud-pop}.hud-page{transform-origin:0;align-items:center;gap:5px;display:flex}.hud-page-bundling{opacity:.4;gap:0;transition:gap .18s ease-in,transform .38s ease-in .12s,opacity .38s ease-in .12s;transform:scaleX(.14)}.hud-page-enter{animation:.38s cubic-bezier(.2,.9,.3,1.1) hud-slide-in}.hud-field{width:var(--hud-field);height:var(--hud-field);color:#3d2a1a;box-sizing:border-box;border-radius:12px;place-items:center;font-size:20px;display:grid}.hud-field-collected{text-shadow:0 1px #ffffffb3;box-shadow:inset 0 -3px #00000024}.hud-field-next{width:calc(var(--hud-field) + 10px);height:calc(var(--hud-field) + 10px);background:#fff4dc;border:3px solid #ff7a1a;font-size:26px;animation:1.2s ease-in-out infinite hud-pulse}.hud-field-open{border:2px dashed #5a462859}.hud-field-arrive{animation:.38s cubic-bezier(.3,1.6,.5,1) hud-pop}.hud-stars{top:calc(var(--hud-inset-top) + 8px);left:var(--hud-inset-side);gap:4px;display:flex;position:absolute}.hud-star svg{fill:#ffd23f;stroke:#d99a00;stroke-width:1.5px;width:36px;height:36px;transition:fill .2s,stroke .2s}.hud-star-lost{animation:.3s ease-out hud-plop}.hud-star-lost svg{fill:#ffffff59;stroke:#0003}.hud-pause{top:var(--hud-inset-top);right:var(--hud-inset-side);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;cursor:pointer;background:#ffffff73;border:none;border-radius:18px;width:54px;height:54px;position:absolute}.hud-pause svg{fill:#3c3228b3;width:26px;height:26px}.pause-screen{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#28463273;justify-content:center;align-items:center;gap:40px;display:flex;position:fixed;inset:0}.pause-button{cursor:pointer;background:#fff;border:none;border-radius:50%;width:132px;height:132px;box-shadow:0 8px #00000026}.pause-button:active{transform:translateY(5px);box-shadow:0 3px #00000026}.pause-button svg{stroke:#3d6b45;fill:none;width:64px;height:64px}.pause-continue{background:#ffb830}.pause-continue svg{fill:#fff;stroke:none;margin-left:8px}@keyframes hud-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes hud-pop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes hud-plop{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes hud-slide-in{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.result-screen{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;font:var(--hud-font);background:#28463259;place-items:center;animation:.3s ease-out result-fade;display:grid;position:fixed;inset:0}.result-card{background:#fffaf0;border-radius:36px;flex-direction:column;align-items:center;gap:22px;padding:28px 44px 32px;animation:.45s cubic-bezier(.3,1.5,.5,1) hud-pop;display:flex;box-shadow:0 12px #0000001f}.result-stars{align-items:flex-end;gap:10px;display:flex}.result-star svg{fill:#e8e2d4;stroke:#cfc6b2;stroke-width:1.2px;width:84px;height:84px}.result-star:nth-child(2) svg{width:104px;height:104px}.result-star-won{opacity:0;animation:.48s cubic-bezier(.3,1.7,.5,1) forwards result-star}.result-star-won svg{fill:#ffd23f;stroke:#d99a00}.result-stats{color:#3d2a1a;gap:36px;font-size:34px;display:flex}.result-stat{align-items:center;gap:10px;display:flex}.result-stat svg{stroke:#3d6b45;width:42px;height:42px}.result-buttons{gap:28px;margin-top:6px;display:flex}.result-button{cursor:pointer;background:#fff;border:none;border-radius:50%;width:104px;height:104px;box-shadow:0 7px #00000024,inset 0 0 0 3px #e8e2d4}.result-button:active{transform:translateY(5px);box-shadow:0 2px #00000024,inset 0 0 0 3px #e8e2d4}.result-button svg{stroke:#3d6b45;width:54px;height:54px}.result-next{background:#ffb830;box-shadow:0 7px #d98e00}.result-next:active{box-shadow:0 2px #d98e00}.result-next svg{stroke:#fff}@keyframes result-star{0%{opacity:0;transform:scale(.3)rotate(-30deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes result-fade{0%{opacity:0}}.map-screen{font:var(--hud-font);z-index:10;background:radial-gradient(circle at 30% 20%,#ffffff2e 0 2px,#0000 3px) 0 0/38px 38px,linear-gradient(#5ec4dc,#3aa3c9);place-items:center;animation:.3s ease-out result-fade;display:grid;position:fixed;inset:0;overflow:hidden}.map-board{aspect-ratio:16/10.5;width:min(96vw,150vh);position:relative}.map-island{background:var(--island,#8fd479);box-shadow:0 10px 0 var(--island-edge,#5ea74d), 0 16px 24px #0000002e;border-radius:34px;margin:0;position:absolute}.map-island-1{--island:#8fd479;--island-edge:#5ea74d}.map-island-2{--island:#f0dca0;--island-edge:#c9a962}.map-island-3{--island:#d7cdb8;--island-edge:#a59777}.map-island-4{--island:#9ad9d2;--island-edge:#5fa9a1}.map-island-5{--island:#6fbf62;--island-edge:#428f3a}.map-island-6{--island:#f2b27c;--island-edge:#c47a44}.map-island-fog{filter:grayscale(.85)brightness(1.05);opacity:.55}.map-island-name{color:#0000008c;margin:0;font-size:clamp(12px,1.7vw,20px);position:absolute;top:9%;left:7%}.map-island-path{width:100%;height:100%;position:absolute;inset:0}.map-island-path path{fill:none;stroke:#ffffff8c;stroke-width:10px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 12}.map-bridge{background:repeating-linear-gradient(90deg,#ffffff8c 0 8px,#0000 8px 14px);border-radius:6px;position:absolute}.map-bridge-vertical{background:repeating-linear-gradient(#ffffff8c 0 8px,#0000 8px 14px)}.map-bridge-built{background:repeating-linear-gradient(90deg,#b07a3c 0 6px,#8f5d2a 6px 8px);box-shadow:0 3px #0003}.map-bridge-built.map-bridge-vertical{background:repeating-linear-gradient(#b07a3c 0 6px,#8f5d2a 6px 8px)}.map-stone{aspect-ratio:1;color:#4a4438;width:clamp(54px,7vw,84px);font:inherit;cursor:pointer;background:#c9c2b4;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px #9c9486}.map-stone:active{transform:translate(-50%,calc(4px - 50%));box-shadow:0 2px #9c9486}.map-stone-finished{background:#fffaf0;box-shadow:0 6px #d7c9a8}.map-stone-open{background:#ffe7a8;box-shadow:0 6px #e0b24a}.map-stone-locked,.map-stone-soon{cursor:default}.map-stone-soon{background:#eee6d6;box-shadow:0 6px #c2b69c}.map-number{font-size:clamp(20px,2.6vw,32px);line-height:1}.map-icon{fill:#8a8274;stroke:#8a8274;width:clamp(20px,2.8vw,32px);height:clamp(20px,2.8vw,32px)}.map-stone-soon .map-icon{fill:none;stroke:#9a8a66}.map-stars{gap:1px;margin-top:8px;display:flex;position:absolute;top:100%}.map-star svg{fill:#e8e2d4;stroke:#cfc6b2;stroke-width:1.2px;width:clamp(12px,1.6vw,20px);height:clamp(12px,1.6vw,20px)}.map-star-won svg{fill:#ffd23f;stroke:#d9a600}.map-marker{pointer-events:none;width:40px;height:54px;margin-left:-20px;animation:1.1s ease-in-out infinite map-bounce;position:absolute;bottom:88%;left:50%}.map-marker svg{width:100%;height:100%}@keyframes map-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.map-stone-current.map-stone-open .map-stone-face{animation:1.4s ease-in-out infinite hud-pulse}.map-stone-wobble .map-stone-face,.map-special.map-stone-wobble{animation:.4s ease-in-out map-wobble}@keyframes map-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.map-special{color:#fff3dd;width:24%;height:13%;font:inherit;cursor:default;background:#5a3a24;border:3px solid #e08a3c;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:84%;left:6%}.map-special-title{font-size:clamp(13px,1.8vw,20px)}.map-special-note{opacity:.7;font-size:clamp(10px,1.3vw,15px)}.hint-arrow{pointer-events:none;z-index:3;opacity:0;width:0;height:0;font:var(--hud-font);transition:opacity .4s ease-out;position:fixed}.hint-arrow-shown{opacity:1}.hint-arrow-bounce{width:96px;height:96px;position:absolute;top:-48px;left:-48px}.hint-arrow-bounce svg{width:100%;height:100%;fill:var(--arrow-color,#ffb830);stroke:#fff;stroke-width:4px;filter:drop-shadow(0 4px #0000002e);animation:.8s ease-in-out infinite hint-arrow-nudge}@keyframes hint-arrow-nudge{0%,to{transform:translate(-6px)}50%{transform:translate(8px)}}.hint-arrow-number{background:var(--arrow-label,#fffaf0);color:#5a3a00;border-radius:50%;place-items:center;width:44px;height:44px;font-size:24px;display:grid;position:absolute;top:-22px;left:-22px;box-shadow:0 3px #00000026}.pause-sound{align-self:center;width:96px;height:96px}.pause-sound svg{width:52px;height:52px}.pause-sound .pause-sound-off,.pause-sound-muted .pause-sound-on{display:none}.pause-sound-muted .pause-sound-off{display:inline}.pause-sound-muted{background:#ffe0d6}.hud-podest{color:#3d2a1a;background:#fffaf0;border-radius:14px;align-items:center;gap:6px;padding:4px 10px 4px 6px;display:flex}.hud-podest-target{color:#fff;background:#8b8f99;border-radius:10px;place-items:center;min-width:38px;height:34px;font-size:20px;display:grid}.hud-podest-bar{background:#e2dccd;border-radius:7px;width:80px;height:14px;position:relative;overflow:hidden}.hud-podest-fill{background:#7bc96f;width:0;transition:width .4s ease-out;position:absolute;inset:0 auto 0 0}.hud-podest-tick{width:22px;height:22px;display:none}.hud-podest-tick svg{stroke:#3fa34d;width:100%;height:100%}.hud-podest-full{box-shadow:0 0 0 3px #ffd23f,0 0 16px 4px #ffd23fb3}.hud-podest-full .hud-podest-target{background:#3fa34d}.hud-podest-full .hud-podest-tick{display:block}.map-parents{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#ffffff59;border:none;border-radius:50%;width:48px;height:48px;position:absolute}.map-parents svg{stroke:#00000073;width:28px;height:28px}.map-parents:after{content:"";background:conic-gradient(#fffaf0 var(--held,0%), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:-4px;-webkit-mask:radial-gradient(circle,#0000 25px,#000 26px);mask:radial-gradient(circle,#0000 25px,#000 26px)}.map-parents-holding:after{animation:1.5s linear forwards map-parents-hold}@property --held{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes map-parents-hold{to{--held:100%}}.parents-screen{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30;background:#14281e8c;place-items:center;font-family:system-ui,sans-serif;display:grid;position:fixed;inset:0}.parents-card{color:#3d2a1a;background:#fffaf0;border-radius:24px;width:min(440px,88vw);padding:28px 28px 24px;position:relative;box-shadow:0 12px #0000001f}.parents-card h2{margin:0 0 18px;font-size:22px}.parents-card p{margin:0 0 16px;line-height:1.4}.parents-actions{flex-direction:column;gap:12px;display:flex}.parents-button{color:#2f5a36;text-align:left;cursor:pointer;background:#e8f1e2;border:none;border-radius:14px;padding:14px 18px;font:600 17px system-ui,sans-serif}.parents-button:disabled{opacity:.55;cursor:default}.parents-danger{color:#9a2f1f;background:#fde3dd}.parents-close{color:#8a7a66;cursor:pointer;background:0 0;border:none;border-radius:50%;width:36px;height:36px;font-size:26px;position:absolute;top:10px;right:12px}