.main-section{width:100%;max-width:var(--desktop-content-max-width);margin:0 auto}@media (max-width: 639px){.main-section{margin:0;padding:.5rem 0 28px}}@media (min-width: 640px){.main-section{margin:2rem auto}}:root{--background: #0f172a;--surface: #1e293b;--background-elevated: #273549;--border: #334155;--text-muted: #94a3b8;--foreground: #eaeaea;--primary: #8b5cf6;--primary-light: #a78bfa;--primary-dark: #7c3aed;--accent: #fbbf24;--accent-light: #fde68a;--accent-dark: #f59e0b;--secondary: #c0cad4;--secondary-dark: #8b95a5;--placement-1: #fbbf24;--placement-2: #c0cad4;--placement-3: #d4872d;--success: #34d399;--danger: #e57373;--warning: #f59e0b;--info: #3b82f6;--primary-rgba-10: rgba(139, 92, 246, .1);--primary-rgba-8: rgba(139, 92, 246, .08);--primary-rgba-5: rgba(139, 92, 246, .05);--primary-rgba-3: rgba(139, 92, 246, .03);--accent-rgba-10: rgba(251, 146, 60, .1);--accent-rgba-8: rgba(251, 146, 60, .08);--accent-rgba-5: rgba(251, 146, 60, .05);--secondary-rgba-8: rgba(192, 202, 212, .08);--secondary-rgba-5: rgba(192, 202, 212, .05);--bronze-rgba-5: rgba(212, 135, 45, .05);--border-primary: var(--primary-light);--border-subtle: rgba(139, 92, 246, .2);--border-muted: #334155;--background-accent: rgba(139, 92, 246, .03);--shadow: 0 4px 20px rgba(0, 0, 0, .3), 0 2px 10px rgba(139, 92, 246, .2);--navbar-height: 64px;--header-height: 60px;--desktop-max-width: 1200px;--desktop-content-max-width: 1000px;--input-height: 48px;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 2rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-size-xs: .875rem;--font-size-sm: 1rem;--font-size-base: 1.125rem;--font-size-lg: 1.3125rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--breakpoint-mobile-max: 639px;--breakpoint-desktop: 640px}@media (max-width: 639px){:root{--font-size-xs: .9375rem;--font-size-sm: 1.0625rem;--font-size-base: 1.1875rem;--font-size-lg: 1.375rem;--font-size-xl: 1.5625rem;--font-size-2xl: 1.875rem}}body{background:var(--background);color:var(--foreground);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;transition:background .2s,color .2s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .18s;border:none;white-space:nowrap;pointer-events:auto}.btn-primary{border-radius:var(--radius-full);background:#8b5cf6cc;border:1px solid rgba(139,92,246,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:.75rem 1.5rem;font-size:1rem;box-shadow:0 4px 16px #0000004d,0 0 0 1px #8b5cf633}@media (hover: hover) and (pointer: fine){.btn-primary:hover:not(:disabled){background:#7c3aede6;border-color:#7c3aed99;box-shadow:0 6px 24px #8b5cf666,0 0 0 1px #8b5cf64d;transform:translateY(-2px)}}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:0 2px 8px #0003,0 0 0 1px #8b5cf633}.btn-secondary{border-radius:var(--radius-full);background:#64646499;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:.5rem 1rem;font-size:.9rem}@media (hover: hover) and (pointer: fine){.btn-secondary:hover:not(:disabled){background:#505050cc;border-color:#ffffff80}}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{border-radius:var(--radius-full);background:#ef4444cc;border:1px solid rgba(239,68,68,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:.5rem 1rem;font-size:.875rem;font-weight:500;box-shadow:0 4px 12px #ef44444d}@media (hover: hover) and (pointer: fine){.btn-danger:hover:not(:disabled){background:#dc2626e6;border-color:#dc262699;box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-danger:disabled{opacity:.6;cursor:not-allowed;box-shadow:0 2px 8px #ef444433}.btn-tertiary{border-radius:var(--radius-full);background:var(--primary-rgba-10);border:1px solid var(--border-subtle);color:var(--primary);padding:.5rem 1rem;font-size:.95rem;font-weight:500}@media (hover: hover) and (pointer: fine){.btn-tertiary:hover:not(:disabled){background:var(--primary-rgba-10);border-color:var(--border-primary);color:var(--primary-dark);box-shadow:0 2px 12px #8b5cf626}}.btn-tertiary:active:not(:disabled),.btn-tertiary:focus{background:var(--primary-rgba-10);border-color:var(--border-primary);color:var(--primary-dark)}.btn-tertiary:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:.5rem .75rem;font-size:.85rem}.btn-block{width:100%}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body.modal-open,html.modal-open{overflow:hidden}body{font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--background);color:var(--foreground);min-height:100vh;transition:background .2s,color .2s}.hide{display:none!important}.center{text-align:center}.tab-content{min-height:calc(100vh - var(--header-height));overflow-y:auto;overflow-x:hidden;touch-action:pan-y}@media (max-width: 639px){.tab-content{min-height:calc(100vh - var(--header-height) - var(--navbar-height) - 4px);padding-bottom:0}}.tab-content-inner{width:100%;display:flex;flex-direction:column}.tab-btn{background:none;border:none;color:var(--primary);font-size:1.1rem;font-weight:600;margin:0 1rem;padding:.5rem 1.5rem;border-radius:.5rem;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}.tab-btn.active{background:var(--primary-light);color:var(--primary-dark);box-shadow:0 2px 12px #8b5cf633}@media (hover: hover) and (pointer: fine){.tab-btn:hover{background:#8b5cf626}}.tab-btn:focus{outline:2px solid var(--primary)}.logo-main{fill:var(--primary)}.header{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:var(--surface);box-shadow:var(--shadow)}.header-main{display:none;flex-direction:row;align-items:center;justify-content:flex-start}.header-nav-desktop{display:none}@media (min-width: 640px){.header{flex-direction:column;padding-bottom:0}.header-main{max-width:var(--desktop-max-width);width:100%;margin:0 auto}.header-nav-desktop{max-width:var(--desktop-max-width);width:100%;display:block;margin:.5rem auto 0}.nav-bar-mobile{display:none!important}}.header-logo{width:48px;height:48px;margin-right:1.25rem;margin-bottom:0}.header-title{font-size:1.5rem;font-weight:700;margin:0;padding:.5rem 1rem;color:var(--primary);font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:.02em}.logo{width:48px;height:48px;display:block;fill:var(--primary);filter:drop-shadow(0 2px 8px rgba(251,191,36,.12));transition:fill .18s,filter .18s,transform .18s cubic-bezier(.4,0,.2,1);margin-right:1.25rem}@media (hover: hover) and (pointer: fine){.logo:hover{fill:var(--primary-dark);filter:drop-shadow(0 6px 24px rgba(180,83,9,.22));transform:scale(1.1)}}.nav-item.active{color:var(--primary-dark);font-weight:700;position:relative}.nav-highlight{position:absolute;bottom:0;height:3px;background:var(--accent);border-radius:2px;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);z-index:2}.nav-bar{position:fixed;left:0;right:0;bottom:0;height:64px;display:flex;justify-content:space-between;align-items:center;z-index:100;margin:10px}.nav-tab-group{display:flex;flex-shrink:1;background:#1e293bb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.3);border-radius:12px;box-shadow:0 4px 16px #0000004d,0 0 0 1px #8b5cf61a}.nav-tab-group .nav-item:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.nav-tab-group .nav-item:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.nav-tab-group .nav-item:not(:last-child){border-right:1px solid rgba(139,92,246,.2)}.nav-item{background:transparent;border:none;color:var(--primary);font-size:1.5rem;display:flex;flex-direction:column;align-items:center;flex:1;padding:.5rem 0;cursor:pointer;transition:color .18s;min-width:80px;padding:10px}.nav-item:active,.nav-item:focus{color:var(--primary-dark)}.nav-label{font-size:.75rem;margin-top:.1rem;color:var(--foreground)}.nav-fab{bottom:16px;background:#8b5cf6cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(139,92,246,.4);border-radius:50%;width:56px;height:56px;font-size:2rem;line-height:1;padding:0;box-shadow:0 4px 16px #0000004d,0 0 0 1px #8b5cf633;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:101;transition:all .18s}.nav-fab:focus{background:#7c3aede6;border-color:#7c3aed99;box-shadow:0 6px 24px #8b5cf666,0 0 0 1px #8b5cf64d}@media (hover: hover) and (pointer: fine){.nav-fab:active{background:#7c3aede6;border-color:#7c3aed99;box-shadow:0 6px 24px #8b5cf666,0 0 0 1px #8b5cf64d}}.nav-fab-desktop{position:fixed;right:2rem;bottom:2rem;z-index:1100;display:flex;align-items:center;gap:.75rem;background:#8b5cf6cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(139,92,246,.4);border-radius:2rem;box-shadow:0 4px 16px #0000004d,0 0 0 1px #8b5cf633;padding:.75rem 1.5rem;font-size:1.15rem;font-weight:600;cursor:pointer;transition:all .18s}.modal-open .nav-fab-desktop{display:none}@media (hover: hover) and (pointer: fine){.nav-fab-desktop:hover{background:#7c3aede6;border-color:#7c3aed99;box-shadow:0 6px 24px #8b5cf666,0 0 0 1px #8b5cf64d;transform:translateY(-2px)}}.nav-fab-icon{font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center}.nav-fab-label{font-size:1.1rem}@media (min-width: 640px){.nav-bar{position:static;height:auto;background:none;border:none;box-shadow:none;display:flex;justify-content:flex-end;align-items:center;padding:0;margin-top:.5rem;gap:1.5rem}.nav-tab-group{flex-grow:1}.nav-highlight{display:none!important}.nav-item{font-size:1.1rem;flex-direction:row;gap:.5rem;padding:.75rem 1.75rem;background:none;border-radius:8px;color:var(--primary);transition:background .18s,color .18s,transform .18s;justify-content:center;align-items:center;text-align:center}.nav-item.active{background:var(--primary-light);color:var(--primary-dark);box-shadow:0 2px 8px #8b5cf62e;border-radius:8px;font-weight:700;position:relative}.nav-item.active:after{display:none}.nav-label{text-align:center;width:100%;font-size:1rem;margin-top:0;color:var(--foreground)}.nav-fab{display:none}.nav-fab-desktop{display:flex}@media (hover: hover) and (pointer: fine){.nav-item:hover{background:var(--primary-light);color:var(--primary-dark);transform:scale(1.05)}}.nav-item:active{background:var(--primary-dark);color:var(--background);transform:scale(1)}}@media (max-width: 639px){.nav-fab-desktop{display:none}}.drafts-list{display:flex;flex-direction:column;gap:.625rem;padding:.75rem}.drafts-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:var(--font-size-lg)}.draft-row{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.125rem;cursor:pointer;transition:all .18s}.draft-row:hover{border-color:var(--primary);background:var(--background-elevated)}.draft-row:active{transform:scale(.98)}.draft-row-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.draft-row-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-row-meta{font-size:var(--font-size-xs);color:var(--text-muted)}.draft-row-status{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;padding-left:.75rem}.draft-row-status.in-progress{color:var(--success)}.draft-row-status.complete{color:var(--text-muted)}@media (max-width: 639px){.drafts-list{gap:.75rem;padding:.875rem}.draft-row{padding:1.25rem}.draft-row-name{font-size:var(--font-size-xl)}.draft-row-meta{font-size:var(--font-size-base)}.draft-row-status{font-size:var(--font-size-lg)}}.leaderboard{width:100%;max-width:var(--desktop-max-width);margin:auto}.leaderboard-header{display:flex;align-items:center;font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:.75rem 1.125rem;border-bottom:1px solid var(--border)}.leaderboard-header span{cursor:pointer;display:flex;align-items:center;gap:.125rem;padding:.25rem;border-radius:var(--radius-sm);transition:background .15s}@media (hover: hover) and (pointer: fine){.leaderboard-header span:hover{background:var(--surface)}}.sort-arrow{width:.75em;display:inline-block;font-size:.7em}.leaderboard-col{text-align:center;flex:1;min-width:0}.leaderboard-col.player-name{flex:2;text-align:left}.leaderboard-list{display:flex;flex-direction:column;gap:.375rem;padding-top:.375rem}.player-row{display:flex;align-items:center;padding:1rem 1.125rem;background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;transition:background .15s,border-color .15s}.player-row:hover{background:var(--background-elevated);border-color:var(--primary-rgba-10)}.player-row .player-name{font-weight:500;color:var(--foreground)}.player-row .leaderboard-col{font-size:var(--font-size-base);color:var(--text-muted)}.player-row .player-name{font-size:var(--font-size-base)}.player-row.rank-1{border-color:var(--accent);background:#fbbf240f}.player-row.rank-1 .player-name{color:var(--accent);font-weight:700}.player-row.rank-2{border-color:#94a3b8;background:#94a3b80d}.player-row.rank-2 .player-name{color:#cbd5e1;font-weight:600}.player-row.rank-3{border-color:#b45309;background:#b453090d}.player-row.rank-3 .player-name{color:#d97706;font-weight:600}@media (max-width: 639px){.drafts-col{display:none!important;flex:0!important}.leaderboard-col.player-name{flex:1.5}.leaderboard-list{padding-bottom:5rem;gap:.5rem}.leaderboard-header{padding:.75rem 1rem;font-size:var(--font-size-xs);letter-spacing:.02em}.player-row{padding:1.125rem 1rem}.player-row .player-name{font-size:var(--font-size-lg)}.player-row .leaderboard-col{font-size:var(--font-size-base)}}@media (min-width: 640px){.leaderboard-header{font-size:var(--font-size-sm)}.player-row .leaderboard-col{font-size:var(--font-size-base)}.player-row .player-name{font-size:var(--font-size-lg);font-weight:600}.leaderboard-list{gap:.5rem}}.match-row-card{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .18s}.match-row-card:hover{border-color:var(--primary);background:var(--background-elevated)}.match-row-card:active{transform:scale(.98)}.match-row-name{flex:1;font-size:var(--font-size-base);color:var(--foreground)}.match-row-name:first-child{text-align:right}.match-row-name:last-child{text-align:left}.match-row-name.winner{font-weight:var(--font-weight-bold);color:var(--accent)}.match-row-score{font-size:var(--font-size-base);color:var(--text-muted);font-weight:var(--font-weight-semibold);white-space:nowrap}@media (max-width: 639px){.match-row-card{padding:1rem 1.125rem;gap:1rem}.match-row-name{font-size:var(--font-size-lg)}.match-row-score{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}}.stats-page{padding:.75rem}.stats-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted)}.stats-section{margin-bottom:1.5rem}.stats-section h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--foreground);margin:0 0 1rem}.stats-drawer-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.25rem 0;border-radius:var(--radius-sm);transition:color .15s}.stats-drawer-toggle:hover{color:var(--primary-light)}.drawer-chevron{font-size:.75em;color:var(--text-muted);transition:transform .2s ease;transform:rotate(-90deg)}.drawer-chevron.open{transform:rotate(0)}.stats-filter-standalone{margin-bottom:.75rem;max-width:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.125rem;transition:border-color .18s}.stat-card:hover{border-color:var(--primary)}.stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--accent)}.color-badge{font-size:var(--font-size-base)!important}.color-badge.color-w{color:#fffbeb}.color-badge.color-u{color:#0ea5e9}.color-badge.color-b{color:#9ca3af}.color-badge.color-r{color:#ef4444}.color-badge.color-g{color:#22c55e}.stats-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.stats-highlight-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;cursor:pointer;transition:border-color .18s,background .15s}.stats-highlight-card:hover{border-color:var(--primary);background:var(--surface-hover)}.stats-highlight-card.hot{border-color:var(--success)}.stats-hl-label{font-size:var(--font-size-xs);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.stats-hl-name{font-size:var(--font-size-lg);font-weight:700;color:var(--foreground);margin-bottom:.125rem}.stats-hl-detail{font-size:var(--font-size-sm);color:var(--accent);font-weight:600}.gs-color-list{display:flex;flex-direction:column;gap:.5rem}.gs-color-row{display:flex;align-items:center;gap:.5rem}.gs-color-name{width:5rem;font-size:var(--font-size-sm);font-weight:500;flex-shrink:0;text-align:center;padding:.125rem .375rem;border-radius:var(--radius-full)}.gs-color-bar-bg{flex:1;height:.75rem;background:var(--surface);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border)}.gs-color-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.gs-color-bar-fill.color-w{background:#fffbeb}.gs-color-bar-fill.color-u{background:#0ea5e9}.gs-color-bar-fill.color-b{background:#6b7280}.gs-color-bar-fill.color-r{background:#ef4444}.gs-color-bar-fill.color-g{background:#22c55e}.gs-color-count{width:2.5rem;text-align:center;font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500;flex-shrink:0}.gs-color-wr{width:2.5rem;text-align:right;font-size:var(--font-size-xs);color:var(--accent);font-weight:600;flex-shrink:0}.gs-color-note{margin-top:.625rem;font-size:var(--font-size-sm);color:var(--text-muted)}.gs-archetype-list{display:flex;flex-direction:column;gap:.5rem}.gs-archetype-row{display:flex;align-items:center;gap:.5rem}.gs-archetype-colors{display:flex;gap:.2rem;width:5rem;flex-shrink:0;justify-content:center}.gs-archetype-pip{width:1rem;height:1rem;border-radius:50%;border:1px solid var(--border)}.gs-archetype-pip.color-w{background:#fffbeb}.gs-archetype-pip.color-u{background:#0ea5e9}.gs-archetype-pip.color-b{background:#6b7280}.gs-archetype-pip.color-r{background:#ef4444}.gs-archetype-pip.color-g{background:#22c55e}.gs-archetype-record{width:2.5rem;font-size:var(--font-size-sm);color:var(--foreground);font-weight:500;text-align:center;flex-shrink:0}.gs-archetype-bar-bg{flex:1;height:.75rem;background:var(--surface);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border)}.gs-archetype-bar-fill{height:100%;border-radius:var(--radius-full);background:var(--accent);transition:width .3s ease}.gs-archetype-pct{width:2.5rem;text-align:right;font-size:var(--font-size-xs);color:var(--accent);font-weight:600;flex-shrink:0}.gs-archetype-n{width:1.75rem;font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.gs-cube-expanded-list{display:flex;flex-direction:column;gap:1.25rem}.gs-cube-expanded{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.875rem}.gs-cube-expanded-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem}.gs-cube-name{font-size:var(--font-size-lg);font-weight:700;color:var(--foreground)}.gs-cube-counts{display:flex;gap:.75rem;font-size:var(--font-size-sm);color:var(--text-muted)}.gs-cube-sub-label{display:block;font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.375rem}.gs-cube-top-player{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.gs-cube-top-name{font-weight:600;color:var(--accent);cursor:pointer;font-size:var(--font-size-base)}.gs-cube-top-record{font-size:var(--font-size-sm);color:var(--foreground)}.gs-cube-top-pct{font-size:var(--font-size-sm);font-weight:600;color:var(--accent)}.gs-cube-colors{display:flex;flex-direction:column}.gs-cube-color-rows{display:flex;flex-direction:column;gap:.375rem}.gs-cube-color-row{display:flex;align-items:center;gap:.5rem}.gs-cube-color-pip{width:.875rem;height:.875rem;border-radius:50%;border:1px solid var(--border);flex-shrink:0}.gs-cube-color-pip.color-w{background:#fffbeb}.gs-cube-color-pip.color-u{background:#0ea5e9}.gs-cube-color-pip.color-b{background:#6b7280}.gs-cube-color-pip.color-r{background:#ef4444}.gs-cube-color-pip.color-g{background:#22c55e}.gs-cube-color-count{width:1.75rem;text-align:center;font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.gs-cube-color-bar-bg{flex:1;height:.5rem;background:var(--background);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border)}.gs-cube-color-wr{width:2.25rem;text-align:right;font-size:var(--font-size-xs);color:var(--accent);font-weight:600;flex-shrink:0}.gs-cube-strategies{display:flex;flex-direction:column}.gs-cube-strategy-list{display:flex;flex-direction:column;gap:.375rem}.gs-cube-strategy-row{display:flex;align-items:center;gap:.5rem}.gs-cube-strategy-name{width:8rem;font-size:var(--font-size-sm);color:var(--foreground);font-style:italic;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-cube-strategy-record{width:2.5rem;font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500;text-align:center;flex-shrink:0}.gs-cube-strategy-pct{width:2.25rem;text-align:right;font-size:var(--font-size-xs);font-weight:600;color:var(--accent);flex-shrink:0}.gs-cube-leaderboard{display:flex;flex-direction:column}.gs-cube-standings{display:flex;flex-direction:column;gap:.25rem}.gs-cube-standing-row{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.gs-cube-standing-row:hover{background:var(--background-elevated)}.gs-cube-standing-row.first .gs-cube-standing-name{color:var(--accent);font-weight:600}.gs-cube-standing-rank{width:1.25rem;font-size:var(--font-size-xs);color:var(--text-muted);text-align:center;flex-shrink:0}.gs-cube-standing-name{flex:1;font-size:var(--font-size-sm);color:var(--foreground)}.gs-cube-standing-record{font-size:var(--font-size-sm);color:var(--text-muted);flex-shrink:0}.gs-cube-standing-pct{width:2.25rem;text-align:right;font-size:var(--font-size-sm);font-weight:600;color:var(--accent);flex-shrink:0}.stats-filter-input{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:.5rem .75rem;color:var(--foreground);font-size:var(--font-size-sm);max-width:200px;width:100%;transition:border-color .18s}.stats-filter-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px var(--primary-rgba-10)}.stats-filter-input::placeholder{color:var(--text-muted)}.stats-matches-list{display:flex;flex-direction:column;gap:.375rem}@media (max-width: 639px){.stats-page{padding:.75rem}.stats-section{margin-bottom:1.75rem}.stats-section h2{font-size:var(--font-size-xl);margin-bottom:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.625rem}.stat-card{padding:1rem}.stat-label{font-size:var(--font-size-xs);margin-bottom:.375rem}.stat-value{font-size:2.25rem}.stats-highlights{grid-template-columns:repeat(2,1fr);gap:.625rem}.stats-highlight-card{padding:.875rem}.stats-hl-label{font-size:var(--font-size-xs);margin-bottom:.375rem}.stats-hl-name{font-size:var(--font-size-xl)}.stats-hl-detail{font-size:var(--font-size-base)}.gs-color-list,.gs-color-row{gap:.625rem}.gs-color-bar-bg{height:1rem}.gs-color-count{font-size:var(--font-size-base);width:3rem}.gs-color-wr{font-size:var(--font-size-sm);width:2.75rem}.gs-color-note{font-size:var(--font-size-base)}.gs-archetype-list{gap:.625rem}.gs-archetype-row{gap:.625rem;padding:.25rem 0}.gs-archetype-pip{width:1.25rem;height:1.25rem}.gs-archetype-colors{width:5.5rem;gap:.3rem}.gs-archetype-bar-bg{height:1rem}.gs-archetype-record{font-size:var(--font-size-base);width:3rem}.gs-archetype-pct{font-size:var(--font-size-sm);width:2.75rem}.gs-archetype-n{font-size:var(--font-size-sm)}.gs-cube-expanded{padding:1rem;gap:1rem}.gs-cube-name{font-size:var(--font-size-xl)}.gs-cube-counts{font-size:var(--font-size-base)}.gs-cube-color-bar-bg{height:.625rem}.gs-cube-color-count{font-size:var(--font-size-sm);width:2rem}.gs-cube-color-wr{font-size:var(--font-size-sm)}.gs-cube-standing-name,.gs-cube-standing-record,.gs-cube-standing-pct{font-size:var(--font-size-base)}.stats-filter-input{padding:.625rem .875rem;font-size:var(--font-size-base)}.stats-matches-list{gap:.5rem}}.details-page-shell{position:fixed;inset:0;background:var(--surface);overflow-y:auto;overflow-x:hidden;z-index:100;color:var(--foreground);will-change:transform,opacity}.details-page-header{position:sticky;top:0;background:var(--surface);padding:1.125rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.1);z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem}.details-page-header h1{margin:0;font-size:var(--font-size-2xl);font-weight:600;text-align:center;flex:1}.details-page-content{padding:.75rem}.loading,.error{padding:2rem;text-align:center;font-size:var(--font-size-lg)}.error{color:var(--danger)}@media (max-width: 639px){.details-page-header{padding:.875rem 1rem;gap:.625rem}.details-page-header h1{font-size:var(--font-size-xl);position:relative;transform:none;left:auto}.details-page-header .btn{padding:.625rem .875rem;font-size:var(--font-size-sm)}}.draft-details{padding:0 .5rem}.draft-details-error{text-align:center;padding:2rem;color:var(--danger)}.draft-details-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:.75rem}.draft-details-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--foreground);margin:0}.draft-status-toggle{padding:.375rem .75rem;border-radius:var(--radius-md);border:1.5px solid var(--border);background:transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .18s;white-space:nowrap}.draft-status-toggle.in-progress{color:var(--success);border-color:var(--success)}.draft-status-toggle.in-progress:hover{background:#34d3991a}.draft-status-toggle.complete{color:var(--text-muted)}.draft-status-toggle.complete:hover{border-color:var(--primary);color:var(--primary-light)}.standings-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.standings-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.standings-table th{text-align:left;padding:.75rem .625rem;color:var(--text-muted);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-sm);border-bottom:2px solid var(--border);white-space:nowrap}.standings-table td{padding:.75rem .625rem;border-bottom:1px solid var(--border);color:var(--foreground)}.standings-col-name{min-width:80px}.standings-col-pts{text-align:center;width:40px}.standings-col-record,.standings-col-pct{text-align:center;white-space:nowrap}.standings-row-first td{background:#fbbf240d}.standings-name-first{font-weight:var(--font-weight-bold);color:var(--accent)}@media (max-width: 639px){.standings-col-hide-mobile{display:none}.draft-details{padding:0 .25rem}.draft-details-title{font-size:var(--font-size-2xl)}.draft-status-toggle{padding:.625rem 1rem;font-size:var(--font-size-base)}.standings-table{font-size:var(--font-size-lg)}.standings-table th{padding:.875rem .625rem;font-size:var(--font-size-sm)}.standings-table td{padding:.875rem .625rem}.draft-matches-section h3{font-size:var(--font-size-xl);margin-bottom:1rem}.draft-matches-list{gap:.625rem}.draft-match-row{padding:.875rem;gap:1rem;font-size:var(--font-size-lg)}}.draft-matches-section{margin-top:1.5rem}.draft-matches-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .875rem}.draft-matches-list{display:flex;flex-direction:column;gap:.375rem}.draft-match-row{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-base)}.draft-match-row.clickable{cursor:pointer;transition:border-color .18s,background .18s}.draft-match-row.clickable:hover{border-color:var(--primary);background:var(--primary-rgba-10)}.match-player-name{flex:1;color:var(--foreground)}.match-player-name:first-child{text-align:right}.match-player-name:last-child{text-align:left}.match-player-name.winner{font-weight:var(--font-weight-bold);color:var(--accent)}.match-score{color:var(--text-muted);font-weight:var(--font-weight-semibold);white-space:nowrap}.draft-stats-section{margin-top:2rem}.draft-stats-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.draft-stats-overview{display:flex;gap:.75rem;margin-bottom:1rem}.draft-stat-pill{font-size:var(--font-size-sm);color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:.25rem .75rem;font-weight:500}.draft-stats-drawer{margin-bottom:.75rem}.draft-stats-drawer-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.25rem 0;border-radius:var(--radius-sm);transition:color .15s;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--foreground);margin:0 0 .5rem}.draft-stats-drawer-toggle:hover{color:var(--primary-light)}.draft-stats-color-list{display:flex;flex-direction:column;gap:.375rem}.draft-stats-color-row{display:flex;align-items:center;gap:.5rem}.ds-color-name{width:3.5rem;font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.ds-color-count{width:1.75rem;text-align:center;font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.draft-stats-strategy-list{display:flex;flex-direction:column;gap:.375rem}.draft-stats-strategy-row{display:flex;align-items:center;gap:.5rem}.ds-strategy-name{width:8rem;font-size:var(--font-size-sm);color:var(--foreground);font-style:italic;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-strategy-record{width:2.5rem;font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500;text-align:center;flex-shrink:0}.ds-strategy-pct{width:2.25rem;text-align:right;font-size:var(--font-size-xs);font-weight:600;color:var(--accent);flex-shrink:0}@media (max-width: 639px){.draft-stats-section h3{font-size:var(--font-size-xl)}.draft-stat-pill{font-size:var(--font-size-base);padding:.375rem .875rem}.draft-stats-drawer-toggle{font-size:var(--font-size-lg)}.ds-strategy-name{width:7rem;font-size:var(--font-size-base)}.ds-strategy-record{font-size:var(--font-size-base)}}.player-details-cube{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem}.pd-edit-name{padding:.5rem 0}.pd-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.pd-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;text-align:center}.pd-stat-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.pd-stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--foreground)}.pd-stat-value.accent{color:var(--accent)}.pd-stat-value.streak-win{color:var(--success)}.pd-stat-value.streak-loss{color:var(--danger)}.pd-stats-grid-3{grid-template-columns:repeat(3,1fr)}.pd-section h3{font-size:var(--font-size-lg);font-weight:600;color:var(--foreground);margin:0 0 .875rem}.pd-color-bars{display:flex;flex-direction:column;gap:.5rem}.pd-color-row{display:flex;align-items:center;gap:.5rem}.pd-color-name{width:5rem;font-size:var(--font-size-sm);font-weight:500;flex-shrink:0;text-align:center;padding:.125rem .375rem;border-radius:var(--radius-full)}.pd-color-bar-bg{flex:1;height:.75rem;background:var(--surface);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border)}.pd-color-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease;min-width:0}.pd-color-bar-fill.color-w{background:#fffbeb}.pd-color-bar-fill.color-u{background:#0ea5e9}.pd-color-bar-fill.color-b{background:#6b7280}.pd-color-bar-fill.color-r{background:#ef4444}.pd-color-bar-fill.color-g{background:#22c55e}.pd-color-count{width:2.5rem;text-align:center;font-size:var(--font-size-sm);color:var(--text-muted);font-weight:500;flex-shrink:0}.pd-color-winrate{width:2.5rem;text-align:right;font-size:var(--font-size-xs);color:var(--accent);font-weight:600;flex-shrink:0}.pd-color-highlights{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.625rem}.pd-color-tag{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--font-size-sm);color:var(--text-muted)}.pd-color-tag-pct{font-weight:600;color:var(--accent);font-size:var(--font-size-xs)}.pd-archetype-list{display:flex;flex-direction:column;gap:.5rem}.pd-archetype-row{display:flex;align-items:center;gap:.5rem}.pd-archetype-colors{display:flex;gap:.2rem;width:5rem;flex-shrink:0;justify-content:center}.pd-archetype-pip{width:1rem;height:1rem;border-radius:50%;border:1px solid var(--border)}.pd-archetype-pip.color-w{background:#fffbeb}.pd-archetype-pip.color-u{background:#0ea5e9}.pd-archetype-pip.color-b{background:#6b7280}.pd-archetype-pip.color-r{background:#ef4444}.pd-archetype-pip.color-g{background:#22c55e}.pd-archetype-record{width:2.5rem;font-size:var(--font-size-sm);color:var(--foreground);font-weight:500;text-align:center;flex-shrink:0}.pd-archetype-bar-bg{flex:1;height:.75rem;background:var(--surface);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border)}.pd-archetype-bar-fill{height:100%;border-radius:var(--radius-full);background:var(--accent);transition:width .3s ease}.pd-archetype-pct{width:2.5rem;text-align:right;font-size:var(--font-size-xs);color:var(--accent);font-weight:600;flex-shrink:0}.pd-cube-list{display:flex;flex-direction:column;gap:.5rem}.pd-cube-row{display:flex;align-items:center;gap:.5rem}.pd-cube-name{width:5rem;font-size:var(--font-size-sm);font-weight:500;color:var(--foreground);flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-cube-record{width:2.5rem;font-size:var(--font-size-sm);color:var(--foreground);font-weight:500;text-align:center;flex-shrink:0}.pd-cube-bar-bg{flex:1;height:.75rem;background:var(--surface);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border)}.pd-cube-bar-fill{height:100%;border-radius:var(--radius-full);background:var(--primary);transition:width .3s ease}.pd-cube-pct{width:2.5rem;text-align:right;font-size:var(--font-size-xs);color:var(--primary);font-weight:600;flex-shrink:0}.pd-h2h-list{display:flex;flex-direction:column;gap:.375rem}.pd-h2h-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease}.pd-h2h-row:hover{background:var(--surface-hover)}.pd-h2h-name{width:5rem;font-size:var(--font-size-sm);font-weight:500;color:var(--foreground);flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-h2h-record{width:2.5rem;font-size:var(--font-size-sm);color:var(--foreground);font-weight:500;text-align:center;flex-shrink:0}.pd-h2h-bar-bg{flex:1;height:.75rem;background:var(--surface);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border)}.pd-h2h-bar-fill{height:100%;border-radius:var(--radius-full);background:var(--text-muted);transition:width .3s ease}.pd-h2h-bar-fill.winning{background:var(--success)}.pd-h2h-bar-fill.losing{background:var(--danger)}.pd-h2h-pct{width:2.5rem;text-align:right;font-size:var(--font-size-xs);font-weight:600;color:var(--text-muted);flex-shrink:0}.pd-stat-inline{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:.25rem}.pd-stat-inline strong{color:var(--foreground)}.pd-match-list{display:flex;flex-direction:column;gap:.375rem}.pd-match-item{display:flex;flex-direction:column;gap:.125rem;padding:.625rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);border-left:3px solid var(--border);cursor:pointer;transition:background .15s ease}.pd-match-item:hover{background:var(--surface-hover)}.pd-match-item.won{border-left-color:var(--success)}.pd-match-item.lost{border-left-color:var(--danger)}.pd-match-item.draw{border-left-color:var(--text-muted)}.pd-match-result{display:flex;align-items:center;justify-content:space-between}.pd-match-opponent{font-size:var(--font-size-sm);font-weight:500;color:var(--foreground)}.pd-match-score{font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted)}.pd-match-meta{font-size:var(--font-size-xs);color:var(--text-muted)}.pd-empty{text-align:center;padding:1.5rem;color:var(--text-muted);font-size:var(--font-size-sm)}@media (min-width: 640px){.pd-stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 639px){.player-details-cube{gap:1.75rem;padding:.625rem}.pd-stats-grid{gap:.75rem}.pd-stat-card{padding:1.125rem}.pd-stat-label{font-size:var(--font-size-xs);margin-bottom:.375rem}.pd-stat-value{font-size:2.25rem}.pd-section h3{font-size:var(--font-size-xl);margin-bottom:1rem}.pd-color-bars,.pd-color-row{gap:.75rem}.pd-color-bar-bg{height:1rem}.pd-color-count{font-size:var(--font-size-base);width:3rem}.pd-color-winrate{font-size:var(--font-size-sm);width:2.75rem}.pd-color-highlights{gap:.625rem;margin-top:.75rem}.pd-color-tag{font-size:var(--font-size-base)}.pd-color-tag-pct{font-size:var(--font-size-sm)}.pd-archetype-list{gap:.625rem}.pd-archetype-row{gap:.625rem;padding:.25rem 0}.pd-archetype-pip{width:1.375rem;height:1.375rem}.pd-archetype-colors{width:6rem;gap:.35rem}.pd-archetype-bar-bg{height:1rem}.pd-archetype-record{font-size:var(--font-size-base);width:3rem}.pd-archetype-pct{font-size:var(--font-size-sm);width:2.75rem}.pd-cube-list,.pd-cube-row{gap:.625rem}.pd-cube-name{font-size:var(--font-size-base);width:5.5rem}.pd-cube-bar-bg{height:1rem}.pd-cube-record{font-size:var(--font-size-base);width:3rem}.pd-cube-pct{font-size:var(--font-size-sm);width:2.75rem}.pd-h2h-list{gap:.5rem}.pd-h2h-row{padding:.75rem .875rem;gap:.75rem}.pd-h2h-name{font-size:var(--font-size-base);width:6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-h2h-bar-bg{height:1rem}.pd-h2h-record{font-size:var(--font-size-base);width:3rem}.pd-h2h-pct{font-size:var(--font-size-sm);width:2.75rem}.pd-stat-inline{font-size:var(--font-size-base);margin-bottom:.375rem}.pd-match-list{gap:.5rem}.pd-match-item{padding:1rem 1.125rem;gap:.375rem;border-left-width:4px}.pd-match-opponent,.pd-match-score{font-size:var(--font-size-base)}.pd-match-meta{font-size:var(--font-size-sm)}.pd-empty{font-size:var(--font-size-base);padding:2rem}}.color-circles{display:flex;gap:.625rem;justify-content:center;flex-wrap:wrap;margin:0 auto}.color-circle{border-radius:50%;border:2px solid transparent;cursor:pointer;transition:opacity .18s,box-shadow .18s,border-color .18s,transform .12s;padding:0;aspect-ratio:1 / 1;flex:0 0 auto;box-sizing:border-box}.color-circle:active{transform:scale(.9)}.color-circle.selected{box-shadow:0 0 3px 0 currentColor;border-color:#ffffff80}.color-circle.color-w.selected{box-shadow:0 0 3px #fffbebb3}.color-circle.color-u.selected{box-shadow:0 0 3px #0ea5e9b3}.color-circle.color-b.selected{box-shadow:0 0 3px #6b7280b3}.color-circle.color-r.selected{box-shadow:0 0 3px #ef4444b3}.color-circle.color-g.selected{box-shadow:0 0 3px #22c55eb3}.color-circles-sm .color-circle{width:24px}.color-circles-sm{max-width:calc(72px + 1.25rem)}.color-circles-md .color-circle{width:28px}.color-circles-md{max-width:calc(84px + 1.25rem)}.color-circles-lg .color-circle{width:40px}.color-circles-lg{max-width:calc(120px + 1.25rem)}@media (min-width: 640px){.color-circles{gap:.5rem}.color-circles-md .color-circle{width:32px}.color-circles-md{max-width:calc(96px + 1rem)}}.static-dropdown{position:relative}.dropdown-trigger{width:100%;text-align:left;background:var(--surface);border:1.5px solid var(--border);cursor:pointer;color:var(--foreground);padding:.625rem .875rem;border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color .18s}.dropdown-trigger:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px var(--primary-rgba-10)}.dropdown-menu{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);max-height:220px;overflow-y:auto;z-index:200;box-shadow:var(--shadow)}.dropdown-item{padding:.625rem .875rem;cursor:pointer;color:var(--foreground);transition:background .12s}.dropdown-item:hover{background:var(--primary-rgba-10)}.dropdown-item.selected{background:var(--primary-rgba-8);color:var(--primary-light)}.form-actions{display:flex;gap:1rem;pointer-events:auto}.form-actions-form{margin-top:.5rem;position:sticky;bottom:2rem;z-index:1000;width:100vw;margin-left:calc(-50vw + 50%);padding-right:2rem;padding-left:0;box-sizing:border-box;justify-content:flex-end}.form-actions-fixed{position:fixed;bottom:1.5rem;left:1rem;right:1rem;z-index:10001;background:transparent;pointer-events:none;justify-content:space-between}.form-actions-fixed .btn{pointer-events:auto}.form-actions .spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 639px){.form-actions-form{bottom:1rem;gap:.75rem;padding:0 1rem;justify-content:space-between}.form-actions-fixed{bottom:1rem}.form-actions .btn-primary{padding:.75rem 1rem;font-size:.95rem}.form-actions .btn-secondary{padding:.5rem .75rem;font-size:.85rem}}@media (min-width: 640px){.form-actions-form{justify-content:flex-end}.form-actions .btn-primary,.form-actions .btn-secondary{padding:.75rem 1.5rem;font-size:1rem}}.new-match-form{display:flex;flex-direction:column;gap:1.25rem;padding:1rem;padding-bottom:100px}.match-draft-select{display:flex;flex-direction:column;gap:.5rem}.match-players{display:flex;gap:.5rem;align-items:flex-start}.match-player-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.75rem;min-width:0}.match-player-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.match-vs{display:flex;align-items:center;padding-top:2.5rem;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase}.match-win-counter{display:flex;align-items:center;gap:.75rem}.win-count{font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--accent);min-width:2ch;text-align:center;line-height:1}.win-btn{width:40px;height:40px;border-radius:50%;border:2px solid var(--border);background:var(--surface);color:var(--foreground);font-size:1.5rem;font-weight:var(--font-weight-bold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s;padding:0;line-height:1}.win-btn:hover:not(:disabled){border-color:var(--primary);background:var(--primary-rgba-10)}.win-btn:disabled{opacity:.3;cursor:not-allowed}.win-minus{color:var(--danger)}.win-plus{color:var(--success)}.match-colors-section{width:100%;padding-top:.25rem}.match-player-col .static-dropdown{width:100%}.match-strategy-input{width:100%;padding:.375rem .5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);font-size:var(--font-size-xs);text-align:center;box-sizing:border-box;transition:border-color .18s}.match-strategy-input::placeholder{color:var(--text-muted);opacity:.6}.match-strategy-input:focus{outline:none;border-color:var(--primary)}.match-notes-section{display:flex;flex-direction:column;gap:.5rem}.match-notes-input{width:100%;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);font-size:var(--font-size-sm);font-family:inherit;resize:vertical;box-sizing:border-box;transition:border-color .18s}.match-notes-input::placeholder{color:var(--text-muted);opacity:.6}.match-notes-input:focus{outline:none;border-color:var(--primary)}.field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.new-draft-form{display:flex;flex-direction:column;gap:1.25rem;padding:1rem;padding-bottom:100px}.draft-field{display:flex;flex-direction:column;gap:.5rem}.draft-name-display{padding:.25rem 0;color:var(--foreground);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.draft-player-rows{display:flex;flex-direction:column;gap:.5rem}.draft-player-row{display:flex;align-items:center;gap:.5rem}.draft-player-dropdown{flex:1;min-width:0}.draft-remove-btn{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border);background:transparent;color:var(--text-muted);font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s;flex-shrink:0;padding:0}.draft-remove-btn:hover{border-color:var(--danger);color:var(--danger);background:#e573731a}.draft-add-btn{background:transparent;border:1.5px dashed var(--border);border-radius:var(--radius-md);padding:.625rem;color:var(--primary-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .18s;text-align:center}.draft-add-btn:hover{border-color:var(--primary);background:var(--primary-rgba-5)}.new-page-shell{position:fixed;inset:0;background:var(--background);z-index:100;overflow-y:auto;-webkit-overflow-scrolling:touch}.new-page-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--background);border-bottom:1px solid var(--border)}.new-page-header h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--foreground);margin:0}.new-page-toggle{display:flex;gap:0;padding:1rem 1rem 0;justify-content:center}.toggle-btn{flex:1;max-width:160px;padding:.625rem 1rem;border:1.5px solid var(--border);background:transparent;color:var(--text-muted);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .18s}.toggle-btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md);border-right:none}.toggle-btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.toggle-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:var(--font-weight-semibold)}.new-page-content{max-width:600px;margin:0 auto}