: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}:root{color-scheme:light dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#141a3a;overflow:hidden;font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased}body{display:flex;align-items:center;justify-content:center;touch-action:manipulation;user-select:none;-webkit-user-select:none}button{font-family:inherit;color:inherit;cursor:pointer}p,h1,h2,h3,figure,ul{margin:0}[hidden]{display:none!important}#frame{position:relative;width:844px;height:390px;transform-origin:center center;overflow:hidden;background:var(--surface);flex-shrink:0;font-family:var(--font-body);color:var(--ink)}#stage{position:absolute;inset:0}#stage canvas{display:block;width:844px!important;height:390px!important}#ui{position:absolute;inset:0;pointer-events:none;z-index:var(--z-hud)}#ui>*{pointer-events:auto}#ui .passthrough{pointer-events:none}#ui .passthrough>*{pointer-events:auto}#ui .passthrough .ff-abs.ghost-ui{pointer-events:none}.screen{position:absolute;inset:0;overflow:hidden;background:var(--surface)}.screen>.ff-stage__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.screen>.ff-abs,.screen>.ff-scrim{z-index:1}.head{position:absolute;left:var(--safe-x);right:var(--safe-x);top:8px;z-index:2}.ff-header__title{font-size:34px}.ff-header__right .ff-seg__opt{min-width:92px}.scroll{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}.heading{font:600 24px/28px var(--font-display)}.caption{font:800 12px/16px var(--font-body)}.muted{color:var(--ink-muted)}.row{display:flex;align-items:center;gap:12px}.center{display:flex;flex-direction:column;align-items:center}@keyframes ff-up{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}@keyframes ff-fadein{0%{opacity:0}to{opacity:1}}@keyframes ff-popnum{0%{transform:scale(1)}40%{transform:scale(1.16)}to{transform:scale(1)}}@keyframes ff-letter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: no-preference){.up{animation:ff-up .4s cubic-bezier(.3,1.3,.5,1) both}.fadein{animation:ff-fadein .25s ease-out both}}.ff-reduce-motion .ff-bob{animation:none!important}.home-name .ff-wordmark{font-size:52px;white-space:nowrap}.herofish{display:block;width:176px;filter:drop-shadow(0 6px 0 rgba(38,52,69,.18))}.hud-score{position:absolute;left:0;right:0;top:6px;display:flex;justify-content:center;pointer-events:none}.ff-score__value{transition:none}.ff-score__value.pop{animation:ff-popnum .22s ease-out}.ff-reduce-motion .ff-score__value.pop{animation:none}.hud-left{position:absolute;left:var(--safe-x);top:12px;display:flex;gap:10px;align-items:center}.hud-right{position:absolute;right:var(--safe-x);top:10px;display:flex;gap:12px;align-items:center}.hud-chips{display:flex;gap:6px;justify-content:center;margin-top:4px}.prompt{position:absolute;left:0;right:0;top:150px;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.prompt .big{font:700 34px/38px var(--font-display);color:var(--outline)}.countdown{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.countdown .ff-outlined{font:700 96px/1 var(--font-display);color:var(--outline)}.spectate,.callout{position:absolute;left:0;right:0;display:flex;justify-content:center;pointer-events:none}.spectate{bottom:18px}.callout{top:96px}.callout .ff-note{font-size:14px;line-height:20px;padding:4px 14px}.ff-chip.night{box-shadow:0 0 14px #7ff0e08c}.dim{position:absolute;inset:0;z-index:var(--z-panel)}.dim>.ff-scrim{background:#141a3a6b}.dim>.ff-abs{z-index:1}.dlg-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.ff-panel{max-width:calc(100% - 2 * var(--safe-x))}.ff-panel .ff-panel__body{text-align:left}.ff-panel .lede{margin:0 0 14px;text-align:center;color:var(--ink-muted)}.medalrow{display:flex;align-items:center;gap:12px;margin-top:10px;padding:6px 12px;background:var(--surface-sunken);border-radius:var(--radius-md)}.medalrow .t{font:600 16px/20px var(--font-display)}.field{width:100%;height:52px;padding:0 16px;border:var(--stroke-outline) solid var(--outline);border-radius:var(--radius-md);background:var(--surface-sunken);font:600 20px/24px var(--font-display);color:var(--ink);outline:none;user-select:text;-webkit-user-select:text}.field:focus{background:var(--surface-raised);box-shadow:0 0 0 3px var(--lavender)}.err{min-height:18px;margin-top:6px;font:800 13px/16px var(--font-body);color:var(--coral)}.toast{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:50;pointer-events:none;padding:8px 18px;border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--ink);box-shadow:0 0 0 var(--stroke-outline) var(--outline),var(--shadow-soft);font:800 14px/18px var(--font-body);white-space:nowrap}.skinview{position:absolute;left:var(--safe-x);top:72px;width:252px;height:302px;border-radius:var(--radius-xl);border:var(--stroke-outline) solid var(--outline);background:linear-gradient(var(--sky-horizon),var(--sea-far));overflow:hidden;box-shadow:0 6px 0 var(--outline)}.skinview .sand{position:absolute;left:41px;top:132px;width:164px;height:82px;background:var(--sand);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.skinview .ff-rarity{left:14px;top:14px;font-size:12px;padding:2px 10px}.skinview .big{position:absolute;left:33px;top:40px;width:180px}.skinview .big.sil{filter:brightness(0);opacity:.32}.skinview .foot{position:absolute;left:16px;right:16px;bottom:14px;display:flex;flex-direction:column;gap:8px;align-items:center}.skinview .namepill{font:600 22px/28px var(--font-display);color:var(--ink);background:var(--surface-raised);padding:0 12px;border-radius:var(--radius-pill);box-shadow:0 0 0 2px var(--outline);white-space:nowrap}.skinview .fact{font:700 12px/15px var(--font-body);color:var(--ink);text-align:center;background:var(--surface-raised);padding:3px 10px;border-radius:10px;box-shadow:0 0 0 2px var(--outline)}.skingrid{position:absolute;inset:66px 30px 0 316px;padding:10px 12px 18px 4px}.skingrid .grid{display:grid;grid-template-columns:repeat(3,136px);gap:12px 14px}.ff-skin.is-selected{z-index:1}.lbside{position:absolute;left:var(--safe-x);top:72px;width:280px;display:flex;flex-direction:column;align-items:center}.lbside .namerow{display:flex;align-items:center;gap:10px;margin-top:4px;max-width:100%}.lbside .namerow .heading{color:var(--outline);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lbside .bigs{display:flex;gap:36px;margin-top:4px}.lbside .gbtn{margin-top:10px;min-height:44px;display:flex;justify-content:center}.lblist{position:absolute;left:348px;right:var(--safe-x);top:72px;bottom:0;padding:4px 4px 16px}.lbgap{text-align:center;font:800 14px/18px var(--font-body);color:var(--rim);letter-spacing:.2em}.saved{display:inline-flex;align-items:center;gap:6px}.ff-settings{padding:6px 18px}.chgrid{position:absolute;left:var(--safe-x);right:var(--safe-x);top:72px;display:grid;grid-template-columns:repeat(4,1fr);column-gap:12px;row-gap:10px}.ff-chapter__title{max-width:100%;overflow:hidden;text-overflow:ellipsis}.ff-chapter__art img{width:54px}.lvlcol{position:absolute;left:344px;right:var(--safe-x);top:72px;bottom:0;display:flex;flex-direction:column}.lvlcol .ff-levels{margin-top:10px;padding:2px 4px 16px 2px;min-height:0;flex:1}.ff-lvl__title{min-width:0}.ff-hero__actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.ff-hero__art img{width:120px}.comic{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,var(--comic-glow),var(--comic-backdrop) 70%);cursor:pointer}.comic .strip{position:absolute;left:var(--safe-x);right:var(--safe-x);top:72px;display:flex;justify-content:center;gap:14px}.comic .ff-comic{aspect-ratio:auto;flex:none}.comic .ff-comic.off{background:var(--comic-glow);box-shadow:0 0 0 3px #fffaf059;border-color:#fffaf059}.comic .ff-comic__bg{object-fit:cover}.comic .cast-in{position:absolute;left:0;top:0;width:300px;height:240px;transform-origin:0 0}.comic .cast-in img{position:absolute;display:block}.comic .ff-comic__say{padding:5px 9px 7px}.comic .ff-comic__line{font-size:13px;line-height:17px}.comic .ff-tapnext{position:absolute;left:0;right:0;bottom:12px}@media (prefers-reduced-motion: no-preference){.comic .ff-comic.pop{animation:ff-pop .4s cubic-bezier(.3,1.4,.5,1) both}.comic .ff-tapnext{animation:ff-blink 1.4s ease-in-out infinite}}.goals{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.goals li{display:flex;align-items:center;gap:10px;min-height:34px;padding:4px 12px;border-radius:var(--radius-md);background:var(--surface-sunken);font:700 15px/19px var(--font-body)}.goals li .s{display:inline-flex;color:var(--sun-deep)}.goals li .s .off{color:var(--line)}.goals li .v{margin-left:auto;font:600 16px/20px var(--font-display);font-variant-numeric:tabular-nums}.goals li.met{background:var(--kelp-soft)}.goals li .ok{margin-left:auto;color:var(--kelp);display:grid}.brief-meta{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.newthing{display:flex;align-items:center;gap:12px;margin:0 0 10px;padding:6px 12px;border-radius:var(--radius-md);background:var(--sun-soft);box-shadow:0 0 0 2px var(--outline)}.newthing img{width:64px;flex:none}.newthing b{font:600 16px/20px var(--font-display);display:block}.newthing span{font:700 13px/17px var(--font-body)}.bigstars{display:flex;justify-content:center;gap:6px;margin:-4px 0 6px;color:var(--line)}.bigstars .on{color:var(--sun-deep)}@media (prefers-reduced-motion: no-preference){.bigstars .on{animation:ff-pop .45s cubic-bezier(.3,1.4,.5,1) both}}.paychips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:10px}.tip{margin:0 0 12px;padding:8px 12px;border-radius:12px;background:var(--sun-soft);box-shadow:0 0 0 2px var(--outline);font:800 14px/18px var(--font-body)}.ff-banner .ff-abs{position:absolute}.joincol{position:absolute;left:0;right:0;top:80px;display:flex;flex-direction:column;align-items:center;gap:16px;transition:top .2s}.joincol.typing{top:64px;gap:10px}.joincol.typing .hint{display:none}.joincol .ff-card{display:flex;flex-direction:column;align-items:center;gap:8px}.ff-plist{flex-wrap:wrap}.ff-pcard.is-off{opacity:.6}.podium{position:absolute;left:0;right:0;top:76px;display:flex;justify-content:center}.resfoot{position:absolute;left:var(--safe-x);right:var(--safe-x);bottom:12px;display:flex;align-items:center;justify-content:center;gap:16px}.lvlcol>.ff-seg{align-self:flex-start}.ff-panel .ff-stat{flex:1 1 0;min-width:0;padding:8px 12px 8px 10px}.ff-panel .ff-stat__value{white-space:nowrap}#ui:has(>.dim) .hud-left,#ui:has(>.dim) .hud-score,#ui:has(>.dim) .hud-right,#ui:has(>.dim) .callout{visibility:hidden}.ff-seg__opt:disabled{opacity:.5;cursor:not-allowed}.brief .goals li{min-height:32px;padding:3px 12px;font-size:14px}.brief .ff-panel__footer{margin-top:14px}.brief .ff-panel{padding-bottom:18px}.clearcard .ff-panel{padding-top:34px;padding-bottom:16px}.clearcard .goals{margin-top:6px;gap:5px}.clearcard .goals li{min-height:30px;padding:2px 12px;font-size:14px}.clearcard .paychips{margin-top:8px}.clearcard .ff-panel__footer{margin-top:12px}.clearcard .lede{margin-bottom:4px!important}.ff-statpill.is-button{position:relative;min-height:0;height:40px}.ff-statpill.is-button:after{content:"";position:absolute;inset:-4px 0}@media (prefers-color-scheme: dark){html,body{background:#141a3a;color:var(--ink)}#frame{background:var(--surface);color:var(--ink)}}#ui .passthrough>.hud-score,#ui .passthrough>.prompt,#ui .passthrough>.countdown,#ui .passthrough>.spectate,#ui .passthrough>.callout{pointer-events:none}.medalrow .ff-btn.cont{margin-bottom:6px;flex:none}