:root{--paper:#f6f1e7;--surface:#fffdf8;--surface-alt:#f3ede0;--ink:#2b2620;--muted:#6b6155;--faint:#9a9082;--line:#e4dccc;--line-strong:#cdc2ac;--accent:#9a5b1e;--accent-ink:#7a4715;--accent-soft:#f4e7d2;--accent-line:#e3c896;--shadow:0 2px 10px #3c2d1414;color:var(--ink);font-synthesis:none;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.55}body{background:var(--paper);color:var(--ink);margin:0}h1,h2,h3{letter-spacing:-.01em;color:var(--ink);font-family:Spectral,Georgia,serif;font-weight:600}h1{margin:0 0 .25rem;font-size:1.85rem}.page-subtitle{color:var(--muted);margin:0 0 1.4rem;font-family:Spectral,Georgia,serif;font-size:1.02rem;font-style:italic}a{color:var(--accent);-webkit-text-decoration-color:var(--accent-line);text-decoration-color:var(--accent-line);text-underline-offset:2px}a:hover{color:var(--accent-ink)}.app-shell{align-items:flex-start;min-height:100vh;display:flex}.sidebar{box-sizing:border-box;background:linear-gradient(180deg, var(--surface-alt), var(--paper));border-right:1px solid var(--line-strong);flex-direction:column;flex:0 0 210px;gap:3px;width:210px;height:100vh;padding:1.25rem .85rem;display:flex;position:sticky;top:0}.sidebar-brand{letter-spacing:-.01em;color:var(--ink);align-items:center;gap:9px;padding:.1rem .5rem 1.1rem;font-family:Spectral,Georgia,serif;font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}.sidebar-brand:hover{color:var(--ink)}.nav-group-label{text-transform:uppercase;letter-spacing:.09em;color:var(--faint);padding:.85rem .75rem .3rem;font-size:.66rem;font-weight:700}.nav-item{color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:.5rem .75rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--surface);color:var(--ink)}.nav-item.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:700}.app-content{flex:1;min-width:0}.sidebar-header{justify-content:space-between;align-items:center;display:flex}.nav-links{flex-direction:column;gap:3px;display:flex}.nav-toggle{cursor:pointer;color:var(--ink);background:0 0;border:none;align-items:center;padding:.25rem;display:none}.aligned-cols{grid-template-columns:1fr 1fr;align-items:start;gap:0 2rem;display:grid}.aligned-cols>section{grid-template-rows:subgrid;grid-row:span 3;min-width:0;display:grid}@media (width<=720px){.aligned-cols{grid-template-columns:1fr}.aligned-cols>section{grid-row:auto;grid-template-rows:none}.aligned-cols>section>.toolbar-placeholder{display:none}.app-shell{flex-direction:column;align-items:stretch}.sidebar{z-index:10;border-right:none;border-bottom:1px solid var(--line-strong);flex-direction:column;flex:none;gap:0;width:100%;height:auto;padding:.55rem .95rem;position:sticky;top:0}.sidebar-brand{padding:0;font-size:1.2rem}.nav-toggle{display:flex}.nav-links{padding-top:.5rem;display:none}.nav-links.open{display:flex}.nav-group-label{padding-top:.6rem}.page{padding:1rem}h1{font-size:1.5rem}.home-page{justify-content:flex-start;min-height:auto}.home-hero{padding:1rem 0 1.5rem}.home-hero h1{font-size:1.8rem}.home-hero .page-subtitle{font-size:1rem}.home-links{max-width:100%}.home-link-title{white-space:normal}}.match-history{grid-template-columns:1.1rem max-content max-content max-content max-content max-content;align-items:center;column-gap:.5rem;font-size:.9rem;display:grid}.match-history .mh-row{display:contents}.match-history .mh-cell{padding:.4rem 0}.match-history .mh-row:not(:first-child) .mh-cell{border-top:1px solid #f0f0f0}.match-history .mh-mine{text-align:left}.match-history .mh-score{text-align:center;white-space:nowrap}.match-history .mh-date{color:#999;white-space:nowrap;text-align:left}.match-history .mh-edit{white-space:nowrap;text-align:left}.match-history .mh-notes{color:#888;white-space:pre-wrap;padding-top:0;padding-bottom:.5rem;font-size:.85rem;border-top:none!important}table{font-size:.95rem}th:hover{background:var(--surface-alt)}.home-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 3rem);display:flex}.home-hero{width:100%;min-width:0;padding:1.5rem 0 2rem}.home-hero h1{font-size:2.4rem}.home-hero .page-subtitle{margin-bottom:0;font-size:1.1rem}.home-links{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:.9rem;width:100%;min-width:0;max-width:900px;display:grid}.home-footnote{color:var(--muted);margin-top:1.75rem;font-size:.9rem}.home-link-title{white-space:nowrap}.home-link-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);text-align:left;border-radius:10px;align-items:flex-start;gap:.75rem;padding:1rem 1.1rem;text-decoration:none;transition:border-color .12s,background .12s,box-shadow .12s;display:flex}.home-link-card:hover{border-color:var(--accent-line);background:var(--accent-soft);color:var(--ink)}.home-link-card svg{color:var(--accent);flex-shrink:0;margin-top:2px}.home-link-title{font-weight:700}.home-link-description{color:var(--muted);margin-top:.15rem;font-size:.85rem}.page{max-width:1000px;margin:0 auto;padding:1.5rem}.push-end{margin-left:auto}.muted{color:var(--muted)}.metagame-chart{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;margin-bottom:1.25rem;padding:1rem 1.25rem}.metagame-chart .legend-label{color:var(--ink);font-size:.9rem}.metagame-chart :focus,.metagame-chart :focus-visible,.metagame-chart .recharts-sector:focus,.metagame-chart .recharts-wrapper:focus{outline:none}.chart-tooltip{background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow);color:var(--ink);border-radius:8px;padding:.45rem .65rem;font-size:.85rem}.chart-tooltip div{color:var(--muted);margin-top:.15rem}.data-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--line);width:100%;box-shadow:var(--shadow);border-radius:10px;overflow:hidden}.data-table th{text-align:left;background:var(--surface-alt);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line-strong);white-space:nowrap;padding:.55rem .6rem;font-size:.78rem;font-weight:700}.data-table td{border-bottom:1px solid var(--line);padding:.5rem .6rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:var(--accent-soft)}.data-table .num{text-align:right}.data-table .center{text-align:center}.sort-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sort-caret{color:var(--line-strong);margin-left:4px}.sort-caret.active{color:var(--accent)}.bar-track{background:var(--surface-alt);border-radius:4px;flex:1}.bar-fill{background:linear-gradient(90deg, #c08a2d, var(--accent));border-radius:4px;height:14px}.bar-cell{align-items:center;gap:8px;display:flex}.bar-value{width:44px;color:var(--muted);font-size:.85rem}.chip{background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent-ink);border-radius:12px;padding:.2rem .6rem;font-size:.9rem}.chip-remove,.icon-button{cursor:pointer;color:var(--muted);font:inherit;background:0 0;border:none}.error-text{color:#a33}.combobox-menu{z-index:200;background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;min-width:100%;max-height:260px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 6px 18px #3c2d1429}.combobox-option{text-align:left;white-space:nowrap;cursor:pointer;width:100%;font:inherit;background:0 0;border:none;padding:.4rem .6rem;display:block}.combobox-option.active{background:var(--accent-soft)}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;max-width:95vw;max-height:90vh;padding:1.25rem 1.5rem;overflow-y:auto;box-shadow:0 12px 40px #281e0c4d}.result-count{color:var(--muted);margin:0 0 .5rem;font-size:.9rem}.filter-panel{background:var(--surface-alt);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:.8rem;margin-bottom:1.25rem;padding:1rem 1.1rem;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.05em;color:var(--faint);flex-shrink:0;width:88px;font-size:.72rem;font-weight:700}.text-input{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:6px;padding:.4rem .6rem;font-size:.95rem}.text-input:focus{border-color:var(--accent-line);outline:none;box-shadow:0 0 0 2px #9a5b1e2e}.search-input{align-items:center;max-width:100%;display:inline-flex;position:relative}.search-input-icon{width:15px;height:15px;color:var(--faint);pointer-events:none;position:absolute;left:.6rem}.search-input-field{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--ink);border-radius:999px;padding:.4rem 1.9rem .4rem 2rem;font-size:.95rem}.search-input-field:focus{border-color:var(--accent-line);outline:none;box-shadow:0 0 0 2px #9a5b1e2e}.search-input-clear{background:var(--line);width:18px;height:18px;color:var(--muted);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:.95rem;line-height:1;display:inline-flex;position:absolute;right:.45rem}.search-input-clear:hover{background:var(--line-strong);color:var(--ink)}.filter-clear{color:var(--accent-ink);cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;margin-left:auto;padding:.2rem .3rem;font-size:.85rem;display:inline-flex}.filter-clear:hover{text-decoration:underline}.filter-clear-count{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:1.1rem;height:1.1rem;padding:0 .3rem;font-size:.72rem;font-weight:700;display:inline-flex}.pill{border:1px solid var(--line-strong);cursor:pointer;background:var(--surface);color:var(--ink);-webkit-user-select:none;user-select:none;border-radius:999px;padding:.25rem .75rem;font-size:.88rem;transition:all .1s}a.pill{vertical-align:middle;line-height:normal;text-decoration:none;display:inline-block}.pill:hover{border-color:var(--accent-line)}.pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.heatmap-scroll{-webkit-overflow-scrolling:touch;padding-bottom:4px;overflow-x:auto}.heatmap-cell,.heatmap-month-label{flex:0 0 12px;width:12px}.heatmap-cell{border-radius:3px;height:12px}.heatmap-month-label{color:var(--faint);white-space:nowrap;font-size:10px;overflow:visible}.stat-tile-link{transition:border-color .12s,background .12s,box-shadow .12s}.stat-tile-link:hover{box-shadow:var(--shadow);border-color:var(--accent-line)!important;background:var(--accent-soft)!important}@media (width<=720px){.page{padding:1rem}.heatmap-panel{display:none}.push-end{margin-left:0}.data-table{box-shadow:none;background:0 0;border:none;display:block;overflow:visible}.data-table thead{display:none}.data-table tbody,.data-table tr,.data-table td{box-sizing:border-box;width:100%;display:block}.data-table tr{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-bottom:.6rem;padding:.15rem .85rem}.data-table tbody tr:hover{background:var(--surface)}.data-table td{text-align:right;border:none;justify-content:space-between;align-items:baseline;gap:1rem;padding:.45rem 0;display:flex}.data-table tbody tr td+td{border-top:1px solid var(--line)}.data-table td:before{content:attr(data-label);color:var(--muted);text-align:left;white-space:nowrap;font-weight:600}.data-table td[data-label=""]:before{content:none}.data-table .num,.data-table .center{text-align:right}.data-table td:has(.bar-cell){flex-direction:column;align-items:stretch;gap:.25rem}.data-table .bar-cell{width:100%}.match-history{flex-direction:column;gap:.5rem;font-size:.9rem;display:flex}.match-history .mh-row{border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;padding:.5rem .7rem;display:flex}.match-history .mh-row:not(:first-child) .mh-cell{border-top:none}.match-history .mh-cell{padding:0}.match-history .mh-date{text-align:left;width:100%}.match-history .mh-notes{width:100%;padding-bottom:0}}.round-timer-page{background:var(--paper);min-height:100vh;color:var(--ink);box-sizing:border-box;flex-direction:column;align-items:center;padding:1rem 1rem 2rem;display:flex}.round-timer-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;width:100%;max-width:640px;display:flex}.round-timer-back{color:var(--muted);font-size:.95rem;text-decoration:none}.round-timer-back:hover{color:var(--accent-ink)}.round-timer-round{font-size:1.1rem;font-weight:700}.round-timer-clock{text-align:center;flex-direction:column;align-items:center;margin:2rem 0;display:flex}.round-timer-time{font-variant-numeric:tabular-nums;color:#444;font-size:clamp(4.5rem,28vw,12rem);font-weight:800;line-height:1}.round-timer-clock.running .round-timer-time{color:#16a34a}.round-timer-clock.paused .round-timer-time{color:var(--accent-ink)}.round-timer-clock.expired .round-timer-time{color:#dc2626}.round-timer-status{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:.5rem;font-size:1.1rem}.round-timer-pairings{flex-direction:column;gap:.5rem;width:100%;max-width:640px;display:flex}.round-timer-pairing{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:8px;padding:.7rem .9rem;font-size:1.05rem}.round-timer-nav{align-items:center;gap:.6rem;display:flex}.round-timer-arrow{color:var(--accent-ink);-webkit-user-select:none;user-select:none;padding:0 .3rem;font-size:1.6rem;line-height:1;text-decoration:none}.round-timer-arrow.disabled{color:var(--line-strong);pointer-events:none}.round-timer-tabs{gap:.5rem;margin-bottom:1rem;display:flex}.round-timer-standings{border-collapse:collapse;width:100%;max-width:640px;font-size:1rem}.round-timer-standings th,.round-timer-standings td{text-align:center;border-bottom:1px solid var(--line);padding:.45rem .6rem}.round-timer-standings th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.mana-tracker-section{margin-bottom:2rem}.mana-tracker-section h2{margin:0 0 .75rem;font-size:1.15rem}.mana-tracker-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.75rem;display:grid}.mana-tracker-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;height:6.5rem;position:relative;overflow:hidden}.mana-tracker-card-w{background:#faf5e1;border-color:#e6d69f}.mana-tracker-card-w .mana-tracker-half:hover:not(:disabled){color:#7a6423;background:#f2e3ad}.mana-tracker-card-u{background:#e3edf8;border-color:#b3cfea}.mana-tracker-card-u .mana-tracker-half:hover:not(:disabled){color:#2c5d85;background:#cbe1f4}.mana-tracker-card-b{background:#e5e1dd;border-color:#b5aca1}.mana-tracker-card-b .mana-tracker-half:hover:not(:disabled){color:#3a332c;background:#d2cac2}.mana-tracker-card-r{background:#f9e6e0;border-color:#edb6a5}.mana-tracker-card-r .mana-tracker-half:hover:not(:disabled){color:#9a4022;background:#f3cec0}.mana-tracker-card-g{background:#e5f1de;border-color:#b3d9a2}.mana-tracker-card-g .mana-tracker-half:hover:not(:disabled){color:#3f6b2a;background:#cde8bf}.mana-tracker-card-c{background:#ebeae7;border-color:#c7c3ba}.mana-tracker-card-c .mana-tracker-half:hover:not(:disabled){color:#5c574d;background:#dbd9d4}.mana-tracker-card-content{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;height:100%;display:flex;position:relative}.mana-tracker-symbol img{height:1.6rem}.mana-tracker-count{font-family:Spectral,Georgia,serif;font-size:1.8rem;font-weight:700;line-height:1}.mana-tracker-half{width:50%;color:var(--faint);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex;position:absolute;top:0;bottom:0}.mana-tracker-half-minus{left:0}.mana-tracker-half-plus{right:0}.mana-tracker-half:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-ink)}.mana-tracker-half:disabled{color:var(--line-strong);cursor:default}.mana-tracker-storm{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;width:280px;height:6rem;position:relative;overflow:hidden}.mana-tracker-storm-content{pointer-events:none;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.mana-tracker-storm-count{text-align:center;min-width:2.5rem;font-family:Spectral,Georgia,serif;font-size:2.5rem;font-weight:700;line-height:1}.mana-tracker-title-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.4rem;display:flex}.mana-tracker-title-row h1{margin:0}.mana-tracker-title-actions{gap:.4rem;display:flex}.mana-tracker-title-action{justify-content:center;align-items:center;padding:.35rem .5rem;display:inline-flex}.mana-tracker-title-action-wide{padding-left:1.4rem;padding-right:1.4rem}.mana-tracker-title-action:disabled{opacity:.45;cursor:default}.mana-tracker-config-list{flex-wrap:wrap;gap:.5rem;display:flex}.mana-tracker-config-pill{align-items:center;gap:.3rem;display:inline-flex}.mana-tracker-config-pill img{height:1em}@media (width<=720px){.mana-tracker-grid{grid-template-columns:1fr;gap:.6rem}.mana-tracker-card{height:4.5rem}.mana-tracker-card-content{flex-direction:row;gap:.65rem}.mana-tracker-symbol img{height:1.8rem}.mana-tracker-count{font-size:1.6rem}.mana-tracker-storm{width:100%}.mana-tracker-config-list{flex-direction:column}.mana-tracker-config-pill{justify-content:center}}.round-timer-dropped{color:var(--faint);font-size:.8rem}.life-tracker-page{background:var(--paper);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0}.life-tracker-half{box-sizing:border-box;--card-bg:var(--surface);--card-bg-strong:var(--surface-alt);--card-border:var(--line-strong);--card-ink:var(--ink);--card-accent:var(--accent-ink);flex:1;padding:.6rem;display:flex;position:relative;overflow:hidden}.life-tracker-half.flipped{transform:rotate(180deg)}.life-tracker-half-red{--card-bg:#fbe9e2;--card-bg-strong:#f5cfc1;--card-border:#e2967f;--card-ink:#6b2612;--card-accent:#a83b1a}.life-tracker-half-blue{--card-bg:#e2ecf8;--card-bg-strong:#c8dbef;--card-border:#7fa4cf;--card-ink:#1e365a;--card-accent:#1f5da8}.life-tracker-half.dead{--card-bg:#efc7bb;--card-bg-strong:#e6a996;--card-border:#b34d2b;--card-ink:#611c07;--card-accent:#8a2810}.life-tracker-card{background:linear-gradient(145deg, var(--card-bg), var(--card-bg-strong));border:2px solid var(--card-border);box-shadow:var(--shadow);border-radius:18px;flex:1;transition:box-shadow .25s,border-color .25s,transform .25s;display:flex;position:relative;overflow:hidden}.life-tracker-half.highlighted .life-tracker-card{border-color:#f5c518;animation:1.4s ease-in-out infinite life-tracker-pulse;box-shadow:0 0 0 4px #f5c5188c,0 10px 32px #f5c51880}@keyframes life-tracker-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.life-tracker-zone{color:color-mix(in srgb, var(--card-ink) 55%, transparent);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:1;justify-content:flex-start;align-items:center;padding:0 1.6rem;display:flex}.life-tracker-zone:last-of-type{justify-content:flex-end}.life-tracker-zone:active{background:color-mix(in srgb, var(--card-accent) 12%, transparent)}.life-tracker-total{pointer-events:none;text-align:center;height:fit-content;color:var(--card-ink);text-shadow:0 2px 0 color-mix(in srgb, var(--card-accent) 18%, transparent);margin:auto;font-family:Spectral,Georgia,serif;font-size:clamp(4rem,22vh,8rem);font-weight:600;line-height:1;position:absolute;inset:0}.life-tracker-divider{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:center;align-items:center;gap:.75rem;padding:.35rem 0;display:flex}.life-tracker-action{border:1px solid var(--line-strong);background:var(--surface);width:2.4rem;height:2.4rem;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;display:flex}.life-tracker-action:hover{color:var(--accent-ink);border-color:var(--accent-line)}.life-tracker-action.primary{background:var(--accent);color:#fffdf8;border-color:var(--accent-ink)}.life-tracker-action.primary:hover{background:var(--accent-ink);color:#fffdf8}