:root{--gray-950: #0a0a0a;--gray-900: #121212;--gray-850: #181818;--gray-800: #1e1e1e;--gray-700: #2a2a2a;--gray-600: #3a3a3a;--gray-500: #525252;--gray-400: #737373;--gray-300: #a3a3a3;--gray-200: #d4d4d4;--gray-100: #f5f5f5;--color-winner: #22c55e;--color-winner-glow: rgba(34, 197, 94, .35);--color-loser: #ef4444;--color-bg: var(--gray-950);--color-bg-elevated: var(--gray-900);--color-bg-card: var(--gray-850);--color-surface: var(--gray-800);--color-primary: var(--gray-300);--color-primary-light: var(--gray-200);--color-primary-dark: var(--gray-400);--color-border: var(--gray-700);--color-border-hover: var(--gray-500);--color-success: var(--color-winner);--color-danger: var(--color-loser);--color-warning: #f59e0b;--color-text: var(--gray-200);--color-text-muted: var(--gray-400);--color-text-dim: var(--gray-500);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .7);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=light]{--gray-950: #ffffff;--gray-900: #fafafa;--gray-850: #f5f5f5;--gray-800: #eeeeee;--gray-700: #e0e0e0;--gray-600: #bdbdbd;--gray-500: #9e9e9e;--gray-400: #757575;--gray-300: #616161;--gray-200: #424242;--gray-100: #212121;--color-winner: #16a34a;--color-winner-glow: rgba(22, 163, 74, .25);--color-loser: #dc2626;--color-bg: var(--gray-950);--color-bg-elevated: var(--gray-900);--color-bg-card: var(--gray-850);--color-surface: var(--gray-800);--color-primary: var(--gray-300);--color-primary-light: var(--gray-200);--color-primary-dark: var(--gray-400);--color-border: var(--gray-700);--color-border-hover: var(--gray-500);--color-success: var(--color-winner);--color-danger: var(--color-loser);--color-warning: #d97706;--color-text: var(--gray-200);--color-text-muted: var(--gray-400);--color-text-dim: var(--gray-500);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15)}[data-theme=light] .navigation{background:#fffffff2}[data-theme=light] .nav-link:hover{background:#0000000d}[data-theme=light] .app-footer{background:var(--gray-950);border-top-color:var(--gray-700)}[data-theme=light] .leaderboard-row{border-color:#00000014}[data-theme=light] .leaderboard-row:hover{border-color:#00000026}[data-theme=light] .leaderboard-row--gold{background:#ffd7001f;border-color:#ffd70059}[data-theme=light] .leaderboard-row--silver{background:#a0afbe26;border-color:#a0afbe59}[data-theme=light] .leaderboard-row--bronze{background:#cd7f321f;border-color:#cd7f324d}[data-theme=light] .leaderboard-divider:before,[data-theme=light] .leaderboard-divider:after{background:#0000001a}[data-theme=light] .matchup-chip{background:var(--gray-800)}[data-theme=light] .matchup-chip--won{background:#16a34a1f}[data-theme=light] .matchup-chip--lost{background:#dc262614}[data-theme=light] .matchup-chip--tie{background:#d977061a}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-bg-elevated);color:var(--color-text);padding:var(--space-sm) var(--space-md);z-index:1000;text-decoration:none;border-radius:var(--radius-md)}.skip-link:focus{top:var(--space-sm);left:var(--space-sm)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;overflow:hidden}#root{min-height:100vh;height:100vh;overflow:hidden}.app{min-height:100vh;height:100vh;display:flex;flex-direction:column;overflow:hidden}.main-content{flex:1;padding:var(--space-lg);padding-top:calc(70px + var(--space-lg));padding-bottom:calc(40px + var(--space-lg));width:100%;overflow-y:auto;overflow-x:hidden}.main-content>*{max-width:1200px;margin-left:auto;margin-right:auto}.navigation{position:fixed;top:0;left:0;right:0;height:70px;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);z-index:100}.nav-brand{display:flex;align-items:center;gap:var(--space-sm)}.nav-logo{font-size:1.5rem}.nav-title{font-size:1.25rem;font-weight:700;color:var(--color-text)}.nav-links{display:flex;gap:var(--space-sm)}.nav-link{position:relative;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-base)}.nav-link:hover{color:var(--color-text);background:#ffffff0d}.nav-link--active{color:var(--color-text)}.nav-link-indicator{position:absolute;bottom:-6px;left:0;right:0;height:3px;background:var(--color-primary);border-radius:var(--radius-full)}.nav-link-icon{font-size:1.1rem}.nav-link-text{font-weight:500}.app-footer{position:fixed;bottom:0;left:0;right:0;height:40px;padding:0 var(--space-lg);background:var(--gray-950);border-top:1px solid var(--gray-800);display:flex;align-items:center;justify-content:space-between;z-index:50}.app-footer__left{display:flex;align-items:center;gap:var(--space-lg)}.app-footer__right{display:flex;align-items:center;gap:var(--space-md)}.calibration-row{display:flex;align-items:center;gap:var(--space-sm);position:relative;cursor:default}.calibration-row:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:4px 8px;background:var(--gray-800);color:var(--gray-300);font-size:.65rem;white-space:nowrap;border-radius:var(--radius-sm);opacity:0;pointer-events:none;transition:opacity .15s ease;margin-bottom:4px}.calibration-row:hover:before{opacity:1}.calibration-label{font-size:.65rem;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;width:24px}.calibration-stats{font-size:.65rem;color:var(--gray-600);white-space:nowrap;margin-left:auto}.calibration-track{height:3px;background:var(--gray-800);border-radius:var(--radius-full);overflow:hidden}.calibration-fill{height:100%;background:var(--gray-600);border-radius:var(--radius-full);transition:width .3s ease}.calibration-fill--full{background:var(--gray-700)}.calibration-percentage{font-size:.65rem;font-weight:500;color:var(--gray-500);width:28px;text-align:right}.matchup-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 200px)}.matchup-view--empty{justify-content:center}.matchup-prompt{text-align:center;margin-bottom:var(--space-2xl)}.matchup-prompt h1{font-size:2rem;font-weight:700;color:var(--color-text)}.matchup-cards{display:flex;align-items:center;justify-content:center;gap:var(--space-xl);width:100%;max-width:900px;perspective:1000px}.matchup-card-container{flex:1;max-width:350px}.matchup-or{font-size:1.25rem;font-weight:500;color:var(--color-text-dim);font-style:italic}.matchup-special-buttons{display:flex;gap:var(--space-md);margin-top:var(--space-xl)}.special-button{background:transparent;border:1px solid var(--gray-700);color:var(--gray-500);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;cursor:pointer;transition:all var(--transition-base)}.special-button:hover:not(:disabled){border-color:var(--gray-500);color:var(--gray-300)}.special-button:disabled{opacity:.5;cursor:default}.special-button--great{border-color:#22c55e4d;color:var(--gray-500)}.special-button--great:hover:not(:disabled){border-color:#22c55e99;color:var(--color-winner);background:#22c55e1a}.special-button--meh{border-color:#ef44444d;color:var(--gray-500)}.special-button--meh:hover:not(:disabled){border-color:#ef444480;color:var(--color-loser);background:#ef44441a}.word-card-wrapper{display:flex;flex-direction:column;align-items:center}.word-card{position:relative;background:var(--color-bg-elevated);border-radius:var(--radius-md);padding:var(--space-xl);text-align:center;border:1px solid var(--color-border);transition:all var(--transition-base);transform-style:preserve-3d;overflow:visible;cursor:pointer;width:100%}.word-card:hover{border-color:var(--color-border-hover);background:var(--color-bg-card)}.word-card--winner{border-color:var(--color-winner);box-shadow:0 0 30px var(--color-winner-glow)}.word-card--bothGreat{border-color:var(--color-winner);box-shadow:0 0 25px var(--color-winner-glow)}.word-card--loser{opacity:.4}.word-card__text{font-size:2rem;font-weight:700;color:var(--color-text);word-break:break-word}.word-card__info{position:absolute;top:var(--space-sm);left:var(--space-sm);width:24px;height:24px;border:none;background:transparent;color:var(--gray-600);border-radius:var(--radius-full);cursor:pointer;opacity:0;transition:all var(--transition-fast);font-size:.85rem;display:flex;align-items:center;justify-content:center;text-decoration:none}.word-card:hover .word-card__info{opacity:1}.word-card__info:hover{background:var(--gray-700);color:var(--gray-300)}.word-card__disqualify{position:absolute;top:var(--space-sm);right:var(--space-sm);width:24px;height:24px;border:none;background:transparent;color:var(--gray-600);border-radius:var(--radius-full);cursor:pointer;opacity:0;transition:all var(--transition-fast);font-size:.75rem;display:flex;align-items:center;justify-content:center}.word-card:hover .word-card__disqualify{opacity:1}.word-card__disqualify:hover{background:var(--gray-700);color:var(--gray-300)}.word-card-stats-container{position:relative;display:flex;flex-direction:column;align-items:center;width:80%;margin-top:0;height:36px;transition:margin-top var(--transition-base)}.word-card--winner~.word-card-stats-container{margin-top:8px}.word-card-stats-tab{position:relative;width:100%;background:transparent;border:1px solid var(--gray-700);border-top:none;color:var(--gray-500);padding:0 12px;font-size:.65rem;font-family:var(--font-sans);text-transform:lowercase;letter-spacing:.05em;cursor:pointer;border-radius:0 0 var(--radius-md) var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);display:flex;align-items:center;justify-content:center}.word-card-stats-tab:hover{color:var(--gray-400);background:var(--gray-850)}.word-card-stats-tab--open{background:var(--gray-850);box-shadow:inset 0 3px 6px -2px #0000004d}.word-card-stats-label{display:block;line-height:1}.word-card-stats-content{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:var(--space-lg);pointer-events:none}.word-card-stats-content .stat{display:flex;flex-direction:column;align-items:center}.word-card-stats-content .stat-value{font-size:.85rem;font-weight:600;color:var(--color-text);line-height:1}.word-card-stats-content .stat-label{font-size:.55rem;color:var(--color-text-muted);text-transform:uppercase;line-height:1}.leaderboard{max-width:800px;margin:0 auto}.leaderboard--empty{display:flex;align-items:center;justify-content:center;min-height:400px}.leaderboard-header{text-align:center;margin-bottom:var(--space-xl)}.leaderboard-header h1{font-size:2.5rem;font-weight:800;margin-bottom:var(--space-sm)}.leaderboard-stats{display:flex;justify-content:center;gap:var(--space-sm);margin:var(--space-md) 0;flex-wrap:wrap}.leaderboard-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--color-border);min-width:120px;height:50px}.leaderboard-stat__value{font-size:1.1rem;font-weight:600;color:var(--color-text);line-height:1.2}.leaderboard-stat__detail{font-size:.85rem;font-weight:400;color:var(--color-text-muted)}.leaderboard-stat__label{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.leaderboard-export{display:flex;justify-content:center;margin-top:var(--space-md)}.leaderboard-actions{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap}.leaderboard-action-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-family:var(--font-sans);font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.leaderboard-action-btn:hover:not(:disabled){background:var(--color-bg-card);color:var(--color-text);border-color:var(--color-border-hover)}.leaderboard-action-btn:disabled{opacity:.4;cursor:not-allowed}.leaderboard-action-btn svg{flex-shrink:0}.leaderboard-action-btn--danger{border-color:#ef44444d;color:var(--color-text-muted)}.leaderboard-action-btn--danger:hover:not(:disabled){background:#ef444426;border-color:#ef444480;color:var(--color-danger)}.leaderboard-action-btn--confirm{background:var(--color-danger);border-color:var(--color-danger);color:#fff;animation:pulse-confirm .5s ease-in-out infinite alternate}.leaderboard-action-btn--confirm:hover:not(:disabled){background:#dc2626;border-color:#dc2626;color:#fff}@keyframes pulse-confirm{0%{opacity:.9;transform:scale(1)}to{opacity:1;transform:scale(1.02)}}.leaderboard-list{display:flex;flex-direction:column;gap:var(--space-sm)}.leaderboard-row{display:flex;flex-direction:column;background:var(--color-bg-elevated);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);transition:all var(--transition-base);overflow:hidden}.leaderboard-row:hover{background:var(--color-bg-card);border-color:#ffffff1a}.leaderboard-row--expanded{border-color:var(--gray-600)}.leaderboard-row--gold{background:#ffd70014;border-color:#ffd70040}.leaderboard-row--gold:hover{background:#ffd7001f;border-color:#ffd70059}.leaderboard-row--gold .leaderboard-row__stats .elo{color:gold}.leaderboard-row--silver{background:#c8d7e61a;border-color:#c8d7e640}.leaderboard-row--silver:hover{background:#c8d7e624;border-color:#c8d7e659}.leaderboard-row--silver .leaderboard-row__stats .elo{color:#d0dce8}.leaderboard-row--bronze{background:#cd7f3214;border-color:#cd7f3233}.leaderboard-row--bronze:hover{background:#cd7f321f;border-color:#cd7f324d}.leaderboard-row--bronze .leaderboard-row__stats .elo{color:#cd7f32}.leaderboard-row__main{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg)}.leaderboard-row__matches{overflow:hidden;border-top:1px solid var(--gray-800);background:var(--gray-900)}.matches-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md) var(--space-lg)}.matchup-chip{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;background:var(--gray-800);color:var(--gray-400)}.matchup-chip--won{background:#22c55e26;color:var(--color-winner)}.matchup-chip--won .matchup-chip__result{color:var(--color-winner)}.matchup-chip--lost{background:#ef44441a;color:var(--gray-400)}.matchup-chip--lost .matchup-chip__result{color:var(--color-loser)}.matchup-chip--tie{background:#f59e0b1a;color:var(--gray-400)}.matchup-chip--tie .matchup-chip__result{color:var(--color-warning)}.matchup-chip__result{font-weight:600}.matchup-chip__opponent{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row--disqualified{border-left-color:var(--color-text-dim)}.leaderboard-row__rank{width:50px;text-align:center;flex-shrink:0}.rank-emoji{font-size:1.5rem}.rank-number{font-size:1.25rem;font-weight:700;color:var(--color-text-muted)}.rank-icon{font-size:1.25rem}.leaderboard-row__word{flex:1;font-size:1.5rem;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:var(--space-md)}.leaderboard-row--disqualified .leaderboard-row__word{text-decoration:line-through;color:var(--color-text-muted)}.leaderboard-row__source-tag{font-size:.75rem;font-weight:500;padding:var(--space-xs) var(--space-sm);background:var(--gray-800);color:var(--gray-400);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.leaderboard-row__stats{display:flex;flex-direction:column;align-items:flex-end;min-width:80px}.leaderboard-row__stats .elo{font-size:1.25rem;font-weight:600;color:var(--color-primary-light)}.leaderboard-row__stats .record{font-size:.75rem;color:var(--color-text-muted)}.leaderboard-row__action{width:36px;height:36px;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:1rem;opacity:0}.leaderboard-row:hover .leaderboard-row__action{opacity:1}.leaderboard-row__action--remove{background:var(--gray-800);color:var(--gray-500)}.leaderboard-row__action--remove:hover{background:var(--gray-700);color:var(--gray-300)}.leaderboard-row__action--requalify{background:var(--gray-800);color:var(--gray-500);opacity:1}.leaderboard-row__action--requalify:hover{background:var(--gray-700);color:var(--gray-300)}.rank-icon--disqualified{display:flex;align-items:center;justify-content:center;color:var(--gray-500)}.leaderboard-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-xl) 0 var(--space-md);color:var(--color-text-dim);font-size:.875rem;text-transform:uppercase;letter-spacing:.1em}.leaderboard-divider:before,.leaderboard-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.leaderboard-footer-spacer{height:60px;flex-shrink:0}.setup-page{max-width:900px;margin:0 auto}.setup-header{text-align:center;margin-bottom:var(--space-lg)}.setup-header h1{font-size:2.5rem;font-weight:800;margin-bottom:var(--space-sm)}.setup-header p{color:var(--color-text-muted)}.setup-intro{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);text-align:center}.setup-intro p{color:var(--color-text);font-size:.95rem;line-height:1.6;margin:0}.setup-intro p em{color:var(--color-text);font-style:italic}.setup-intro__note{margin-top:var(--space-sm)!important;font-size:.85rem!important;color:var(--color-text-muted)!important}.setup-footer-spacer{height:60px;flex-shrink:0}.setup-lists{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-xl)}.setup-list{display:flex;flex-direction:column}.setup-list__label{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;margin-bottom:var(--space-sm);font-size:1.125rem}.label-icon{font-size:1.25rem}.setup-list__input{flex:1;background:var(--color-bg-elevated);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-md);color:var(--color-text);font-family:var(--font-sans);font-size:1rem;line-height:1.8;resize:vertical;transition:all var(--transition-base)}.setup-list__input:focus{outline:none;border-color:var(--gray-500);box-shadow:0 0 0 3px #ffffff1a}.setup-list__input::placeholder{color:var(--color-text-dim)}.setup-list__count{margin-top:var(--space-sm);font-size:.875rem;color:var(--color-text-muted);text-align:right}.setup-actions{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-xl)}.setup-start-block{text-align:center}.setup-start-subtitle{margin-top:var(--space-sm);font-size:.9rem;color:var(--color-text-muted)}.setup-reset-row{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap;max-width:calc(280px * 2 + var(--space-md));margin-left:auto;margin-right:auto}.setup-reset-block{min-width:280px;max-width:280px;text-align:center;padding:var(--space-lg);border-radius:var(--radius-lg)}.setup-reset-block--warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.setup-reset-block--danger{background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.setup-reset-block--neutral{background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.setup-reset-block--full{min-width:100%;max-width:100%}.setup-sample-row{display:flex;justify-content:center;margin-top:var(--space-md);max-width:calc(280px * 2 + var(--space-md));margin-left:auto;margin-right:auto}.setup-reset-hint{margin-top:var(--space-sm);font-size:.8rem;color:var(--color-text-muted)}.setup-load-example{text-align:center;margin-top:var(--space-lg)}.setup-existing{text-align:center;margin-top:var(--space-xl)}.existing-notice{color:var(--color-text-muted);font-size:.875rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--gray-700);color:var(--gray-100);border:1px solid var(--gray-600)}.btn--primary:hover:not(:disabled){background:var(--gray-600);border-color:var(--gray-500);transform:translateY(-1px)}.btn--secondary{background:var(--color-surface);color:var(--color-text)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-card)}.btn--danger{background:#ef444433;color:var(--color-danger)}.btn--danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn--danger-confirm{background:var(--color-danger);color:#fff;animation:pulse-danger .5s ease-in-out infinite alternate}@keyframes pulse-danger{0%{opacity:.9}to{opacity:1}}.btn--warning{background:#f59e0b33;color:var(--color-warning)}.btn--warning:hover:not(:disabled){background:#f59e0b4d}.btn--warning-confirm{background:var(--color-warning);color:var(--color-bg);animation:pulse-warning .5s ease-in-out infinite alternate}@keyframes pulse-warning{0%{opacity:.9}to{opacity:1}}.btn--large{padding:var(--space-md) var(--space-2xl);font-size:1.125rem}.btn--xlarge{padding:var(--space-lg) var(--space-2xl);font-size:1.25rem;min-width:200px}.empty-state{text-align:center;padding:var(--space-2xl)}.empty-state h2{font-size:1.5rem;margin-bottom:var(--space-sm);color:var(--color-text)}.empty-state p{color:var(--color-text-muted)}.empty-state .hint{margin-top:var(--space-md);font-size:.875rem}@media(max-width:768px){.main-content{padding:var(--space-md);padding-top:calc(70px + var(--space-md));padding-bottom:calc(80px + var(--space-md))}.matchup-cards{flex-direction:column;gap:var(--space-lg)}.matchup-card-container{max-width:100%;width:100%}.matchup-vs{transform:rotate(90deg)}.setup-lists{grid-template-columns:1fr}.nav-link-text{display:none}.nav-link-icon,.leaderboard-row__word{font-size:1.25rem}.app-footer{height:auto;flex-direction:column;padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.app-footer__left{width:100%;justify-content:center;flex-wrap:wrap;gap:var(--space-md)}.app-footer__right{width:100%;justify-content:center}.calibration-row{gap:var(--space-xs)}.calibration-track{width:40px!important}.setup-reset-row{flex-direction:column;align-items:center}.setup-reset-block{max-width:100%;width:100%}}.font-selector__shuffle{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;-webkit-user-select:none;user-select:none}.font-selector__shuffle input[type=checkbox]{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1px solid var(--gray-600);border-radius:3px;background:transparent;cursor:pointer;transition:all var(--transition-fast);position:relative}.font-selector__shuffle input[type=checkbox]:hover{border-color:var(--gray-500)}.font-selector__shuffle input[type=checkbox]:checked{background:var(--gray-600);border-color:var(--gray-500)}.font-selector__shuffle input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:var(--gray-300);line-height:1}.font-selector__shuffle .shuffle-label{font-size:.7rem;color:var(--gray-500);text-transform:lowercase;letter-spacing:.03em}.font-selector__shuffle:hover .shuffle-label{color:var(--gray-400)}.font-selector__select{background:var(--gray-850);border:1px solid var(--gray-700);color:var(--gray-400);padding:4px 8px;font-size:.7rem;font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);min-width:100px}.font-selector__select:hover{border-color:var(--gray-600);color:var(--gray-300)}.font-selector__select:focus{outline:none;border-color:var(--gray-500)}.font-selector__select option{background:var(--gray-800);color:var(--gray-300)}.streak-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 4px;border-radius:var(--radius-full);font-size:.7rem;line-height:1}.streak-pill--win{background:#f59e0b26;border:1px solid rgba(245,158,11,.3)}.streak-pill--win .streak-pill__text{color:var(--color-warning)}.streak-pill--win.streak-pill--hot{background:#f59e0b40;border-color:#f59e0b80}.streak-pill--loss{background:#ef444426;border:1px solid rgba(239,68,68,.3)}.streak-pill--loss .streak-pill__text{color:var(--color-loser)}.streak-pill--loss.streak-pill--bad{background:#ef444440;border-color:#ef444480}.streak-pill__emoji-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.streak-pill__emoji{font-size:.75rem;line-height:1}.streak-pill__emoji--animated{display:inline-block}.streak-pill__particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10}.streak-pill__particle{position:absolute;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%)}.streak-pill__text{font-weight:500;white-space:nowrap}.word-card__streak{position:absolute;bottom:var(--space-sm);right:var(--space-sm)}.leaderboard-row__streak{margin-left:var(--space-xs)}.theme-toggle{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:transparent;border:none;font-family:var(--font-sans)}.theme-toggle:hover{background:#ffffff0d}[data-theme=light] .theme-toggle:hover{background:#0000000d}.theme-toggle__icon{font-size:.9rem;line-height:1}.theme-toggle__label{font-size:.7rem;color:var(--gray-500);text-transform:lowercase;letter-spacing:.03em}.theme-toggle:hover .theme-toggle__label{color:var(--gray-400)}[data-theme=light] .setup-list__input{border-color:#00000026}[data-theme=light] .setup-list__input:focus{border-color:var(--gray-400);box-shadow:0 0 0 3px #00000014}[data-theme=light] .setup-reset-block--warning{background:#d9770614;border-color:#d9770633}[data-theme=light] .setup-reset-block--danger{background:#dc262614;border-color:#dc262633}[data-theme=light] .setup-reset-block--neutral{background:#00000008;border-color:#0000001a}