:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 999px;--stroke-outline: 3px;--stroke-rim: 4px;--stroke-score: 6px;--stage-w: 800px;--stage-h: 360px;--safe-x: 44px;--safe-y: 12px;--header-h: 56px;--content-top: 72px;--block-gap: 16px;--touch-min: 48px;--fish-x: 28%;--waterline-y: 60%;--z-scene: 0;--z-play: 10;--z-hud: 20;--z-panel: 30;--iso-angle: 26.565deg;--iso-tile-w: 64px;--iso-tile-h: 32px;--iso-light: top-left;--font-display: Fredoka, "Baloo 2", ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--font-body: Nunito, ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--surface: #f3e7cf;--surface-raised: #fffaf0;--surface-sunken: #eadbbd;--line: #dcc9a6;--outline: #263445;--rim: #fffaf0;--ink: #263445;--ink-muted: #525a6a;--kelp: #0d7f69;--kelp-deep: #08574a;--kelp-soft: #d3f2e9;--on-kelp: #ffffff;--sun: #ffc23d;--sun-deep: #b8770c;--on-sun: #263445;--coral: #d93a40;--coral-deep: #9c2228;--on-coral: #ffffff;--lavender: #b9b4ff;--lavender-deep: #6c63d9;--on-lavender: #263445;--notify: #d92a31;--on-notify: #ffffff;--wet: #2a86d6;--dry: #ffd07a;--meter-track: #1e2b48;--pearl: #f4ecff;--pearl-sheen: #ffc8e0;--night-glow: #7ff0e0;--sky-top: #8faaf2;--sky-horizon: #ffc9a3;--sea-far: #8fd3c8;--sea-deep: #2f8f9d;--foam: #e9fbf7;--sand: #f3e7cf;--island-far: #b9b1e2;--island-near: #7fae9e;--leaf-sage: #5fae8c;--cloud: #fffaf3;--sun-soft: #fff1c7;--comic-backdrop: #24215e;--comic-glow: #3b3486;--endless-bronze: #d58a52;--endless-silver: #d7dfeb;--endless-gold: #ffc23d;--endless-platinum: #e9f6ff;--ghost: #ffffff;--medal-silver: #c9d3e0;--medal-bronze: #e8a77c;--shadow-press-kelp: 0 6px 0 #08574a;--shadow-press-sun: 0 6px 0 #b8770c;--shadow-press-coral: 0 6px 0 #9c2228;--shadow-press-lavender: 0 6px 0 #6c63d9;--shadow-soft: 0 10px 24px rgba(38,52,69,.18);--focus-ring: 0 0 0 3px #fffaf0, 0 0 0 6px #263445}[data-theme=night]{--surface: #141a3a;--surface-raised: #212a55;--surface-sunken: #0e1430;--line: #3a4482;--outline: #0b1026;--rim: #fff4dc;--ink: #f6ecd8;--ink-muted: #b8bde0;--kelp: #3ddbb7;--kelp-deep: #1f9c80;--kelp-soft: #163d45;--on-kelp: #0b2a26;--sun: #ffd166;--sun-deep: #b8862a;--on-sun: #1b1530;--coral: #ff7a80;--coral-deep: #c24a50;--on-coral: #1b1530;--lavender: #a9a3ff;--lavender-deep: #8f87ff;--on-lavender: #141a3a;--wet: #2f8fe0;--meter-track: #0a1230;--sky-top: #14123a;--sky-horizon: #5a4ea3;--sea-far: #173f63;--sea-deep: #0d2b4c;--foam: #9fc9e6;--sand: #2b3560;--island-far: #2a2864;--island-near: #1e3a55;--leaf-sage: #24485a;--cloud: #3a3a7a;--sun-soft: #4a3f1c;--comic-backdrop: #0b0f2a;--comic-glow: #1d1f52;--shadow-press-kelp: 0 6px 0 #1f9c80;--shadow-press-sun: 0 6px 0 #b8862a;--shadow-press-coral: 0 6px 0 #c24a50;--shadow-press-lavender: 0 6px 0 #8f87ff;--shadow-soft: 0 10px 28px rgba(0,0,0,.45);--focus-ring: 0 0 0 3px #141a3a, 0 0 0 6px #fff4dc}[data-theme=storm]{--surface: #18252c;--surface-raised: #24343d;--surface-sunken: #101a20;--line: #3c5562;--outline: #081015;--rim: #eef6f7;--ink: #eef4f5;--ink-muted: #b0c3cb;--kelp: #3ddbb7;--kelp-deep: #1f9c80;--kelp-soft: #163d45;--on-kelp: #0b2a26;--sun: #ffd166;--sun-deep: #b8862a;--on-sun: #1b1530;--coral: #ff7a80;--coral-deep: #c24a50;--on-coral: #1b1530;--lavender: #a9a3ff;--lavender-deep: #a7a0ff;--on-lavender: #141a3a;--wet: #2f8fe0;--meter-track: #0a1418;--sky-top: #26334a;--sky-horizon: #55677a;--sea-far: #3c6a73;--sea-deep: #1f4450;--foam: #dce9ee;--sand: #2b3f48;--island-far: #33465a;--island-near: #2b4450;--leaf-sage: #2a5a52;--cloud: #5b6b7e;--sun-soft: #4a3f1c;--comic-backdrop: #101a20;--comic-glow: #24343d;--shadow-press-kelp: 0 6px 0 #1f9c80;--shadow-press-sun: 0 6px 0 #b8862a;--shadow-press-coral: 0 6px 0 #c24a50;--shadow-press-lavender: 0 6px 0 #8f87ff;--shadow-soft: 0 10px 28px rgba(0,0,0,.5);--focus-ring: 0 0 0 3px #18252c, 0 0 0 6px #eef6f7}[data-theme=day]{--surface: #f3e7cf;--surface-raised: #fffaf0;--surface-sunken: #eadbbd;--line: #dcc9a6;--outline: #263445;--rim: #fffaf0;--ink: #263445;--ink-muted: #525a6a;--kelp: #0d7f69;--kelp-deep: #08574a;--kelp-soft: #d3f2e9;--on-kelp: #ffffff;--sun: #ffc23d;--sun-deep: #b8770c;--on-sun: #263445;--coral: #d93a40;--coral-deep: #9c2228;--on-coral: #ffffff;--lavender: #b9b4ff;--lavender-deep: #6c63d9;--on-lavender: #263445;--notify: #d92a31;--on-notify: #ffffff;--wet: #2a86d6;--dry: #ffd07a;--meter-track: #1e2b48;--pearl: #f4ecff;--pearl-sheen: #ffc8e0;--night-glow: #7ff0e0;--sky-top: #8faaf2;--sky-horizon: #ffc9a3;--sea-far: #8fd3c8;--sea-deep: #2f8f9d;--foam: #e9fbf7;--sand: #f3e7cf;--island-far: #b9b1e2;--island-near: #7fae9e;--leaf-sage: #5fae8c;--cloud: #fffaf3;--sun-soft: #fff1c7;--comic-backdrop: #24215e;--comic-glow: #3b3486;--endless-bronze: #d58a52;--endless-silver: #d7dfeb;--endless-gold: #ffc23d;--endless-platinum: #e9f6ff;--ghost: #ffffff;--medal-silver: #c9d3e0;--medal-bronze: #e8a77c;--shadow-press-kelp: 0 6px 0 #08574a;--shadow-press-sun: 0 6px 0 #b8770c;--shadow-press-coral: 0 6px 0 #9c2228;--shadow-press-lavender: 0 6px 0 #6c63d9;--shadow-soft: 0 10px 24px rgba(38,52,69,.18);--focus-ring: 0 0 0 3px #fffaf0, 0 0 0 6px #263445}.ff-icon,.ff-pearl{display:block;flex:none}.ff-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);padding:var(--space-6)}.ff-col{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-6)}.ff-btn{appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-weight:700;letter-spacing:.01em;white-space:nowrap;border:var(--stroke-outline) solid var(--outline);border-radius:var(--radius-lg);cursor:pointer;min-height:var(--touch-min);margin-bottom:6px;box-sizing:border-box;transition:transform .08s ease-out,box-shadow .08s ease-out}.ff-btn:before{content:"";position:absolute;left:10px;right:10px;top:5px;height:28%;border-radius:var(--radius-pill);background:#fff;opacity:.26;pointer-events:none}.ff-btn--sm{height:48px;padding:0 var(--space-4);font-size:17px;line-height:20px;border-radius:var(--radius-md)}.ff-btn--md{height:56px;padding:0 var(--space-6);font-size:22px;line-height:24px}.ff-btn--lg{height:72px;padding:0 var(--space-8);font-size:30px;line-height:32px;border-radius:28px}.ff-btn--block{display:flex;width:100%}.ff-btn--kelp{background:var(--kelp);color:var(--on-kelp);box-shadow:var(--shadow-press-kelp)}.ff-btn--sun{background:var(--sun);color:var(--on-sun);box-shadow:var(--shadow-press-sun)}.ff-btn--coral{background:var(--coral);color:var(--on-coral);box-shadow:var(--shadow-press-coral)}.ff-btn--lavender{background:var(--lavender);color:var(--on-lavender);box-shadow:var(--shadow-press-lavender)}.ff-btn--plain{background:var(--surface-raised);color:var(--ink);box-shadow:0 6px 0 var(--outline)}.ff-btn--kelp .ff-btn__label,.ff-btn--coral .ff-btn__label{text-shadow:0 2px 0 rgba(0,0,0,.18)}.ff-btn:active{transform:translateY(4px)}.ff-btn--kelp:active{box-shadow:0 2px 0 var(--kelp-deep)}.ff-btn--sun:active{box-shadow:0 2px 0 var(--sun-deep)}.ff-btn--coral:active{box-shadow:0 2px 0 var(--coral-deep)}.ff-btn--lavender:active{box-shadow:0 2px 0 var(--lavender-deep)}.ff-btn--plain:active{box-shadow:0 2px 0 var(--outline)}.ff-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ff-btn:disabled{background:var(--surface-sunken);color:var(--ink-muted);box-shadow:0 6px 0 var(--line);cursor:not-allowed;transform:none}.ff-btn:disabled:before{display:none}.ff-round{appearance:none;position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.ff-round__disc{display:grid;place-items:center;border-radius:var(--radius-pill);box-sizing:border-box;border:var(--stroke-rim) solid var(--rim);box-shadow:0 0 0 2.5px var(--outline),0 5px 0 2.5px var(--outline);transition:transform .08s ease-out,box-shadow .08s ease-out}.ff-round--sm .ff-round__disc{width:48px;height:48px}.ff-round--md .ff-round__disc{width:60px;height:60px}.ff-round--lg .ff-round__disc{width:76px;height:76px}.ff-round--kelp .ff-round__disc{background:var(--kelp);color:var(--on-kelp)}.ff-round--sun .ff-round__disc{background:var(--sun);color:var(--on-sun)}.ff-round--coral .ff-round__disc{background:var(--coral);color:var(--on-coral)}.ff-round--lavender .ff-round__disc{background:var(--lavender);color:var(--on-lavender)}.ff-round--plain .ff-round__disc{background:var(--surface-raised);color:var(--ink)}.ff-round.is-active .ff-round__disc{background:var(--sun);color:var(--on-sun)}.ff-round:active .ff-round__disc{transform:translateY(4px);box-shadow:0 0 0 2.5px var(--outline),0 1px 0 2.5px var(--outline)}.ff-round:focus-visible{outline:none}.ff-round:focus-visible .ff-round__disc{box-shadow:0 0 0 2.5px var(--outline),var(--focus-ring)}.ff-round__label{margin-top:2px;font:800 12px/16px var(--font-body);background:var(--surface-raised);color:var(--ink);padding:2px 8px;border-radius:var(--radius-pill);box-shadow:0 0 0 2px var(--outline);white-space:nowrap}.ff-badge{position:absolute;top:-4px;right:-6px;min-width:24px;height:24px;padding:0 6px;box-sizing:border-box;border-radius:var(--radius-pill);background:var(--notify);color:var(--on-notify);border:2.5px solid var(--rim);font:900 12px/19px var(--font-body);text-align:center}.ff-badge--dot{min-width:18px;width:18px;height:18px;padding:0;top:-2px;right:-2px}.ff-dock{display:inline-flex;align-items:flex-start;gap:var(--space-4)}.ff-dock--column{flex-direction:column;align-items:center;gap:var(--space-3)}.ff-toggle{appearance:none;display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-min);background:none;border:0;padding:4px 0;cursor:pointer;font:700 16px/22px var(--font-body);color:var(--ink);text-align:left}.ff-toggle__icon{width:36px;height:36px;border-radius:var(--radius-pill);background:var(--surface-sunken);display:grid;place-items:center;color:var(--ink);flex:none}.ff-toggle__label{flex:1}.ff-toggle__track{position:relative;width:60px;height:34px;flex:none;box-sizing:border-box;border-radius:var(--radius-pill);background:var(--surface-sunken);border:var(--stroke-outline) solid var(--outline);transition:background .15s}.ff-toggle__knob{position:absolute;top:2px;left:2px;width:24px;height:24px;box-sizing:border-box;border-radius:var(--radius-pill);background:var(--rim);border:2.5px solid var(--outline);transition:transform .15s ease-out}.ff-toggle[aria-checked=true] .ff-toggle__track{background:var(--kelp)}.ff-toggle[aria-checked=true] .ff-toggle__knob{transform:translate(26px)}.ff-toggle__state{min-width:26px;font:800 12px/16px var(--font-body);color:var(--ink-muted)}.ff-toggle:focus-visible{outline:none}.ff-toggle:focus-visible .ff-toggle__track{box-shadow:var(--focus-ring)}.ff-pill{display:inline-flex;align-items:center;gap:var(--space-2);height:40px;box-sizing:border-box;margin-left:16px;padding:0 14px 0 0;background:var(--surface-raised);border-radius:var(--radius-pill);box-shadow:0 0 0 var(--stroke-outline) var(--outline),var(--shadow-soft)}.ff-pill__coin{margin-left:-16px;display:grid;place-items:center}.ff-pill__icon{width:34px;height:34px;border-radius:var(--radius-pill);background:var(--sun);color:var(--on-sun);display:grid;place-items:center;box-shadow:0 0 0 2.5px var(--outline)}.ff-pill__value{min-width:52px;padding-right:var(--space-1);font:600 18px/22px var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink)}.ff-wet{display:inline-flex;align-items:center;gap:var(--space-2);height:40px;box-sizing:border-box;padding:4px 14px 4px 4px;background:var(--surface-raised);border-radius:var(--radius-pill);box-shadow:0 0 0 var(--stroke-outline) var(--outline),var(--shadow-soft)}.ff-wet__icon{width:32px;height:32px;border-radius:var(--radius-pill);display:grid;place-items:center;background:var(--wet);color:#fff;flex:none}.ff-wet__track{position:relative;width:132px;height:14px;border-radius:var(--radius-pill);background:var(--meter-track);overflow:hidden}.ff-wet__fill{position:absolute;left:0;top:0;bottom:0;border-radius:var(--radius-pill);background:var(--wet);transition:width .2s linear,background .2s}.ff-wet__fill:after{content:"";position:absolute;left:6px;right:6px;top:3px;height:3px;border-radius:var(--radius-pill);background:#fff;opacity:.45}.ff-wet__word{min-width:40px;font:600 16px/20px var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink)}.ff-wet--dry .ff-wet__icon{background:var(--dry);color:var(--on-sun)}.ff-wet--dry .ff-wet__fill{background:var(--dry)}.ff-wet--dry .ff-wet__word{color:var(--coral);font-weight:700}@media (prefers-reduced-motion: no-preference){.ff-wet--dry .ff-wet__icon{animation:ff-pulse .5s ease-in-out infinite alternate}}@keyframes ff-pulse{0%{transform:scale(1)}to{transform:scale(1.14)}}.ff-chip{display:inline-flex;align-items:center;gap:4px;height:28px;box-sizing:border-box;padding:0 10px;border-radius:var(--radius-sm);border:2px solid var(--outline);font:800 14px/18px var(--font-body);white-space:nowrap}.ff-chip--plain{background:var(--surface-raised);color:var(--ink)}.ff-chip--kelp{background:var(--kelp-soft);color:var(--ink)}.ff-chip--sun{background:var(--sun);color:var(--on-sun)}.ff-chip--coral{background:var(--coral);color:var(--on-coral)}.ff-chip--lavender{background:var(--lavender);color:var(--on-lavender)}.ff-chip--night{background:var(--meter-track);color:var(--night-glow);box-shadow:0 0 14px #7ff0e08c}.ff-score{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-1)}.ff-score__value{position:relative;z-index:0;font:700 72px/72px var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--outline)}.ff-outlined{position:relative;z-index:0}.ff-score__value:before,.ff-outlined:before{content:attr(data-text);position:absolute;left:0;top:0;right:0;z-index:-1;-webkit-text-stroke:calc(var(--stroke-score) * 2) var(--rim);color:var(--rim);text-shadow:0 6px 0 rgba(38,52,69,.25)}.ff-score__meta{display:flex;gap:var(--space-2)}.ff-stat{display:flex;align-items:center;gap:var(--space-3);padding:8px 16px 8px 12px;min-width:120px;box-sizing:border-box;background:var(--surface-sunken);border-radius:var(--radius-md)}.ff-stat__icon{width:30px;height:30px;border-radius:var(--radius-pill);display:grid;place-items:center;background:var(--surface-raised);color:var(--ink);box-shadow:0 0 0 2px var(--outline)}.ff-stat__text{display:flex;flex-direction:column}.ff-stat__label{font:800 13px/16px var(--font-body);color:var(--ink-muted)}.ff-stat__value{font:600 24px/28px var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink)}.ff-stat--highlight{background:var(--sun)}.ff-stat--highlight .ff-stat__label,.ff-stat--highlight .ff-stat__value{color:var(--on-sun)}.ff-panel{position:relative;box-sizing:border-box;margin-top:26px;padding:40px var(--space-6) var(--space-6);background:var(--surface-raised);color:var(--ink);border:var(--stroke-outline) solid var(--outline);border-radius:var(--radius-xl);box-shadow:0 8px 0 var(--outline),var(--shadow-soft)}.ff-panel__ribbon{position:absolute;top:-26px;left:50%;transform:translate(-50%);padding:8px 30px;white-space:nowrap;font:700 26px/30px var(--font-display);border:var(--stroke-outline) solid var(--outline);border-radius:var(--radius-lg);box-shadow:0 5px 0 var(--outline)}.ff-panel__ribbon--kelp{background:var(--kelp);color:var(--on-kelp)}.ff-panel__ribbon--sun{background:var(--sun);color:var(--on-sun)}.ff-panel__ribbon--coral{background:var(--coral);color:var(--on-coral)}.ff-panel__ribbon--lavender{background:var(--lavender);color:var(--on-lavender)}.ff-panel__close{position:absolute;top:-16px;right:-16px;width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--coral);color:var(--on-coral);border:var(--stroke-outline) solid var(--outline);box-shadow:0 4px 0 var(--outline);cursor:pointer}.ff-panel__close:after{content:"";position:absolute;inset:-6px}.ff-panel__close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ff-panel__body{font:600 16px/22px var(--font-body)}.ff-panel__footer{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-6)}.ff-bubble{position:relative;display:inline-block;max-width:200px;padding:8px 12px;background:var(--surface-raised);color:var(--ink);font:700 13px/17px var(--font-body);border-radius:14px;box-shadow:0 0 0 2px var(--outline),var(--shadow-soft)}.ff-bubble:after{content:"";position:absolute;bottom:-7px;width:12px;height:12px;background:var(--surface-raised);border-right:2px solid var(--outline);border-bottom:2px solid var(--outline);transform:rotate(45deg)}.ff-bubble--left:after{left:18px}.ff-bubble--right:after{right:18px}.ff-bubble--center:after{left:calc(50% - 7px)}.ff-skin{appearance:none;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:136px;box-sizing:border-box;padding:8px 8px 10px;background:var(--surface-raised);color:var(--ink);border:var(--stroke-outline) solid var(--outline);border-radius:var(--radius-md);box-shadow:0 5px 0 var(--outline);cursor:pointer;font:inherit;transition:transform .1s ease-out}.ff-skin__stage{position:relative;width:100%;height:80px;border-radius:12px;overflow:hidden;background:linear-gradient(var(--sky-horizon),var(--sea-far))}.ff-skin__stage:after{content:"";position:absolute;left:50%;bottom:6px;width:72px;height:22px;margin-left:-36px;background:var(--sand);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);opacity:.9}.ff-skin__stage img{position:absolute;z-index:1;left:50%;top:4px;width:92px;margin-left:-46px}.ff-skin__name{font:600 16px/20px var(--font-display)}.ff-skin__foot{display:flex;height:28px;align-items:center}.ff-skin--equipped{border-color:var(--kelp);box-shadow:0 5px 0 var(--kelp-deep)}.ff-skin--locked .ff-skin__stage img{filter:brightness(0);opacity:.32}.ff-skin.is-selected{transform:translateY(-4px);box-shadow:0 9px 0 var(--outline),0 0 0 4px var(--sun)}.ff-skin:focus-visible{outline:none;box-shadow:0 5px 0 var(--outline),var(--focus-ring)}.ff-price{display:inline-flex;align-items:center;gap:4px;height:28px;box-sizing:border-box;padding:0 10px 0 3px;font:600 16px/20px var(--font-display);font-variant-numeric:tabular-nums;background:var(--sun);color:var(--on-sun);border:2px solid var(--outline);border-radius:var(--radius-pill)}.ff-price--locked{background:var(--surface-sunken);color:var(--ink-muted);padding-left:8px}@media (prefers-reduced-motion: no-preference){.ff-skin.is-selected .ff-skin__stage img,.ff-bob{animation:ff-bob 1.6s ease-in-out infinite alternate}}@keyframes ff-bob{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-5px) rotate(2deg)}}.ff-player{display:flex;align-items:center;gap:var(--space-3);min-height:56px;box-sizing:border-box;padding:6px 14px 6px 6px;background:var(--surface-raised);color:var(--ink);border:var(--stroke-outline) solid var(--outline);border-radius:var(--radius-md)}.ff-player__place{width:32px;height:32px;flex:none;box-sizing:border-box;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--lavender);color:var(--on-lavender);border:2px solid var(--outline);font:700 16px/1 var(--font-display)}.ff-player__fish{width:56px;height:40px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--surface-sunken)}.ff-player__fish img{width:54px;display:block}.ff-player__text{display:flex;flex-direction:column;min-width:0}.ff-player__name{font:600 18px/22px var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ff-player__state{font:800 12px/16px var(--font-body);color:var(--ink-muted)}.ff-player--you{border-color:var(--lavender-deep);box-shadow:0 0 0 3px var(--lavender)}.ff-player--you .ff-player__state{color:var(--ink)}.ff-player--out .ff-player__name{color:var(--ink-muted);text-decoration:line-through}.ff-player--out .ff-player__state{color:var(--coral)}.ff-player--out .ff-player__fish img,.ff-player--waiting .ff-player__fish img{opacity:.45}.ff-stage{position:relative;width:var(--stage-w);height:var(--stage-h);overflow:hidden;background:var(--surface);font-family:var(--font-body)}.ff-stage__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ff-scrim{position:absolute;inset:0;background:#141a3a80}.ff-abs{position:absolute}.ff-wordmark{font:700 52px/1 var(--font-display);letter-spacing:.005em;color:var(--outline)}.ff-tagline{display:inline-block;margin-top:var(--space-2);font:800 14px/18px var(--font-body);background:var(--surface-raised);color:var(--ink);padding:3px 10px;border-radius:var(--radius-pill);box-shadow:0 0 0 2px var(--outline)}.ff-mode{appearance:none;position:relative;display:flex;align-items:center;gap:var(--space-3);width:100%;height:56px;padding:0 var(--space-4) 0 var(--space-3);margin-bottom:6px;box-sizing:border-box;cursor:pointer;text-align:left;border:var(--stroke-outline) solid var(--outline);border-radius:var(--radius-lg);transition:transform .08s ease-out,box-shadow .08s ease-out}.ff-mode:before{content:"";position:absolute;left:12px;right:12px;top:5px;height:26%;border-radius:var(--radius-pill);background:#fff;opacity:.24;pointer-events:none}.ff-mode__icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:var(--radius-pill)}.ff-mode__title{flex:1;font:700 21px/24px var(--font-display);white-space:nowrap}.ff-mode__detail{font:800 13px/16px var(--font-body);white-space:nowrap;font-variant-numeric:tabular-nums}.ff-mode--primary{height:72px;border-radius:28px;padding-left:var(--space-4)}.ff-mode--primary .ff-mode__title{font-size:28px;line-height:30px}.ff-mode--primary .ff-mode__icon{width:46px;height:46px}.ff-mode--kelp{background:var(--kelp);color:var(--on-kelp);box-shadow:var(--shadow-press-kelp)}.ff-mode--kelp .ff-mode__icon{background:var(--on-kelp);color:var(--kelp)}.ff-mode--kelp .ff-mode__title{text-shadow:0 2px 0 rgba(0,0,0,.18)}.ff-mode--lavender{background:var(--lavender);color:var(--on-lavender);box-shadow:var(--shadow-press-lavender)}.ff-mode--lavender .ff-mode__icon{background:var(--on-lavender);color:var(--lavender)}.ff-mode--sun{background:var(--sun);color:var(--on-sun);box-shadow:var(--shadow-press-sun)}.ff-mode--sun .ff-mode__icon{background:var(--on-sun);color:var(--sun)}.ff-mode--plain{background:var(--surface-raised);color:var(--ink);box-shadow:0 6px 0 var(--outline)}.ff-mode--plain .ff-mode__icon{background:var(--surface-sunken);color:var(--ink)}.ff-mode--plain .ff-mode__detail{color:var(--ink-muted)}.ff-mode:active{transform:translateY(4px)}.ff-mode--kelp:active{box-shadow:0 2px 0 var(--kelp-deep)}.ff-mode--lavender:active{box-shadow:0 2px 0 var(--lavender-deep)}.ff-mode--sun:active{box-shadow:0 2px 0 var(--sun-deep)}.ff-mode--plain:active{box-shadow:0 2px 0 var(--outline)}.ff-mode:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ff-header{display:flex;align-items:center;gap:var(--space-4)}.ff-header__title{margin:0;flex:1;font:700 34px/38px var(--font-display);color:var(--outline);white-space:nowrap}.ff-header__right{display:flex;align-items:center;gap:var(--space-3)}.ff-seg{display:inline-flex;padding:4px;gap:4px;background:var(--surface-sunken);border-radius:var(--radius-pill);box-shadow:0 0 0 var(--stroke-outline) var(--outline)}.ff-seg__opt{appearance:none;min-width:88px;height:44px;padding:0 var(--space-4);border:0;border-radius:var(--radius-pill);background:none;color:var(--ink-muted);font:600 17px/20px var(--font-display);cursor:pointer}.ff-seg__opt.is-on{background:var(--surface-raised);color:var(--ink);box-shadow:0 0 0 2px var(--outline),0 3px 0 2px var(--outline)}.ff-seg__opt:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ff-account{appearance:none;display:flex;align-items:center;gap:var(--space-3);width:100%;height:52px;padding:0 var(--space-6) 0 6px;box-sizing:border-box;margin-bottom:5px;background:var(--surface-raised);color:var(--ink);border:var(--stroke-outline) solid var(--outline);border-radius:var(--radius-pill);box-shadow:0 5px 0 var(--outline);font:600 18px/22px var(--font-display);cursor:pointer}.ff-account__logo{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:var(--radius-pill);background:#fff;color:var(--outline);box-shadow:0 0 0 2px var(--line)}.ff-account__logo img{width:22px;height:22px;display:block}.ff-account__label{flex:1;text-align:center}.ff-account:active{transform:translateY(3px);box-shadow:0 2px 0 var(--outline)}.ff-account:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ff-statpill{appearance:none;display:inline-flex;align-items:center;gap:var(--space-3);height:40px;padding:0 var(--space-4);box-sizing:border-box;background:var(--surface-raised);color:var(--ink);border:0;border-radius:var(--radius-pill);box-shadow:0 0 0 var(--stroke-outline) var(--outline),var(--shadow-soft);font:inherit}.ff-statpill.is-button{cursor:pointer;padding-right:var(--space-3);min-height:var(--touch-min);height:40px}.ff-statpill.is-button:active{transform:translateY(2px)}.ff-statpill.is-button:focus-visible{outline:none;box-shadow:0 0 0 var(--stroke-outline) var(--outline),var(--focus-ring)}.ff-statpill__item{display:inline-flex;align-items:center;gap:6px}.ff-statpill__label{font:800 13px/16px var(--font-body);color:var(--ink-muted)}.ff-statpill__value{font:600 18px/22px var(--font-display);font-variant-numeric:tabular-nums}.ff-statpill__icon{display:grid;place-items:center;color:var(--ink)}.ff-statpill__icon.is-flame{color:var(--coral)}.ff-statpill__div{width:2px;height:20px;border-radius:2px;background:var(--line)}.ff-statpill__chev{color:var(--ink-muted);display:grid;place-items:center}.ff-bigstat{display:inline-flex;flex-direction:column;align-items:center}.ff-bigstat__value{font:700 48px/50px var(--font-display);font-variant-numeric:tabular-nums;color:var(--outline)}.ff-bigstat__label{margin-top:2px;font:800 12px/16px var(--font-body);background:var(--surface-raised);color:var(--ink);padding:2px 8px;border-radius:var(--radius-pill);box-shadow:0 0 0 2px var(--outline)}.ff-chapter{appearance:none;position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;box-sizing:border-box;padding:8px 10px 10px;margin-bottom:5px;background:var(--surface-raised);color:var(--ink);border:var(--stroke-outline) solid var(--outline);border-radius:var(--radius-lg);box-shadow:0 5px 0 var(--outline);cursor:pointer;font:inherit}.ff-chapter__num{font:800 12px/16px var(--font-body);color:var(--ink-muted)}.ff-chapter__art{position:relative;width:100%;height:36px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(var(--sky-horizon) 0 55%,var(--sea-far) 55%)}.ff-chapter__art img{width:58px;display:block}.ff-chapter__lock{width:28px;height:28px;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--ink-muted);box-shadow:0 0 0 2px var(--outline)}.ff-chapter__title{font:600 17px/20px var(--font-display);white-space:nowrap}.ff-chapter__foot{display:flex;align-items:flex-end;gap:var(--space-2)}.ff-chapter__stars{display:inline-flex;align-items:center;gap:3px;font:800 12px/16px var(--font-body);font-variant-numeric:tabular-nums;color:var(--ink-muted)}.ff-chapter__stars .ff-icon{color:var(--sun-deep)}.ff-diff{display:inline-flex;align-items:flex-end;gap:2px;height:19px}.ff-diff__bar{width:4px;border-radius:2px;background:var(--line)}.ff-diff__bar.is-on{background:var(--kelp)}.ff-chapter.is-current{border-color:var(--kelp);box-shadow:0 5px 0 var(--kelp-deep),0 0 0 3px var(--kelp-soft)}.ff-chapter.is-locked{background:var(--surface-sunken);box-shadow:0 5px 0 var(--line);border-color:var(--line);cursor:not-allowed}.ff-chapter.is-locked .ff-chapter__title{color:var(--ink-muted)}.ff-chapter.is-locked .ff-chapter__art{filter:saturate(.35);opacity:.7}.ff-chapter:not(.is-locked):active{transform:translateY(3px);box-shadow:0 2px 0 var(--outline)}.ff-chapter:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ff-lb{display:flex;align-items:center;gap:var(--space-3);height:52px;padding:0 var(--space-6) 0 8px;box-sizing:border-box;background:var(--surface-raised);color:var(--ink);border:var(--stroke-outline) solid var(--outline);border-radius:var(--radius-pill)}.ff-lb__rank{width:34px;height:34px;flex:none;display:grid;place-items:center;box-sizing:border-box;border-radius:var(--radius-pill);border:2px solid var(--outline);font:700 17px/1 var(--font-display);background:var(--surface-sunken);color:var(--ink)}.ff-lb__rank.is-gold{background:var(--sun);color:var(--on-sun)}.ff-lb__rank.is-silver{background:var(--medal-silver);color:var(--on-sun)}.ff-lb__rank.is-bronze{background:var(--medal-bronze);color:var(--on-sun)}.ff-lb__fish{width:46px;flex:none;display:block}.ff-lb__name{flex:1;min-width:0;font:600 19px/22px var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ff-lb__score{font:700 22px/24px var(--font-display);font-variant-numeric:tabular-nums}.ff-lb.is-you{border-color:var(--lavender-deep);box-shadow:0 0 0 3px var(--lavender)}.ff-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0}.ff-header--light .ff-header__title{color:var(--rim)}.ff-header--light .ff-header__title:before{display:none}.ff-hero{display:flex;flex-direction:column;align-items:center;gap:2px;box-sizing:border-box;padding:12px 16px 14px;text-align:center;background:var(--surface-raised);color:var(--ink);border:var(--stroke-outline) solid var(--outline);border-radius:var(--radius-xl);box-shadow:0 6px 0 var(--outline)}.ff-hero__num{font:800 12px/16px var(--font-body);color:var(--ink-muted)}.ff-hero__title{margin:0;font:700 24px/28px var(--font-display);white-space:nowrap}.ff-hero__art{width:100%;height:96px;margin:6px 0 4px;border-radius:16px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(var(--sky-horizon) 0 52%,var(--sea-far) 52%)}.ff-hero__art img{width:132px;display:block}.ff-hero__new{margin:0 0 8px;font:600 13px/17px var(--font-body);color:var(--ink-muted)}.ff-hero__new strong{color:var(--ink);font-weight:900}.is-flipped{transform:scaleX(-1)}@media (prefers-reduced-motion: no-preference){.ff-hero__art img.is-flipped{animation:ff-bob-flip 1.6s ease-in-out infinite alternate}}@keyframes ff-bob-flip{0%{transform:scaleX(-1) translateY(0) rotate(-2deg)}to{transform:scaleX(-1) translateY(-5px) rotate(2deg)}}.ff-lvl{appearance:none;display:flex;align-items:center;gap:var(--space-3);width:100%;height:48px;box-sizing:border-box;margin-bottom:4px;padding:0 18px;background:var(--surface-raised);color:var(--ink);border:var(--stroke-outline) solid var(--outline);border-radius:var(--radius-pill);box-shadow:0 4px 0 var(--outline);cursor:pointer;font:inherit;text-align:left}.ff-lvl__code{min-width:30px;font:600 16px/20px var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink-muted)}.ff-lvl__title{flex:1;min-width:0;font:600 19px/22px var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ff-lvl__lock{color:var(--ink-muted);display:grid;place-items:center}.ff-lvl__stars{display:inline-flex;gap:1px;margin-left:6px}.ff-lvl__star{color:var(--line);display:grid}.ff-lvl__star.is-on{color:var(--sun-deep)}.ff-lvl.is-current{border-color:var(--kelp);box-shadow:0 4px 0 var(--kelp-deep),0 0 0 3px var(--kelp-soft)}.ff-lvl.is-locked{background:var(--surface-sunken);border-color:var(--line);box-shadow:0 4px 0 var(--line);cursor:not-allowed}.ff-lvl.is-locked .ff-lvl__title{color:var(--ink-muted)}.ff-lvl:not(.is-locked):active{transform:translateY(3px);box-shadow:0 1px 0 var(--outline)}.ff-lvl:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ff-levels{display:flex;flex-direction:column;gap:6px}.ff-comic{position:relative;margin:0;width:100%;aspect-ratio:1 / 1;box-sizing:border-box;overflow:hidden;background:var(--sea-far);border:var(--stroke-outline) solid var(--outline);border-radius:var(--radius-lg);box-shadow:0 0 0 3px var(--rim),0 6px 0 3px var(--outline)}.ff-comic__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.ff-comic__cast{position:absolute;inset:0}.ff-comic__actor{position:absolute;display:block}.ff-comic__say{position:absolute;left:8px;right:8px;top:8px;display:flex;flex-direction:column;gap:1px;padding:6px 10px 8px;background:var(--surface-raised);border-radius:14px;box-shadow:0 0 0 2px var(--outline)}.ff-comic__who{font:700 12px/15px var(--font-display);letter-spacing:.03em;color:var(--lavender-deep)}.ff-comic__line{font:700 14px/18px var(--font-body);color:var(--ink)}.ff-comic__tip{position:absolute;left:8px;right:8px;bottom:8px;padding:6px 10px;background:var(--sun-soft);color:var(--ink);border-radius:12px;box-shadow:0 0 0 2px var(--outline);font:800 13px/16px var(--font-body)}.ff-comic-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ff-stage--comic{background:radial-gradient(ellipse at 50% 35%,var(--comic-glow),var(--comic-backdrop) 70%)}.ff-tapnext{font:800 14px/18px var(--font-body);color:var(--rim);text-align:center}@media (prefers-reduced-motion: no-preference){.ff-comic-strip>.ff-comic{animation:ff-pop .4s cubic-bezier(.3,1.4,.5,1) both}.ff-comic-strip>.ff-comic:nth-child(2){animation-delay:.5s}.ff-comic-strip>.ff-comic:nth-child(3){animation-delay:1s}.ff-tapnext{animation:ff-blink 1.4s ease-in-out infinite}}@keyframes ff-pop{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}@keyframes ff-blink{50%{opacity:.45}}.ff-card{box-sizing:border-box;padding:14px 18px 16px;background:var(--surface-raised);color:var(--ink);border:var(--stroke-outline) solid var(--outline);border-radius:var(--radius-xl);box-shadow:0 6px 0 var(--outline)}.ff-eyebrow{font:800 13px/16px var(--font-body);letter-spacing:.04em;color:var(--ink-muted)}.ff-note{display:inline-block;font:800 12px/16px var(--font-body);background:var(--surface-raised);color:var(--ink);padding:2px 10px;border-radius:var(--radius-pill);box-shadow:0 0 0 2px var(--outline)}.ff-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ff-banner{position:relative;overflow:hidden;box-sizing:border-box;border:var(--stroke-outline) solid var(--outline);border-radius:var(--radius-lg);box-shadow:0 5px 0 var(--outline);background-size:cover;background-position:center 42%}.ff-ghost{opacity:.5}.ff-features{list-style:none;margin:0;padding:10px 16px 12px;display:flex;flex-direction:column;gap:6px;background:var(--surface-raised);color:var(--ink);border:var(--stroke-outline) solid var(--outline);border-radius:var(--radius-lg);box-shadow:0 5px 0 var(--outline)}.ff-feature{display:flex;align-items:center;gap:var(--space-3)}.ff-feature__icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--lavender);color:var(--on-lavender);box-shadow:0 0 0 2px var(--outline)}.ff-feature__text{display:flex;flex-direction:column;min-width:0}.ff-feature__title{font:600 16px/19px var(--font-display)}.ff-feature__detail{font:700 12px/15px var(--font-body);color:var(--ink-muted)}.ff-code{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:10px}.ff-code__tiles{display:flex;gap:10px}.ff-code__tile{position:relative;width:56px;height:66px;box-sizing:border-box;display:grid;place-items:center;background:var(--surface-raised);color:var(--ink);border:var(--stroke-outline) solid var(--outline);border-radius:var(--radius-md);box-shadow:0 5px 0 var(--outline);font:700 36px/1 var(--font-display)}.ff-code--input .ff-code__tile:not(.is-filled){background:var(--surface-sunken)}.ff-code--input:focus-within .ff-code__tile.is-active{border-color:var(--lavender-deep);box-shadow:0 5px 0 var(--lavender-deep),0 0 0 3px var(--lavender)}.ff-code--input:focus-within .ff-code__tile.is-active:after{content:"";width:3px;height:30px;border-radius:2px;background:var(--ink)}.ff-code__field{position:absolute;left:0;top:0;width:100%;height:66px;opacity:0;border:0;padding:0;font-size:16px;cursor:text}.ff-code.is-error .ff-code__tile{border-color:var(--coral);box-shadow:0 5px 0 var(--coral-deep)}.ff-code__error{font:800 13px/16px var(--font-body);background:var(--coral);color:var(--on-coral);padding:3px 12px;border-radius:var(--radius-pill)}@media (prefers-reduced-motion: no-preference){.ff-code--input:focus-within .ff-code__tile.is-active:after{animation:ff-blink 1s steps(2,start) infinite}.ff-code.is-error .ff-code__tiles{animation:ff-shake .35s ease-in-out}}@keyframes ff-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.ff-conn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;box-sizing:border-box;background:var(--surface-raised);color:var(--ink);border-radius:var(--radius-pill);box-shadow:0 0 0 2px var(--outline);font:800 13px/16px var(--font-body);white-space:nowrap}.ff-conn__dot{width:10px;height:10px;border-radius:var(--radius-pill);background:var(--kelp);box-shadow:0 0 0 3px var(--kelp-soft)}.ff-conn.is-connecting .ff-conn__dot{background:var(--sun-deep);box-shadow:0 0 0 3px var(--sun-soft)}.ff-conn.is-offline .ff-conn__dot{background:var(--coral);box-shadow:none}@media (prefers-reduced-motion: no-preference){.ff-conn.is-connecting .ff-conn__dot,.ff-player__dot{animation:ff-blink 1.2s ease-in-out infinite}}.ff-player__text{flex:1}.ff-player--empty{background:var(--surface-sunken);border-style:dashed;border-color:var(--ink-muted)}.ff-player--empty .ff-player__fish{background:var(--surface-raised)}.ff-player--empty .ff-player__name{color:var(--ink-muted)}.ff-player__dot{width:10px;height:10px;border-radius:var(--radius-pill);background:var(--ink-muted)}.ff-header{align-items:flex-start}.ff-header__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding-top:5px}.ff-header__title{flex:none}.ff-header__right{padding-top:0}.ff-header__sub{margin:0;align-self:flex-start;font:800 13px/17px var(--font-body);background:var(--surface-raised);color:var(--ink);padding:3px 12px;border-radius:var(--radius-pill);box-shadow:0 0 0 2px var(--outline)}.ff-rarity{position:absolute;z-index:2;left:6px;top:6px;font:800 12px/15px var(--font-body);letter-spacing:.02em;padding:1px 7px;border-radius:var(--radius-pill);box-shadow:0 0 0 1.5px var(--outline)}.ff-rarity.is-common{background:var(--surface-raised);color:var(--ink)}.ff-rarity.is-rare{background:var(--kelp);color:var(--on-kelp)}.ff-rarity.is-epic{background:var(--lavender);color:var(--on-lavender)}.ff-rarity.is-legendary{background:var(--sun);color:var(--on-sun)}.ff-rarity.is-secret{background:var(--meter-track);color:var(--night-glow)}.ff-skin--secret .ff-skin__name{letter-spacing:.1em}.ff-pcard{display:flex;flex-direction:column;align-items:center;gap:4px;width:128px;box-sizing:border-box;padding:8px 8px 10px;background:var(--surface-raised);color:var(--ink);border:var(--stroke-outline) solid var(--outline);border-radius:var(--radius-lg);box-shadow:0 5px 0 var(--outline)}.ff-pcard__stage{position:relative;width:100%;height:64px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(var(--sky-horizon) 0 55%,var(--sea-far) 55%)}.ff-pcard__stage img{width:88px;display:block}.ff-pcard__name{max-width:100%;font:600 16px/20px var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ff-pcard__tags{display:flex;gap:4px;min-height:28px;align-items:center}.ff-pcard.is-you{border-color:var(--lavender-deep);box-shadow:0 5px 0 var(--lavender-deep),0 0 0 3px var(--lavender)}.ff-plist{display:flex;gap:12px;flex-wrap:nowrap}@media (prefers-reduced-motion: no-preference){.ff-plist>.ff-pcard.is-joining{animation:ff-pop .4s cubic-bezier(.3,1.4,.5,1) both}}.ff-ghostfish{opacity:.5;filter:saturate(.6) drop-shadow(0 0 2px var(--ghost)) drop-shadow(0 0 2px var(--ghost))}.ff-nametag{position:absolute;transform:translate(-50%);white-space:nowrap;font:800 12px/16px var(--font-body);padding:2px 9px;border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--ink);box-shadow:0 0 0 2px var(--outline)}.ff-nametag:after{content:"";position:absolute;left:50%;bottom:-5px;width:8px;height:8px;margin-left:-4px;background:inherit;transform:rotate(45deg);box-shadow:2px 2px 0 0 var(--outline)}.ff-nametag.is-you{background:var(--lavender);color:var(--on-lavender);font-weight:900}.ff-nametag.is-out{text-decoration:line-through;color:var(--ink-muted)}.ff-podium{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:150px}.ff-podium__fish{width:88px;display:block;margin-bottom:-6px;position:relative;z-index:1}.ff-podium__name{display:inline-flex;align-items:center;gap:4px;max-width:150px;margin-bottom:4px;font:600 15px/18px var(--font-display);background:var(--surface-raised);color:var(--ink);padding:2px 10px;border-radius:var(--radius-pill);box-shadow:0 0 0 2px var(--outline);white-space:nowrap}.ff-podium__name .ff-chip{height:22px;font-size:12px;padding:0 6px}.ff-podium__block{width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:8px;background:var(--surface-raised);color:var(--ink);border:var(--stroke-outline) solid var(--outline);border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.ff-podium.is-p1 .ff-podium__block{height:76px;background:var(--sun);color:var(--on-sun)}.ff-podium.is-p2 .ff-podium__block{height:60px}.ff-podium.is-p3 .ff-podium__block{height:48px}.ff-podium.is-p4 .ff-podium__block{height:40px;background:var(--surface-sunken)}.ff-podium__meta{display:flex;align-items:center;gap:6px;margin-bottom:6px}.ff-podium__place{min-width:46px;height:30px;box-sizing:border-box;display:grid;place-items:center;padding:0 8px;border-radius:var(--radius-pill);border:2px solid var(--outline);font:700 16px/1 var(--font-display);background:var(--surface-raised);color:var(--ink)}.ff-podium__place.is-gold{background:var(--surface-raised)}.ff-podium__place.is-silver{background:var(--medal-silver);color:var(--on-sun)}.ff-podium__place.is-bronze{background:var(--medal-bronze);color:var(--on-sun)}.ff-podium__score{font:700 15px/18px var(--font-display);font-variant-numeric:tabular-nums;background:var(--surface-raised);color:var(--ink);padding:1px 8px;border-radius:var(--radius-pill);box-shadow:0 0 0 2px var(--outline)}.ff-podium__prize{display:inline-flex;align-items:center;gap:3px;font:800 13px/16px var(--font-body);background:var(--surface-raised);color:var(--ink);padding:1px 8px 1px 3px;border-radius:var(--radius-pill);box-shadow:0 0 0 2px var(--outline)}.ff-podium.is-you .ff-podium__block{box-shadow:0 0 0 3px var(--lavender)}.ff-podium-row{display:flex;align-items:flex-end;gap:10px}.ff-medal{margin:0;display:inline-flex;flex-direction:column;align-items:center;gap:4px}.ff-medal svg{display:block;filter:drop-shadow(0 3px 0 rgba(38,52,69,.25))}.ff-medal__name{display:flex;flex-direction:column;align-items:center;font:600 15px/18px var(--font-display);background:var(--surface-raised);color:var(--ink);padding:2px 10px 3px;border-radius:12px;box-shadow:0 0 0 2px var(--outline)}.ff-medal__goal{font:800 12px/15px var(--font-body);color:var(--ink-muted)}.ff-medal.is-locked svg{filter:grayscale(1) brightness(1.15);opacity:.45}.ff-confirm .ff-panel__footer{justify-content:flex-end}.ff-ko{position:relative}.ff-ko__fish{width:100%;display:block;filter:saturate(.45) brightness(1.06);transform:rotate(8deg)}.ff-ko__fx{position:absolute;inset:0;width:100%;transform:rotate(8deg)}@media (prefers-reduced-motion: no-preference){.ff-ko{animation:ff-flop 1.2s ease-in-out infinite alternate}}@keyframes ff-flop{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-4px) rotate(3deg)}}.ff-settings{display:flex;flex-direction:column}.ff-settings>*+*{border-top:2px solid var(--line)}.ff-blur{filter:blur(6px) saturate(.8);transform:scale(1.04)}.ff-reduce-motion *,.ff-reduce-motion *:before,.ff-reduce-motion *:after{animation:none!important;transition:none!important}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;color-scheme:light dark}body{margin:0;font-family:var(--font-body);font-weight:600;color:var(--ink);background:var(--surface);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3,p{margin:0}.ff-btn{text-decoration:none}.wrap{width:min(1120px,100% - 32px);margin:0 auto}.title{font:700 clamp(30px,4.4vw,44px)/1.15 var(--font-display);color:var(--outline);text-align:center}.heading{font:600 26px/30px var(--font-display)}.hero{position:relative;height:100svh;min-height:560px;overflow:hidden;background:var(--sky-horizon) url(/site-assets/bg-golden-hour-xWuz3Mla.svg) center / cover no-repeat}.attract{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;opacity:0;transition:opacity .8s ease}.attract.on{opacity:1}.hero-sky{display:none}@media (max-aspect-ratio: 4/5){.attract{top:auto;height:58%}.hero-sky{display:block;position:absolute;inset:0 0 58%;background:linear-gradient(var(--sky-top),var(--sky-horizon))}}.nav{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(16px,4vw,44px);z-index:2}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:700 26px/1 var(--font-display);color:var(--outline)}.brand img{border-radius:12px;box-shadow:0 0 0 3px var(--outline)}.hero-copy{position:absolute;left:0;right:0;top:clamp(84px,14vh,150px);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:0 16px;z-index:1}.hero-copy h1{font-size:clamp(60px,11vw,132px)}.hero-copy .lead{max-width:520px;font:700 17px/24px var(--font-body)}.cta{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:4px}.soon{font-size:13px}.how{padding:64px 0 48px}.vignettes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.vig{padding:12px 12px 18px}.vig h3{margin:12px 4px 4px;font:700 24px/28px var(--font-display)}.vig p{margin:0 4px;color:var(--ink-muted);font-size:15px;line-height:22px}.vscene{position:relative;height:190px;border-radius:var(--radius-md);overflow:hidden;background:center / cover no-repeat;box-shadow:inset 0 0 0 3px var(--outline)}.vscene .meter{position:absolute;left:10px;top:10px;transform-origin:0 0}@media (max-width: 820px){.vignettes{grid-template-columns:1fr}}.race{padding:24px 0 56px}.race-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:center}.race-copy{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.race-copy p{color:var(--ink-muted)}.race-scene{position:relative;height:300px;background-size:cover}.racer{position:absolute;width:22%;display:flex;flex-direction:column;align-items:center}.racer .ff-nametag{position:relative;transform:none;margin-bottom:4px}@media (max-width: 760px){.race-grid{grid-template-columns:1fr}}.night{position:relative}.night-scene{height:440px;background:center / cover no-repeat}.night-copy{position:absolute;right:clamp(16px,8vw,120px);top:50%;transform:translateY(-50%);max-width:380px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.night-copy p{color:var(--ink-muted)}@media (max-width: 640px){.night-scene{height:300px}.night-copy{position:static;transform:none;max-width:none;margin:-40px 16px 40px}}.skins{padding:56px 0}.skins .sub{display:table;margin:10px auto 24px;font-size:14px}.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:16px;justify-items:center}.skin-grid .ff-skin{cursor:default}.band{padding:8px 0 56px}.band .wrap{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:28px 18px}.band p{color:var(--ink-muted)}footer{padding:8px 0 40px;text-align:center}footer a{margin:0 4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}@media (max-width: 560px){.cta .ff-btn--lg{height:56px;padding:0 var(--space-6);font-size:22px;line-height:24px;border-radius:var(--radius-lg)}}@media (prefers-color-scheme: dark){body{background:var(--surface);color:var(--ink)}}