.subbar{display:flex;align-items:center;gap:10px;flex:none;min-width:0;padding:0 18px;min-height:42px;border-bottom:1px solid var(--line);background:var(--bg)}.subbar[hidden]{display:none}.subtabs{display:flex;gap:4px;align-items:stretch;align-self:stretch;min-width:0;overflow-x:auto;scrollbar-width:none}.subtab{background:none;border:0;border-bottom:2px solid transparent;padding:10px 10px 8px;color:var(--muted);font-weight:600;white-space:nowrap}.subtab:hover{color:var(--text)}.subtab.on{color:var(--text);border-bottom-color:var(--accent)}.betamark{display:inline-block;margin-left:8px;padding:0 6px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:none;font-size:10px;font-weight:700;line-height:16px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;vertical-align:2px;cursor:default}.subtab .betamark{margin-left:6px}.subtab.on .betamark{border-color:color-mix(in srgb,var(--muted) 45%,transparent)}.crumbs .betamark{margin-left:2px;vertical-align:0}#settingsParts{display:flex;flex-direction:column;gap:12px}#settingsParts:empty{display:none}.betafeat{display:inline-flex;align-items:center;margin-right:12px;white-space:nowrap}.betafeat .betamark{margin-left:6px}.crumbs{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap;padding:6px 0}.crumb{background:none;border:0;padding:2px 4px;border-radius:6px;color:var(--muted);font-weight:600;white-space:nowrap}button.crumb{color:var(--accent)}button.crumb:hover{background:var(--hover)}.crumb.here{color:var(--text);white-space:normal}.crumbs .sep{color:var(--muted)}.continue{display:inline-flex;align-items:baseline;gap:6px;min-width:0;max-width:60%;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:4px 12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-block:6px}.continue:hover{border-color:var(--accent)}.continue .muted{font-size:12px}#view-replays.allgames .sidebar,#view-replays.allgames .check:has(#recursive){display:none}.placeholder{overflow-y:auto}.placeholder .empty{max-width:640px;margin:40px auto;line-height:1.6}.jobpill.idle .dot{background:var(--muted);opacity:.6}.jobpill.offline{color:var(--bad);border-color:var(--bad)}.dot.off{background:var(--bad)}@media (max-width: 1000px){.subbar{padding:0 12px}.continue{max-width:50%}}@media (max-width: 640px){.topbar{padding:0 9px}.brand .wordmark{font-size:15px;line-height:23px;padding:0 5px 1px;border-radius:5px}}@media (max-width: 560px){.topbar{gap:4px;padding:0 6px}.navbtns .navbtn:last-child{display:none}.tabs{gap:2px}.tabs .tab{padding:8px 4px;font-size:13px}}@media (max-width: 460px){.brand .wordmark{font-size:13px;line-height:19px;letter-spacing:-.01em;padding:0 5px 1px;border-radius:5px}}@media (min-width: 420px) and (max-width: 460px){.topbar{padding-left:10px}button.brand{margin-right:2px}}@media (max-width: 419px){.topbar{padding:0 5px}.brand .wordmark{font-size:12px;line-height:18px;letter-spacing:-.02em;padding:0 4px 1px;border-radius:4px}}@media (min-width: 400px){.topbar .tabs{flex-shrink:0}}.ropill .roshort,.topbar.fit1 .ropill .rolong{display:none}.topbar.fit1 .ropill .roshort{display:inline}.topbar.fit2 .jobpill .jt{display:none}.topbar.fit2 .jobpill{gap:0;padding:2px 7px}.topbar.fit2 .jobpill.quiet:not(.idle){display:none}.topbar.fit3 .ropill{display:none}.topbar.fit3 .jobpill:not(:first-child){display:none}.topbar.fit3 .jobpill .jt,.topbar.fit3 .jobpill .qcue{display:none}.topbar.fit3 .jobpill{gap:0;padding:2px 7px}.topbar.fit3 .jobs{flex:none;overflow:visible}.jobpill .jn{display:none;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;margin-left:5px}.topbar.fit3 .jobpill .jn{display:inline}@media (max-width: 640px){.topbar .jobpill .jn{display:inline}}.tab{display:inline-flex;align-items:center;gap:6px}.tab .ticon{display:none;flex:none}.topbar.fit4 .tab:not(.on) .ticon,.topbar.fit5 .tab .ticon{display:block}.topbar.fit4 .tab:not(.on) .tl,.topbar.fit5 .tab .tl{display:none}.topbar.fit4 .tabs .tab:not(.on){padding:6px}.topbar.fit5 .tabs .tab,.topbar.fit5 .tabs .tab:not(.on){padding:6px 5px}.topbar{position:relative;z-index:3}.topprog{position:absolute;left:0;right:0;bottom:-2px;height:7px;z-index:4;opacity:0;pointer-events:none;transition:opacity .5s ease}.topprog.on{opacity:1;transition:opacity .2s ease}.topprog .tpfill{position:absolute;left:0;bottom:1px;height:3px;width:var(--tp, 0%);background:var(--accent);border-radius:0 2px 2px 0;overflow:hidden;transition:width .6s ease}.topprog.on:not(.paused):not(.indet) .tpfill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);background-size:40% 100%;background-repeat:no-repeat;animation:tpsheen 1.6s linear infinite}@keyframes tpsheen{0%{background-position:-40% 0}to{background-position:140% 0}}.topprog.indet .tpfill{width:28%;transition:none;border-radius:2px;animation:tpslide 1.4s ease-in-out infinite}@keyframes tpslide{0%{left:-28%}to{left:100%}}.topprog.paused .tpfill{opacity:.45}@media (prefers-reduced-motion: reduce){.topprog .tpfill{transition:none}.topprog .tpfill:after{display:none}.topprog.indet .tpfill{animation:none;left:0;width:100%;opacity:.45}}@media (max-width: 640px){.subbar{padding:0 8px;gap:6px;flex-wrap:wrap}.subtab{padding:9px 7px 7px;font-size:14px}.subbar>.spacer{display:none}.continue{max-width:100%;margin-bottom:6px}}.scnew{font-size:11px;font-weight:600;padding:1px 6px;border-radius:8px;background:var(--accent, #4a8);color:#fff}.scdlgback{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.scdlg{min-width:min(300px,calc(100vw - 32px));max-width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;display:flex;flex-direction:column;gap:8px}.scdlgn{font-size:14px}.scdata{display:flex;flex-wrap:wrap;gap:6px 10px;margin:6px 0;font-size:12px}.scprev{display:flex;gap:6px;align-items:center;margin:3px 0}.screc img.stock,.schead img.stock,.scprev img.stock{width:22px;height:22px;flex:none}.pop.qpop{width:340px;padding:var(--sp-3) var(--sp-4);z-index:40}.qpop .qpopsec{display:flex;flex-direction:column;gap:2px;padding-bottom:var(--sp-3)}.qpop .qpopsec+.qpopsec{padding-top:var(--sp-3);border-top:1px solid var(--line)}.qpop .qpoplab{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--sp-1)}.qpop .qpopgame{display:flex;align-items:baseline;gap:var(--sp-2);min-width:0}.qpop .qpopgame b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qpop .qpopn{margin-left:auto;flex:none;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.qpop .qpopwho+.qpopgame{margin-top:var(--sp-2)}.qpop .qpopwhat{margin-top:var(--sp-1)}.qpop .qpopprog{display:grid;grid-template-columns:minmax(40px,1fr) max-content;align-items:center;gap:var(--sp-1) var(--sp-3);margin-top:var(--sp-2);font-size:13px}.qpop .qpopcount{grid-column:1 / -1;font-variant-numeric:tabular-nums}.qpop .qpopleft{font-variant-numeric:tabular-nums}.qpop .qpopprog>.qpopbar:last-child{grid-column:1 / -1}.qpop .qpopbar{min-width:40px;height:4px;border-radius:999px;background:var(--line);overflow:hidden}.qpop .qpopbar>i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.qpop .qpopmore{margin-top:var(--sp-2)}.qpop .qpoptotal{flex-direction:row;align-items:baseline;justify-content:space-between}.qpop .qpoptotal .qpoplab{margin-bottom:0}.qpop .qpopacts{display:flex;align-items:center;gap:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--line)}@media (max-width: 480px){.pop.qpop{width:calc(100vw - 16px)}}