:root{--jf-surface-base: #202830;--jf-surface-card: #303a48;--jf-surface-elevated: #485668;--jf-surface-card-hover: #3a4658;--jf-surface-deep: #1a2028;--jf-surface-darker: #14181e;--jf-surface-stone-mid: #6a7c92;--jf-surface-stone-light: #9aacc0;--st-darker: #14181e;--st-void: #0a0c10;--st-deep: #1a2028;--st-base: #202830;--st-card: #303a48;--st-elev: #485668;--st-mid: #6a7c92;--st-light: #9aacc0;--jf-accent-primary: #ff4466;--jf-accent-secondary: #4488ff;--jf-accent-tertiary: #44ddaa;--jf-accent-gold: #ffcc44;--jf-accent-purple: #aa66ff;--jf-text-primary: #ffffff;--jf-text-body: #e6e6ee;--jf-text-secondary: #dadae2;--jf-text-muted: #d0d0d8;--jf-text-placeholder: #c8c8d2;--jf-border-subtle: rgba(154, 172, 192, .18);--jf-border-light: rgba(154, 172, 192, .3);--jf-border-interactive: rgba(154, 172, 192, .45);--jf-border-inset-light: #485668;--jf-border-inset-dark: #1a2028;--jf-border-inset-hint: #6a7c92;--jf-border-ghost: #9aacc0;--jf-gradient-hero: linear-gradient(135deg, #ff4466 0%, #4488ff 100%);--jf-glow-pink: rgba(255, 68, 102, .3);--jf-glow-pink-strong: rgba(255, 68, 102, .5);--jf-glow-blue: rgba(68, 136, 255, .3);--jf-glow-green: rgba(68, 221, 170, .3);--jf-glow-gold: rgba(255, 204, 68, .3);--jf-glow-purple: rgba(170, 102, 255, .3);--fg1: var(--jf-text-primary);--fg2: var(--jf-text-body);--fg3: var(--jf-text-secondary);--fg4: var(--jf-text-muted);--fg-muted: var(--jf-text-muted);--fg-placeholder: var(--jf-text-placeholder);--bg1: var(--jf-surface-base);--bg2: var(--jf-surface-card);--bg3: var(--jf-surface-elevated);--bg-inset: var(--jf-surface-deep);--status-good: #44ddaa;--status-warn: #ffcc44;--status-danger: #ff4466;--status-info: #4488ff;--status-good-fg: #b3f5d6;--status-warn-fg: #f5d76e;--status-info-fg: #b3d0ff;--status-danger-fg: #ffb3b3;--lifebar-fill-good: var(--status-good);--lifebar-fill-warn: var(--status-warn);--lifebar-fill-danger: var(--status-danger);--jf-font-pixel: "Press Start 2P", monospace;--jf-font-display: "Russo One", sans-serif;--jf-font-body: "Space Grotesk", system-ui, sans-serif;--pixel: var(--jf-font-pixel);--display: var(--jf-font-display);--body: var(--jf-font-body);--jf-text-pixel-xs: 7px;--jf-text-pixel-sm: 8px;--jf-text-pixel-md: 10px;--jf-text-pixel-lg: 11px;--jf-text-pixel-xl: 12px;--jf-text-pixel-2xl: 20px;--display-hero-size: 64px;--display-hero-weight: 800;--display-hero-tracking: .04em;--display-1-size: 40px;--display-1-weight: 700;--display-2-size: 28px;--display-2-weight: 600;--pixel-h1-size: 18px;--pixel-h2-size: 12px;--pixel-h3-size: 11px;--pixel-label-size: 9px;--pixel-meta-size: 9px;--body-lg-size: 18px;--body-md-size: 15px;--body-sm-size: 13px;--body-xs-size: 11px;--body-line: 1.6;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-0: 0;--radius-sm: 2px;--radius-md: 4px;--radius-pill: 9999px;--border-thin: 2px;--border-thick: 3px;--border-frame: 4px;--shadow-pixel: 2px 2px 0 var(--st-darker);--shadow-pixel-sm: 1px 1px 0 var(--st-darker);--shadow-pixel-lg: 4px 4px 0 var(--st-darker);--shadow-drop: 0 4px 20px rgba(20, 24, 30, .8);--shadow-drop-lg: 0 8px 32px rgba(20, 24, 30, .9);--transition-fast: all .1s;--transition-normal: all .2s;--easing-step: steps(2, end);--easing-arcade: cubic-bezier(.16, 1, .3, 1);--retro-surface-base: var(--jf-surface-base);--retro-surface-card: var(--jf-surface-card);--retro-surface-elevated: var(--jf-surface-elevated);--retro-surface-card-hover: var(--jf-surface-card-hover);--retro-surface-deep: var(--jf-surface-deep);--retro-surface-darker: var(--jf-surface-darker);--retro-accent-primary: var(--jf-accent-primary);--retro-accent-secondary: var(--jf-accent-secondary);--retro-accent-tertiary: var(--jf-accent-tertiary);--retro-accent-gold: var(--jf-accent-gold);--retro-accent-purple: var(--jf-accent-purple);--retro-text-primary: var(--jf-text-primary);--retro-text-secondary: var(--jf-text-secondary);--retro-text-muted: var(--jf-text-muted);--retro-text-body: var(--jf-text-body);--retro-text-placeholder: var(--jf-text-placeholder);--retro-border-subtle: var(--jf-border-subtle);--retro-border-light: var(--jf-border-light);--retro-border-interactive: var(--jf-border-interactive);--retro-border-inset-light: var(--jf-border-inset-light);--retro-border-inset-dark: var(--jf-border-inset-dark);--retro-border-inset-hint: var(--jf-border-inset-hint);--retro-border-ghost: var(--jf-border-ghost);--retro-glow-pink: var(--jf-glow-pink);--retro-glow-pink-strong: var(--jf-glow-pink-strong);--retro-glow-blue: var(--jf-glow-blue);--retro-glow-green: var(--jf-glow-green);--retro-glow-gold: var(--jf-glow-gold);--retro-glow-purple: var(--jf-glow-purple);--retro-font-pixel: var(--jf-font-pixel);--retro-font-display: var(--jf-font-display);--retro-font-body: var(--jf-font-body);--retro-text-pixel-xs: var(--jf-text-pixel-xs);--retro-text-pixel-sm: var(--jf-text-pixel-sm);--retro-text-pixel-md: var(--jf-text-pixel-md);--retro-text-pixel-lg: var(--jf-text-pixel-lg);--retro-text-pixel-xl: var(--jf-text-pixel-xl);--retro-text-pixel-2xl: var(--jf-text-pixel-2xl);--retro-shadow-pixel: var(--shadow-pixel);--retro-shadow-pixel-sm: var(--shadow-pixel-sm);--retro-shadow-drop: var(--shadow-drop);--retro-transition-fast: var(--transition-fast)}.stone-plate{background:var(--st-card);border:2px solid var(--st-elev);border-top-color:var(--st-mid);border-left-color:var(--st-mid);border-bottom-color:var(--st-deep);border-right-color:var(--st-deep);box-shadow:inset 1px 1px 0 var(--st-elev),inset -1px -1px 0 var(--st-darker)}.stone-well,.retro-inset-box{background:var(--st-deep);border:2px solid var(--st-elev);border-top-color:var(--st-darker);border-left-color:var(--st-darker);border-bottom-color:var(--st-mid);border-right-color:var(--st-mid);box-shadow:inset 1px 1px 0 var(--st-darker),inset -1px -1px 0 var(--st-elev)}.stone-well--selected{border-color:var(--char-color, var(--jf-accent-primary));border-top-color:var(--char-color, var(--jf-accent-primary));border-left-color:var(--char-color, var(--jf-accent-primary));box-shadow:0 0 8px var(--char-color-glow, var(--jf-glow-pink))}.stone-frame{background:var(--st-deep);padding:4px;border:4px solid var(--st-light);border-bottom-color:var(--st-mid);border-right-color:var(--st-mid);box-shadow:inset 0 0 0 2px var(--st-darker),inset 0 0 0 4px var(--st-elev),4px 4px 0 var(--st-darker)}.stone-frame>*{background:var(--st-card)}.retro-list{list-style:none;padding:0;margin:0}.retro-frame{background:var(--st-card);border:2px solid var(--st-elev);border-top-color:var(--st-mid);border-left-color:var(--st-mid);border-bottom-color:var(--st-deep);border-right-color:var(--st-deep);box-shadow:inset 1px 1px 0 var(--st-elev),inset -1px -1px 0 var(--st-darker)}.retro-frame--hero{border-width:4px;border-color:var(--st-light);border-bottom-color:var(--st-mid);border-right-color:var(--st-mid);box-shadow:inset 0 0 0 2px var(--st-darker),inset 0 0 0 4px var(--st-elev),4px 4px 0 var(--st-darker)}.retro-input{width:100%;background:var(--st-deep);border:2px solid var(--st-elev);border-top-color:var(--st-darker);border-left-color:var(--st-darker);border-bottom-color:var(--st-mid);border-right-color:var(--st-mid);color:var(--fg1);font-family:var(--body);font-size:var(--body-sm-size);padding:10px 12px;outline:none;box-shadow:inset 1px 1px 0 var(--st-darker),inset -1px -1px 0 var(--st-elev)}.retro-input:focus{border-color:var(--char-color, var(--jf-accent-primary));box-shadow:inset 1px 1px 0 var(--st-darker),inset -1px -1px 0 var(--st-elev),0 0 8px var(--char-color-glow, var(--jf-glow-pink))}.retro-input::placeholder{color:var(--fg-placeholder);font-style:italic}.retro-textarea{width:100%;background:var(--st-deep);border:2px solid var(--st-elev);border-top-color:var(--st-darker);border-left-color:var(--st-darker);border-bottom-color:var(--st-mid);border-right-color:var(--st-mid);color:var(--fg2);font-family:var(--body);font-size:var(--body-sm-size);line-height:var(--body-line);padding:10px 12px;min-height:80px;resize:vertical;outline:none;box-shadow:inset 1px 1px 0 var(--st-darker),inset -1px -1px 0 var(--st-elev)}.retro-textarea:focus{border-color:var(--char-color, var(--jf-accent-primary));box-shadow:inset 1px 1px 0 var(--st-darker),inset -1px -1px 0 var(--st-elev),0 0 8px var(--char-color-glow, var(--jf-glow-pink))}.retro-slider{width:100%;appearance:none;background:transparent;cursor:pointer;height:20px;outline:none}.retro-slider::-webkit-slider-runnable-track{height:8px;background:var(--st-deep);border:2px solid var(--st-elev);border-top-color:var(--st-darker);border-left-color:var(--st-darker);border-bottom-color:var(--st-mid);border-right-color:var(--st-mid);box-shadow:inset 1px 1px 0 var(--st-darker),inset -1px -1px 0 var(--st-elev)}.retro-slider::-moz-range-track{height:8px;background:var(--st-deep);border:2px solid var(--st-elev);border-top-color:var(--st-darker);border-left-color:var(--st-darker);border-bottom-color:var(--st-mid);border-right-color:var(--st-mid);box-shadow:inset 1px 1px 0 var(--st-darker),inset -1px -1px 0 var(--st-elev)}.retro-slider::-webkit-slider-thumb{appearance:none;width:14px;height:18px;background:var(--char-color, var(--jf-accent-primary));border:2px solid var(--char-color-light, #ff8aa4);border-bottom-color:var(--char-color-dark, #b22f47);border-right-color:var(--char-color-dark, #b22f47);margin-top:-7px;cursor:pointer}.retro-slider::-moz-range-thumb{width:14px;height:18px;background:var(--char-color, var(--jf-accent-primary));border:2px solid var(--char-color-light, #ff8aa4);border-bottom-color:var(--char-color-dark, #b22f47);border-right-color:var(--char-color-dark, #b22f47);cursor:pointer}.retro-slider:focus::-webkit-slider-thumb{box-shadow:0 0 8px var(--char-color-glow, var(--jf-glow-pink))}.retro-slider:focus::-moz-range-thumb{box-shadow:0 0 8px var(--char-color-glow, var(--jf-glow-pink))}.retro-slider:disabled{cursor:not-allowed;opacity:.5}.retro-btn-primary{width:100%;padding:14px 22px;font-family:var(--pixel);font-size:var(--pixel-h3-size);letter-spacing:.06em;background:var(--char-color-dark, #b22f47);color:var(--char-color-dark-ink, var(--fg1));border:3px solid var(--char-color, #ff8aa4);border-bottom-color:var(--char-color-dark, #b22f47);border-right-color:var(--char-color-dark, #b22f47);cursor:pointer;text-transform:uppercase;text-shadow:1px 1px 0 var(--char-color-dark-ink-shadow, #000),2px 2px 0 var(--char-color-dark-ink-shadow, #000);transition:var(--transition-fast);box-shadow:4px 4px 0 var(--st-darker),inset 0 0 0 1px var(--st-light),0 0 15px var(--char-color-glow, var(--jf-glow-pink))}.retro-btn-primary:hover{filter:brightness(1.1);box-shadow:4px 4px 0 var(--st-darker),inset 0 0 0 1px var(--st-light),0 0 25px var(--char-color-glow, var(--jf-glow-pink))}.retro-btn-primary:focus-visible{outline:2px solid var(--char-color-light, #ff8aa4);outline-offset:3px}.retro-btn-primary:active{border-top-color:var(--char-color-dark, #b22f47);border-left-color:var(--char-color-dark, #b22f47);border-bottom-color:var(--char-color-light, #ff8aa4);border-right-color:var(--char-color-light, #ff8aa4);translate:2px 2px;box-shadow:0 0 0 var(--st-darker),inset 0 0 0 1px var(--st-light),0 0 10px var(--char-color-glow, var(--jf-glow-pink))}.retro-btn-primary:disabled{opacity:.5;cursor:not-allowed}.retro-btn-gold{width:100%;padding:14px 22px;font-family:var(--pixel);font-size:var(--pixel-h3-size);letter-spacing:.06em;background:var(--jf-accent-gold);color:var(--st-darker);border:3px solid #ffe08a;border-bottom-color:#b3892f;border-right-color:#b3892f;cursor:pointer;text-transform:uppercase;text-shadow:1px 1px 0 #ffe08a;transition:var(--transition-fast);box-shadow:4px 4px 0 var(--st-darker),inset 0 0 0 1px var(--st-light),0 0 15px var(--jf-glow-gold)}.retro-btn-gold:hover{filter:brightness(1.1);box-shadow:4px 4px 0 var(--st-darker),inset 0 0 0 1px var(--st-light),0 0 25px var(--jf-glow-gold)}.retro-btn-gold:focus-visible{outline:2px solid #ffe08a;outline-offset:3px}.retro-btn-gold:active{border-top-color:#b3892f;border-left-color:#b3892f;border-bottom-color:#ffe08a;border-right-color:#ffe08a;translate:2px 2px;box-shadow:0 0 0 var(--st-darker),inset 0 0 0 1px var(--st-light),0 0 10px var(--jf-glow-gold)}.retro-btn-gold:disabled{opacity:.5;cursor:not-allowed}.retro-btn-ghost{font-family:var(--pixel);font-size:var(--pixel-h3-size);letter-spacing:.06em;padding:14px 22px;background:var(--st-card);color:var(--fg1);border:3px solid var(--st-mid);border-top-color:var(--st-light);border-left-color:var(--st-light);border-bottom-color:var(--st-deep);border-right-color:var(--st-deep);cursor:pointer;text-transform:uppercase;text-shadow:1px 1px 0 var(--st-darker);transition:var(--transition-fast);box-shadow:4px 4px 0 var(--st-darker),inset 1px 1px 0 var(--st-elev),inset -1px -1px 0 var(--st-darker)}.retro-btn-ghost:hover{border-color:var(--char-color, var(--st-light));color:var(--fg1);box-shadow:4px 4px 0 var(--st-darker),inset 1px 1px 0 var(--st-elev),inset -1px -1px 0 var(--st-darker),0 0 8px var(--char-color-glow, var(--jf-glow-pink))}.retro-btn-ghost:focus-visible{outline:2px solid var(--char-color-light, var(--st-light));outline-offset:2px}.retro-btn-ghost:active{border-top-color:var(--st-deep);border-left-color:var(--st-deep);border-bottom-color:var(--st-light);border-right-color:var(--st-light);translate:2px 2px;box-shadow:0 0 0 var(--st-darker),inset 1px 1px 0 var(--st-darker),inset -1px -1px 0 var(--st-elev)}.retro-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.retro-btn-danger{font-family:var(--pixel);font-size:var(--pixel-h3-size);letter-spacing:.06em;padding:14px 22px;background:#ff446626;color:var(--status-danger-fg);border:3px solid var(--status-danger);border-top-color:#ff8aa4;border-left-color:#ff8aa4;border-bottom-color:#b22f47;border-right-color:#b22f47;cursor:pointer;text-transform:uppercase;text-shadow:1px 1px 0 var(--st-darker);transition:var(--transition-fast);box-shadow:4px 4px 0 var(--st-darker),inset 1px 1px 0 var(--st-elev),inset -1px -1px 0 var(--st-darker)}.retro-btn-danger:hover{background:#ff446640;color:#ffd4d4;box-shadow:4px 4px 0 var(--st-darker),inset 1px 1px 0 var(--st-elev),inset -1px -1px 0 var(--st-darker),0 0 8px var(--jf-glow-pink-strong)}.retro-btn-danger:focus-visible{outline:2px solid var(--status-danger);outline-offset:2px}.retro-btn-danger:active{border-top-color:#b22f47;border-left-color:#b22f47;border-bottom-color:#ff8aa4;border-right-color:#ff8aa4;translate:2px 2px;box-shadow:0 0 0 var(--st-darker),inset 1px 1px 0 var(--st-darker),inset -1px -1px 0 var(--st-elev)}.retro-btn-danger:disabled{opacity:.5;cursor:not-allowed}.retro-btn-primary.retro-btn-sm,.retro-btn-gold.retro-btn-sm,.retro-btn-ghost.retro-btn-sm,.retro-btn-danger.retro-btn-sm{padding:6px 12px;font-size:var(--pixel-h2-size);letter-spacing:.04em;width:auto}.retro-tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid var(--st-elev)}.retro-tab{position:relative;font-family:var(--pixel);font-size:var(--pixel-h2-size);letter-spacing:.06em;text-transform:uppercase;padding:11px 18px;background:var(--st-deep);color:var(--fg4);border:1px solid var(--st-elev);border-bottom:none;cursor:pointer;text-shadow:1px 1px 0 var(--st-darker);transition:var(--transition-fast)}.retro-tab+.retro-tab{border-left:none}.retro-tab:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:0;background:var(--jf-accent-secondary);transition:var(--transition-fast)}.retro-tab:hover:not(:disabled){color:var(--fg2);background:var(--st-card);border-color:var(--st-mid)}.retro-tab:focus-visible{outline:2px solid var(--jf-accent-secondary);outline-offset:-2px}.retro-tab.is-active{color:var(--jf-accent-secondary);background:var(--st-card);border-color:var(--jf-accent-secondary)}.retro-tab.is-active:after{height:4px;box-shadow:0 0 12px var(--jf-glow-blue),0 4px #0006}.retro-tab.accent-primary.is-active{color:var(--jf-accent-primary);background:var(--st-card);border-color:var(--jf-accent-primary)}.retro-tab.accent-primary.is-active:after{background:var(--jf-accent-primary);box-shadow:0 0 12px var(--jf-glow-pink),0 4px #0006}.retro-tab.accent-primary:focus-visible{outline-color:var(--jf-accent-primary)}.retro-tab.accent-tertiary.is-active{color:var(--jf-accent-tertiary);background:var(--st-card);border-color:var(--jf-accent-tertiary)}.retro-tab.accent-tertiary.is-active:after{background:var(--jf-accent-tertiary);box-shadow:0 0 12px var(--jf-glow-green),0 4px #0006}.retro-tab.accent-tertiary:focus-visible{outline-color:var(--jf-accent-tertiary)}.retro-tab:disabled{opacity:.4;cursor:not-allowed}.retro-segmented{display:flex;flex-wrap:wrap;gap:6px}.retro-segmented-option{font-family:var(--pixel);font-size:var(--pixel-h2-size);letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;text-align:left;background:var(--st-card);color:var(--fg3);border:2px solid var(--st-mid);border-top-color:var(--st-light);border-left-color:var(--st-light);border-bottom-color:var(--st-deep);border-right-color:var(--st-deep);cursor:pointer;text-shadow:1px 1px 0 var(--st-darker);transition:var(--transition-fast);box-shadow:2px 2px 0 var(--st-darker),inset 1px 1px 0 var(--st-elev),inset -1px -1px 0 var(--st-darker)}.retro-segmented-option:hover:not(:disabled){color:var(--fg1);border-color:var(--st-light)}.retro-segmented-option:focus-visible{outline:2px solid var(--jf-accent-secondary);outline-offset:2px}.retro-segmented-option__description{display:block;margin-top:2px;font-family:var(--jf-font-body, sans-serif);font-size:11px;letter-spacing:0;text-transform:none;opacity:.7;text-shadow:none}.retro-segmented-option:disabled{opacity:.5;cursor:not-allowed}.retro-segmented-option.is-active{color:var(--jf-accent-secondary);background:#4488ff1f;border-color:var(--jf-accent-secondary);border-top-color:#1f5dd0;border-left-color:#1f5dd0;border-bottom-color:#7fb0ff;border-right-color:#7fb0ff;translate:1px 1px;box-shadow:1px 1px 0 var(--st-darker),inset 1px 1px #0006,inset -1px -1px #7fb0ff66,0 0 12px var(--jf-glow-blue)}.retro-segmented-option.accent-primary.is-active{color:var(--jf-accent-primary);background:#ff44661f;border-color:var(--jf-accent-primary);border-top-color:#b22f47;border-left-color:#b22f47;border-bottom-color:#ff8aa4;border-right-color:#ff8aa4;box-shadow:1px 1px 0 var(--st-darker),inset 1px 1px #0006,inset -1px -1px #ff8aa466,0 0 12px var(--jf-glow-pink)}.retro-segmented-option.accent-primary:focus-visible{outline-color:var(--jf-accent-primary)}.retro-segmented-option.accent-tertiary.is-active{color:var(--jf-accent-tertiary);background:#44ddaa1f;border-color:var(--jf-accent-tertiary);border-top-color:#1f8869;border-left-color:#1f8869;border-bottom-color:#7feacd;border-right-color:#7feacd;box-shadow:1px 1px 0 var(--st-darker),inset 1px 1px #0006,inset -1px -1px #7feacd66,0 0 12px var(--jf-glow-green)}.retro-segmented-option.accent-tertiary:focus-visible{outline-color:var(--jf-accent-tertiary)}.retro-section-bar{background:var(--char-color-dark, var(--st-deep));padding:8px 16px;border-top:2px solid var(--char-color, var(--st-light));border-bottom:2px solid var(--st-darker)}.retro-section-bar h1,.retro-section-bar h2,.retro-section-bar h3{font-family:var(--pixel);font-size:var(--pixel-h2-size);color:var(--char-color-dark-ink, var(--fg1));text-shadow:var(--shadow-pixel);text-transform:uppercase;letter-spacing:.05em;margin:0}.retro-label{font-family:var(--pixel);font-size:var(--pixel-label-size);color:var(--char-color-light, var(--fg-muted));text-shadow:var(--shadow-pixel-sm);display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.05em}.retro-label:before{content:"▶";font-size:6px;color:var(--char-color, var(--fg-muted))}.retro-star-field{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 15% 25%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 65% 12%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 40% 70%,rgba(255,255,255,.15),transparent),radial-gradient(1px 1px at 80% 50%,rgba(255,255,255,.25),transparent),radial-gradient(1px 1px at 8% 60%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 55% 40%,rgba(255,255,255,.15),transparent);pointer-events:none}.retro-stage-floor{height:16px;background:linear-gradient(180deg,transparent,var(--char-color-dim, rgba(255, 68, 102, .06)));border-top:2px solid var(--char-color-border, rgba(255, 68, 102, .15))}.retro-sprite-shadow{height:12px;margin:0 auto;background:radial-gradient(ellipse at 50% 50%,rgba(20,24,30,.45) 0%,rgba(20,24,30,.15) 40%,transparent 70%)}.retro-pixel-meta{font-family:var(--pixel);font-size:var(--pixel-meta-size);color:var(--fg-muted);text-shadow:var(--shadow-pixel-sm);letter-spacing:.05em;text-transform:uppercase;line-height:1.4}.retro-pixel-meta--cased{text-transform:none;letter-spacing:.02em}.retro-stat-bar{display:block;width:100%;height:4px;background:var(--st-darker);border:1px solid var(--st-elev);overflow:hidden}.retro-stat-bar>span{display:block;height:100%;background:var(--st-mid)}.retro-stat-bar--accent>span{background:var(--char-color, var(--jf-accent-primary))}.retro-status-dot{display:inline-block;width:6px;height:6px;background:var(--st-mid);flex-shrink:0}.retro-status-dot--live{background:var(--status-good);box-shadow:0 0 4px var(--status-good)}.retro-status-dot--warn{background:var(--status-warn);box-shadow:0 0 4px var(--status-warn)}.retro-status-dot--danger{background:var(--status-danger);box-shadow:0 0 4px var(--status-danger)}.retro-alert{font-family:var(--pixel);font-size:var(--pixel-meta-size);letter-spacing:.08em;line-height:1.6;padding:8px 12px;background:var(--st-darker);border:2px solid var(--st-elev);color:var(--fg2)}.retro-alert--warn{border-color:var(--status-warn);color:var(--status-warn-fg);background:color-mix(in srgb,var(--status-warn) 12%,var(--st-darker))}.retro-alert--info{border-color:var(--status-info);color:var(--status-info-fg);background:color-mix(in srgb,var(--status-info) 12%,var(--st-darker))}.retro-alert--danger{border-color:var(--status-danger);color:var(--status-danger-fg);background:color-mix(in srgb,var(--status-danger) 12%,var(--st-darker))}.retro-portrait{display:inline-block;background:var(--st-darker);border:3px solid var(--char-color, var(--jf-accent-primary));box-shadow:inset 0 0 0 1px var(--st-darker),0 0 8px var(--char-color-glow, var(--jf-glow-pink));overflow:hidden}.retro-portrait img,.retro-portrait canvas{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.retro-portrait--contain img,.retro-portrait--contain canvas{object-fit:contain}.retro-portrait--sm{width:40px;height:40px}.retro-portrait--md{width:56px;height:56px}.retro-portrait--lg{width:80px;height:80px}.retro-upload-zone{display:block;width:100%;background:var(--st-darker);border:2px dashed var(--st-elev);cursor:pointer;text-align:center;padding:24px 16px;transition:var(--transition-fast)}.retro-upload-zone:hover{border-color:var(--char-color, var(--st-light));box-shadow:0 0 8px var(--char-color-glow, var(--jf-glow-pink))}.retro-upload-zone:disabled{opacity:.5;cursor:not-allowed}.toast-stack{position:fixed;z-index:60;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast-stack>*{pointer-events:auto}.toast-pos-top-right{top:16px;right:16px}.toast-pos-top-left{top:16px;left:16px}.toast-pos-bottom-right{bottom:16px;right:16px}.toast-pos-bottom-left{bottom:16px;left:16px}.toast{display:flex;align-items:center;gap:8px;background:var(--st-card);border:2px solid var(--st-elev);border-top-color:var(--st-mid);border-left-color:var(--st-mid);border-bottom-color:var(--st-deep);border-right-color:var(--st-deep);box-shadow:inset 1px 1px 0 var(--st-elev),inset -1px -1px 0 var(--st-darker),4px 4px 0 var(--st-darker);font-family:var(--pixel);font-size:var(--pixel-meta-size);letter-spacing:.06em;text-transform:uppercase;color:var(--fg1);padding:10px 14px;min-width:180px;animation:toast-enter .2s var(--easing-arcade)}.toast-icon{flex-shrink:0;width:1.5em;height:1.5em;display:inline-flex;align-items:center;justify-content:center;font-family:var(--pixel);font-weight:700}.toast-message{flex:1 1 auto;min-width:0}.toast-action{flex:0 0 auto;padding:4px 10px;background:var(--st-elev);border:2px solid var(--st-light);border-bottom-color:var(--st-darker);border-right-color:var(--st-darker);font-family:var(--pixel);font-size:inherit;letter-spacing:.06em;text-transform:uppercase;color:var(--fg1);cursor:pointer;transition:filter .1s ease}.toast-action:hover,.toast-action:focus-visible{filter:brightness(1.15);outline:none}.toast-action:active{filter:brightness(.9)}.toast-icon--good{color:var(--status-good)}.toast-icon--warn{color:var(--status-warn)}.toast-icon--danger{color:var(--status-danger)}.toast-icon--info{color:var(--status-info)}.toast-good{border-left:4px solid var(--status-good);color:var(--status-good-fg)}.toast-warn{border-left:4px solid var(--status-warn);color:var(--status-warn-fg)}.toast-danger{border-left:4px solid var(--status-danger);color:var(--status-danger-fg)}.toast-info{border-left:4px solid var(--status-info);color:var(--status-info-fg)}@keyframes toast-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0009;padding:16px}.modal-dialog{width:100%;background:var(--st-deep);padding:4px;border:4px solid var(--st-light);border-bottom-color:var(--st-mid);border-right-color:var(--st-mid);box-shadow:inset 0 0 0 2px var(--st-darker),inset 0 0 0 4px var(--st-elev),4px 4px 0 var(--st-darker)}.modal-dialog>.modal-inner{background:var(--st-card);padding:20px}.modal-dialog--sm{max-width:384px}.modal-dialog--md{max-width:480px}.modal-dialog--lg{max-width:640px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.modal-title{font-family:var(--pixel);font-size:var(--pixel-h3-size);letter-spacing:.06em;text-transform:uppercase;color:var(--fg1);text-shadow:var(--shadow-pixel);margin:0;flex:1 1 auto;min-width:0}.modal-close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:0;color:var(--fg2);cursor:pointer;transition:color .1s ease}.modal-close:hover,.modal-close:focus-visible{color:var(--fg1);outline:none}.modal-body{margin-bottom:16px;font-family:var(--body);font-size:var(--body-sm-size);line-height:var(--body-line);color:var(--fg2)}.modal-footer{display:flex;justify-content:flex-end;gap:8px}@keyframes retro-card-reveal{0%{opacity:0;transform:scale(.95) translateY(12px);filter:brightness(2) saturate(0)}40%{opacity:1;filter:brightness(1.5) saturate(.5)}to{transform:scale(1) translateY(0);filter:brightness(1) saturate(1)}}.retro-card-enter{animation:retro-card-reveal .8s var(--easing-arcade) forwards}@keyframes retro-sprite-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.retro-sprite-alive{animation:retro-sprite-breathe 3s ease-in-out infinite}@keyframes retro-step-blink{0%,to{opacity:1}50%{opacity:0}}.retro-blink{animation:retro-step-blink 1s step-start infinite}.retro-blink-slow{animation:retro-step-blink 1.5s step-start infinite}@keyframes retro-status-pulse{0%,to{opacity:1;box-shadow:0 0 4px var(--status-good)}50%{opacity:.4;box-shadow:0 0 8px var(--status-good)}}.retro-status-pulse{animation:retro-status-pulse 1s var(--easing-step) infinite}@media(prefers-reduced-motion:reduce){.retro-card-enter,.retro-sprite-alive,.retro-blink,.retro-blink-slow,.retro-status-pulse,.toast{animation:none;transition:none}}.retro-marquee{display:flex;overflow:hidden;width:100%;--retro-marquee-duration: 30s}.retro-marquee__track{display:flex;flex-shrink:0;gap:32px;padding-right:32px;align-items:center;animation:retro-marquee-scroll var(--retro-marquee-duration) linear infinite}.retro-marquee--pause-on-hover:hover .retro-marquee__track{animation-play-state:paused}@keyframes retro-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.retro-marquee__track{animation:none}.retro-marquee{overflow-x:auto}}.retro-accordion{border:2px solid var(--jf-border-light);background:var(--st-card);margin-bottom:12px}.retro-accordion__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:transparent;border:none;cursor:pointer;font-family:var(--pixel);font-size:.7rem;letter-spacing:.04em;color:var(--jf-text-primary);text-align:left;text-transform:uppercase}.retro-accordion__trigger:hover{color:var(--char-color, var(--jf-accent-gold))}.retro-accordion__trigger:focus-visible{outline:2px solid var(--char-color, var(--jf-accent-gold));outline-offset:2px}.retro-accordion__chevron{font-family:var(--pixel);color:var(--char-color, var(--jf-accent-gold));transition:transform .15s steps(2,end);flex-shrink:0}.retro-accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease-out}.retro-accordion--open .retro-accordion__panel{grid-template-rows:1fr}.retro-accordion__panel-inner{overflow:hidden;font-family:var(--body);color:var(--jf-text-body);line-height:1.6}.retro-accordion--open .retro-accordion__panel-inner{padding:0 16px 16px;border-top:1px solid var(--jf-border-subtle)}@media(prefers-reduced-motion:reduce){.retro-accordion__panel{transition:none}}.retro-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 2px;font-family:var(--pixel);font-size:var(--pixel-meta-size);letter-spacing:.06em;text-transform:uppercase;line-height:1;border:1px solid var(--st-mid);background:var(--st-card);color:var(--fg-muted);border-radius:2px}.retro-chip--admin{border-color:color-mix(in srgb,var(--jf-accent-gold) 40%,transparent);background:color-mix(in srgb,var(--jf-accent-gold) 10%,var(--st-card));color:var(--jf-accent-gold)}.retro-chip--owner{border-color:color-mix(in srgb,var(--jf-accent-tertiary) 30%,transparent);background:color-mix(in srgb,var(--jf-accent-tertiary) 5%,var(--st-card));color:var(--jf-accent-tertiary)}.retro-chip--editor{border-color:color-mix(in srgb,var(--jf-accent-secondary) 30%,transparent);background:color-mix(in srgb,var(--jf-accent-secondary) 5%,var(--st-card));color:var(--jf-accent-secondary)}.retro-chip--viewer{border-color:color-mix(in srgb,var(--fg-muted) 30%,transparent);background:color-mix(in srgb,var(--fg-muted) 5%,var(--st-card));color:var(--fg-muted)}.retro-chip--good{border-color:var(--status-good);background:color-mix(in srgb,var(--status-good) 12%,var(--st-card));color:var(--status-good-fg)}.retro-chip--warn{border-color:var(--status-warn);background:color-mix(in srgb,var(--status-warn) 12%,var(--st-card));color:var(--status-warn-fg)}.retro-chip--danger{border-color:var(--status-danger);background:color-mix(in srgb,var(--status-danger) 12%,var(--st-card));color:var(--status-danger-fg)}.retro-chip--info{border-color:var(--status-info);background:color-mix(in srgb,var(--status-info) 12%,var(--st-card));color:var(--status-info-fg)}.retro-badge{display:inline-block;font-family:var(--jf-font-heading, "Press Start 2P", monospace);font-size:9px;letter-spacing:.1em;padding:6px 10px;line-height:1;color:var(--st-darker);box-shadow:0 0 0 1px var(--st-darker),0 3px 0 0 var(--st-darker);white-space:nowrap}.retro-badge--pink{background:var(--jf-accent-primary)}.retro-badge--gold{background:var(--jf-accent-gold)}.retro-badge--purple{background:var(--jf-accent-purple);color:var(--jf-text-primary)}.retro-badge--blue{background:var(--jf-accent-secondary);color:var(--jf-text-primary)}.retro-badge--green{background:var(--jf-accent-tertiary)}.retro-stat-chip{display:inline-flex;flex-direction:column;align-items:center;font-family:var(--jf-font-heading, "Press Start 2P", monospace);padding:5px 7px;background:color-mix(in srgb,var(--jf-surface-darker) 70%,transparent);box-shadow:inset 0 0 0 1px var(--jf-surface-card);line-height:1}.retro-stat-chip__label{font-size:7px;color:var(--jf-text-secondary);letter-spacing:.1em;text-transform:uppercase}.retro-stat-chip__value{font-size:10px;color:var(--jf-accent-gold);margin-top:2px}.retro-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--st-card);color:var(--fg1);border:2px solid var(--st-mid);border-top-color:var(--st-light);border-left-color:var(--st-light);border-bottom-color:var(--st-deep);border-right-color:var(--st-deep);cursor:pointer;transition:var(--transition-fast);box-shadow:2px 2px 0 var(--st-darker),inset 1px 1px 0 var(--st-elev),inset -1px -1px 0 var(--st-darker)}.retro-icon-btn--sm{width:32px;height:32px;padding:6px}.retro-icon-btn--md{width:40px;height:40px;padding:8px}.retro-icon-btn--primary{background:var(--char-color, var(--jf-accent-primary));color:var(--st-darker);border-color:var(--char-color-light, #ff8aa4);border-bottom-color:var(--char-color-dark, #b22f47);border-right-color:var(--char-color-dark, #b22f47)}.retro-icon-btn:hover{border-color:var(--char-color, var(--st-light))}.retro-icon-btn:focus-visible{outline:2px solid var(--char-color-light, var(--st-light));outline-offset:2px}.retro-icon-btn:active{border-top-color:var(--st-deep);border-left-color:var(--st-deep);border-bottom-color:var(--st-light);border-right-color:var(--st-light);translate:1px 1px;box-shadow:0 0 0 var(--st-darker),inset 1px 1px 0 var(--st-darker),inset -1px -1px 0 var(--st-elev)}.retro-icon-btn:disabled{opacity:.5;cursor:not-allowed}.retro-icon-btn>svg{width:100%;height:100%}.retro-notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-family:var(--pixel);font-size:9px;line-height:1;font-weight:700;color:#fff;background:var(--status-danger);border-radius:2px}.retro-notification-badge--good{background:var(--status-good)}.retro-notification-badge--warn{background:var(--status-warn)}.retro-notification-badge--info{background:var(--status-info)}.retro-notification-badge--floating{position:absolute;top:-4px;right:-4px}.retro-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;font-family:var(--pixel);font-size:var(--pixel-meta-size);letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid var(--st-elev);background:var(--st-darker);color:var(--fg2)}.retro-banner--info{border-bottom-color:var(--status-info);background:color-mix(in srgb,var(--status-info) 18%,var(--st-darker));color:var(--status-info-fg)}.retro-banner--good{border-bottom-color:var(--status-good);background:color-mix(in srgb,var(--status-good) 18%,var(--st-darker));color:var(--status-good-fg)}.retro-banner--warn{border-bottom-color:var(--status-warn);background:color-mix(in srgb,var(--status-warn) 18%,var(--st-darker));color:var(--status-warn-fg)}.retro-banner--danger{border-bottom-color:var(--status-danger);background:color-mix(in srgb,var(--status-danger) 18%,var(--st-darker));color:var(--status-danger-fg)}.retro-banner__trailing{margin-left:auto}.retro-popover{z-index:50;overflow:hidden}.retro-popover__header{padding:8px 12px;border-bottom:1px solid var(--st-deep);background:var(--st-darker)}.retro-popover__body{max-height:320px;overflow-y:auto}.retro-round-indicator{display:inline-flex;gap:4px}.retro-round-pip{width:16px;height:16px;position:relative;flex-shrink:0}.retro-round-pip--won:after{content:"★";position:absolute;inset:0;color:var(--jf-accent-gold);font-size:13px;line-height:16px;text-align:center;text-shadow:1px 1px 0 #6b4a00}.retro-timer{font-family:var(--jf-font-display);font-size:36px;font-weight:800;color:var(--jf-text-primary);text-shadow:3px 3px 0 var(--st-darker);letter-spacing:.04em;line-height:1;display:inline-block;font-variant-numeric:tabular-nums}.retro-timer--warn{color:var(--jf-accent-gold)}.retro-timer--danger{color:var(--jf-accent-primary);animation:retro-step-blink 1s step-start infinite}@media(prefers-reduced-motion:reduce){.retro-timer--danger{animation:none}}.retro-super-meter{display:inline-flex;align-items:center;gap:12px;--super-fill: var(--char-color, var(--jf-accent-gold))}.retro-super-meter--right{flex-direction:row-reverse}.retro-super-meter__label{font-family:var(--jf-font-pixel);font-size:var(--jf-text-pixel-sm);letter-spacing:.05em;color:var(--jf-accent-gold);text-shadow:2px 2px 0 var(--st-darker);text-transform:uppercase}.retro-super-meter__track{display:inline-flex;gap:3px}.retro-super-seg{width:28px;height:10px;flex-shrink:0}.retro-super-seg--filled{background:linear-gradient(180deg,var(--super-fill) 0 50%,var(--st-darker) 50% 100%);box-shadow:inset 0 0 4px #ffea7a80}.retro-lifebar{display:inline-flex;align-items:center;gap:10px;min-width:280px}.retro-lifebar--right{flex-direction:row-reverse}.retro-lifebar__portrait{width:56px;height:56px;flex-shrink:0;background:var(--st-card);border-top:2px solid var(--st-elev);border-left:2px solid var(--st-elev);border-right:2px solid var(--st-darker);border-bottom:2px solid var(--st-darker);box-shadow:2px 2px 0 var(--st-darker);overflow:hidden}.retro-lifebar__portrait>*{width:100%;height:100%}.retro-lifebar__track{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.retro-lifebar--right .retro-lifebar__track{align-items:flex-end}.retro-lifebar__name{font-family:var(--jf-font-pixel);font-size:var(--jf-text-pixel-md);letter-spacing:.05em;color:var(--jf-accent-gold);text-shadow:2px 2px 0 var(--st-darker);text-transform:uppercase}.retro-lifebar__gauge{height:14px;width:100%;overflow:hidden;position:relative}.retro-lifebar__fill{height:100%;background:linear-gradient(180deg,var(--lifebar-fill-good) 0 50%,var(--st-darker) 50% 100%);transition:width .3s steps(8,end)}.retro-lifebar__fill--warn{background:linear-gradient(180deg,var(--lifebar-fill-warn) 0 50%,var(--st-darker) 50% 100%)}.retro-lifebar__fill--danger{background:linear-gradient(180deg,var(--lifebar-fill-danger) 0 50%,var(--st-darker) 50% 100%);animation:retro-status-pulse 1s var(--easing-step) infinite}.retro-lifebar--right .retro-lifebar__gauge{display:flex;justify-content:flex-end}@media(prefers-reduced-motion:reduce){.retro-lifebar__fill{transition:none}.retro-lifebar__fill--danger{animation:none}}@keyframes retro-digit-ratchet{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}.retro-digit-counter{font-family:var(--jf-font-display);font-size:24px;font-weight:700;color:var(--jf-accent-gold);text-shadow:2px 2px 0 var(--st-darker);letter-spacing:.04em;line-height:1;display:inline-block;font-variant-numeric:tabular-nums}.retro-digit-counter--ratchet{animation:retro-digit-ratchet .12s steps(2,end)}@media(prefers-reduced-motion:reduce){.retro-digit-counter--ratchet{animation:none}}.retro-combo-counter{display:inline-flex;align-items:baseline;gap:4px;padding:6px 12px}.retro-combo-counter--hidden{visibility:hidden}.retro-combo-counter__label{font-family:var(--jf-font-pixel);font-size:var(--jf-text-pixel-md);color:var(--jf-accent-primary);text-shadow:2px 2px 0 var(--st-darker);letter-spacing:.08em}.retro-ko-text{font-family:var(--jf-font-display);font-weight:800;color:var(--jf-accent-primary);text-shadow:3px 3px 0 var(--st-darker),5px 5px 0 var(--jf-accent-gold),8px 8px 0 var(--st-darker);letter-spacing:.05em;line-height:1;display:inline-block}.retro-ko-text--md{font-size:48px}.retro-ko-text--lg{font-size:80px}.retro-ko-text--hero{font-size:120px}.jf-hud-overlay{position:absolute;pointer-events:none;transform-origin:top left;overflow:hidden}.jf-hud-slot{position:absolute;display:inline-flex;align-items:flex-start}.jf-hud-slot-p1-life{top:16px;left:16px}.jf-hud-slot-p2-life{top:16px;right:16px}.jf-hud-slot-timer{top:16px;left:50%;transform:translate(-50%)}.jf-hud-slot-p1-rounds{top:80px;left:16px}.jf-hud-slot-p2-rounds{top:80px;right:16px}.jf-hud-slot-p2-rounds .retro-round-indicator{flex-direction:row-reverse}.jf-hud-overlay .retro-round-pip--won:after{content:"";background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 1.5l1.85 4.06 4.45.41-3.36 2.96 1 4.37L8 11l-3.94 2.3 1-4.37L1.7 5.97l4.45-.41z' fill='%23ffcc44' stroke='%236b4a00' stroke-width='0.75' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:center;background-size:12px 12px}.jf-lifebar__ghost{position:absolute;inset:0;height:100%;background:linear-gradient(180deg,#f22 0 50%,#600 50% 100%);pointer-events:none}.jf-hud-overlay .retro-lifebar__gauge{isolation:isolate}.jf-hud-overlay .retro-lifebar__fill{position:relative;z-index:1}.jf-hud-overlay .retro-lifebar__portrait{background:transparent;border:0;box-shadow:none}.retro-lifebar--right .jf-lifebar__ghost{left:auto;right:0}.jf-hud-slot-p1-combo,.jf-hud-slot-p2-combo{top:0;left:0}.jf-hud-combo{position:absolute;transform-origin:center bottom}.jf-hud-combo--flip{transform-origin:center bottom}.jf-hud-slot-ko{top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.jf-match-result{position:absolute;transform-origin:top left;pointer-events:auto;-webkit-user-select:none;user-select:none;overflow:hidden}.jf-match-result__backdrop{position:absolute;inset:0;background:#00000059;backdrop-filter:saturate(.5) brightness(.7);-webkit-backdrop-filter:saturate(.5) brightness(.7);z-index:0}.jf-match-result>*:not(.jf-match-result__backdrop){z-index:1}.jf-match-result__top-band{position:absolute;top:0;left:0;right:0;height:14%;background:linear-gradient(180deg,var(--st-darker) 0%,var(--st-deep) 100%);box-shadow:inset 0 -2px 0 var(--st-elev),inset 0 -4px 0 var(--st-darker),0 4px 0 0 var(--st-mid);display:flex;align-items:center;padding:0 16px;gap:12px;font-family:var(--jf-font-heading, "Press Start 2P", monospace);color:var(--jf-text-primary)}.jf-match-result__top-band-time{font-size:10px;letter-spacing:.1em;margin-left:8px}.jf-match-result__top-band-streak{font-size:8px;color:var(--jf-accent-gold);letter-spacing:.1em}.jf-match-result__top-band-mode{font-size:8px;color:var(--jf-text-secondary);letter-spacing:.1em;margin-left:auto}.jf-match-result__winner{position:absolute;bottom:26%;left:6%;display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:56%}.jf-match-result__winner .retro-portrait--lg{width:96px;height:96px}.jf-match-result__winner .retro-ko-text{font-size:56px;line-height:1;margin:-4px 0 0 -2px}.jf-match-result__subheadline{font-family:var(--jf-font-heading, "Press Start 2P", monospace);font-size:10px;color:var(--jf-accent-gold);letter-spacing:.15em;line-height:1}.jf-match-result__badges{display:flex;gap:6px;flex-wrap:wrap}.jf-match-result__loser{position:absolute;bottom:28%;right:8%;width:80px;display:flex;flex-direction:column;align-items:center;gap:4px}.jf-match-result__loser-label{font-family:var(--jf-font-heading, "Press Start 2P", monospace);font-size:8px;color:var(--jf-text-secondary);letter-spacing:.15em}.jf-match-result__bottom-band{position:absolute;bottom:0;left:0;right:0;height:24%;background:linear-gradient(0deg,var(--st-darker) 0%,var(--st-deep) 100%);box-shadow:inset 0 2px 0 var(--st-elev),inset 0 4px 0 var(--st-darker),0 -4px 0 0 var(--st-mid);display:flex;align-items:center;padding:0 16px}.jf-match-result__rematch{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;font-size:14px;padding:12px 36px;letter-spacing:.15em}.jf-match-result__select{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:8px;letter-spacing:.15em}.jf-match-result__stat-strip{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;gap:6px}.jf-match-result__share{position:absolute;right:220px;top:50%;transform:translateY(-50%);font-size:7px;letter-spacing:.15em}@keyframes jf-match-result-band-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes jf-match-result-band-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes jf-match-result-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes jf-match-result-fade{0%{opacity:0}to{opacity:1}}@keyframes jf-match-result-fade-to-loser{0%{opacity:0}to{opacity:.35}}.jf-match-result__top-band{animation:jf-match-result-band-top .2s ease-out both}.jf-match-result__bottom-band{animation:jf-match-result-band-bottom .2s ease-out both}.jf-match-result__winner .retro-ko-text{animation:jf-match-result-fade-up .3s ease-out both;animation-delay:.2s}.jf-match-result__badges .retro-badge{animation:jf-match-result-fade .2s ease-out both;animation-delay:.3s}.jf-match-result__badges .retro-badge:nth-child(2){animation-delay:.38s}.jf-match-result__badges .retro-badge:nth-child(3){animation-delay:.46s}.jf-match-result__loser{animation:jf-match-result-fade-to-loser .2s ease-out both;animation-delay:.4s}.jf-match-result__bottom-band>*{animation:jf-match-result-fade .2s ease-out both;animation-delay:.6s}.retro-divider{width:100%;height:2px;background:#ffffff1f;border-radius:1px}.retro-divider--gold{background:var(--jf-accent-gold, #ffd166);opacity:.4}.retro-hint{display:inline-block;font-family:var(--jf-font-display, monospace);font-size:11px;color:#ffffff8c;letter-spacing:.06em;text-transform:uppercase}.retro-hint--pulse{animation:retro-hint-pulse 1.4s ease-in-out infinite}@keyframes retro-hint-pulse{0%,to{opacity:.45}50%{opacity:1}}.retro-overlay-shell{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.retro-overlay-shell__backdrop{position:absolute;inset:0;background:#080618b8;pointer-events:auto}.retro-overlay-shell__frame{position:relative;width:560px;max-width:92%;max-height:88%;padding:22px 36px;background:var(--jf-surface-2, rgba(20, 18, 40, .92));border:2px solid var(--jf-accent-gold, #ffd166);border-radius:12px;box-shadow:0 0 0 4px #0000008c,0 18px 48px #0000008c;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:auto}.retro-overlay-shell__frame--wide{width:860px}.retro-keybox{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;font-family:var(--jf-font-mono, monospace);font-size:11px;font-weight:700;color:#fff;background:#141438d9;border:1px solid rgba(120,120,200,.5);border-radius:3px;box-shadow:0 1px #ffffff14 inset}.retro-controls-grid{display:flex;gap:40px;justify-content:center;width:100%}.retro-controls-grid__col{display:flex;flex-direction:column;gap:4px;min-width:160px}.retro-controls-grid__player-label{font-family:var(--jf-font-display, monospace);font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--player-color, var(--jf-accent-gold, #ffd166));margin-bottom:2px}.retro-controls-grid__row{display:flex;align-items:center;gap:8px}.retro-controls-grid__keys{display:flex;gap:3px}.retro-controls-grid__action{font-family:var(--jf-font-display, monospace);font-size:11px;color:#ffffffc7;letter-spacing:.04em;text-transform:uppercase}.retro-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:3px 12px;cursor:pointer;outline:none}.retro-toggle:focus-visible{background:#ffd16614}.retro-toggle__label{font-family:var(--jf-font-display, monospace);font-size:12px;letter-spacing:.06em;color:#ffffffd9;text-transform:uppercase}.retro-toggle__state{font-family:var(--jf-font-mono, monospace);font-size:12px;font-weight:800;padding:2px 10px;border-radius:4px;background:#4cdc642e;color:#4cdc64;border:1px solid rgba(76,220,100,.45)}.retro-toggle--off .retro-toggle__state{background:#dc4c5c2e;color:#dc4c5c;border-color:#dc4c5c73}.retro-slider-segmented{display:grid;grid-template-columns:70px 1fr 48px;align-items:center;gap:12px;width:100%;padding:3px 12px;outline:none}.retro-slider-segmented:focus-visible{background:#ffd16614}.retro-slider-segmented__label{font-family:var(--jf-font-display, monospace);font-size:12px;letter-spacing:.06em;color:#ffffffd9;text-transform:uppercase}.retro-slider-segmented__track{display:flex;gap:3px;height:14px}.retro-slider-segmented__seg{flex:1 1 0;background:#2828508c;border:1px solid rgba(120,120,200,.35);border-radius:2px;cursor:pointer;transition:background 80ms ease-out}.retro-slider-segmented__seg--filled{background:var(--jf-accent-gold, #ffd166);border-color:#ffd166cc;box-shadow:0 0 6px #ffd16680}.retro-slider-segmented__pct{font-family:var(--jf-font-mono, monospace);font-size:12px;color:#ffffffbf;text-align:right}.retro-menu-list{display:flex;flex-direction:column;gap:2px;width:100%}.retro-menu-list__item{width:100%}.retro-menu-list__item--button{margin:2px 0}.retro-menu-list__header{font-family:var(--jf-font-display, monospace);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#fff6;padding:4px 12px 2px;margin-top:6px}.retro-scene-header{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;padding-top:8px}.retro-scene-header__back{position:absolute;top:4px;left:0;appearance:none;background:transparent;border:none;color:#ffffffb3;font-family:var(--jf-font-display, monospace);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:6px 10px;outline:none;transition:color 80ms ease-out}.retro-scene-header__back:hover{color:var(--jf-accent-gold, #ffd166)}.retro-scene-header__back:focus-visible{outline:2px solid var(--jf-accent-gold, #ffd166);outline-offset:2px}.retro-scene-header__titles{display:flex;flex-direction:column;align-items:center;gap:4px}.retro-scene-header__title{font-family:var(--jf-font-display, monospace);font-size:22px;font-weight:800;letter-spacing:.16em;color:var(--jf-accent-gold, #ffd166);text-shadow:2px 2px 0 rgba(0,0,0,.7);text-transform:uppercase}.retro-scene-header__subtitle{font-family:var(--jf-font-display, monospace);font-size:12px;letter-spacing:.08em;color:#ffffffbf;text-transform:uppercase}.retro-card-carousel{position:relative;width:100%;height:160px;overflow:hidden}.retro-card-carousel__track{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.retro-card-carousel__slot{position:absolute;width:180px;height:110px;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .2s ease-out,filter .2s ease-out;transform-origin:center center}.retro-card-carousel__slot[data-offset="-2"]{transform:translate(-440px) scale(.65);opacity:.4;filter:grayscale(.6);z-index:1}.retro-card-carousel__slot[data-offset="-1"]{transform:translate(-220px) scale(.8);opacity:.7;filter:grayscale(.25);z-index:2}.retro-card-carousel__slot[data-offset="0"]{transform:translate(0) scale(1);opacity:1;filter:none;z-index:3}.retro-card-carousel__slot[data-offset="1"]{transform:translate(220px) scale(.8);opacity:.7;filter:grayscale(.25);z-index:2}.retro-card-carousel__slot[data-offset="2"]{transform:translate(440px) scale(.65);opacity:.4;filter:grayscale(.6);z-index:1}.retro-card-carousel__slot--selected{outline:3px solid var(--jf-accent-gold, #ffd166);outline-offset:4px;box-shadow:0 0 0 2px #0009,0 0 24px #ffd16666}.retro-roster-grid{position:relative;width:100%;--p1-color: #00d4ff;--p2-color: #ff2d5f;--both-color: #ff9500}.retro-roster-grid__cards{display:grid;grid-template-columns:repeat(var(--cols, 4),1fr);gap:12px;width:100%}.retro-roster-grid__card{position:relative;background:#1414388c;border:1px solid rgba(120,120,200,.35);border-radius:4px;padding:6px;cursor:pointer;transition:background 80ms ease-out,border-color 80ms ease-out,transform .12s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px}.retro-roster-grid__card:hover{background:#282860b3;border-color:#b4b4dc8c}.retro-roster-grid__card[data-locked=true]{opacity:.4;filter:grayscale(.65);cursor:not-allowed}.retro-roster-grid__card[data-locked=true]:hover{background:#1414388c;border-color:#7878c859}.retro-roster-grid__card[data-drafted=true]{opacity:.3;filter:grayscale(.7);pointer-events:none}.retro-roster-grid__card[data-drafted=true]:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 45%,#dc4c5c 45%,#dc4c5c 55%,transparent 55%)}.retro-roster-grid__card[data-cursor~=p1]{border-color:var(--p1-color);box-shadow:0 0 0 2px var(--p1-color),0 0 8px #00d4ff80;transform:scale(1.03);z-index:2}.retro-roster-grid__card[data-cursor~=p2]{border-color:var(--p2-color);box-shadow:0 0 0 2px var(--p2-color),0 0 8px #ff2d5f80;transform:scale(1.03);z-index:2}.retro-roster-grid__card[data-cursor~=p1][data-cursor~=p2]{border-color:var(--both-color);box-shadow:0 0 0 2px var(--both-color),0 0 10px #ff950099}.retro-roster-grid__card[data-confirmed~=p1],.retro-roster-grid__card[data-confirmed~=p2]{background:#ffd1661f;border-color:var(--jf-accent-gold, #ffd166);box-shadow:0 0 0 3px var(--jf-accent-gold, #ffd166),0 0 22px #ffd166a6;animation:retro-roster-confirm-pulse 1.2s ease-in-out infinite}@keyframes retro-roster-confirm-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.retro-player-panel{position:relative;width:100%;max-width:168px;box-sizing:border-box;background:#0a0a18b8;border:2px solid rgba(255,255,255,.18);border-radius:6px;padding:14px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;--accent: rgba(255, 255, 255, .6)}.retro-player-panel[data-player="1"]{--accent: #00d4ff}.retro-player-panel[data-player="2"]{--accent: #ff2d5f}.retro-player-panel{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.retro-player-panel__accent-bar{position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent);border-radius:4px 4px 0 0;opacity:.85}.retro-player-panel__label{font-family:var(--jf-font-display, monospace);font-size:22px;font-weight:800;letter-spacing:.16em;color:var(--accent);text-shadow:2px 2px 0 rgba(0,0,0,.85)}.retro-player-panel__portrait{width:100px;height:100px;background:#080818d9;border:2px solid color-mix(in srgb,var(--accent) 70%,transparent);border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.retro-player-panel__portrait img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.retro-player-panel__name{font-family:var(--jf-font-display, monospace);font-size:16px;font-weight:800;letter-spacing:.08em;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.8);text-align:center;text-transform:uppercase;min-height:20px}.retro-player-panel__stats{display:flex;flex-direction:column;gap:5px;width:100%;margin-top:4px}.retro-player-panel__stat{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:8px}.retro-player-panel__stat-label{font-family:var(--jf-font-display, monospace);font-size:10px;font-weight:700;letter-spacing:.08em;color:#ffffffbf}.retro-player-panel__stat-bar{height:10px;background:#141438b3;border:1px solid rgba(120,120,200,.4);border-radius:2px;overflow:hidden}.retro-player-panel__stat-fill{height:100%;background:var(--accent);transition:width .2s ease-out}.retro-player-panel__special{font-family:var(--jf-font-display, monospace);font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--accent);text-align:center;text-shadow:1px 1px 0 rgba(0,0,0,.75);min-height:14px;margin-top:4px}.retro-player-panel__bio{font-family:var(--jf-font-display, monospace);font-size:10px;line-height:1.4;color:#ffffffb3;text-align:center;min-height:28px}.retro-player-panel__ready{font-family:var(--jf-font-display, monospace);font-size:18px;font-weight:800;letter-spacing:.16em;color:var(--jf-accent-gold, #ffd166);text-shadow:2px 2px 0 rgba(0,0,0,.85);visibility:hidden;animation:retro-player-panel-ready-pulse .9s ease-in-out infinite}.retro-player-panel[data-confirmed=true] .retro-player-panel__ready{visibility:visible}.retro-player-panel[data-confirmed=true]{border-color:var(--jf-accent-gold, #ffd166);box-shadow:0 0 22px #ffd16666}@keyframes retro-player-panel-ready-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.retro-tabs{display:flex;gap:6px;align-items:center;justify-content:center;width:100%;padding:4px 0}.retro-tabs__tab{appearance:none;background:#14143899;border:1px solid rgba(120,120,200,.4);color:#ffffffb8;font-family:var(--jf-font-display, monospace);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 16px;border-radius:4px;cursor:pointer;transition:background 80ms ease-out,border-color 80ms ease-out,color 80ms ease-out}.retro-tabs__tab:hover{background:#282860bf;color:#fff;border-color:#b4b4dc8c}.retro-tabs__tab[data-active=true]{background:#ffd16629;border-color:var(--jf-accent-gold, #ffd166);color:var(--jf-accent-gold, #ffd166);box-shadow:0 0 0 2px #0009,0 0 12px #ffd16673}.retro-table{display:flex;flex-direction:column;width:100%;height:100%}.retro-table__row{display:flex;align-items:center;gap:10px;padding:6px 12px;font-family:var(--jf-font-display, monospace);font-size:14px;color:#ffffffd9;border-bottom:1px solid rgba(120,120,200,.18)}.retro-table__row--head{font-size:11px;letter-spacing:.08em;color:#ffffff8c;text-transform:uppercase;border-bottom:1px solid rgba(120,120,200,.4)}.retro-table__body{flex:1;overflow-y:auto}.retro-table__cell{display:flex;align-items:center;gap:6px;min-width:0}.retro-table__cell span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jf-portrait__img.retro-table__portrait{width:26px;height:26px;border-radius:3px;object-fit:cover;image-rendering:pixelated;flex-shrink:0}.retro-table__empty{padding:32px 0;text-align:center;font-family:var(--jf-font-display, monospace);font-size:13px;font-style:italic;color:#ffffff80}.jf-portrait{position:relative;width:100%;height:100%}.jf-portrait__img{width:100%;height:100%;object-fit:cover;display:block}.jf-portrait__img[hidden]{display:none}.jf-portrait__placeholder{position:absolute;inset:0;opacity:.35}.jf-portrait__placeholder[hidden]{display:none}.jf-title-menu{position:fixed;z-index:30;pointer-events:none}.jf-title-menu__carousel{position:absolute;bottom:56px;left:0;right:0;height:80px;pointer-events:auto}.jf-title-menu .retro-card-carousel__slot{background:transparent;border:none;box-shadow:none;width:220px;height:50px;display:flex;align-items:center;justify-content:center}.jf-title-menu .retro-card-carousel__slot--selected{outline:none;box-shadow:none}.jf-title-menu__item{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px}.jf-title-menu__label{font-family:var(--jf-font-display, monospace);font-size:24px;font-weight:800;letter-spacing:.12em;color:#ffffffd9;text-transform:uppercase;text-shadow:3px 3px 0 rgba(0,0,0,.95),0 0 16px rgba(255,204,0,0);transition:color .2s ease-out,text-shadow .2s ease-out}.retro-card-carousel__slot--selected .jf-title-menu__label{color:var(--jf-accent-gold, #ffd166);text-shadow:3px 3px 0 rgba(0,0,0,.8),0 0 22px rgba(255,204,0,.65);animation:jf-title-menu-breathe 1.4s ease-in-out infinite}@keyframes jf-title-menu-breathe{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}.jf-title-menu__beta{font-family:var(--jf-font-mono, monospace);font-size:10px;font-weight:800;letter-spacing:.12em;color:#f80;background:#ff88002e;border:1px solid rgba(255,136,0,.55);padding:1px 6px;border-radius:3px;text-shadow:1px 1px 0 rgba(0,0,0,.7)}.jf-title-menu__hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);pointer-events:none}.jf-title-menu__cta{position:absolute;bottom:8px;right:12px;font-family:var(--jf-font-display, monospace);font-size:11px;letter-spacing:.06em;color:#fc0;text-shadow:1px 1px 0 rgba(0,0,0,.85);text-decoration:none;pointer-events:auto;opacity:0;transform:scale(1);transition:opacity .2s ease-out,transform .15s cubic-bezier(.34,1.56,.64,1);animation:jf-title-menu-cta-fade-in .6s ease-out 1.1s forwards}.jf-title-menu__cta:hover{opacity:1!important;transform:scale(1.12);filter:brightness(1.15)}@keyframes jf-title-menu-cta-fade-in{to{opacity:.75}}.jf-character-select{position:fixed;z-index:40;overflow:hidden;pointer-events:auto;background:linear-gradient(180deg,#080618a6,#080618d9)}.jf-character-select__header{padding-top:8px;padding-bottom:4px}.jf-character-select__body{position:absolute;inset:80px 12px 96px;display:grid;grid-template-columns:168px 1fr 168px;gap:16px;align-items:start}.jf-character-select__grid-wrap{display:flex;align-items:center;justify-content:center;padding:8px 12px;overflow:hidden}.jf-character-select__card-inner{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.jf-character-select__card-inner .jf-portrait{width:70px;height:70px}.jf-portrait__img.jf-character-select__card-portrait{width:70px;height:70px;object-fit:cover;border-radius:3px;image-rendering:pixelated}.jf-character-select__card-name{font-family:var(--jf-font-display, monospace);font-size:10px;font-weight:700;letter-spacing:.06em;color:#ffffffeb;text-shadow:1px 1px 0 rgba(0,0,0,.8);text-align:center;text-transform:uppercase;line-height:1.1}.jf-character-select__ai{position:absolute;bottom:56px;left:50%;transform:translate(-50%);appearance:none;background:#141438d9;border:2px solid rgba(120,120,200,.5);color:var(--jf-accent-gold, #ffd166);font-family:var(--jf-font-display, monospace);font-size:13px;font-weight:800;letter-spacing:.12em;padding:6px 16px;border-radius:4px;cursor:pointer;text-transform:uppercase;text-shadow:1px 1px 0 rgba(0,0,0,.7)}.jf-character-select__ai:hover,.jf-character-select__ai[data-focused=true]{border-color:var(--jf-accent-gold, #ffd166);box-shadow:0 0 0 2px #0009,0 0 18px #ffd16699}.jf-character-select__ai[data-focused=true]{background:#503c14d9}.jf-character-select__hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);pointer-events:none}.jf-versus-menu{position:fixed;z-index:40;pointer-events:none}.jf-versus-menu__shell{position:absolute}.jf-versus-menu__list{width:280px}.jf-versus-menu__description{font-family:var(--jf-font-display, monospace);font-size:12px;line-height:1.5;letter-spacing:.04em;color:#ffffffb3;min-height:36px;text-align:center;padding:4px 12px;max-width:360px}.jf-versus-menu__hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);pointer-events:none}.jf-stage-select{position:fixed;z-index:40;overflow:hidden;pointer-events:none}.jf-stage-select__background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.75);transition:opacity .24s ease-out}.jf-stage-select__backdrop{position:absolute;inset:0;background:linear-gradient(180deg,#0000008c,#0000004d 30%,#000000b3);pointer-events:auto}.jf-stage-select__header{position:absolute;top:16px;left:0;right:0;padding:0 24px;pointer-events:auto;z-index:2}.jf-stage-select__name{position:absolute;top:132px;left:0;right:0;text-align:center;font-family:var(--jf-font-display, monospace);font-size:38px;font-weight:800;letter-spacing:.16em;color:#fff;text-shadow:3px 3px 0 rgba(0,0,0,.8),0 0 18px rgba(0,212,255,.55);text-transform:uppercase;z-index:2}.jf-stage-select__carousel{position:absolute;bottom:96px;left:0;right:0;z-index:2;pointer-events:auto}.jf-stage-select__card{width:180px;height:110px;background:#141438d9;border:2px solid rgba(120,120,200,.4);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px #00000080}.jf-stage-select__thumb{flex:1 1 auto;width:100%;height:80px;object-fit:cover;display:block}.jf-stage-select__card-label{font-family:var(--jf-font-display, monospace);font-size:10px;letter-spacing:.08em;color:#ffffffd9;text-transform:uppercase;text-align:center;padding:5px 6px;background:#0000008c}.jf-stage-select__hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);pointer-events:none;z-index:2}.jf-movelist{position:fixed;z-index:50;pointer-events:none}.jf-movelist__shell{position:absolute}.jf-movelist__title{font-family:var(--jf-font-display, monospace);font-size:28px;letter-spacing:.12em;color:var(--jf-accent-gold, #ffd166)}.jf-movelist__rows{display:flex;flex-direction:column;gap:8px;margin-top:16px}.jf-movelist__row{font-family:var(--jf-font-display, monospace);font-size:14px;color:var(--jf-color-text, #e0e0e0);letter-spacing:.06em}.jf-movelist__hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);pointer-events:none}.jf-pause{position:fixed;z-index:50;pointer-events:none}.jf-pause__shell{position:absolute}.jf-pause__title{font-family:var(--jf-font-display, monospace);font-size:28px;letter-spacing:.12em;color:var(--jf-accent-gold, #ffd166);animation:jf-pause-breathe 1.6s ease-in-out infinite}@keyframes jf-pause-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.jf-pause__hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);pointer-events:none}.jf-start{position:fixed;z-index:50;pointer-events:none}.jf-start__shell{position:absolute}.jf-start__title{font-family:var(--jf-font-display, monospace);font-size:36px;letter-spacing:.08em;color:var(--jf-accent-gold, #ffd166);animation:jf-start-drop-in .45s cubic-bezier(.34,1.56,.64,1) both}@keyframes jf-start-drop-in{0%{opacity:0;transform:translateY(-32px)}to{opacity:1;transform:translateY(0)}}.jf-start__action{appearance:none;background:#d62838;color:#fff;font-family:var(--jf-font-display, monospace);font-size:48px;font-weight:900;letter-spacing:.18em;padding:18px 64px;border:4px solid #ff8a96;border-bottom-color:#6b1018;border-right-color:#6b1018;border-radius:2px;cursor:pointer;text-transform:uppercase;text-shadow:2px 2px 0 #4a0a12;box-shadow:6px 6px #000000bf,inset 1px 1px #ffffff38,inset -1px -1px #00000059;animation:jf-start-action-pop .48s cubic-bezier(.34,1.56,.64,1) .3s both;pointer-events:auto;transition:filter 80ms ease-out,transform 80ms ease-out,box-shadow 80ms ease-out}.jf-start__action:hover{filter:brightness(1.08)}.jf-start__action:focus-visible{outline:3px solid #fff;outline-offset:4px}.jf-start__action:active{border-top-color:#6b1018;border-left-color:#6b1018;border-bottom-color:#ff8a96;border-right-color:#ff8a96;transform:translate(3px,3px);box-shadow:0 0 #000000bf,inset 1px 1px #00000059,inset -1px -1px #ffffff38}@keyframes jf-start-action-pop{0%{opacity:0;transform:scale(2.4)}to{opacity:1;transform:scale(1)}}.jf-start__hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);pointer-events:none;animation:jf-start-fade-in .38s ease-out .85s both}@keyframes jf-start-fade-in{0%{opacity:0}to{opacity:1}}.jf-campaign-select{position:fixed;z-index:40;pointer-events:auto;background:linear-gradient(180deg,#080618a6,#080618d9)}.jf-campaign-select__header{position:absolute;top:12px;left:0;right:0;padding:0 24px}.jf-campaign-select__body{position:absolute;inset:80px 12px 64px;display:grid;grid-template-columns:168px 1fr 200px;gap:16px;align-items:start}.jf-campaign-select__grid-wrap{display:flex;align-items:center;justify-content:center;padding:8px 12px;overflow:hidden}.jf-campaign-select__card-inner{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.jf-campaign-select__card-inner .jf-portrait{width:70px;height:70px}.jf-portrait__img.jf-campaign-select__card-portrait{width:70px;height:70px;object-fit:cover;border-radius:3px;image-rendering:pixelated}.jf-campaign-select__card-name{font-family:var(--jf-font-display, monospace);font-size:10px;font-weight:700;letter-spacing:.06em;color:#ffffffeb;text-shadow:1px 1px 0 rgba(0,0,0,.8);text-transform:uppercase;text-align:center}.jf-campaign-select__info{height:100%;background:#141228b3;border:2px solid var(--jf-accent-gold, #ffd166);border-radius:6px;padding:16px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.jf-campaign-select__info-title{font-family:var(--jf-font-display, monospace);font-size:15px;font-weight:800;letter-spacing:.06em;color:var(--jf-accent-gold, #ffd166);text-transform:uppercase;text-shadow:2px 2px 0 rgba(0,0,0,.7)}.jf-campaign-select__info-desc{font-family:var(--jf-font-display, monospace);font-size:12px;line-height:1.4;color:#ffffffc7}.jf-campaign-select__info-fights{font-family:var(--jf-font-display, monospace);font-size:26px;font-weight:800;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.8);margin-top:auto}.jf-campaign-select__info-bosses{font-family:var(--jf-font-display, monospace);font-size:15px;font-weight:700;color:#f66}.jf-campaign-select__hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);pointer-events:none}.jf-campaign-result{position:fixed;z-index:40;pointer-events:auto;display:flex;align-items:center;justify-content:center;background:#080618d1}.jf-campaign-result__card{position:relative;width:720px;max-width:92%;background:#12122af2;border:3px solid rgba(120,120,200,.5);border-radius:10px;padding:28px 36px 32px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 0 0 4px #00000080,0 18px 48px #0000008c}.jf-campaign-result[data-result=victory] .jf-campaign-result__card{border-color:var(--jf-accent-gold, #ffd166)}.jf-campaign-result__title{font-family:var(--jf-font-display, monospace);font-size:44px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;text-shadow:3px 3px 0 rgba(0,0,0,.8)}.jf-campaign-result[data-result=defeat] .jf-campaign-result__title{color:#f46}.jf-campaign-result[data-result=victory] .jf-campaign-result__title{color:var(--jf-accent-gold, #ffd166);animation:jf-campaign-result-glow 1.6s ease-in-out infinite}@keyframes jf-campaign-result-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.jf-campaign-result__subtitle{font-family:var(--jf-font-display, monospace);font-size:16px;color:#ffffffc7}.jf-campaign-result__nodes{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.jf-campaign-result__node{width:56px;height:56px;border-radius:50%;border:3px solid #4a4a6a;background:#2a2a4a;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.jf-campaign-result__node img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.jf-campaign-result__node[data-state=beaten]{border-color:#00c853}.jf-campaign-result__node[data-state=beaten] img{filter:brightness(1.1) sepia(.2) hue-rotate(60deg)}.jf-campaign-result__node[data-state=beaten]:after{content:"✓";position:absolute;right:-2px;bottom:-2px;font-size:16px;color:#0f6;text-shadow:1px 1px 0 #000}.jf-campaign-result__node[data-state=defeater]{border-color:#ff1744}.jf-campaign-result__node[data-state=defeater]:after{content:"✗";position:absolute;right:-2px;bottom:-2px;font-size:16px;color:#f57;text-shadow:1px 1px 0 #000}.jf-campaign-result__node-q{font-family:var(--jf-font-display, monospace);font-size:26px;color:#4a4a6a}.jf-campaign-result__node-initial{font-family:var(--jf-font-display, monospace);font-size:22px;color:#aaa}.jf-campaign-result__unlock-title{font-family:var(--jf-font-display, monospace);font-size:20px;font-weight:800;letter-spacing:.08em;color:var(--jf-accent-gold, #ffd166);text-transform:uppercase;text-shadow:2px 2px 0 rgba(0,0,0,.7)}.jf-campaign-result__unlocks{display:flex;gap:24px;justify-content:center}.jf-campaign-result__unlock{display:flex;flex-direction:column;align-items:center;gap:4px}.jf-campaign-result__unlock-node{width:56px;height:56px;border-radius:50%;border:3px solid var(--jf-accent-gold, #ffd166);background:#2a2a1a;overflow:hidden;display:flex;align-items:center;justify-content:center}.jf-campaign-result__unlock-node img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.jf-campaign-result__unlock-name{font-family:var(--jf-font-display, monospace);font-size:12px;color:#ffffffd9;text-transform:uppercase}.jf-campaign-result__actions{width:260px;margin-top:6px}.jf-campaign-result__hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);pointer-events:none}.jf-story{position:fixed;z-index:40;pointer-events:auto;cursor:pointer}.jf-story__stage{position:absolute;inset:60px 0 200px;display:flex;align-items:center;justify-content:space-between;padding:0 80px}.jf-story__portrait{width:220px;height:260px;background:#08081899;border:3px solid rgba(120,120,200,.4);border-radius:8px;overflow:hidden;opacity:.3;transition:opacity .18s ease-out,filter .18s ease-out;filter:grayscale(.5)}.jf-story__portrait[data-side=left]{border-color:#00d4ff}.jf-story__portrait[data-side=right]{border-color:#ff2d5f}.jf-story__portrait[data-active=true]{opacity:1;filter:none}.jf-story__portrait img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.jf-story__box{position:absolute;bottom:36px;left:50%;transform:translate(-50%);width:840px;max-width:92%;min-height:130px;background:#1a1a36f2;border:2px solid rgba(120,120,200,.55);border-radius:8px;padding:18px 24px 28px;box-shadow:0 0 0 3px #00000080}.jf-story__speaker{font-family:var(--jf-font-display, monospace);font-size:20px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.8);margin-bottom:8px;min-height:22px}.jf-story__speaker[data-side=player]{color:#00d4ff}.jf-story__speaker[data-side=opponent]{color:#ff2d5f}.jf-story__speaker[data-side=narrator]{color:var(--jf-accent-gold, #ffd166)}.jf-story__text{font-family:var(--jf-font-display, monospace);font-size:18px;line-height:1.5;color:#fff;min-height:54px}.jf-story__continue{position:absolute;right:18px;bottom:8px;font-size:14px;color:var(--jf-accent-gold, #ffd166);animation:jf-story-bob .8s ease-in-out infinite}@keyframes jf-story-bob{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(3px);opacity:1}}.jf-tournament-menu{position:fixed;z-index:40;pointer-events:none}.jf-tournament-menu__shell{position:absolute}.jf-tournament-menu__title{font-family:var(--jf-font-display, monospace);font-size:32px;font-weight:800;letter-spacing:.16em;color:var(--jf-accent-gold, #ffd166);text-shadow:2px 2px 0 rgba(0,0,0,.8);text-transform:uppercase}.jf-tournament-menu__subtitle{font-family:var(--jf-font-display, monospace);font-size:13px;letter-spacing:.06em;color:#ffffffb3;text-transform:uppercase}.jf-tournament-menu__hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);pointer-events:none}.jf-tournament-setup{font-family:var(--jf-font-display, monospace);color:#fff;pointer-events:auto}.retro-wizard{position:absolute;inset:0;display:flex;flex-direction:column;padding:26px 40px;box-sizing:border-box}.retro-wizard__progress{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:8px}.retro-wizard__progress-block{width:22px;height:22px;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:11px}.retro-wizard__progress-block[data-state=done]{border-color:#ffd166;background:#ffd166;color:#0a0818}.retro-wizard__progress-block[data-state=current]{border-color:#00d4ff;color:#00d4ff}.retro-wizard__title-wrap{text-align:center;margin-bottom:10px}.retro-wizard__label{color:#00d4ff;font-size:12px;letter-spacing:.18em}.retro-wizard__title{color:#ffd166;font-size:28px;letter-spacing:.08em;text-shadow:3px 3px 0 #000;margin-top:4px}.retro-wizard__content{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.retro-wizard__footer{display:flex;align-items:center;justify-content:space-between;border-top:2px solid rgba(255,255,255,.12);padding-top:12px}.retro-wizard__back,.retro-wizard__next{font-family:inherit;font-size:13px;letter-spacing:.06em;cursor:pointer;border:none}.retro-wizard__back{background:transparent;color:#ffffff8c}.retro-wizard__hint{color:#ffffff8c;font-size:12px;letter-spacing:.08em}.retro-wizard__next{background:#ffd166;color:#0a0818;font-weight:700;padding:8px 22px;box-shadow:4px 4px #000}.retro-wizard__next:disabled{opacity:.4;cursor:not-allowed}.retro-wizard-cards{display:flex;gap:36px;align-items:center;justify-content:center}.retro-wizard-card{width:280px;min-height:200px;border:3px solid rgba(255,255,255,.25);background:#ffffff08;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;box-sizing:border-box;cursor:pointer}.retro-wizard-card[data-selected=true]{border-color:#00d4ff;background:#00d4ff14;box-shadow:0 0 0 3px #000,6px 6px #00d4ff40}.retro-wizard-card__title{font-size:22px;letter-spacing:.06em}.retro-wizard-card__desc{color:#fff9;font-size:13px;text-align:center;margin-top:10px;line-height:1.5}.retro-wizard-counter,.retro-wizard-ai{display:flex;flex-direction:column;align-items:center;gap:18px}.retro-wizard-counter__figures{display:flex;gap:10px}.retro-wizard-figure{width:28px;height:40px;background:#ffffff1f;border-radius:4px}.retro-wizard-figure[data-active=false]{opacity:.2}.retro-wizard-figure[data-kind=cpu]{background:#ff9500}.retro-wizard-figure[data-kind=human]{background:#00d4ff}.retro-wizard-counter__row{display:flex;align-items:center;gap:24px}.retro-wizard-counter__arrow{font-family:inherit;font-size:28px;background:transparent;border:2px solid rgba(255,255,255,.3);color:#fff;width:48px;height:48px;cursor:pointer}.retro-wizard-counter__value{font-size:44px;color:#ffd166;min-width:60px;text-align:center}.retro-wizard-counter__range{color:#ffffff80;font-size:12px}.retro-wizard-ai__difficulty{display:flex;gap:8px}.retro-wizard-ai__diff-cell{border:2px solid rgba(255,255,255,.3);padding:8px 20px;font-size:13px;cursor:pointer}.retro-wizard-ai__diff-cell[data-selected=true]{border-color:#ffd166;color:#ffd166}.retro-wizard-ai[data-zone=difficulty] .retro-wizard-ai__difficulty{outline:2px solid rgba(0,212,255,.4)}.retro-draft{display:flex;gap:16px;width:100%;height:100%;min-height:0}.retro-draft__rail{width:170px;flex-shrink:0;display:flex;flex-direction:column;gap:10px}.retro-draft__rail--right{align-items:center}.retro-draft__drafter{border:2px solid #00d4ff;background:#00d4ff14;padding:10px;text-align:center}.retro-draft__drafter[data-mode=ai]{border-color:#ff9500;background:#ff950014}.retro-draft__drafter-label{color:#ffffff80;font-size:9px;letter-spacing:.1em}.retro-draft__drafter-name{color:#00d4ff;font-size:16px;margin-top:4px}.retro-draft__queue{display:flex;flex-direction:column;gap:5px;font-size:10px}.retro-draft__queue-row[data-state=done]{color:#78ff8cb3}.retro-draft__queue-row[data-state=current]{color:#ffd166}.retro-draft__queue-row[data-state=pending]{color:#ffffff4d}.retro-draft__grid{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.retro-draft__tile img{width:100%;height:100%;object-fit:cover}.retro-draft__preview{width:110px;height:110px;border:2px solid #00d4ff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px}.retro-draft__preview[data-empty=true]{border-color:#fff3;color:#fff6}.retro-draft__confirm,.retro-draft__autofill{font-family:inherit;background:#00d4ff;color:#0a0818;font-weight:700;border:none;padding:8px 18px;cursor:pointer;box-shadow:3px 3px #000}.retro-draft__autofill{background:#ff9500;font-size:11px}.retro-draft__confirm[data-armed=false]{opacity:.4}.retro-review{display:flex;flex-direction:column;align-items:center;gap:16px}.retro-review__meta{color:#00d4ff;font-size:13px;letter-spacing:.08em}.retro-review__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.retro-review__grid[data-count="2"]{grid-template-columns:repeat(2,1fr)}.retro-review__slot{border:2px solid #00d4ff;padding:10px;text-align:center;min-width:150px}.retro-review__slot[data-ai=true]{border-color:#ff9500}.retro-review__name{font-size:14px}.retro-review__char{color:#fff9;font-size:11px}.retro-review__badge{font-size:9px;letter-spacing:.1em;color:#ffffff80;margin-top:4px}.jf-bracket{position:fixed;z-index:40;pointer-events:auto;background:linear-gradient(180deg,#080618b3,#080618e6)}.jf-bracket__header{position:absolute;top:12px;left:0;right:0;padding:0 24px}.jf-bracket__grid{position:absolute;inset:80px 24px 96px;display:flex;align-items:stretch;justify-content:space-around;gap:24px}.jf-bracket__column{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;min-width:0}.jf-bracket__column-label{font-family:var(--jf-font-display, monospace);font-size:13px;font-weight:800;letter-spacing:.12em;color:#fff9;text-transform:uppercase}.jf-bracket__matches{display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:18px;flex:1;width:100%}.jf-bracket__match{width:100%;max-width:220px;background:#0a0a1866;border:1px solid rgba(120,120,200,.4);border-radius:5px;overflow:hidden;transition:border-color .12s ease-out,box-shadow .12s ease-out}.jf-bracket__match[data-state=current]{border-color:#00d4ff;background:#003c5a66;box-shadow:0 0 16px #00d4ff73;animation:jf-bracket-current-pulse 1.1s ease-in-out infinite}.jf-bracket__match[data-state=won]{border-color:#22c55e}.jf-bracket__match[data-state=champion]{border-color:var(--jf-accent-gold, #ffd166);box-shadow:0 0 20px #ffd16680}@keyframes jf-bracket-current-pulse{0%,to{box-shadow:0 0 16px #00d4ff73}50%{box-shadow:0 0 24px #00d4ffb3}}.jf-bracket__slot{display:flex;align-items:center;padding:8px 12px;font-family:var(--jf-font-display, monospace);font-size:15px;color:#ffffffd9;border-bottom:1px solid rgba(120,120,200,.25)}.jf-bracket__slot:last-child{border-bottom:none}.jf-bracket__slot[data-winner=true]{color:#fff;font-weight:800;background:#22c55e2e}.jf-bracket__match[data-state=champion] .jf-bracket__slot[data-winner=true]{background:#ffd16633;color:var(--jf-accent-gold, #ffd166)}.jf-bracket__slot[data-placeholder=true]{color:#ffffff59;font-style:italic}.jf-bracket__slot-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jf-bracket__actions{position:absolute;bottom:52px;left:50%;transform:translate(-50%);width:280px;flex-direction:row!important;gap:12px!important}.jf-bracket__actions .retro-menu-list__item{flex:1}.jf-bracket__hint{position:absolute;bottom:22px;left:50%;transform:translate(-50%);pointer-events:none}.jf-prematch{position:fixed;z-index:40;pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:linear-gradient(90deg,#003c5a59,#0806188c,#5a001e59)}.jf-prematch__round{position:absolute;top:42px;left:0;right:0;text-align:center;font-family:var(--jf-font-display, monospace);font-size:38px;font-weight:800;letter-spacing:.14em;color:var(--jf-accent-gold, #ffd166);text-shadow:3px 3px 0 rgba(0,0,0,.8);text-transform:uppercase;animation:jf-prematch-drop .45s cubic-bezier(.34,1.56,.64,1) both}@keyframes jf-prematch-drop{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.jf-prematch__arena{display:flex;align-items:center;justify-content:center;gap:48px}.jf-prematch__fighter{display:flex;flex-direction:column;align-items:center;gap:8px;width:220px;--accent: #00d4ff;animation:jf-prematch-slide-l .42s cubic-bezier(.34,1.56,.64,1) both}.jf-prematch__fighter[data-player="2"]{--accent: #ff2d5f;animation-name:jf-prematch-slide-r}@keyframes jf-prematch-slide-l{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:translate(0)}}@keyframes jf-prematch-slide-r{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}.jf-prematch__portrait{width:150px;height:150px;background:#080818cc;border:3px solid var(--accent);border-radius:6px;overflow:hidden;box-shadow:0 0 22px color-mix(in srgb,var(--accent) 45%,transparent)}.jf-prematch__portrait img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.jf-prematch__name{font-family:var(--jf-font-display, monospace);font-size:28px;font-weight:800;letter-spacing:.06em;color:var(--accent);text-shadow:2px 2px 0 rgba(0,0,0,.85);text-transform:uppercase}.jf-prematch__char{font-family:var(--jf-font-display, monospace);font-size:14px;color:#ffffffb3}.jf-prematch__ai-badge{font-family:var(--jf-font-mono, monospace);font-size:12px;font-weight:800;letter-spacing:.08em;color:#ff6b35;background:#ff6b3526;border:1px solid rgba(255,107,53,.5);border-radius:3px;padding:2px 8px}.jf-prematch__vs{font-family:var(--jf-font-display, monospace);font-size:64px;font-weight:900;color:#fff;text-shadow:4px 4px 0 rgba(0,0,0,.85);animation:jf-prematch-vs-pop .48s cubic-bezier(.34,1.56,.64,1) .2s both}.jf-prematch[data-final=true] .jf-prematch__vs{color:var(--jf-accent-gold, #ffd166);text-shadow:4px 4px 0 rgba(0,0,0,.85),0 0 24px rgba(255,209,102,.7)}@keyframes jf-prematch-vs-pop{0%{opacity:0;transform:scale(2.2)}to{opacity:1;transform:scale(1)}}.jf-prematch__ready{position:absolute;bottom:64px;left:50%;transform:translate(-50%);appearance:none;background:#22c55e;color:#fff;font-family:var(--jf-font-display, monospace);font-size:22px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:14px 40px;border:3px solid #6ee7a0;border-bottom-color:#14803a;border-right-color:#14803a;border-radius:4px;cursor:pointer;text-shadow:2px 2px 0 rgba(0,0,0,.5);box-shadow:5px 5px #0009;animation:jf-prematch-ready-pulse .9s ease-in-out .8s infinite}.jf-prematch__ready:hover{filter:brightness(1.08)}.jf-prematch__ready:active{transform:translate(-50%) translateY(3px);box-shadow:2px 2px #0009}@keyframes jf-prematch-ready-pulse{0%,to{box-shadow:5px 5px #0009}50%{box-shadow:5px 5px #0009,0 0 22px #22c55eb3}}.jf-prematch__hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);font-family:var(--jf-font-display, monospace);font-size:11px;letter-spacing:.06em;color:#ffffff80;text-transform:uppercase}.jf-standings{position:fixed;z-index:40;pointer-events:auto;background:linear-gradient(180deg,#080618b3,#080618e6)}.jf-standings__header{position:absolute;top:12px;left:0;right:0;padding:0 24px}.jf-standings__table{position:absolute;top:76px;left:50%;transform:translate(-50%);width:720px;max-width:92%;display:flex;flex-direction:column;gap:4px}.jf-standings__row{display:grid;grid-template-columns:36px 44px 1fr 48px 48px 56px;align-items:center;gap:10px;padding:6px 14px;background:#14143866;border:1px solid rgba(120,120,200,.25);border-radius:4px;font-family:var(--jf-font-display, monospace);font-size:16px;color:#fff}.jf-standings__row--head{background:#2a2a4e99;font-size:12px;color:#ffffffa6;letter-spacing:.08em}.jf-standings__row[data-medal="1"] .jf-standings__rank{color:gold}.jf-standings__row[data-medal="2"] .jf-standings__rank{color:silver}.jf-standings__row[data-medal="3"] .jf-standings__rank{color:#cd7f32}.jf-standings__row[data-champion=true]{background:#ffd16624;border-color:var(--jf-accent-gold, #ffd166);box-shadow:0 0 18px #ffd16659}.jf-standings__rank{font-weight:800;text-align:center}.jf-standings__portrait{width:36px;height:36px;border-radius:3px;overflow:hidden;background:#080818b3}.jf-standings__portrait img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.jf-standings__name{font-weight:700;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jf-standings__wins,.jf-standings__losses,.jf-standings__diff{text-align:center;font-weight:700}.jf-standings__wins{color:#4d6}.jf-standings__losses{color:#d65}.jf-standings__diff{color:#ffffffb3}.jf-standings__next{position:absolute;bottom:110px;left:50%;transform:translate(-50%);font-family:var(--jf-font-display, monospace);font-size:18px;font-weight:700;color:#00d4ff;text-shadow:2px 2px 0 rgba(0,0,0,.8);background:#0a0a1880;border:1px solid rgba(0,212,255,.4);border-radius:4px;padding:6px 18px;white-space:nowrap}.jf-standings__actions{position:absolute;bottom:52px;left:50%;transform:translate(-50%);width:280px;flex-direction:row!important;gap:12px!important}.jf-standings__actions .retro-menu-list__item{flex:1}.jf-standings__hint{position:absolute;bottom:22px;left:50%;transform:translate(-50%);pointer-events:none}.jf-controller-setup{font-family:var(--jf-font-display, monospace);color:#fff;background:#1a1a2e;pointer-events:auto}.jf-controller-setup__title{text-align:center;font-size:30px;letter-spacing:.08em;color:#fff;text-shadow:3px 3px 0 #000;padding:18px 0 8px}.jf-controller-setup__main{position:absolute;inset:64px 0 0;display:flex;flex-direction:column;align-items:center}.jf-controller-setup__columns{display:flex;width:100%;flex:1;min-height:0}.jf-controller-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 24px}.jf-controller-col__header{font-size:20px;font-weight:700;letter-spacing:.06em}.jf-controller-col[data-player="1"] .jf-controller-col__header{color:#48f}.jf-controller-col[data-player="2"] .jf-controller-col__header{color:#f64}.jf-controller-col__device{font-family:inherit;position:relative;width:200px;background:#0f3460;border:1px solid #3a5a7a;color:#fff;font-size:14px;padding:7px 12px;cursor:pointer}.jf-controller-col__device:hover{background:#1a4a7a}.jf-controller-col__device-arrow{position:absolute;right:12px;color:#89a;font-size:11px}.jf-controller-col__status{font-size:11px;color:#89a}.jf-controller-col__status[data-connected=true]{color:#4f4}.jf-controller-bindings,.jf-controller-gamepad{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:280px;margin-top:8px}.jf-controller-bindings__heading{text-align:center;font-size:13px;color:#89a;margin-bottom:4px}.jf-controller-binding-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.jf-controller-binding-row__label{font-size:13px;color:#fff}.jf-controller-binding-row[data-conflict=true] .jf-controller-binding-row__label{color:#f44}.jf-controller-binding-row__value{font-size:13px;color:#89a}.jf-controller-binding-row__key{font-family:inherit;min-width:72px;background:#1e3a5f;border:1px solid #3a5a7a;color:#fff;font-size:13px;font-weight:700;padding:4px 10px;cursor:pointer}.jf-controller-binding-row__key:hover{background:#2e4a6f}.jf-controller-binding-row__key[data-conflict=true]{background:#5f2a2a;border-color:#f44;color:#f44}.jf-controller-setup .retro-btn{font-family:inherit;background:#2a5a8a;color:#fff;border:none;font-size:13px;padding:6px 16px;cursor:pointer}.jf-controller-setup .retro-btn:hover{background:#3a7aba}.jf-controller-setup .retro-btn[data-danger=true]{background:#8a2a2a}.jf-controller-bindings__reset{align-self:center;margin-top:10px}.jf-controller-setup__done{margin-top:12px;font-size:14px;padding:9px 28px}.jf-controller-setup__modal-layer{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#000000b3}.jf-controller-setup__modal-layer[data-open=true]{display:flex}.jf-controller-modal{background:#16213e;border:2px solid #3a5a7a;min-width:320px;max-width:420px;padding:22px 24px;display:flex;flex-direction:column;gap:10px}.jf-controller-modal__title{text-align:center;font-size:16px;font-weight:700;letter-spacing:.04em}.jf-controller-modal__note{text-align:center;font-size:12px;color:#fa0}.jf-controller-modal__message{text-align:center;font-size:16px;color:#0cf;margin:12px 0 4px}.jf-controller-modal__hint{text-align:center;font-size:12px;color:#89a}.jf-controller-modal__options{display:flex;flex-direction:column;gap:8px}.jf-controller-modal__option{position:relative;font-family:inherit;background:#0f3460;border:1px solid #3a5a7a;color:#fff;font-size:14px;padding:9px 12px;cursor:pointer}.jf-controller-modal__option:hover{background:#1a4a7a}.jf-controller-modal__option[data-selected=true]{background:#2a6a9a;border:2px solid #00ccff}.jf-controller-modal__option[data-dimmed=true]{color:#89a}.jf-controller-modal__check{position:absolute;right:14px;color:#0cf}.jf-controller-modal__rows{display:flex;flex-direction:column;gap:8px}.jf-controller-modal__row{display:flex;align-items:center;gap:10px}.jf-controller-modal__row-label{flex:1;font-size:14px}.jf-controller-modal__row-value{font-size:14px;color:#89a}.jf-controller-modal__footer{display:flex;justify-content:center;gap:10px;margin-top:8px}.jf-name-entry{position:fixed;z-index:40;pointer-events:auto;display:flex;align-items:center;justify-content:center;background:#0a0a14e6}.jf-name-entry__card{display:flex;gap:24px;background:#1a1a2ef5;border:3px solid #ccaa00;border-radius:8px;padding:24px 28px;box-shadow:0 0 0 3px #00000080,0 0 28px #ccaa004d}.jf-name-entry__left{display:flex;flex-direction:column;align-items:center;gap:10px;width:220px;border-right:1px solid rgba(120,120,200,.3);padding-right:24px}.jf-name-entry__context{font-family:var(--jf-font-display, monospace);font-size:20px;font-weight:800;letter-spacing:.06em;color:#fc0;text-align:center;text-shadow:2px 2px 0 rgba(0,0,0,.7)}.jf-name-entry__portrait{width:64px;height:64px;border-radius:4px;overflow:hidden;background:#080818cc;border:2px solid rgba(204,170,0,.6)}.jf-name-entry__portrait img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.jf-name-entry__name{font-family:var(--jf-font-display, monospace);font-size:15px;font-weight:700;color:#fff}.jf-name-entry__label{font-family:var(--jf-font-display, monospace);font-size:11px;letter-spacing:.08em;color:#678;text-transform:uppercase}.jf-name-entry__slots{display:flex;gap:10px;margin-top:6px}.jf-name-entry__slot{width:42px;height:42px;background:#335;border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:var(--jf-font-display, monospace);font-size:28px;font-weight:800;color:#fff}.jf-name-entry__slot[data-active=true]{background:#ccaa0059;box-shadow:0 0 0 2px #ca0;animation:jf-name-slot-pulse .9s ease-in-out infinite}@keyframes jf-name-slot-pulse{0%,to{box-shadow:0 0 0 2px #ca0}50%{box-shadow:0 0 0 2px #ca0,0 0 10px #ca09}}.jf-name-entry__right{display:flex;flex-direction:column;gap:14px}.jf-name-entry__grid{display:grid;grid-template-columns:repeat(var(--cols, 9),1fr);gap:5px}.jf-name-entry__cell{appearance:none;width:38px;height:38px;background:#224;border:1px solid rgba(120,120,200,.3);border-radius:3px;color:#fff;font-family:var(--jf-font-display, monospace);font-size:18px;font-weight:700;cursor:pointer;transition:background 60ms ease-out}.jf-name-entry__cell:hover{background:#3a3a6a}.jf-name-entry__cell[data-focused=true]{background:#ca0;color:#1a1a2e;box-shadow:0 0 0 2px #ffe066}.jf-name-entry__actions{display:flex;gap:12px;justify-content:center}.jf-name-entry__done,.jf-name-entry__skip{appearance:none;font-family:var(--jf-font-display, monospace);font-size:16px;font-weight:800;letter-spacing:.1em;padding:8px 28px;border-radius:4px;cursor:pointer;color:#fff}.jf-name-entry__done{background:#272;border:2px solid #33aa33}.jf-name-entry__done[data-focused=true]{box-shadow:0 0 0 2px #6f6;filter:brightness(1.1)}.jf-name-entry__skip{background:#446;border:2px solid #555577;color:#aab}.jf-name-entry__skip[data-focused=true]{box-shadow:0 0 0 2px #89c;filter:brightness(1.1)}.jf-name-entry__hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);font-family:var(--jf-font-display, monospace);font-size:11px;letter-spacing:.06em;color:#ffffff80;text-transform:uppercase}.jf-history{position:fixed;z-index:40;pointer-events:auto;background:linear-gradient(180deg,#080618b8,#080618eb)}.jf-history__header{position:absolute;top:12px;left:0;right:0;padding:0 24px}.jf-history__tabs{position:absolute;top:76px;left:0;right:0}.jf-history__content{position:absolute;top:124px;left:50%;transform:translate(-50%);width:820px;max-width:94%;bottom:56px;background:#1412288c;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:12px 18px;overflow:hidden}.jf-history__hint{position:absolute;bottom:22px;left:50%;transform:translate(-50%);pointer-events:none}.jf-settings{position:fixed;z-index:40;pointer-events:auto;background:linear-gradient(180deg,#080618b3,#080618e6)}.jf-settings__header{position:absolute;top:12px;left:0;right:0;padding:0 24px}.jf-settings__tabs{position:absolute;top:76px;left:0;right:0}.jf-settings__content{position:absolute;top:124px;left:50%;transform:translate(-50%);width:540px;max-width:92%;bottom:64px;background:#1412288c;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:18px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.jf-settings__preamble:empty,.jf-settings__note:empty{display:none}.jf-settings__note{font-family:var(--jf-font-display, monospace);font-size:11px;font-style:italic;color:#ffffff8c;text-align:center}.jf-settings__menu{width:100%}.jf-settings__hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.jf-settings__cheats{display:flex;flex-direction:column;gap:10px;width:100%}.jf-settings__cheats-input{appearance:none;background:#141438d9;border:2px solid rgba(120,120,200,.5);color:var(--jf-accent-gold, #ffd166);font-family:var(--jf-font-mono, monospace);font-size:14px;font-weight:800;letter-spacing:.12em;padding:10px 14px;border-radius:4px;text-transform:uppercase;outline:none}.jf-settings__cheats-input:focus{border-color:var(--jf-accent-gold, #ffd166);box-shadow:0 0 12px #ffd16673}.jf-settings__cheats-result{font-family:var(--jf-font-display, monospace);font-size:12px;text-align:center;letter-spacing:.04em;min-height:16px}.jf-settings__cheats-result[data-status=success]{color:#4f4}.jf-settings__cheats-result[data-status=error]{color:#f64}.jf-settings__history-list{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto;padding-right:4px}.jf-settings__history-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;background:#14143880;border:1px solid rgba(120,120,200,.3);border-radius:3px;padding:6px 10px;font-family:var(--jf-font-display, monospace);font-size:12px;color:#ffffffd9}.jf-settings__history-row-when{font-size:10px;color:#ffffff8c}.jf-settings__history-empty{font-family:var(--jf-font-display, monospace);font-size:12px;color:#ffffff80;text-align:center;padding:16px 0;font-style:italic}.jf-online{font-family:var(--jf-font-display, monospace);color:#fff;background:#1a1a2e;pointer-events:auto;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:56px 0 0;position:relative;overflow:hidden}.jf-online__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.4);z-index:0}.jf-online>*:not(.jf-online__bg){position:relative;z-index:1}.jf-online__title{font-size:48px;font-weight:700;color:#fc0;letter-spacing:.06em;text-shadow:4px 4px 0 #000}.jf-online__status{font-size:24px;color:#fff;min-height:28px;margin-top:28px}.jf-online__status[data-color=error]{color:#f44}.jf-online__status[data-color=code]{color:#0f0}.jf-online__code{font-size:72px;font-weight:700;color:#0f0;letter-spacing:.1em;text-shadow:3px 3px 0 #000;margin-top:24px}.jf-online__code[data-pulse=true]{animation:jf-online-pulse .8s ease-in-out infinite}@keyframes jf-online-pulse{0%,to{opacity:1}50%{opacity:.55}}.jf-online__actions{display:flex;gap:24px;margin-top:22px}.jf-online__action{font-family:inherit;background:#335;border:2px solid #4a4a7e;color:#fff;font-size:18px;padding:9px 22px;cursor:pointer}.jf-online__action:hover{background:#4a4a7e}.jf-online__menu{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:36px}.jf-online__menu-item{font-family:inherit;background:transparent;border:none;color:#aaa;font-size:32px;cursor:pointer;text-shadow:3px 3px 0 #000;transition:color 80ms ease-out,transform 80ms ease-out}.jf-online__menu-item[data-selected=true]{color:#fc0;transform:scale(1.1)}.jf-online__menu-item[data-selected=true]:before{content:"▶ "}.jf-online__menu-item[data-selected=true]:after{content:" ◀"}.jf-online__instruction{position:absolute;bottom:90px;left:0;right:0;text-align:center;font-size:18px;color:#888}.jf-lobby{font-family:var(--jf-font-display, monospace);color:#fff;background:#1a1a2e;pointer-events:auto;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:30px 0 0;position:relative;overflow:hidden}.jf-lobby__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.4);z-index:0}.jf-lobby>*:not(.jf-lobby__bg){position:relative;z-index:1}.jf-lobby__title{font-size:34px;font-weight:700;color:#fc0;letter-spacing:.06em;text-shadow:3px 3px 0 #000}.jf-lobby__handle{font-family:inherit;background:transparent;border:none;color:#0f0;font-size:18px;cursor:pointer;margin-top:14px}.jf-lobby__handle:hover{text-decoration:underline}.jf-lobby__count{font-size:14px;color:#aaa;margin-top:8px}.jf-lobby__status{font-size:14px;color:#fff;min-height:18px;margin-top:8px}.jf-lobby__status[data-error=true]{color:#f44}.jf-lobby__list{width:700px;max-width:92%;margin-top:16px;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.jf-lobby-row{display:flex;align-items:center;gap:14px;height:52px;padding:0 24px;background:#3350;border-radius:4px;cursor:pointer}.jf-lobby-row[data-selected=true]{background:#4a4a7e80}.jf-lobby-row[data-highlight=true]{background:#fc03}.jf-lobby-row[data-dim=true]{opacity:.5;cursor:default}.jf-lobby-row__dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.jf-lobby-row__dot[data-status=idle]{background:#0f0}.jf-lobby-row__dot[data-status=in_challenge]{background:#fc0}.jf-lobby-row__dot[data-status=in_match]{background:#f44}.jf-lobby-row__handle{flex:1;font-size:18px;color:#0f0}.jf-lobby-row__right{font-size:14px}.jf-lobby-row__right[data-color=good]{color:#0f0}.jf-lobby-row__right[data-color=ok]{color:#fc0}.jf-lobby-row__right[data-color=bad]{color:#f44}.jf-lobby-row__right[data-color=dim]{color:#aaa}.jf-lobby-row__right[data-color=gold]{color:#fc0}.jf-lobby-row__right[data-color=player]{color:#0f0}.jf-lobby-row__actions{display:flex;gap:8px}.jf-lobby-row__btn{font-family:inherit;border:1px solid #fff;color:#fff;font-size:10px;padding:8px 14px;cursor:pointer}.jf-lobby-row__btn--accept{background:#0a0}.jf-lobby-row__btn--decline{background:#a00}.jf-lobby__bottom{display:flex;gap:24px;padding:16px 0 22px}.jf-lobby__bottom-btn{font-family:inherit;width:180px;height:40px;background:#335;border:2px solid #4a4a7e;color:#fff;font-size:18px;cursor:pointer}.jf-lobby__bottom-btn:hover{background:#4a4a7e}.jf-lobby__bottom-btn--focus{background:#4a4a7e;border-color:#fc0}