: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}: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}*{box-sizing:border-box}body{margin:0;font-family:Archivo,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);min-height:100vh}.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);margin:0 auto;display:grid;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{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-x:auto;overflow-y:visible;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 tbody th{position:sticky;left:0;z-index:4;background:var(--surface-2)}.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:relative;display:grid;gap:.06rem;justify-items:center;align-items:center;padding:.06rem .1rem!important}.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:.58rem;padding:.14rem .18rem}.mode-theme-small{min-width:0;font-size:.58rem;padding:.14rem .18rem;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:.56rem;line-height:1.15;padding:.12rem .14rem;text-align:center}.sort-mini-wrap{width:100%;display:flex;justify-content:center;gap:.18rem}.sort-mini{width:1.22rem;height:1.22rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:.62rem;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:.66rem;font-weight:800;padding:.14rem .22rem}.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-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)!important}.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;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-shell{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.score-value{font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:700;line-height:1;color:var(--ink)}.cell-popover{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:116px;min-height:76px;z-index:9;display:grid;grid-template-rows:auto 1fr 1fr;gap:.22rem;align-content:center;padding:.42rem;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:4px;width:18px;height:18px;margin-left:auto;line-height:14px;font-size:.7rem;padding:0;cursor:pointer;background:var(--surface-2);color:var(--ink)}.popover-row{display:grid;align-items:center;gap:.12rem}.popover-row:first-of-type{grid-template-columns:22px 1fr 22px}.popover-row:last-of-type{grid-template-columns:22px 14px 1fr 22px}.popover-input{width:100%;min-width:0;border:1px solid var(--border);border-radius:6px;text-align:center;padding:.1rem .05rem;font-family:Archivo,sans-serif;font-weight:700;background:var(--surface);color:var(--ink);font-size:.8rem}.side-button{border:1px solid var(--border);border-radius:6px;width:100%;height:22px;line-height:18px;padding:0;font-size:.95rem;font-weight:700;cursor:pointer;background:var(--surface-2);color:var(--ink)}.games-label{display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;color:var(--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:.48rem}.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:104px;min-height:68px;padding:.34rem}.popover-input{font-size:.74rem}.side-button{height:19px;line-height:15px;font-size:.8rem}.sum-cell,.sum-col,.sum-corner,.right-total-cell{min-width:16px;width:16px;font-size:.56rem}}@media (max-width: 900px){.page-shell{width:min(99vw,1800px);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:92px;min-height:62px;padding:.28rem}.popover-input{font-size:.68rem}.side-button{height:17px;line-height:13px;font-size:.72rem}.column-input{min-height:32px;width:12px}.corner-cell,.sum-row-label{min-width:78px}.view-mode-chip{font-size:.42rem;padding:.1rem .14rem}.controls-popover{width:min(212px,84vw);left:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}