:root{--bg: #ffffff;--bg-soft: #f5f5f5;--surface: #ffffff;--surface-2: #fafafa;--ink: #111111;--muted: #525252;--border: #e0e0e0;--focus: #2d2d2d;--sum-bg: #f2f2f2;--good: #1a1a1a;--bad: #2f2f2f;--neutral: #4a4a4a;--heat-yellow: #ffe27a;--heat-orange: #ffb24d;--heat-red: #ff6b6b;--heat-highlight: #9be37f;--ctrl-view-bg: #d8ecff;--ctrl-view-border: #7fb8eb;--ctrl-view-ink: #12395e;--ctrl-sort-wins-bg: #ffe1e1;--ctrl-sort-wins-border: #f1a7a7;--ctrl-sort-wins-ink: #5f1e1e;--ctrl-sort-games-bg: #ffeecb;--ctrl-sort-games-border: #e6c27a;--ctrl-sort-games-ink: #5d4414;--ctrl-filter-bg: #dcf6e5;--ctrl-filter-border: #99d2ad;--ctrl-filter-ink: #17462a;--chip-bg: #f0f4f8;--chip-border: #a8b6c6;--chip-ink: #2c3f52;--stripe-row: #eef3f9;--stripe-col: #e7eef7;--stripe-cross: #dde7f4;--mobile-grid-offset: 3.75rem}:root[data-theme=dark]{--bg: #0f0f0f;--bg-soft: #171717;--surface: #141414;--surface-2: #1a1a1a;--ink: #f2f2f2;--muted: #b8b8b8;--border: #333333;--focus: #f0f0f0;--sum-bg: #202020;--good: #f7f7f7;--bad: #d9d9d9;--neutral: #c7c7c7;--heat-yellow: #7b6a2b;--heat-orange: #7a4f21;--heat-red: #7a2525;--heat-highlight: #2f5b2f;--ctrl-view-bg: #203346;--ctrl-view-border: #36597a;--ctrl-view-ink: #d6ebff;--ctrl-sort-wins-bg: #3e2424;--ctrl-sort-wins-border: #754242;--ctrl-sort-wins-ink: #ffd8d8;--ctrl-sort-games-bg: #3e321f;--ctrl-sort-games-border: #786038;--ctrl-sort-games-ink: #ffe8ba;--ctrl-filter-bg: #1e3828;--ctrl-filter-border: #3d6d4f;--ctrl-filter-ink: #cef5da;--chip-bg: #212a33;--chip-border: #3f5163;--chip-ink: #dae7f4;--stripe-row: #202b36;--stripe-col: #1a2530;--stripe-cross: #141f29}*{box-sizing:border-box}html{height:100%}body{margin:0;font-family:Archivo,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);height:100%;overflow:hidden}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:min(460px,96vw);border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:1rem;box-shadow:0 14px 30px #0000001a}.auth-card h1{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.35rem}.auth-sub{margin:.4rem 0 .8rem;color:var(--muted);font-size:.9rem}.auth-error{margin:0 0 .6rem;padding:.45rem .5rem;border-radius:8px;border:1px solid #cf7777;background:#ffe8e8;color:#5f1e1e;font-size:.82rem}:root[data-theme=dark] .auth-error{background:#432222;color:#ffd9d9;border-color:#7d4444}.auth-form{display:grid;gap:.6rem}.auth-form label{display:grid;gap:.18rem;font-size:.8rem;color:var(--muted)}.auth-form input{border:1px solid var(--border);border-radius:8px;padding:.4rem .45rem;font-size:.9rem;background:var(--surface);color:var(--ink)}.auth-form button{margin-top:.2rem;border:1px solid var(--ctrl-view-border);border-radius:8px;background:var(--ctrl-view-bg);color:var(--ctrl-view-ink);padding:.45rem .5rem;font-family:Space Grotesk,sans-serif;font-weight:700;cursor:pointer}.page-shell{width:min(99vw,1800px);height:100%;margin:0 auto;display:grid;grid-template-rows:1fr;gap:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.4rem .2rem}.eyebrow{margin:0;font-family:Archivo,Segoe UI,sans-serif;letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;color:var(--muted)}.subtle{margin:.1rem 0 0;color:var(--muted);font-size:.83rem}.theme-toggle{border:1px solid var(--ctrl-view-border);background:var(--ctrl-view-bg);color:var(--ctrl-view-ink);border-radius:999px;padding:.15rem .42rem;font-family:Space Grotesk,sans-serif;font-size:.62rem;font-weight:700;cursor:pointer}.panel{min-width:0;min-height:0;display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--border);background:var(--surface);box-shadow:0 8px 20px #00000010}.legend{display:flex;flex-wrap:wrap;gap:.6rem 1rem;padding:.55rem .7rem;border-bottom:1px solid var(--border);color:var(--muted);font-size:.82rem}.grid-wrap{overflow:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0;border-radius:12px}.matchup-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:12px;overflow:visible}.matchup-table th,.matchup-table td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:.025rem;text-align:center;min-width:44px;background:var(--surface)}.matchup-table thead tr:first-child th:first-child{border-top-left-radius:12px}.matchup-table thead tr:first-child th:last-child{border-top-right-radius:12px}.matchup-table tfoot tr:last-child th:first-child{border-bottom-left-radius:12px}.matchup-table tfoot tr:last-child td:last-child{border-bottom-right-radius:12px}.matchup-table thead th{position:sticky;top:0;z-index:5;background:var(--surface-2)}.matchup-table :is(thead,tbody,tfoot) tr>:first-child{position:sticky;left:0;z-index:6}.matchup-table thead tr>:first-child{top:0;left:0;z-index:8}.matchup-table tbody tr>:first-child,.matchup-table tfoot tr>:first-child{background:var(--surface-2)}.matchup-table tbody th{z-index:4;background:var(--surface-2)}.matchup-table tbody tr:nth-child(2n)>th.deck-heading{background:var(--stripe-row)!important}.matchup-table tbody tr:nth-child(2n)>td{background:var(--stripe-row)}.matchup-table tbody tr>td:nth-child(odd){background:var(--stripe-col)}.matchup-table tbody tr:nth-child(2n)>td:nth-child(odd){background:var(--stripe-cross)}.matchup-table thead tr>th.deck-heading:nth-child(odd){background:var(--stripe-col)!important}.corner-cell,.sum-row-label{min-width:84px;font-family:Space Grotesk,sans-serif;font-weight:700;color:var(--ink);font-size:.52rem}.corner-cell{position:sticky;left:0;padding:.06rem .1rem!important}.corner-cell-inner{display:grid;grid-template-rows:auto auto auto minmax(2.4rem,1fr) auto;gap:.12rem;justify-items:stretch;align-items:stretch;align-content:stretch;height:100%;width:100%}.corner-cell.controls-open{z-index:60!important}.mode-menu{min-width:84px;font-size:.72rem;font-weight:800}.top-mini-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.08rem}.mode-account-small{min-width:0;font-size:.64rem;padding:.2rem}.mode-theme-small{min-width:0;font-size:.64rem;padding:.2rem;border-radius:8px}.view-mode-chip{width:100%;margin:0;border:1px solid var(--chip-border);border-radius:7px;background:var(--chip-bg);color:var(--chip-ink);font-size:.74rem;line-height:1.25;padding:.34rem .3rem;min-height:2.4rem;display:flex;align-items:center;justify-content:center;text-align:center}.sort-mini-wrap{width:100%;display:flex;justify-content:center;gap:.18rem}.sort-mini{width:1.36rem;height:1.36rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:.68rem;font-weight:800;line-height:1;cursor:pointer}.sort-mini.active{background:var(--focus);color:var(--surface);border-color:var(--focus)}.mode-main,.mode-highlight-main{width:100%;font-size:.72rem;font-weight:800;padding:.24rem}.controls-popover{position:absolute;top:calc(100% + 4px);left:0;width:min(272px,82vw);display:grid;gap:.22rem;padding:.42rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 16px 30px #0000002a;z-index:80}.account-popover{width:min(220px,70vw)}.highlight-popover{width:min(300px,86vw)}.controls-section{display:grid;gap:.14rem;border:1px solid var(--border);border-radius:10px;padding:.24rem;background:var(--surface-2)}.controls-title{margin:0;font-size:.56rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);text-align:left}.controls-header{display:flex;align-items:center;justify-content:space-between;gap:.3rem}.controls-close{border:1px solid var(--border);border-radius:6px;width:1.6rem;height:1.4rem;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:700;line-height:1;cursor:pointer;background:var(--surface);color:var(--ink)}.controls-actions{display:grid;gap:.12rem}.controls-actions.two-col{grid-template-columns:1fr 1fr}.user-chip,.save-chip{width:100%;margin:0;border-radius:8px;border:1px solid var(--border);padding:.16rem .22rem;font-size:.58rem;line-height:1.2;text-align:center}.user-chip{background:var(--chip-bg);color:var(--chip-ink);border-color:var(--chip-border)}.save-chip{background:var(--surface);color:var(--muted)}.save-chip.saving{background:#fff4d9;color:#6a4a14;border-color:#e4c07c}.save-chip.saved{background:#dff5e5;color:#184d2a;border-color:#95cea8}.save-chip.error{background:#ffe5e5;color:#5f1e1e;border-color:#de9999}:root[data-theme=dark] .save-chip.saving{background:#4a3a1f;color:#ffe5b2;border-color:#7a6030}:root[data-theme=dark] .save-chip.saved{background:#1f3d2b;color:#caf0d6;border-color:#3e7a56}:root[data-theme=dark] .save-chip.error{background:#452323;color:#ffd9d9;border-color:#7f4a4a}.mode-toggle{width:100%;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:8px;padding:.2rem .3rem;font-family:Space Grotesk,sans-serif;font-size:.62rem;font-weight:700;line-height:1.15;cursor:pointer;transition:transform .08s ease,filter .16s ease}.mode-toggle.active{background:var(--focus);color:var(--surface);border-color:var(--focus)}.mode-toggle:hover{filter:brightness(.97)}.mode-toggle:active{transform:translateY(1px)}.mode-view{background:var(--ctrl-view-bg);border-color:var(--ctrl-view-border);color:var(--ctrl-view-ink)}.mode-signout{background:var(--surface-2);border-color:var(--border);color:var(--ink)}.mode-sort-wins,.mode-sort-games,.mode-filter{background:var(--ctrl-view-bg);border-color:var(--ctrl-view-border);color:var(--ctrl-view-ink)}.mode-view.active,.mode-sort-wins.active,.mode-sort-games.active,.mode-filter.active,.mode-account-small.active,.mode-highlight-main.active{background:var(--focus)!important;color:var(--surface)!important;border-color:var(--focus)!important}.mode-view.active,.mode-sort-wins.active,.mode-sort-games.active,.mode-filter.active{box-shadow:inset 0 0 0 1px #00000026}.filter-wrap{width:100%;display:grid;gap:.18rem}.filter-switch{display:grid;grid-template-columns:1fr;gap:.12rem}.sort-wrap{width:100%;display:grid;grid-template-columns:1fr;gap:.16rem}.filter-field{width:100%;display:grid;gap:.08rem;font-size:.56rem;color:var(--muted);text-align:left}.filter-field input{width:100%;border:1px solid var(--border);border-radius:6px;padding:.12rem .2rem;font-size:.66rem;font-family:Archivo,sans-serif;text-align:center;background:var(--surface);color:var(--ink)}.filter-field select{width:100%;border:1px solid var(--border);border-radius:6px;padding:.12rem .2rem;font-size:.62rem;font-family:Archivo,sans-serif;background:var(--surface);color:var(--ink)}.deck-heading{background:var(--surface-2)}.deck-input{width:100%;border:1px solid transparent;border-radius:6px;background:transparent;font-family:Space Grotesk,sans-serif;font-size:.82rem;font-weight:700;text-align:center;color:var(--ink);padding:.08rem .14rem}.row-input{width:auto;min-width:max-content;max-width:130px;text-align:center}.matchup-table tbody th.deck-heading{width:1%;min-width:max-content;padding-left:.14rem;padding-right:.14rem}.column-input{width:18px;min-height:30px;margin:0 auto;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.02em;padding:.03rem .04rem;line-height:1}.deck-input:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 1px var(--focus)}.score-cell{position:relative;width:42px;min-width:42px;height:42px;min-height:42px;overflow:visible;transition:transform .18s ease,box-shadow .18s ease}.score-cell:hover{transform:none;box-shadow:inset 0 0 0 1px var(--focus),0 4px 10px #00000014;z-index:2}.score-cell.is-editing,.score-cell.is-editing:hover{z-index:1200}.score-shell{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:visible}.score-value{font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:700;line-height:1;color:var(--ink)}.cell-popover{position:fixed;left:0;top:0;transform:none;width:min(320px,90vw);min-height:196px;z-index:1400;display:grid;grid-template-rows:auto auto auto auto auto;gap:.42rem;align-content:start;padding:.65rem;border:1px solid var(--border);border-radius:12px;background:linear-gradient(160deg,var(--surface),var(--surface-2));box-shadow:0 16px 32px #0003}.popover-close{border:1px solid var(--border);border-radius:7px;width:60px;height:34px;margin-left:auto;line-height:1;font-size:.78rem;font-weight:700;padding:0;cursor:pointer;background:var(--surface-2);color:var(--ink)}.editor-title{margin:0;font-size:.86rem;line-height:1.2;font-weight:700;text-align:center}.editor-stats{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.editor-stat-chip{border:1px solid var(--border);border-radius:8px;padding:.36rem .32rem;font-size:.8rem;font-weight:700;text-align:center;background:var(--surface);color:var(--ink)}.editor-mode-label{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);text-align:left}.editor-mode-label.is-warning{color:#b42318;font-weight:700;text-transform:none;letter-spacing:.01em}:root[data-theme=dark] .editor-mode-label.is-warning{color:#ff8f8f}.editor-row{display:grid;grid-template-columns:54px 1fr 54px;align-items:center;gap:.5rem}.editor-value{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;text-align:center;padding:.46rem .18rem;font-family:Archivo,sans-serif;font-weight:700;line-height:1;background:var(--surface);color:var(--ink);font-size:1.18rem}.editor-button{border:1px solid var(--border);border-radius:10px;width:100%;min-height:52px;line-height:1;padding:0;font-size:1.6rem;font-weight:700;cursor:pointer;background:var(--surface-2);color:var(--ink)}.editor-reveal-button{border:1px solid var(--ctrl-view-border);border-radius:10px;width:100%;min-height:52px;padding:.55rem .6rem;font-family:Space Grotesk,sans-serif;font-size:.84rem;font-weight:700;line-height:1.2;cursor:pointer;background:var(--ctrl-view-bg);color:var(--ctrl-view-ink)}.side-minus,.side-plus{background:var(--surface-2);color:var(--ink)}.is-positive .score-value{color:var(--bad)}.is-negative .score-value{color:var(--good)}.is-neutral .score-value{color:var(--neutral)}.sum-cell,.sum-col,.sum-corner{background:var(--sum-bg)!important;font-weight:700;color:var(--ink);font-size:.72rem;text-align:center}.sum-score,.sum-games{display:block;line-height:1.05}.sum-score{font-size:.94rem;font-weight:800}.sum-col{min-width:20px;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.02em;padding:.06rem .02rem}.sum-row-label{writing-mode:horizontal-tb;text-orientation:mixed;min-width:48px;letter-spacing:.02em;padding:.05rem .12rem}.right-total-cell{min-width:20px;width:20px;padding:.08rem .04rem}@media (max-width: 1500px){.matchup-table th,.matchup-table td{min-width:38px;padding:.05rem}.corner-cell,.sum-row-label{min-width:88px;font-size:.5rem}.view-mode-chip{font-size:.6rem;min-height:1.85rem;padding:.22rem .2rem}.controls-popover{width:min(232px,82vw)}.deck-input{font-size:.68rem;padding:.06rem .1rem}.row-input{max-width:104px}.column-input{width:13px;min-height:36px}.score-cell{width:38px;min-width:38px;height:38px;min-height:38px}.score-value{font-size:.94rem}.cell-popover{width:min(300px,90vw);min-height:182px;padding:.58rem}.editor-title{font-size:.78rem}.editor-stat-chip{font-size:.74rem}.editor-value{font-size:1.06rem}.editor-button{min-height:48px;font-size:1.45rem}.sum-cell,.sum-col,.sum-corner,.right-total-cell{min-width:16px;width:16px;font-size:.56rem}}@media (max-width: 900px){html,body{height:auto;min-height:100%}body{overflow:auto}.grid-wrap{flex:initial;overflow-x:auto;overflow-y:visible}.page-shell{width:min(99vw,1800px);height:auto;margin:0 auto}.matchup-table th,.matchup-table td{min-width:38px;padding:.06rem}.score-cell{width:34px;min-width:34px;height:34px;min-height:34px}.score-value{font-size:.76rem}.cell-popover{width:min(280px,92vw);min-height:176px;padding:.52rem}.editor-title{font-size:.74rem}.editor-stat-chip{font-size:.7rem}.editor-value{font-size:.96rem}.editor-button{min-height:42px;font-size:1.26rem}.column-input{min-height:32px;width:12px}.corner-cell,.sum-row-label{min-width:78px}.view-mode-chip{font-size:.54rem;min-height:1.7rem;padding:.16rem}.controls-popover{width:min(212px,84vw);left:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}