:root{--bg: #f3f4f6;--surface: #ffffff;--ink: #14171f;--muted: #667085;--line: #e4e7ec;--hover: #f5f9ff;--accent: #0070d1;--accent-ink: #ffffff;--soft: #e8f1fb;--danger: #c4321c;--bronze: #a9622f;--silver: #8a95a3;--gold: #c98f0a;--platinum: #2f95b6;--gutter: clamp(1rem, 3vw, 1.75rem);color:var(--ink);background:var(--bg);color-scheme:light;font-family:Geist,system-ui,-apple-system,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){:root{--bg: #0f1115;--surface: #171a21;--ink: #eceff4;--muted: #8b93a3;--line: #272b35;--hover: #1c2230;--accent: #4da3ff;--accent-ink: #04101f;--soft: #162338;--danger: #ff7a66;--bronze: #d98b55;--silver: #aab4c4;--gold: #f0b93a;--platinum: #58c6e6;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);line-height:1.5}h1,h2,h3,h4,p{margin:0}a{color:inherit}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tb{--t: var(--bronze)}.ts{--t: var(--silver)}.tg{--t: var(--gold)}.tp{--t: var(--platinum)}.route-loader{position:fixed;inset:0 0 auto 0;z-index:20;height:2px;background:var(--accent);transform-origin:left;animation:route-load 1.2s ease-out infinite}@keyframes route-load{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.page{min-height:100vh}.masthead{display:flex;align-items:center;gap:2rem;padding:.85rem var(--gutter);background:var(--surface);border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;text-decoration:none}.logo-mark{width:1.6rem;height:1.6rem}.masthead nav{display:flex;align-self:stretch;gap:1.4rem}.masthead nav a{display:flex;align-items:center;margin-block:-.85rem;padding-block:.85rem;color:var(--muted);font-weight:500;text-decoration:none;border-bottom:2px solid transparent}.masthead nav a:hover{color:var(--ink)}.masthead nav a[aria-current=page]{color:var(--ink);font-weight:600;border-bottom-color:var(--accent)}.masthead-user{display:flex;align-items:center;gap:1rem;margin-left:auto;min-width:0;color:var(--muted);font-size:.9rem}.masthead-user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button{display:inline-block;padding:.55rem 1rem;border:1px solid var(--accent);border-radius:4px;background:var(--accent);color:var(--accent-ink);font-weight:600;line-height:1.2;text-decoration:none}.button:hover:not(:disabled){filter:brightness(1.08)}.link-button{padding:0;border:0;background:none;color:var(--accent);font-weight:500;text-decoration:underline;text-underline-offset:3px}.text-link{color:var(--accent);font-weight:500;text-underline-offset:3px}.form-stack{display:grid;gap:1rem;max-width:26rem}.field{display:grid;gap:.3rem}.field label{color:var(--muted);font-size:.88rem;font-weight:500}input,select{min-height:2.4rem;padding:.35rem .7rem;border:1px solid var(--line);border-radius:4px;background:var(--surface)}input::placeholder{color:var(--muted);opacity:.8}input:focus-visible,select:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}select{padding-right:1.9rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 1rem) 50%,calc(100% - .7rem) 50%;background-size:.3rem .3rem;background-repeat:no-repeat;cursor:pointer}.error-message{padding:.6rem .8rem;border-left:3px solid var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--surface));font-weight:500}.status-line{padding:2rem var(--gutter);color:var(--muted);font-weight:500}.summary{display:flex;background:var(--surface);border-bottom:1px solid var(--line)}.summary>div{flex:1;padding:1rem var(--gutter);border-right:1px solid var(--line)}.summary>div:last-child{border-right:0}.summary b{display:block;font-size:1.75rem;font-weight:600;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}.summary span{color:var(--muted);font-size:.85rem}.summary>.sync-cell{display:grid;flex:1.3;align-content:center;justify-items:start;gap:.35rem}.sync-state{display:flex;align-items:center;gap:.5rem;font-weight:600}.sync-state:before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:var(--muted)}.sync-state[data-state=syncing]:before,.sync-state[data-state=queued]:before{background:var(--accent);animation:pulse 1.1s ease-in-out infinite}.sync-state[data-state=error]:before{background:var(--danger)}.sync-state[data-state=done]:before{background:var(--platinum)}@keyframes pulse{50%{opacity:.25}}.sync-cell .button{padding:.35rem .8rem;font-size:.88rem}.connect{max-width:44rem;padding:1.5rem var(--gutter) .5rem}.connect h2,.panel-page h2{margin-bottom:.3rem;font-size:1.25rem;font-weight:600}.connect>p,.panel-page>p{color:var(--muted)}.connect .form-stack,.panel-page .form-stack{margin-top:1rem}.fineprint{margin-top:1rem;color:var(--muted);font-size:.88rem}.tools{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;padding:.8rem var(--gutter);background:var(--surface);border-bottom:1px solid var(--line)}.tools h2{margin-right:1rem;font-size:1.05rem;font-weight:600}.tools h2 small{margin-left:.5rem;color:var(--muted);font-size:.85rem;font-weight:400}.tools select,.tools input{min-height:2.1rem;font-size:.88rem}.tools input[name=search]{width:14rem;margin-left:auto}.platform-dropdown{position:relative}.platform-dropdown summary{display:flex;align-items:center;min-height:2.1rem;padding:.35rem .7rem;border:1px solid var(--line);border-radius:4px;background:var(--surface);font-size:.88rem;list-style:none;cursor:pointer}.platform-dropdown summary::-webkit-details-marker{display:none}.platform-dropdown summary:after{content:"";width:.4rem;height:.4rem;margin:-.15rem 0 0 .6rem;border:solid var(--muted);border-width:0 2px 2px 0;transform:rotate(45deg)}.platform-options{position:absolute;z-index:5;display:grid;gap:.1rem;min-width:9rem;margin-top:.3rem;padding:.4rem .7rem;border:1px solid var(--line);border-radius:4px;background:var(--surface);box-shadow:0 8px 24px -8px #0000004d}.platform-options label{display:flex;align-items:center;gap:.5rem;min-height:2rem;cursor:pointer}.platform-options input{min-height:0;accent-color:var(--accent)}.table-scroll{overflow-x:auto}table.ledger{width:100%;min-width:52rem;border-collapse:collapse;background:var(--surface);color:var(--ink);font:inherit;font-variant-numeric:tabular-nums}.ledger th{padding:.55rem .75rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 55%,var(--surface));color:var(--muted);font-size:.8rem;font-weight:500;text-align:left;white-space:nowrap}.ledger td{padding:.5rem .75rem;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle}.ledger th:first-child,.ledger td:first-child{width:4rem;padding-left:var(--gutter)}.ledger th.n,.ledger td.n{width:3.4rem;padding-inline:.4rem;text-align:right}.ledger tbody tr{position:relative}.ledger tbody tr:hover td{background:var(--hover)}.thumb{display:block;width:40px;height:40px;border-radius:3px;object-fit:cover;background:var(--line)}.thumb-blank{display:grid;place-items:center;color:var(--muted);font-size:.8rem;font-weight:600}.gname a{font-weight:600;text-decoration:none}.gname a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.plat,.when{color:var(--muted);font-size:.85rem;white-space:nowrap}.cnt{color:var(--t);font-weight:600}.cnt.z{color:var(--line);font-weight:400}.pcell{width:12rem}.pb{display:flex;align-items:center;gap:.6rem}.pb i{flex:1;height:4px;overflow:hidden;background:var(--line)}.pb s{display:block;height:100%;background:var(--accent)}.pb.done s{background:var(--gold)}.pb span{width:2.6rem;font-weight:600;text-align:right}.game-head{display:flex;align-items:center;gap:1.25rem;padding:1.25rem var(--gutter);background:var(--surface);border-bottom:1px solid var(--line)}.game-head .thumb{width:5.5rem;height:5.5rem;border-radius:4px}.game-head .back{display:block;margin-bottom:.3rem;color:var(--muted);font-size:.88rem;font-weight:500}.game-head h1{font-size:clamp(1.4rem,3vw,2rem);font-weight:600;letter-spacing:-.015em;line-height:1.1}.game-head .meta{margin-top:.3rem;color:var(--muted)}.game-head .meta b{color:var(--ink);font-weight:600}.trophy-group h3{display:flex;align-items:center;gap:.5rem;padding:.7rem var(--gutter);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 55%,var(--surface));font-size:.9rem;font-weight:600}.trophy-group h3 img{width:1.25rem;height:1.25rem}.trophy-list{padding:0;margin:0;list-style:none;background:var(--surface)}.trophy{display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:.25rem 1rem;padding:.75rem var(--gutter);border-bottom:1px solid var(--line);border-left:4px solid var(--t, var(--bronze))}.trophy-icon{width:3rem;height:3rem;overflow:hidden;border-radius:3px;background:var(--line)}.trophy-icon img{display:block;width:100%;height:100%;object-fit:cover}.trophy.locked .trophy-icon img{filter:grayscale(1);opacity:.6}.trophy-body h4{font-size:.97rem;font-weight:600;line-height:1.25}.trophy.locked .trophy-body h4{color:var(--muted)}.trophy-body p{max-width:40rem;margin-top:.1rem;color:var(--muted);font-size:.88rem}.trophy-status{display:grid;justify-items:end;font-size:.85rem;text-align:right}.trophy-status .tier{color:var(--t);font-weight:600}.trophy-status .when{color:var(--muted)}.trophy.earned .trophy-status .when{color:var(--ink)}.page-pad{padding-bottom:4rem}.nu-title{padding:1.25rem var(--gutter) .9rem}.nu-title h1{font-size:1.4rem;font-weight:600;letter-spacing:-.01em}.nu-title p{margin-top:.2rem;color:var(--muted)}.queue{display:grid;grid-template-columns:minmax(18rem,22rem) 1fr;border-block:1px solid var(--line);background:var(--surface)}.q-list{border-right:1px solid var(--line)}.q{display:grid;grid-template-columns:1.6rem 2.8rem 1fr;gap:.8rem;align-items:center;width:100%;padding:.75rem var(--gutter) .75rem 1rem;border:0;border-bottom:1px solid var(--line);background:none;text-align:left}.q:hover{background:var(--hover)}.q[aria-selected=true]{background:var(--soft);box-shadow:inset 3px 0 0 var(--accent)}.q .rank{color:var(--muted);font-size:1.1rem;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.q[aria-selected=true] .rank{color:var(--ink)}.q .thumb{width:2.8rem;height:2.8rem}.q b{display:block;font-weight:600;line-height:1.2}.q small{color:var(--muted);font-size:.85rem}.q-detail{display:grid;align-content:start;gap:1rem;padding:1.4rem var(--gutter)}.q-detail h2{font-size:1.5rem;font-weight:600;letter-spacing:-.015em;line-height:1.1}.facts{display:flex;flex-wrap:wrap;gap:.3rem 2rem;color:var(--muted)}.facts b{margin-right:.25rem;color:var(--ink);font-size:1.15rem;font-weight:600}.left-list{padding:0;margin:0;list-style:none;border:1px solid var(--line);border-radius:4px}.left-list li{display:grid;grid-template-columns:2.6rem 1fr auto;align-items:center;gap:.8rem;padding:.6rem .9rem;border-bottom:1px solid var(--line);border-left:4px solid var(--t, var(--bronze))}.left-list li:last-child{border-bottom:0}.left-list .trophy-icon{width:2.6rem;height:2.6rem}.left-list b{display:block;font-weight:600;line-height:1.25}.left-list small{color:var(--muted);font-size:.85rem}.left-list .right{display:grid;justify-items:end;font-size:.85rem;text-align:right}.left-list .right .tier{color:var(--t);font-weight:600}.left-list .right span:last-child{color:var(--muted)}.empty-state{max-width:34rem;padding:2.5rem var(--gutter)}.empty-state h2{font-size:1.2rem;font-weight:600}.empty-state p{margin-top:.4rem;color:var(--muted)}.panel-page{max-width:44rem;padding:1.5rem var(--gutter) 4rem}.panel-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.panel-head h1{font-size:1.4rem;font-weight:600;letter-spacing:-.01em}.facts-grid{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1.5rem;margin:0 0 1.5rem}.facts-grid dt{color:var(--muted)}.facts-grid dd{margin:0;font-weight:500}.facts-grid dd.bad{color:var(--danger)}.auth{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,28rem);min-height:100vh}.auth-stage{display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:clamp(1.25rem,4vw,3rem);background:var(--surface);border-right:1px solid var(--line)}.auth-stage h1{max-width:16ch;font-size:clamp(2rem,4.6vw,3.4rem);font-weight:600;letter-spacing:-.025em;line-height:1.02}.auth-stage p{max-width:28rem;margin-top:1rem;color:var(--muted)}.demo{display:grid;max-width:30rem;border:1px solid var(--line);border-radius:4px;font-size:.88rem;font-variant-numeric:tabular-nums}.demo div{display:grid;grid-template-columns:1fr 7rem 1.2rem;align-items:center;gap:.8rem;padding:.55rem .8rem;border-bottom:1px solid var(--line)}.demo div:last-child{border-bottom:0}.demo i{display:block;height:6px;background:var(--line)}.demo i+i{height:4px}.demo s{display:block;height:100%;background:var(--accent)}.demo b{height:6px;background:var(--line)}.auth-form{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.25rem,4vw,3rem)}.auth-form h2{margin-bottom:.3rem;font-size:1.6rem;font-weight:600;letter-spacing:-.015em}.auth-form>div>p{margin-bottom:1.4rem;color:var(--muted)}.auth-form .form-stack{max-width:none}.auth-form .button{width:100%;padding-block:.7rem}.auth-form .auth-switch{margin:1.4rem 0 0}.error-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.25rem}@media(max-width:52rem){.masthead{flex-wrap:wrap;gap:.6rem 1.25rem}.masthead nav a{margin-block:0}.masthead-user{width:100%;margin-left:0;justify-content:space-between}.summary{flex-wrap:wrap}.summary>div{flex:1 1 45%;border-bottom:1px solid var(--line)}.tools input[name=search]{width:100%;margin-left:0}.game-head .thumb{width:4rem;height:4rem}.trophy{grid-template-columns:2.6rem 1fr}.trophy-icon{width:2.6rem;height:2.6rem}.trophy-status{grid-column:2;justify-items:start;text-align:left}.queue{grid-template-columns:1fr}.q-list{border-right:0;border-bottom:1px solid var(--line)}.auth{grid-template-columns:1fr}.auth-stage{border-right:0;border-bottom:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.goal-switch{display:inline-flex;margin-top:.9rem;border:1px solid var(--line);border-radius:4px;background:var(--surface);overflow:hidden}.goal-switch button{padding:.45rem 1rem;border:0;background:none;color:var(--muted);font-weight:500}.goal-switch button+button{border-left:1px solid var(--line)}.goal-switch button:hover{color:var(--ink)}.goal-switch button[aria-checked=true]{background:var(--accent);color:var(--accent-ink);font-weight:600}.marks{display:inline-flex;align-items:center;gap:.4rem}.mark-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .65rem;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--muted);font-size:.85rem;font-weight:500}.mark-btn:hover{border-color:var(--accent);color:var(--accent)}.mark-btn[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.mark-fav[aria-pressed=true]{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 18%,var(--surface));color:var(--gold)}.marks-compact .mark-btn{padding:.3rem}.mark-error{color:var(--danger);font-size:.8rem}.game-head .marks{margin-top:.7rem}.marks-cell{width:5rem;padding-right:var(--gutter)!important;text-align:right}.marks-cell .marks{position:relative;z-index:1}.q-search{padding:0 var(--gutter) .9rem}.q-search input{width:min(100%,22rem)}.q-group{padding:.55rem var(--gutter) .4rem 1rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 55%,var(--surface));color:var(--muted);font-size:.8rem;font-weight:600}.page-app{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:0;overflow:hidden}.page-app>*{flex:none}.library-pane,.pane,.page-app>.queue{flex:1 1 auto;min-height:0}.library-pane,.pane{display:flex;flex-direction:column}.library-pane .table-scroll,.pane .scroll-area{flex:1 1 auto;min-height:0;overflow:auto}.ledger thead th{position:sticky;top:0;z-index:2}.page-app>.queue{grid-template-rows:minmax(0,1fr)}.page-app .q-list,.page-app .q-detail{min-height:0;overflow:auto}@media(max-width:52rem){.page-app{display:block;height:auto;overflow:visible}.library-pane .table-scroll{overflow-x:auto;overflow-y:hidden}.pane .scroll-area,.page-app .q-list,.page-app .q-detail{overflow:visible}.ledger thead th{position:static}}@media(min-width:52.01rem){.nu-title{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 1.5rem;padding-bottom:.7rem}.nu-title .goal-switch{grid-row:1 / span 2;grid-column:2;margin-top:0}.q-search{padding-bottom:.6rem}}.q-search{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.q-search select{min-height:2.4rem}