:root{--bg: #120a1c;--card: #1c1029;--line: #36204f;--orange: #d21b25;--ember: #7d0a10;--purple: #8e5cff;--lavender: #cdb4ff;--gold: #ffe3a6;--cream: #fff4e2;--muted: #a99bbd;--scale: 1;--font: "Barlow Condensed", "Arial Narrow", sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--cream);font-family:Rajdhani,system-ui,sans-serif}body.is-overlay{background:transparent;overflow:hidden}button{font-family:inherit}.ov{--c-banner: #c3161f;--c-lines: #ffffff;--c-text: #ffffff;--c-win: #ffffff;--c-loss: #d21b25;--c-strip: #28282c;padding:20px 40px 30px;transform:scale(var(--scale));transform-origin:top left;width:max-content}.banner-wrap{position:relative;width:var(--banner-w, 460px);padding:var(--pad-top, 8px) 0}.banner{position:relative;height:92px;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--logo-gap, 130px);transition:column-gap .4s ease;border-radius:var(--radius, 0);overflow:hidden;isolation:isolate;background:linear-gradient(90deg,color-mix(in srgb,var(--c-banner) 50%,#000) 0%,var(--c-banner) 24%,color-mix(in srgb,var(--c-banner) 90%,#fff) 50%,var(--c-banner) 76%,color-mix(in srgb,var(--c-banner) 50%,#000) 100%);box-shadow:0 6px 16px #00000073}.banner:before{content:"";position:absolute;top:6px;right:0;bottom:6px;left:0;border-top:1.5px solid var(--c-lines);border-bottom:1.5px solid var(--c-lines);opacity:.75;pointer-events:none}.banner.no-lines:before{display:none}.banner-bg{display:none;position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1}.side{display:grid;place-items:center;padding-bottom:28px}.num{font-family:var(--font);font-weight:700;font-size:70px;line-height:1;color:var(--c-text);position:relative;top:-.05em}.logo{position:absolute;top:calc(var(--pad-top, 8px) + 46px);left:50%;transform:translate(-50%,-50%);z-index:2}.badge-pop{display:block;animation:badgeIn .7s cubic-bezier(.2,1.4,.4,1) both}@keyframes badgeIn{0%{transform:scale(.3) rotate(-90deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.strip{position:absolute;left:calc(14px + var(--radius, 0px) * .5);right:calc(14px + var(--radius, 0px) * .5);bottom:10px;display:grid;grid-template-columns:1fr 1fr;column-gap:calc(var(--logo-gap, 130px) + 8px);transition:column-gap .4s ease}.strip-part{display:flex;gap:3px;padding:2px;border-radius:min(var(--radius, 0px),6px);background:color-mix(in srgb,var(--c-strip) 80%,transparent)}.slot{flex:1;height:7px;border-radius:min(var(--radius, 0px),5px);background:#ffffff1f}.slot.w{background:var(--c-win);animation:slotIn .35s ease-out both}.slot.l{background:var(--c-loss);animation:slotIn .35s ease-out both}@keyframes slotIn{0%{transform:scaleX(0)}}.ctl{min-height:100vh;padding:24px clamp(16px,4vw,48px) 48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-content:start}.ctl.loading{display:grid;grid-template-columns:1fr;place-items:center;align-content:center}.ctl-head,.preview,.ladder{grid-column:1 / -1}.ctl-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ctl-logo{margin:0;font-family:var(--font);font-weight:800;font-size:clamp(28px,4vw,40px);letter-spacing:2px;text-transform:uppercase;color:var(--cream)}.ctl-logo span{color:var(--orange)}.conn{font-family:var(--font);font-weight:700;letter-spacing:2px;padding:2px 10px;border-radius:8px;font-size:15px;border:2px solid}.conn.on{color:var(--lavender);border-color:var(--lavender)}.conn.off{color:#ff6b6b;border-color:#ff6b6b}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px 18px}.panel h2{margin:0 0 12px;font-family:var(--font);font-weight:700;letter-spacing:2px;font-size:18px;text-transform:uppercase;color:var(--muted)}.preview-stage{overflow-x:auto;border-radius:8px;background:repeating-conic-gradient(#1f162b 0,#1f162b 25%,#170f21 0,#170f21 50%) 0 0 / 24px 24px}.preview-stage .ov{margin:0 auto}.btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn-grid button{cursor:pointer;border:none;border-radius:10px;transition:transform .1s,filter .1s}.btn-grid button:active:not(:disabled){transform:scale(.97)}.btn-grid button:disabled{opacity:.35;cursor:not-allowed}.big{font-family:var(--font);font-weight:800;font-size:34px;letter-spacing:1.5px;padding:18px 10px 16px}.big.win{color:var(--cream);background:linear-gradient(120deg,var(--orange),var(--ember))}.big.loss{color:#fff;background:#1b1b1f;border:2px solid #4a4a52!important}.big:hover:not(:disabled){filter:brightness(1.08)}.small,.link-row button{font-weight:700;font-size:15px;padding:11px 10px;color:var(--cream);background:var(--line);border:1px solid #4a2d6b;border-radius:8px;cursor:pointer}.small:hover:not(:disabled),.link-row button:hover{background:#46296a}.small.danger{color:#ff8a8a}.link-row button.copy{background:var(--orange);border-color:var(--orange);color:#fff;padding:11px 18px}.link-row button.copy:hover{filter:brightness(1.08);background:var(--orange)}kbd{font-family:Rajdhani,sans-serif;font-size:12px;font-weight:700;padding:1px 6px;border-radius:4px;background:#00000040;vertical-align:middle;margin-left:4px}.link-row{display:flex;gap:8px;align-items:stretch}.link-row code{flex:1;min-width:0;padding:11px 12px;border-radius:8px;background:var(--bg);border:1px solid var(--line);color:var(--gold);font-size:15px;overflow-x:auto;white-space:nowrap}.hint{color:var(--muted);font-size:14px;line-height:1.5;margin:12px 0 0}.hint code{color:var(--cream);word-break:break-all}.settings{display:flex;flex-direction:column;gap:12px}.settings label{display:flex;flex-direction:column;gap:4px;font-weight:700;color:var(--muted);font-size:14px}.settings input{font:inherit;font-size:16px;color:var(--cream);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:8px 10px}.ladder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.rung{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);opacity:.5}.rung div{display:flex;flex-direction:column;line-height:1.15}.rung b{font-family:var(--font);font-weight:700;font-size:20px;letter-spacing:1px}.rung span{font-size:14px;color:var(--muted)}.rung.done{opacity:.8}.rung.active{opacity:1;border-color:var(--orange)}@media (max-width: 860px){.ctl{grid-template-columns:1fr}}.colors{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.settings label.color{flex-direction:row;align-items:center;gap:10px;color:var(--cream)}.settings input[type=color]{width:38px;height:30px;padding:2px;cursor:pointer;flex:none}.settings input[type=range]{padding:0;accent-color:var(--orange);border:none;background:none}.settings label.check{flex-direction:row;align-items:center;gap:8px;color:var(--cream)}.settings input[type=checkbox]{accent-color:var(--orange);width:18px;height:18px;padding:0}.themes{display:flex;flex-direction:column;gap:6px}.themes-label{font-weight:700;color:var(--muted);font-size:14px}.theme-btn{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;font-weight:700;font-size:15px;color:var(--cream);background:var(--bg);border:1px solid var(--line);border-radius:8px;cursor:pointer;text-align:left}.theme-btn.active{border-color:var(--orange)}.swatch{width:90px;height:26px;border-radius:4px;flex:none}.gate{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;color:var(--muted)}.twitch-btn{display:inline-block;padding:14px 28px;border-radius:10px;background:#9146ff;color:#fff;font-family:var(--font);font-weight:800;font-size:24px;letter-spacing:1px;text-decoration:none}.twitch-btn:hover{filter:brightness(1.1)}.twitch-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.cmds{width:100%;border-collapse:collapse;font-size:14px}.cmds td{padding:5px 6px;border-top:1px solid var(--line)}.cmds code{color:var(--gold)}.cmds .who{color:var(--muted);text-align:right}.twitch-actions{display:flex;gap:8px;margin-top:12px}.invite-form{display:flex;flex-direction:column;gap:8px;margin-top:18px;color:var(--muted)}.invite-row{display:flex;gap:8px;justify-content:center}.invite-row input{font:inherit;font-size:18px;letter-spacing:2px;width:150px;text-align:center;color:var(--cream);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px}.twitch-btn.small-btn{font-size:18px;padding:8px 16px;border:none;cursor:pointer}.twitch-btn:disabled{opacity:.4;cursor:not-allowed}.admin-tag{margin-left:8px;font-size:12px;font-weight:700;padding:1px 6px;border-radius:4px;background:var(--orange);color:#fff}.invites .copy{margin:4px 0 10px;padding:9px 14px;border:none;border-radius:8px;cursor:pointer;font-weight:700}.invite-code{font-size:16px;letter-spacing:1px}.row-actions{display:flex;gap:6px;justify-content:flex-end}.row-actions .small{padding:5px 10px;font-size:13px}.cmds.used{margin-top:8px;opacity:.6}.text-btn{background:none;border:none;padding:0;color:var(--orange);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}.ov-missing{color:#fff;font:700 16px system-ui;text-shadow:0 1px 3px #000;padding:20px}.dash{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.dash-nav{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px;padding:20px 14px;background:var(--card);border-right:1px solid var(--line)}.dash-logo{font-size:26px;text-decoration:none;margin-bottom:14px;line-height:1.05}.nav-title{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;color:var(--cream);font-family:var(--font);font-weight:700;font-size:18px;letter-spacing:.5px;text-decoration:none}.nav-title:hover,.nav-title.active,.nav-game.open>.nav-title{background:var(--line)}.soon{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 5px}.nav-pages{display:flex;flex-direction:column;margin:2px 0 6px 10px;border-left:2px solid var(--line)}.nav-pages a{padding:5px 12px;color:var(--muted);text-decoration:none;font-weight:700;font-size:15px}.nav-pages a:hover{color:var(--cream)}.nav-pages a.active{color:var(--cream);border-left:2px solid var(--orange);margin-left:-2px}.nav-account{margin-top:auto;font-size:15px}.dash-nav .conn{align-self:flex-start;margin:8px 10px 0}.dash-main{padding:24px clamp(16px,3vw,40px) 48px;min-width:0}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-content:start}.full{grid-column:1 / -1}.lead{font-family:var(--font);font-weight:700;font-size:26px;margin:0 0 8px}.small.finish{grid-column:1 / -1;color:#0d1a05;background:#b6e35a;border-color:#b6e35a}.small.finish:hover:not(:disabled){background:#c6ef70}.filters{display:flex;gap:8px}.chip{padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted);font-weight:700;cursor:pointer}.chip.active{color:var(--cream);border-color:var(--orange)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.stat-tile{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:10px;background:var(--bg);border:1px solid var(--line)}.stat-label{font-size:13px;font-weight:700;color:var(--muted)}.stat-value{font-family:var(--font);font-weight:800;font-size:34px;line-height:1.05;color:var(--cream)}.stat-sub{font-size:13px;color:var(--muted)}.best-row{display:flex;align-items:center;gap:8px}.best .stat-value{font-size:24px}.tier-line{margin:10px 0 0;color:var(--muted);font-size:14px}.chart{position:relative}.chart svg{display:block}.chart .grid{stroke:var(--line);stroke-width:1}.chart .axis{fill:var(--muted);font-size:11px;font-family:Rajdhani,sans-serif;font-weight:700}.chart .bar{fill:var(--orange)}.chart .bar.hot{fill:#ef4a52}.chart-tip{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;padding:6px 10px;border-radius:8px;background:var(--bg);border:1px solid var(--line);font-size:13px;color:var(--cream);white-space:nowrap;pointer-events:none}.chart-tip span{color:var(--muted)}.history{width:100%;border-collapse:collapse;font-size:15px}.history th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line)}.history td{padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:middle}.history .num-col{text-align:right;font-variant-numeric:tabular-nums}.rank-cell{display:inline-flex;align-items:center;gap:8px}.mini-strip{display:inline-flex;gap:2px}.mini-strip i{width:8px;height:12px;border-radius:2px}.mini-strip i.w{background:var(--cream)}.mini-strip i.l{background:var(--orange)}.muted{color:var(--muted);font-size:13px}.add-weekend{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.add-weekend label{display:flex;flex-direction:column;gap:4px;font-weight:700;color:var(--muted);font-size:14px}.add-weekend input{font:inherit;font-size:16px;color:var(--cream);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:7px 10px;width:120px;color-scheme:dark}.add-weekend input[type=date]{width:160px}.add-weekend .finish{padding:9px 18px}.wcard{position:relative;width:360px;padding:14px 18px 16px;border-radius:var(--radius, 0);overflow:hidden;isolation:isolate;color:var(--c-text);background:linear-gradient(90deg,color-mix(in srgb,var(--c-banner) 50%,#000),var(--c-banner) 30%,var(--c-banner) 70%,color-mix(in srgb,var(--c-banner) 50%,#000));box-shadow:0 6px 16px #00000073}.wcard-title{font-family:var(--font);font-weight:700;font-size:15px;letter-spacing:2px;text-transform:uppercase;opacity:.85;margin-bottom:10px}.wstats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center;align-items:end}.wstats div{display:flex;flex-direction:column;align-items:center}.wstats b{font-family:var(--font);font-weight:700;font-size:38px;line-height:1}.wstats span{font-size:12px;font-weight:700;opacity:.8;margin-top:4px}.wbest svg{margin-bottom:-2px}.wrecent{display:flex;flex-direction:column;gap:4px}.wrow{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px}.wscore{font-family:var(--font);font-weight:700;font-size:28px;line-height:1}.wrow span{font-weight:700;opacity:.8}.wempty{font-weight:700;opacity:.8;padding:8px 0}.widget-panel .preview-stage{margin:8px 0 12px;padding:4px 0}.public{max-width:1000px;margin:0 auto;padding:28px 16px 48px}.public-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:18px}.twitch-link{color:#b58cff;font-weight:700;text-decoration:none}@media (max-width: 860px){.dash{grid-template-columns:1fr}.dash-nav{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;border-right:none;border-bottom:1px solid var(--line)}.dash-logo{width:100%;margin-bottom:4px}.nav-pages{flex-direction:row;border-left:none;margin:0}.nav-pages a.active{border-left:none;border-bottom:2px solid var(--orange);margin-left:0}.nav-account{margin-top:0}.page-grid{grid-template-columns:1fr}.hide-sm{display:none}}.riot-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.riot-head h2{margin:0 0 4px;font-size:26px;color:var(--cream);letter-spacing:1px;text-transform:none}.riot-head .tag{color:var(--muted);margin-left:4px;font-size:20px}.riot-actions{display:flex;gap:8px}.error-line{margin:10px 0 0;padding:8px 12px;border-radius:8px;background:#d21b2526;border:1px solid rgba(210,27,37,.5);color:#ffb3b6;font-size:14px}.session-line{display:flex;align-items:baseline;gap:12px;font-family:var(--font);font-weight:800;font-size:56px;line-height:1}.session-line span{color:var(--muted);font-size:36px}.result{font-weight:700;font-size:14px}.result.win{color:#b6e35a}.result.loss{color:#ff7d84}.result.draw,.result.remake{color:var(--muted)}.add-weekend input.wide{width:220px}.add-weekend select{font:inherit;font-size:16px;color:var(--cream);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:7px 10px}.rsession{display:flex;align-items:baseline;gap:10px;font-family:var(--font);font-weight:700;font-size:60px;line-height:1}.rsession .rsep{font-size:40px;opacity:.7}.rsession .rrank{margin-left:auto;font-size:20px;letter-spacing:1px;opacity:.9}.rdots{display:flex;gap:4px;margin-top:12px;min-height:10px}.rdots i{flex:1;max-width:30px;height:10px;border-radius:min(var(--radius, 0px),4px);background:#ffffff26}.rdots i.win{background:var(--c-win)}.rdots i.loss{background:var(--c-loss)}.riot-notice{margin:32px 0 0;font-size:11px;line-height:1.5;color:var(--muted);opacity:.7;max-width:760px}.banner.theme-scream{background:#e0621c}.theme-scream .banner-bg{display:block;background-color:#e0621c;background-image:url(/themes/scream-card.webp);background-repeat:no-repeat;background-size:calc(var(--banner-w, 460px) * 821 / 450) auto;background-position:calc(4px + var(--banner-w, 460px) * -235 / 450) calc(50px - var(--banner-w, 460px) * 172 / 450);filter:url(#wl-sharpen) blur(.7px) brightness(var(--brightness, .7))}.swatch.theme-scream{background-color:#e0621c;background-image:url(/themes/scream-card.webp);background-repeat:no-repeat;background-size:calc(90px * 821 / 450) auto;background-position:-47px -21.4px}.wcard.theme-scream{background:linear-gradient(160deg,#4a1d5c,#24102c 60%,#3a1408)}.wcard.theme-scream .wcard-title{margin:-14px -18px 12px;padding:12px 18px;opacity:1;background:linear-gradient(rgba(0,0,0,calc(1 - var(--brightness, .7))),rgba(0,0,0,calc(1 - var(--brightness, .7)))),url(/themes/scream-card.webp) no-repeat -188px -117.6px / calc(360px * 821 / 450) auto,#e0621c}