:root{--hex-black: #010a13;--hex-navy: #0a1428;--hex-panel: #0a1a2f;--hex-panel-2: #071523;--hex-raise: #0e2138;--hex-rule: #10203a;--hex-track: #1a2a3c;--hex-empty: #3a4c63;--gold: #c8aa6e;--gold-bright: #f0e6d2;--gold-dim: #8a6a35;--gold-line: #463714;--gold-hair: #2b2412;--blue: #0596aa;--blue-bright: #0ac8e6;--win: #2ee08a;--loss: #ff6b78;--loss-ink: #ffd2d6;--text: #e6e0d0;--text-dim: #a8a293;--text-faint: #8d8878;--font-display: "Cinzel", Georgia, "Times New Roman", serif;--font-alt: "Marcellus", Georgia, serif;--font-body: "Segoe UI", system-ui, -apple-system, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--shadow: 0 10px 30px -12px rgba(0, 0, 0, .7);color-scheme:dark;font-family:var(--font-body);accent-color:var(--gold);caret-color:var(--gold);scrollbar-color:var(--gold-line) var(--hex-black)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:var(--hex-black);font-size:15px;line-height:1.5}::selection{background:#c8aa6e59;color:var(--gold-bright)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}a{color:var(--gold);text-underline-offset:3px}h1,h2,h3{text-wrap:balance}.num{font-variant-numeric:tabular-nums}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:16px;top:-60px;z-index:200;padding:10px 16px;background:var(--gold);color:var(--hex-black);font-weight:600}.skip-link:focus{top:12px}.app{max-width:1440px;margin:0 auto;padding:0 clamp(16px,3vw,40px) 64px}.centered-msg{min-height:60vh;display:grid;place-content:center;gap:8px;text-align:center;color:var(--text-dim)}.centered-msg.error p:first-child{color:var(--gold-bright);font-size:1.15rem}.error-detail{color:var(--text-faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 16px;border:1px solid var(--gold-line);border-radius:2px;background:transparent;color:var(--text);font:600 .93rem/1.2 var(--font-body);cursor:pointer;transition:background-color .16s var(--ease-out),border-color .16s var(--ease-out),color .16s var(--ease-out)}.btn:hover{border-color:var(--gold-dim);color:var(--gold-bright)}.btn:disabled{opacity:.55;cursor:progress}.btn-sm{min-height:34px;padding:6px 12px;font-size:.87rem}.btn-lg{min-height:54px;padding:12px 26px;font-size:1.06rem}.btn-primary{background:var(--gold);border-color:var(--gold);color:var(--hex-black)}.btn-primary:hover{background:var(--gold-bright);border-color:var(--gold-bright);color:var(--hex-black)}.btn-outline{border-color:var(--gold-dim);color:var(--gold-bright)}.btn-ghost{border-color:transparent;color:var(--text-dim)}.btn-ghost:hover,.btn-ghost.is-active{border-color:var(--gold-line);background:var(--hex-panel);color:var(--gold-bright)}.btn-danger{background:transparent;border-color:var(--loss);color:var(--loss)}.btn-danger:hover{background:#ff6b781a;color:var(--loss)}.btn.danger{color:var(--loss)}.btn.danger:hover{border-color:var(--loss);color:var(--loss)}.btn-win{border-color:#2ee08a80;color:var(--win)}.btn-win:hover{border-color:var(--win);background:#2ee08a14;color:var(--win)}.btn-loss{border-color:#ff6b7880;color:var(--loss)}.btn-loss:hover{border-color:var(--loss);background:#ff6b7814;color:var(--loss)}.link-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 0;background:none;border:none;color:var(--text-dim);font:inherit;font-size:.9rem;text-decoration:underline;text-decoration-color:var(--gold-line);text-underline-offset:4px;cursor:pointer}.link-btn:hover{color:var(--gold-bright);text-decoration-color:var(--gold)}.icon{flex-shrink:0}.segmented{display:inline-flex;flex-wrap:wrap;border:1px solid var(--gold-line);border-radius:2px}.segmented button{min-height:36px;padding:6px 14px;border:none;border-right:1px solid var(--gold-line);background:transparent;color:var(--text-dim);font:600 .87rem var(--font-body);cursor:pointer}.segmented button:last-child{border-right:none}.segmented button:hover{color:var(--gold-bright)}.segmented button[aria-pressed=true]{background:var(--gold);color:var(--hex-black)}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{min-height:36px;padding:6px 14px;border:1px solid var(--gold-line);border-radius:2px;background:transparent;color:var(--text-dim);font:600 .87rem var(--font-body);cursor:pointer}.chip:hover{color:var(--gold-bright);border-color:var(--gold-dim)}.chip[aria-pressed=true]{border-color:var(--gold);background:var(--gold);color:var(--hex-black)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-family:var(--font-alt);font-size:.87rem;color:var(--text-dim)}.input{min-height:40px;padding:8px 12px;border:1px solid var(--gold-line);border-radius:2px;background:var(--hex-panel-2);color:var(--text);font:inherit;font-size:.95rem}.input::placeholder{color:var(--text-faint)}.input:hover{border-color:var(--gold-dim)}.input:focus-visible{outline:2px solid var(--gold);outline-offset:0;border-color:var(--gold)}.input-lg{min-height:54px;font-size:1.02rem}.input-quiet{border-color:transparent;background:transparent;font-family:var(--font-alt);font-size:1.05rem;color:var(--gold-bright)}.field-error{flex-basis:100%;margin:0;color:var(--loss);font-size:.9rem}.check{display:inline-flex;align-items:center;gap:8px;color:var(--text-dim);font-size:.9rem;cursor:pointer}.check input{width:18px;height:18px}.topbar{display:flex;align-items:center;gap:16px;min-height:64px;border-bottom:1px solid var(--gold-line)}.brand-heading{margin:0;font-size:inherit;line-height:1}.brand{font:700 1.05rem var(--font-display);letter-spacing:.02em;color:var(--gold-bright);text-decoration:none;white-space:nowrap}.brand-short{display:none}.run-picker .input{max-width:220px;padding-left:8px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.account{display:inline-flex;align-items:center;gap:8px;padding-left:6px}.avatar{border-radius:50%;border:1px solid var(--gold-line)}.sync-state{font-size:.87rem;color:var(--text-dim)}.sync-state.is-syncing{color:var(--blue-bright)}.run-settings{margin-top:16px;padding:20px 24px;border:1px solid var(--gold-line);background:var(--hex-panel);box-shadow:var(--shadow);animation:rise .26s var(--ease-out)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px 40px}.settings-group{margin:0;padding:0;border:none;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.settings-group legend{padding:0;margin-bottom:10px;font:600 1rem var(--font-display);color:var(--gold-bright)}.settings-hint{margin:0;color:var(--text-dim);font-size:.9rem}.settings-apply{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:20px;padding:14px 16px;border:1px solid var(--blue);background:#0ac8e60f}.settings-apply p{margin:0;max-width:70ch}.settings-apply-actions{display:flex;gap:8px}.settings-inline{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px;margin-top:20px;padding:14px 16px;border:1px solid var(--gold-line);animation:rise .22s var(--ease-out)}.settings-inline .field{flex:1 1 240px}.settings-confirm{align-items:center;border-color:#ff6b7873}.settings-confirm p:first-child{flex:1 1 320px;margin:0;max-width:70ch}.settings-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--gold-hair)}.settings-runs,.settings-account{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.spotlight{position:relative;isolation:isolate;min-height:clamp(460px,64vh,620px);margin-top:24px;display:flex;flex-direction:column;border:1px solid var(--gold-line);border-bottom-color:var(--gold);background:var(--hex-panel-2);overflow:hidden}.spotlight-art{position:absolute;top:0;right:0;bottom:0;left:28%;z-index:-1;animation:art-in .9s var(--ease-out)}.spotlight-art img{width:100%;height:100%;object-fit:cover;object-position:70% 20%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 22%,var(--hex-black) 60%);mask-image:linear-gradient(90deg,transparent 0%,transparent 22%,var(--hex-black) 60%)}.spotlight:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,rgba(7,21,35,.92) 0%,rgba(7,21,35,.75) 38%,transparent 62%)}.spotlight:after{content:"";position:absolute;inset:auto 0 0 0;height:120px;z-index:-1;background:linear-gradient(0deg,var(--hex-panel-2),transparent)}.spotlight-body{position:relative;flex:1;max-width:680px;padding:clamp(28px,5vw,56px) clamp(20px,4vw,56px) 24px;display:flex;flex-direction:column;align-items:flex-start;animation:body-in .62s var(--ease-out)}.spotlight-name{margin:0;font:700 clamp(3rem,8vw,6rem) / .95 var(--font-display);letter-spacing:-.01em;color:var(--gold-bright)}.spotlight-title{margin:14px 0 0;display:flex;flex-wrap:wrap;gap:4px 14px;font-family:var(--font-alt);font-size:1.15rem;color:var(--text-dim)}.spotlight-position{color:var(--blue-bright)}.spotlight-intro{margin:20px 0 0;max-width:52ch;color:var(--text);font-size:1.02rem}.spotlight-record{display:flex;flex-wrap:wrap;gap:8px 36px;margin:24px 0 0}p.spotlight-record{color:var(--text-dim)}.spotlight-record div{display:flex;flex-direction:column-reverse}.spotlight-record dt{font-size:.87rem;color:var(--text-dim)}.spotlight-record dd{margin:0;font-size:1.5rem;font-weight:600;color:var(--gold-bright)}.spotlight-record dd.win,.recap .win{color:var(--win)}.spotlight-record dd.loss,.recap .loss{color:var(--loss)}.spotlight-actions{margin-top:auto;padding-top:32px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px 32px;width:100%}.import-row{display:flex;flex-direction:column;gap:8px}.import-meta{margin:0;font-size:.9rem;color:var(--text-dim)}.manual-log{display:flex;align-items:center;gap:8px}.manual-log-label{margin-right:4px;font-size:.9rem;color:var(--text-dim)}.import-error{margin:14px 0 0;padding:10px 14px;max-width:60ch;border:1px solid rgba(255,107,120,.5);background:#ff6b7814;color:var(--loss-ink)}.import-status{margin:14px 0 0;color:var(--blue-bright)}.import-options-toggle{margin-top:16px}.import-options-toggle .icon{transition:transform .2s var(--ease-out)}.import-options-toggle.is-open .icon{transform:rotate(180deg)}.first-import{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.first-import .field:first-child .input{width:220px}.import-options{position:relative;margin:0 clamp(20px,4vw,56px) 24px;padding:20px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 18px;max-width:980px;border-top:1px solid var(--gold-line);padding-inline:0;animation:rise .26s var(--ease-out)}.riot-id-inputs{display:flex;align-items:center;gap:6px}.riot-id-inputs .input{width:150px}.riot-id-inputs .input.tag{width:80px}.riot-hash{color:var(--text-dim)}.import-options-note{flex-basis:100%;margin:0;color:var(--text-dim);font-size:.9rem;max-width:70ch}.recap{width:100%;max-width:640px;padding-top:16px;border-top:1px solid var(--gold-dim);animation:rise .36s var(--ease-out)}.recap-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.recap-summary{margin:0;font:600 1.15rem var(--font-alt);color:var(--gold-bright)}.recap-list{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px}.recap-item{width:100%;display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid transparent;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}.recap-item:hover{border-color:var(--gold-line);background:var(--hex-panel)}.recap-item img{border:1px solid var(--gold-line)}.recap-name{font-family:var(--font-alt)}.recap-games{display:inline-flex;gap:6px;font-size:.9rem}.recap-done{margin-left:auto;display:inline-flex;align-items:center;gap:4px;color:var(--win);font-size:.9rem}.recap-note{margin:10px 0 0;font-size:.87rem;color:var(--text-dim)}.alpha-track{list-style:none;margin:0;padding:14px clamp(20px,4vw,56px) 18px;display:grid;grid-template-columns:repeat(26,minmax(0,1fr));gap:4px}.alpha-seg{display:flex;flex-direction:column;align-items:center;gap:6px}.alpha-letter{font:600 .8rem var(--font-display);color:var(--text-faint)}.alpha-bar{width:100%;height:4px;background:var(--hex-track);overflow:hidden}.alpha-bar span{display:block;height:100%;background:var(--gold);transition:width .7s var(--ease-out)}.alpha-seg.is-done .alpha-letter{color:var(--gold)}.alpha-seg.is-current .alpha-letter{color:var(--blue-bright)}.alpha-seg.is-current .alpha-bar{height:6px;background:#0ac8e640}.alpha-seg.is-current .alpha-bar span{background:var(--blue-bright)}.alpha-seg.is-none{opacity:.35}.section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:14px}.section-head h2{margin:0;font:600 1.35rem var(--font-display);color:var(--gold-bright)}.section-meta{margin:0;color:var(--text-dim)}.shelf{margin-top:48px}.shelf-icons{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.shelf-icon{display:block;padding:0;border:1px solid var(--gold-dim);background:none;cursor:pointer;transition:transform .18s var(--ease-out),border-color .18s var(--ease-out)}.shelf-icon img{display:block}.shelf-icon:hover{transform:translateY(-2px);border-color:var(--gold-bright)}.roster{margin-top:48px}.roster-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.search{position:relative;display:flex;align-items:center}.search .icon{position:absolute;left:12px;color:var(--text-dim);pointer-events:none}.search .input{width:240px;padding-left:36px}.empty{padding:32px 0;color:var(--text-dim)}.ledger{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.ledger thead th{position:sticky;top:0;z-index:2;padding:10px 12px;background:var(--hex-black);border-bottom:1px solid var(--gold-dim);text-align:left;font:600 .87rem var(--font-body);color:var(--text-dim)}.letter-row th{padding:22px 12px 6px;text-align:left;font:700 1.05rem var(--font-display);color:var(--gold);border-bottom:1px solid var(--gold-hair)}.ledger-row td{padding:6px 12px;border-bottom:1px solid var(--hex-rule);color:var(--text);vertical-align:middle}.col-num{width:52px;color:var(--text-dim)}.ledger-row .col-num{color:var(--text-faint)}.row-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.row-toggle img{border:1px solid var(--gold-line)}.row-name{font-family:var(--font-alt);font-size:1.05rem}.row-chevron{margin-left:auto;color:var(--text-faint);transition:transform .2s var(--ease-out)}.ledger-row.is-open .row-chevron{transform:rotate(180deg)}.row-toggle:hover .row-name{color:var(--gold-bright)}.col-status{white-space:nowrap}.status-check{margin-right:6px;vertical-align:-3px;color:var(--win)}.ledger-row.is-done td{color:var(--text-dim)}.ledger-row.is-done .row-toggle img{border-color:var(--gold)}.ledger-row.is-current td{background:#0ac8e612}.ledger-row.is-current .row-toggle img{border-color:var(--blue-bright)}.ledger-row.is-current .col-status{color:var(--blue-bright);font-weight:600}.ledger-row.is-progress .col-status{color:var(--text)}.ledger-row.is-open td{border-bottom-color:transparent}.ledger-detail td{padding:4px 12px 22px 64px;border-bottom:1px solid var(--hex-rule)}.detail{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px 40px;animation:rise .26s var(--ease-out)}.detail-col{display:flex;flex-direction:column;gap:14px}.detail-log-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.done-note{display:inline-flex;align-items:center;gap:6px;color:var(--win);font-size:.9rem}.detail-empty{margin:0;color:var(--text-dim)}.notes{resize:vertical;min-height:64px}.game-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.game-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:6px 0;border-bottom:1px solid var(--gold-hair)}.game-num{width:2.2em;color:var(--text-faint);font-variant-numeric:tabular-nums}.game-badge{min-width:3.4em;font-weight:600}.badge-win{color:var(--win)}.badge-loss{color:var(--loss)}.game-flag{font-size:.87rem;color:var(--gold)}.game-kda-display{min-height:34px;padding:4px 8px;border:1px solid transparent;background:none;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer}.game-kda-display:hover{border-color:var(--gold-line)}.kda-add{color:var(--text-dim)}.game-kda.editing{display:inline-flex;align-items:center;gap:4px}.kda-input{width:3.4em;min-height:34px;padding:4px 6px;border:1px solid var(--gold-line);background:var(--hex-panel-2);color:var(--text);font:inherit;font-variant-numeric:tabular-nums}.kda-sep{color:var(--text-faint)}.kda-done,.game-remove,.toast-close{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid transparent;background:none;color:var(--text-dim);cursor:pointer}.kda-done:hover{color:var(--win);border-color:var(--gold-line)}.game-date{min-height:34px;padding:4px 8px;border:1px solid transparent;background:none;color:var(--text-dim);font:inherit;font-size:.9rem}.game-date:hover{border-color:var(--gold-line)}.game-source{font-size:.85rem;color:var(--blue-bright)}.game-remove{margin-left:auto}.game-remove:hover{color:var(--loss);border-color:#ff6b7866}.rating{display:flex;flex-direction:column;gap:6px}.stars{display:inline-flex;width:max-content;padding:2px}.star{position:relative;width:32px;height:32px}.star-visual{position:absolute;top:3px;right:3px;bottom:3px;left:3px;color:var(--hex-empty)}.star-visual svg{display:block}.star-fill{position:absolute;inset:0 auto 0 0;overflow:hidden;color:var(--gold)}.inline-star{margin-left:4px;vertical-align:-2px;color:var(--gold)}.star-hit{position:absolute;top:0;bottom:0;width:50%;cursor:pointer}.star-hit.left{left:0}.star-hit.right{right:0}.rating-value{font-size:.87rem;color:var(--text-dim)}.toast{position:fixed;left:50%;bottom:24px;z-index:150;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 8px 8px 18px;border:1px solid var(--gold-dim);background:var(--hex-raise);box-shadow:0 16px 40px -12px #000c;animation:toast-in .32s var(--ease-out)}.whats-new{position:fixed;right:24px;bottom:24px;z-index:140;width:min(380px,calc(100vw - 32px));padding:20px 20px 18px;border:1px solid var(--gold-dim);border-top:2px solid var(--gold);background:var(--hex-raise);box-shadow:0 16px 40px -12px #000c;animation:whats-new-in .42s var(--ease-out)}.whats-new h2{margin:0 32px 10px 0;font:600 1.15rem var(--font-display);color:var(--gold-bright)}.whats-new p{margin:0 0 10px;color:var(--text-dim);font-size:.93rem}.whats-new strong{color:var(--text);font-weight:600}.whats-new-close{position:absolute;top:8px;right:8px;display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid transparent;background:none;color:var(--text-dim);cursor:pointer}.whats-new-close:hover{color:var(--gold-bright);border-color:var(--gold-line)}.whats-new-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}@keyframes whats-new-in{0%{opacity:0;transform:translateY(16px)}}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:16px;background:#010a13d1}.share-modal{width:min(560px,100%);padding:20px;border:1px solid var(--gold-dim);background:var(--hex-panel);box-shadow:0 24px 60px -20px #000000e6}.share-preview{border:1px solid var(--gold-line)}.share-canvas{display:block;width:100%;height:auto}.share-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.share-hint{margin:12px 0 0;color:var(--text-dim);font-size:.9rem}.contact{margin-top:72px;padding-top:32px;border-top:1px solid var(--gold-line);max-width:640px}.contact h2{margin:0 0 8px;font:600 1.35rem var(--font-display);color:var(--gold-bright)}.contact-lead{margin:0 0 24px;color:var(--text-dim)}.contact-form{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.contact-form .field{width:100%}.contact-form .segmented{align-self:flex-start}.contact-message{resize:vertical;min-height:132px;line-height:1.5}.contact-count{align-self:flex-end;font-size:.87rem;color:var(--text-faint)}.contact-note{margin:0;font-size:.87rem;color:var(--text-dim)}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-sent{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--gold-dim);animation:rise .26s var(--ease-out)}.contact-sent p{margin:0;display:flex;align-items:center;gap:8px;color:var(--text)}.contact-sent .icon{color:var(--win)}.about{margin-top:56px;padding-top:32px;border-top:1px solid var(--gold-line);max-width:70ch}.about h2{margin:0 0 12px;font:600 1.25rem var(--font-display);color:var(--gold-bright)}.about p{margin:0 0 12px;color:var(--text-dim);line-height:1.7}.app-footer{margin-top:32px;font-size:.87rem;color:var(--text-dim)}.footer-credit{margin:10px 0 0;color:var(--text-dim)}.footer-sep{margin:0 8px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes body-in{0%{opacity:0;transform:translateY(14px);filter:blur(6px)}}@keyframes art-in{0%{opacity:0;transform:scale(1.04)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion: reduce){.spotlight-body,.spotlight-art,.run-settings,.import-options,.recap,.detail,.settings-inline,.toast,.whats-new{animation:fade .18s linear}.shelf-icon:hover{transform:none}.alpha-bar span,.row-chevron,.import-options-toggle .icon{transition:none}}@media (pointer: coarse){.btn,.input,.btn-sm,.segmented button,.chip,.kda-input,.game-date,.game-kda-display{min-height:44px}.game-remove,.kda-done,.toast-close{width:44px;height:44px}.star{width:48px;height:44px}.star-visual{top:7px;right:11px;bottom:7px;left:11px}.link-btn{min-height:44px}.shelf-icon img{width:42px;height:42px}.whats-new-close{width:44px;height:44px}}@media (max-width: 1100px){.col-kda,.col-role{display:none}}@media (max-width: 860px){.detail{grid-template-columns:1fr}.ledger-detail td{padding-left:12px}.btn-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media (max-width: 720px){.whats-new{right:16px;bottom:16px;width:calc(100vw - 32px)}.topbar{gap:6px;min-height:56px;border-bottom:none}.brand-long{display:none}.brand-short{display:inline}.run-picker{flex:1;min-width:0}.run-picker .input{max-width:none;width:100%;padding-inline:4px;text-overflow:ellipsis}.topbar-actions{gap:0}.topbar-actions .btn{padding-inline:10px}.signin-long{display:none}.spotlight{margin-top:12px;min-height:0;margin-inline:calc(-1*clamp(16px,3vw,40px));border-inline:none}.spotlight-art{inset:0 0 auto 42%;height:340px}.spotlight-art img{object-position:50% 0;-webkit-mask-image:linear-gradient(90deg,transparent 0%,var(--hex-black) 55%),linear-gradient(180deg,var(--hex-black) 50%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0%,var(--hex-black) 55%),linear-gradient(180deg,var(--hex-black) 50%,transparent 100%);mask-composite:intersect;opacity:.8}.spotlight-body{padding-top:28px}.spotlight-title{font-size:1.05rem;max-width:60%}.spotlight-actions{padding-top:28px}.import-row,.import-row .btn,.first-import,.first-import .field,.first-import .btn,.first-import .field:first-child .input{width:100%}.manual-log .btn{flex:1}.manual-log{width:100%}.import-options{margin-inline:16px}.alpha-track{padding-inline:16px;gap:2px}.col-wl,.col-rating,.col-num{display:none}.search,.search .input,.roster-tools{width:100%}.ledger-row td,.letter-row th,.ledger thead th{padding-inline:4px}.shelf-icon img{width:42px;height:42px}.whats-new-close{width:44px;height:44px}}