@font-face{font-family:Open Runde;font-weight:400;src:url(/OpenRunde-Regular-9mtd5yw7.woff2)}@font-face{font-family:Open Runde;font-weight:600;src:url(/OpenRunde-Semibold-xj84cx0a.woff2)}@font-face{font-family:Open Runde;font-weight:700;src:url(/OpenRunde-Bold-78f7ckdb.woff2)}:root{--s0:#292929;--s1:#333;--s2:#3d3d3d;--s3:#474747;--s4:#525252;--s5:#666;--fg:#ededed;--dim:#adadad;--key:#72cab8;--bad:#df7168;--gold:#f6cf5a;--hint:color-mix(in oklab,var(--dim)70%,var(--key));--ease:cubic-bezier(.22,1,.36,1);--nav:50px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--s0);color:var(--fg);-webkit-font-smoothing:antialiased;overflow-y:scroll;scrollbar-color:var(--s4)transparent;font:400 14px/1.4 Open Runde,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit;outline:none;appearance:none;background:0 0;border:none}button{cursor:pointer}svg{display:block;flex:none}.line{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.solid{fill:currentColor}.shell{max-width:1000px;margin-inline-start:auto;margin-inline-end:auto;padding-inline-start:clamp(10px,4vw,40px);padding-inline-end:clamp(10px,4vw,40px)}main{padding:var(--nav)0 40px}main>.shell{padding-top:40px}.cols{display:grid;align-items: start;gap:20px}@media (min-width:760px){.cols{grid-template-columns:repeat(2,minmax(0,1fr))}}.push{margin-left:auto}.flex{display:flex;align-items: center;gap:10px}.stack,.list{display:flex;flex-direction:column;gap:5px}.list{gap:10px}.panel{background:var(--s2);border-radius:6px;padding:20px}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}h1{overflow-wrap:anywhere;flex-wrap:wrap;margin-bottom:20px;font-size:28px}h2{display:flex;align-items: center;gap:10px;margin:20px 0 10px;font-size:14px}h2:first-child{margin-top:0}h2:before{content:"";background:var(--tint,var(--key));border-radius:3px;width:3px;height:.75em}b,h1,h2{font-weight:700}.num{font-variant-numeric:tabular-nums}.soft,.unit,small{color:var(--dim);font-size:12px;font-weight:600}.label{color:var(--dim);letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:700}.key{color:var(--key)}.gone{opacity:.55}[data-medal=gold]{--m:#f0e4a8;--m-deep:#e0c952}[data-medal=silver]{--m:#e0e0eb;--m-deep:#a3a3c2}[data-medal=bronze]{--m:#b88f7a;--m-deep:#855c47}span[data-medal],.place{background:linear-gradient(var(--m),var(--m-deep));color:#0000;-webkit-background-clip:text;background-clip:text}.place{letter-spacing:.05em;font-size:12px;font-weight:700}a,button,.hov{transition:color .12s,background-color .12s}.hov:hover,.hov:focus-within{outline:2px solid var(--fg);outline-offset:-2px}.hov:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}:where(.btn,.card,.board):active{scale:.98}[data-tint=red],[data-tint=burn]{--tint:#d45e54}[data-tint=blue],[data-tint=cool]{--tint:#599ecf}[data-tint=warm]{--tint:#59c06a}[data-tint=hot]{--tint:#f5ca47}[data-tint=SS]{--tint:#dd31ad}[data-tint=S]{--tint:#02b8c5}[data-tint=A]{--tint:#89d920}[data-tint=B]{--tint:#e3b031}[data-tint=C]{--tint:#ff8d5c}[data-tint=D]{--tint:#ff5c5c}[data-tint=easy]{--tint:#b3ff66}[data-tint=hard]{--tint:#f66}[data-tint=auto]{--tint:#6cf}[data-tint=convert]{--tint:#8c66ff}[data-tint=fun]{--tint:#ff66ab}.chip{display:inline-flex;background:var(--s0);color:var(--dim);white-space:nowrap;border-radius:99px;justify-content:center;align-items: center;gap:5px;padding:1px 10px;font-size:12px;font-weight:600}.chip[data-tint]{background:var(--tint);color:var(--s0);font-weight:700}.chip.live{background:var(--tint);color:var(--s0);font-weight:700}.chip.live{--tint:var(--key)}.btn{display:inline-flex;background:var(--s3);white-space:nowrap;border-radius:99px;justify-content:center;align-items: center;gap:5px;padding:5px 20px;font-weight:600}.btn:hover{background:var(--key);color:var(--s0)}.btn.loud{background:var(--key);color:var(--s0)}.btn.calm{background:var(--s2);color:var(--dim)}.wide{height:var(--nav);border-radius:6px;width:100%}main .wide{margin-top:40px}.icon{display:grid;color:var(--dim);flex:none;place-items: center;width:24px;height:24px}.icon:hover{color:var(--hl,var(--fg))}.input{background:var(--s0);border-radius:6px;width:100%;padding:5px 10px;font-weight:600}.input::placeholder{color:var(--s5)}.slider{background:linear-gradient(90deg,var(--key)var(--pct),var(--s0)var(--pct));cursor:pointer;border-radius:3px;width:100%;height:3px;margin-block-start:5px;margin-block-end:5px}.slider::-webkit-slider-thumb{appearance:none;background:var(--key);border-radius:50%;width:14px;height:14px}.slider::-moz-range-thumb{background:var(--key);border:none;border-radius:50%;width:14px;height:14px}.switch{border:3px solid var(--s0);background:radial-gradient(circle at 7px,var(--s5)6.5px,var(--s0)7.5px);cursor:pointer;border-radius:99px;flex:none;width:36px;height:20px}.switch:checked{border-color:var(--key);background:radial-gradient(circle at calc(100% - 7px),var(--s0)6.5px,var(--key)7.5px)}.avatar{width:var(--size);height:var(--size);background:hsl(var(--h)35% 38%)center/cover;border-radius:50%;flex:none}.faces{display:flex;align-items: center}.faces small{margin-left:5px}.faces .avatar+.avatar{margin-left:-8px}.faces .avatar{border:2px solid var(--s1)}.nav{position:fixed;z-index:10;height:var(--nav);border-bottom:1px solid var(--s2);backdrop-filter:blur(8px);background:#292929eb;inset:0 0 auto}.nav .shell{height:100%}.runner{display:grid;color:var(--key);border-radius:50%;place-items: center;width:32px;height:32px}.logo{letter-spacing:-.02em;font-size:18px;font-weight:700}.me{text-align:right;margin-left:auto}.me .who{align-items: flex-end}.me:hover b{color:var(--key)}.toolbar{position:sticky;top:var(--nav);z-index:9;background:var(--s1);box-shadow:0 2px 8px #00000040}.toolbar .shell{padding-block-start:10px;padding-block-end:10px}.toolbar+.shell{padding-top:20px}.stats{flex-wrap:wrap;gap:10px 40px}.tabs{display:flex;gap:20px;margin-right:auto}.tabs button{position:relative;color:var(--dim);margin-block-start:-5px;margin-block-end:-5px;padding:10px 0;font-weight:600}.tabs button:after{content:"";position:absolute;background:var(--key);transform-origin:bottom;transition:scale .12s var(--ease);border-radius:3px;height:3px;inset:auto 0 0;scale:1 0}.tabs button:hover{color:var(--fg)}.tabs .on{color:var(--fg)}.tabs button:hover:after{scale:1}.tabs .on:after{scale:1}.sort{color:var(--dim);gap:5px;font-size:12px;font-weight:600}.sort.up svg{scale:1 -1}.card{position:relative;display:flex;background:color-mix(in oklab,var(--s1),var(--tint,var(--s1))4%);cursor:pointer;border-radius:6px;flex-direction:column;gap:10px;padding:20px}.card:hover{background:color-mix(in oklab,var(--s2),var(--tint,var(--s2))4%)}.card .flex{flex-wrap:wrap}.card h3{flex:1;font-size:18px;font-weight:600}.lock{position:absolute;background:#333333e6;border-radius:6px;justify-content:center;inset:0}.lock .input{width:min(180px,50%)}.row{--surface:var(--s3);display:flex;background:color-mix(in oklab,var(--surface)90%,var(--status,var(--surface)));border-radius:6px;justify-content:space-between;align-items: center;gap:10px;min-height:40px;padding:10px}.row.col{flex-direction:column;align-items:stretch;gap:5px}.who{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}.who .meter{margin-top:5px}.score{display:flex;flex-direction:column;align-items: flex-end;min-width:70px;font-size:18px;font-weight:600;line-height:1.3}.value{font-size:18px;font-weight:600}.row:not(.col) .value{font-size:14px}.ends{display:flex;justify-content:space-between}.fold{display:grid;grid-template-rows:0fr;transition:grid-template-rows .12s var(--ease)}.row:has(.switch:checked) .fold{grid-template-rows:1fr}.fold>*{display:flex;overflow:hidden;flex-direction:column;gap:5px}.pip{display:grid;border:2px solid var(--s5);color:var(--key);border-radius:50%;flex:none;place-items: center;width:20px;height:20px}.pip svg{stroke-width:4.5}.pip.on{background:var(--key);color:var(--s0);border:none}.pip.host{color:var(--gold);border:none}.stat{display:flex;flex-direction:column;min-width:0}.timer{font-size:28px;font-weight:700;line-height:1.1}.timer.urgent{color:var(--bad);animation:pulse 1.2s var(--ease)infinite}@keyframes pulse{50%{scale:1.04}}.meter{background:var(--s0);overflow:hidden;border-radius:3px;height:3px}.meter>*{background:var(--tint,var(--key));height:100%}.meter.flat{border-radius:0}.meter.flat>*{transition:width 1s linear}.toolbar:has(.urgent) .meter>*{background:var(--bad)}.board{container-type:inline-size;cursor:pointer;min-height:54px}.board:hover{--surface:var(--s4)}.board .score{min-width:96px}.track{display:none;flex:1.5;padding-inline-start:10px;padding-inline-end:10px}@container (width>=30rem){.track{display:block}}.you{--surface:var(--s4)}.pos{position:relative;color:var(--dim);text-align:center;flex:none;width:24px;font-weight:700}.pos .icon{position:absolute;background:var(--s4);color:var(--bad);visibility:hidden;width:auto;inset:-2px 0}.board:hover .pos .icon{visibility:visible}.open .chev{rotate:90deg}.drawer{padding:5px 0 5px 40px}.feed{margin-top:20px}.versus{margin-bottom:20px}.sides{display:flex;justify-content:space-between;gap:20px}.side{display:flex;flex-direction:column;gap:5px}.side:last-child{align-items: flex-end}.side .label{color:var(--tint)}.side .total{color:var(--tint);font-size:28px;font-weight:700;line-height:1.1}.side .faces .avatar{border-color:var(--s2)}.tug{display:flex;background:var(--s0);overflow:hidden;border-radius:6px;justify-content:space-between;height:6px;margin-top:15px}.stars{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(20px,5vw,40px);margin-top:20px;font-size:14px}.stars b{font-weight:600}.stars .push{font-weight:600}.stars svg{color:var(--tint)}.stars>:last-child{flex-direction:row-reverse}.stars>:last-child .push{margin:0 auto 0 0}.play{container-type:inline-size;background:var(--s1);overflow:hidden;border-radius:6px;font-size:12px}.play:hover{background:var(--s2)}.play .grade{width:36px;padding:1px 0;font-size:13px}.play .title{grid-area:title;align-self: end;padding-top:8px;font-size:14px;font-weight:600}.play .title small{font-weight:400}.strip{display:grid;grid-template-columns:auto minmax(0,1fr)auto auto auto;grid-template-areas:"lead title mods acc pp" "lead sub mods acc pp";align-items: center;column-gap:12px;padding-left:12px}@container (width<=30rem){.strip{grid-template-columns:auto minmax(0,1fr)auto;grid-template-areas:"lead title pp" "lead sub acc" "lead mods mods";padding:8px 12px}.strip .title{padding:0}.strip .sub{padding:0}}.lead{grid-area:lead}.sub{grid-area:sub;display:flex;white-space:nowrap;overflow:hidden;align-self: start;gap:10px;padding-bottom:8px}.sub b{color:var(--fg)}.sub .diff{color:var(--hint)}.mods{grid-area:mods;display:flex;gap:2px}@container (width<=30rem){.mods{margin-top:4px}}.mods:empty{display:none}.mod{display:flex;background:var(--tint,#9e9e9e);color:var(--s0);white-space:pre;clip-path:polygon(5px 0,calc(100% - 5px)0,100% 50%,calc(100% - 5px)100%,5px 100%,0 50%);align-items: center;height:18px;padding:0 10px;font-weight:700}.acc{grid-area:acc;color:var(--dim);text-align:right;min-width:6ch;font-size:14px;font-weight:600}@container (width<=30rem){.acc{font-size:12px}}.pp{grid-area:pp;display:flex;background:var(--s3);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,8px 50%);justify-content:center;align-self:stretch;align-items: center;min-width:80px;padding:5px 10px 5px 20px;font-size:14px;font-weight:700}.play:hover .pp{background:var(--s4)}@container (width<=30rem){.pp{clip-path:none;background:0 0;justify-content:flex-end;align-self: end;min-width:0;padding:0}.play:hover .pp{background:0 0}}.podium{display:flex;justify-content:center;align-items: flex-end;gap:10px;margin-bottom:20px}.podium>*{border-bottom:3px solid var(--m);flex:1;align-items: center;min-width:0;max-width:200px;padding:20px 10px 10px}.podium>:nth-child(2){order:-1}.podium .won{padding-top:40px}.summary{position:relative;overflow:hidden;flex-wrap:wrap;gap:10px 20px;margin-bottom:20px}.summary .who{white-space:nowrap;flex:1 0 auto}.summary>.flex{text-align:right;gap:20px;margin-left:auto}.summary .meter{position:absolute;background:0 0;border-radius:0;inset:auto 0 0}.toast{position:fixed;z-index:11;background:var(--s2);animation:0s 3s forwards hide;border-radius:99px;padding:5px 20px 5px 5px;font-weight:600;bottom:20px;left:50%;translate:-50%}@keyframes hide{to{visibility:hidden}}.gate{position:fixed;z-index:20;display:grid;background:#0d0d0d99;place-items: center;inset:0}.gate .panel{display:flex;flex-direction:column;align-items: center;gap:40px;width:min(320px,90vw);padding-top:40px}.gate .logo{font-size:28px}body:has(.overlay){overflow:hidden;background:0 0}main.overlay{width:300px;padding:10px}main.overlay .head{position:relative;overflow:hidden;height:44px}main.overlay .head .meter{position:absolute;inset:auto 0 0}main.overlay .panel{backdrop-filter:blur(8px);background:#333333e0;padding:5px 10px}main.overlay .flex{justify-content:space-between}main.overlay .row{background:0 0;padding:2px 5px}main.overlay .you{background:var(--s3)}main.overlay .score{text-align:right;font-weight:700}main.overlay .podium{margin:0;padding-block-start:5px;padding-block-end:5px}main.overlay .podium>*{backdrop-filter:none;background:0 0;border:none;padding:0}main.overlay .podium .avatar{outline:3px solid var(--m);outline-offset:2px;margin-block-start:5px;margin-block-end:5px}main.overlay .podium .won{margin-bottom:10px}main.overlay .podium small{display:none}main.overlay .versus{margin:0}