@font-face{font-family:Unbounded;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/unbounded-latin-800-normal-CN2Hxyoo.woff2)format("woff2"),url(/assets/unbounded-latin-800-normal-Cjred_zf.woff)format("woff")}:root{--page:#e7e7e4;--box:#fff;--line:#dfdfda;--line-strong:#c7c7c1;--text:#1c1c1a;--muted:#686862;--accent:#ff5a1f;--accent-dark:#e8460d;--accent-soft:#fff1eb;--link:#e04a12;--blue:#2456d6;--system:#1f9d55;--notice:#c2410c;--stripe:#f2f2ef;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--display:Unbounded, var(--sans);--radius:6px;--radius-lg:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{background:var(--page);color:var(--text);font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--link);text-decoration:none}a:hover{text-underline-offset:2px;text-decoration:underline}.window{flex-direction:column;gap:16px;max-width:1000px;margin:32px auto;display:flex}.masthead,.body,.box{background:var(--box);border:1px solid var(--line);border-radius:var(--radius-lg)}.titlebar{color:var(--text);flex-wrap:wrap;align-items:flex-end;gap:10px 7px;padding:40px 20px 44px;display:flex}.titlebar:hover{text-decoration:none}.titlebar .logo-icon{fill:none;width:29px;height:29px;stroke:var(--accent);stroke-width:7px;stroke-linecap:round;overflow:visible}.titlebar .logo-icon *{transform-box:view-box;transform-origin:32px 32px}.titlebar .logo-icon circle{stroke-width:2px;opacity:0}@media (hover:hover) and (prefers-reduced-motion:no-preference){.titlebar:hover .logo-icon path{animation:.9s cubic-bezier(.25,.9,.3,1) logo-spin}.titlebar:hover .logo-icon circle{animation:.9s ease-out logo-lock}.titlebar:hover .logo{animation:.5s step-end logo-glitch}}@keyframes logo-spin{0%{transform:rotate(0)scale(1)}62%{transform:rotate(450deg)scale(.8)}72%{transform:rotate(450deg)scale(1.15)}85%,to{transform:rotate(450deg)scale(1)}}@keyframes logo-lock{0%,62%{opacity:0;transform:scale(.5)}72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes logo-glitch{0%{text-shadow:-3px 0 #ff2a6d,3px 0 #05d9e8;transform:translate(2px)}20%{text-shadow:2px 1px #ff2a6d,-2px -1px #05d9e8;transform:skew(-8deg)}40%{text-shadow:-1px 0 #ff2a6d,1px 0 #05d9e8;transform:translate(-2px)}60%,to{text-shadow:none;transform:none}}.titlebar .logo{font:800 40px/.9 var(--display);letter-spacing:-.03em;text-transform:uppercase;text-box:trim-both cap alphabetic}.titlebar .slogan{font:500 13px/1 var(--mono);color:var(--muted);flex-direction:column;gap:10px;margin:0 0 0 11px;display:flex}.titlebar .slogan>*{text-box:trim-both cap alphabetic}.titlebar .slogan b{color:var(--text);font-weight:700}.switchbar{flex-wrap:wrap;align-items:center;gap:4px;padding:8px 20px 10px;display:flex}.switchbar nav{gap:2px 6px;display:flex}.switchbar nav a{min-height:36px;font:500 14px var(--mono);color:var(--text);white-space:pre;border-radius:4px;align-items:center;padding:0 4px;display:inline-flex}.switchbar nav a:hover{text-decoration:none}.switchbar nav a:before,.switchbar nav a:after{color:var(--muted);opacity:0;transition:opacity .2s,color .2s,transform 0s .2s;display:inline-block}.switchbar nav a:before{content:"[";margin-right:4px;transform:translate(-6px)}.switchbar nav a:after{content:"]";margin-left:4px;transform:translate(6px)}.switchbar nav a:hover:before,.switchbar nav a:hover:after,.switchbar nav a.active:before,.switchbar nav a.active:after{opacity:1;transition:opacity .2s,color .2s,transform .25s cubic-bezier(.2,.8,.2,1);transform:none}.switchbar nav a.active:before,.switchbar nav a.active:after{color:var(--accent)}#account{align-items:center;gap:10px;margin-left:auto;display:flex}#account .nick{color:var(--accent);font-size:15px}#account .avatar{width:30px;height:30px}#account .join{font:500 13px var(--mono);color:var(--accent)}#account .quit{font:500 14px/1 var(--mono);color:var(--text);background:0 0;border:0;padding:0}#account .quit:hover{text-underline-offset:2px;text-decoration:underline}.avatar{object-fit:cover;border-radius:4px;width:24px;height:24px}.avatar.big{border-radius:var(--radius-lg);width:160px;height:160px}.avatar.empty{background:var(--stripe);border:1px dashed var(--line-strong);display:block}.avatar-edit{border-radius:var(--radius-lg);background:0 0;border:0;padding:0;display:block;position:relative;overflow:hidden}.avatar-edit:hover,.avatar-edit:active{background:0 0;transform:none}.avatar-edit>img,.avatar-edit>.avatar{display:block}.avatar-edit span:last-child{font:600 12px var(--sans);color:#fff;opacity:0;background:#16181d8c;padding:6px 0;transition:opacity .15s;position:absolute;inset:auto 0 0}.avatar-edit:hover span:last-child,.avatar-edit:focus-visible span:last-child,.avatar-edit:disabled span:last-child{opacity:1}.body{gap:28px;padding:20px;display:flex}main{overflow-wrap:anywhere;flex:1;min-width:0;min-height:60vh}.body:has(.home){background:0 0;border:0;padding:0}.home{flex-direction:column;gap:16px;display:flex}.box{padding:20px 22px}.box h2{margin-top:0}.hero h1{max-width:560px;font:800 32px/1.1 var(--display);letter-spacing:-.03em;margin:0 0 6px}.hero p{max-width:560px;margin:0;font-size:15px}.hero .lead{font:500 15px/1.3 var(--mono);color:var(--muted);margin-bottom:22px}.hero .row{margin-top:28px}.button.blue{background:var(--blue);border-color:var(--blue)}.home-top{grid-template-columns:2fr 1fr;gap:16px;display:grid}.live-stats{grid-template-columns:1fr 1fr;align-content:center;gap:24px 20px;display:grid}.live-stats .online{grid-column:1/-1}.live-stats h3{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text);grid-column:1/-1;margin:8px 0 -12px}.live-stats .stat b{font-size:30px}.stat span{white-space:nowrap}.stat.online span:before{content:"";background:#2fbf71;border-radius:50%;width:7px;height:7px;margin:0 8px 1px 0;animation:2s ease-in-out infinite live-dot;display:inline-block}@keyframes live-dot{50%{opacity:.35}}.home-matches{padding-bottom:12px}.home-matches h2:before{content:none}.match-rows{margin:0 -10px;padding:0;list-style:none}.match-rows+h2{margin-top:20px}.match-rows a{color:var(--text);border-radius:var(--radius);grid-template-columns:1fr auto 180px 110px;align-items:center;gap:16px;padding:10px;display:grid}.match-rows a:hover{background:var(--stripe);text-decoration:none}.match-rows .players{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.match-rows .players i{color:var(--muted);font-style:normal;font-weight:400}.match-rows .score{font:800 18px/1 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.match-rows .meta{font:12px var(--mono);color:var(--muted);white-space:pre}.match-rows .state{justify-self:end}.home-ladders{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;scroll-margin-top:16px;display:grid}.home-ladder{flex-direction:column;display:flex}.home-ladder h3 a{color:var(--text);text-decoration:none}.home-ladder .thumb{border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin:-20px -22px 18px;display:block;position:relative;overflow:hidden}.home-ladder .thumb:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff73 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.home-ladder img{object-fit:cover;width:100%;height:160px;transition:filter .12s, transform .35s linear(0, .6 18%, 1.12 38%, .97 60%, 1.01 80%, 1);display:block}.home-ladder:hover img{filter:brightness(1.08)saturate(1.1);transform:scale(1.04)}.home-ladder:hover .thumb:after{transition:transform .6s;transform:translate(120%)}.home-ladder h3{font:800 20px/1.15 var(--display);letter-spacing:-.03em;margin:0 0 8px}.home-ladder p{color:var(--muted);margin:0}.home-ladder .maps{font:12px var(--mono);white-space:pre-wrap;margin-top:10px}.home-ladder .actions{grid-template-rows:1fr;margin-top:auto;display:grid}.home-ladder .actions>div{min-height:0;margin:0 -6px -6px;overflow:hidden}.home-ladder .row{gap:18px;margin:0;padding:18px 6px 6px}.home-ladder .more{font:12px var(--mono);color:var(--muted)}@media (hover:hover){.home-ladders{align-items:start}.home-ladder .actions{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.8,.2,1),opacity .25s}.home-ladder:hover .actions,.home-ladder:focus-within .actions{opacity:1;grid-template-rows:1fr}}.faq{grid-template-columns:minmax(200px,1fr) 2fr;gap:24px 40px;display:grid}.faq .faq-title{font:800 22px/1.15 var(--display);letter-spacing:-.03em;color:var(--text);text-transform:none;margin:0}.faq .faq-title:before{content:none}.faq-list{flex-direction:column;gap:4px;display:flex}.faq details{border-radius:var(--radius);transition:background .15s}.faq details[open]{background:var(--stripe)}.faq details::details-content{opacity:0;transition:grid-template-rows .3s cubic-bezier(.2, .8, .2, 1), opacity .3s, content-visibility .3s allow-discrete;grid-template-rows:0fr;display:grid}.faq details[open]::details-content{opacity:1;grid-template-rows:1fr}.faq-a{cursor:pointer;min-height:0;overflow:hidden}.faq summary{cursor:pointer;border-radius:var(--radius);align-items:baseline;gap:14px;padding:14px 48px 14px 14px;font-size:15px;font-weight:600;list-style:none;transition:background .15s;display:flex;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{background:var(--stripe)}.faq-n{font:600 12px var(--mono);color:var(--accent);flex:none}.faq summary:before,.faq summary:after{content:"";background:var(--text);border-radius:1px;width:12px;height:2px;margin-top:-1px;transition:transform .25s,opacity .25s;position:absolute;top:50%;right:18px}.faq summary:after{transform:rotate(90deg)}.faq details[open] summary:after{opacity:0;transform:rotate(0)}.faq details p{color:var(--muted);margin:0;padding:0 14px 16px 40px}.buddies{width:210px;font:13px var(--mono);background:var(--stripe);border:1px solid var(--line);border-radius:var(--radius);align-self:flex-start;margin-left:auto;padding:12px 14px}.buddies h4{font:600 11px var(--mono);color:var(--muted);text-transform:lowercase;margin:0 0 8px}.buddies h4:before{content:"// "}.buddies>div{white-space:nowrap;text-overflow:ellipsis;padding:2px 0;overflow:hidden}.buddies>div.muted{padding-top:8px;font-size:11px}h1{font:800 26px/1.15 var(--display);letter-spacing:-.03em;margin:0 0 12px}h2{font:600 12px var(--mono);color:var(--muted);text-transform:lowercase;margin:36px 0 12px}h2:before{content:"# ";color:var(--accent)}h3{font:600 15px var(--sans);letter-spacing:-.01em;margin:0 0 6px}p{margin:4px 0}.muted{color:var(--muted)}.notice{font-family:var(--mono);color:var(--notice);font-size:13px}button,.button{font:600 13px var(--sans);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);transition:background .12s, border-color .12s, color .12s, filter .12s, transform .35s linear(0, .6 18%, 1.12 38%, .97 60%, 1.01 80%, 1);align-items:center;gap:6px;padding:8px 16px;display:inline-flex}:is(button,.button):not(.ghost,.link,.avatar-edit,.pills button,:disabled){position:relative;overflow:hidden}:is(button,.button):not(.ghost,.link,.avatar-edit,.pills button,:disabled):after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff73 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}button:hover,.button:hover{text-decoration:none}:is(button,.button):not(.ghost,.link,.avatar-edit,.pills button,:disabled):hover{filter:brightness(1.08)saturate(1.1);transform:scale(1.04)}:is(button,.button):not(.ghost,.link,.avatar-edit,.pills button,:disabled):hover:after{transition:transform .6s;transform:translate(120%)}button:active,.button:active{transition-duration:60ms;transform:scale(.97)}button:focus,button:focus-visible,a:focus,a:focus-visible,input:focus,textarea:focus{outline:none}button:disabled{cursor:not-allowed;opacity:.4;transform:none}button:disabled[aria-busy=true]{cursor:default;opacity:1}.ghost{color:var(--text);background:var(--box);border-color:var(--line-strong)}.ghost:hover{color:var(--text);background:var(--stripe);border-color:var(--muted)}.header-image{object-fit:cover;object-position:center 45%;border-radius:var(--radius);width:100%;height:260px;margin:0 0 20px;display:block}.card{border:1px solid var(--line);border-radius:var(--radius);margin:0 0 16px;padding:18px 20px}.status{background:var(--accent-soft);border-color:#ffd9c8}.reveal{animation:.35s ease-out reveal;overflow:hidden}@keyframes reveal{0%{opacity:0;border-width:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}60%{opacity:1}to{max-height:400px}}.reveal.closing{animation:.25s ease-in forwards conceal}@keyframes conceal{0%{max-height:400px}40%{opacity:1}to{opacity:0;border-width:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}}@media (prefers-reduced-motion:reduce){.reveal{animation:none}.reveal.closing{display:none}button,.button{transition:none}button:hover,.button:hover{transform:none}.home-ladder img,.home-ladder:hover .thumb:after{transition:none}.home-ladder:hover img{transform:none}.home-ladder .actions{transition:none}.stat.online span:before{animation:none}.switchbar nav a:before,.switchbar nav a:after,.switchbar nav a:hover:before,.switchbar nav a:hover:after,.switchbar nav a.active:before,.switchbar nav a.active:after,.faq details,.faq summary,.faq summary:before,.faq summary:after{transition:none}.faq details::details-content{transition:none}}.modes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.modes .card{flex-direction:column;margin:0;display:flex}.modes .card .row{margin-top:auto;padding-top:12px}.league{border-radius:var(--radius-lg)}.league h3{margin:0;font-size:17px}.league h3 a{color:var(--text)}.description{max-width:480px}.challenge{--tint:var(--blue);background:color-mix(in srgb, var(--tint) 7%, var(--box));border-color:color-mix(in srgb, var(--tint) 25%, var(--box))}.mode-nineball{--tint:var(--blue)}.mode-oneball{--tint:var(--accent)}.mode-clearout{--tint:var(--system)}.mode-zombie{--tint:#8b3fb5}.mode-retake{--tint:#0f8189}.challenge .row button:not(.ghost,.link){background:var(--tint);border-color:var(--tint)}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}code{font:12px var(--mono);background:var(--box);border:1px solid var(--line);border-radius:var(--radius);margin:12px 0;padding:10px 12px;display:block}.maplist{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.maplist li{font:500 12px var(--mono);background:var(--stripe);border:1px solid var(--line);border-radius:999px;padding:4px 10px}.maplist li:has(a){padding:0}.maplist li a{color:inherit;padding:4px 10px;text-decoration:none;display:block}.maplist li:has(a):hover{border-color:var(--blue)}.pills{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.pills button{font:500 12px var(--mono);color:var(--muted);background:var(--box);border:1px solid var(--line-strong);border-radius:999px;padding:5px 12px}.pills button:hover{color:var(--text);background:var(--box);border-color:var(--tint,var(--text))}.challenge .pills,.challenge .maplist{margin:10px 0 0}.pills button.on,.pills button.on:hover{color:#fff;background:var(--tint,var(--text));border-color:var(--tint,var(--text))}.pills button:active{transform:none}table{border-collapse:collapse;width:100%}.routeboard table{table-layout:fixed}.routeboard+.routeboard,.routeboard+h3{margin-top:24px}.routeboard th:first-child{width:40px}.routeboard th:nth-child(3){width:90px}.routeboard th:nth-child(4){width:110px}th{text-align:left;font:500 11px var(--mono);color:var(--muted);text-transform:lowercase;padding:8px 10px}td{padding:9px 10px}tbody tr:hover td{background:#16181d0d}tbody tr:hover td:first-child{border-radius:var(--radius) 0 0 var(--radius)}tbody tr:hover td:last-child{border-radius:0 var(--radius) var(--radius) 0}tr.clickable{cursor:pointer}.num{text-align:right;font-variant-numeric:tabular-nums}.grow{width:100%}.nick{font-weight:600}.nick.c0{color:#2f4bb8}.nick.c1{color:#1f8a4c}.nick.c2{color:#c8333b}.nick.c3{color:#9a3b1e}.nick.c4{color:#8b3fb5}.nick.c5{color:#c46a00}.nick.c6{color:#0f8189}.nick.c7{color:#1f6fd1}.nick.c8{color:#b0347e}.badge{font:600 11px/1.4 var(--mono);color:var(--muted);background:var(--stripe);border:1px solid var(--line);vertical-align:middle;text-transform:lowercase;border-radius:999px;padding:3px 10px;display:inline-block}.tags{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.tag{font:600 12px/1.4 var(--mono);white-space:nowrap;text-box:trim-both cap alphabetic;color:var(--muted);background:var(--stripe);border-radius:var(--radius);border:1px dashed;padding:9px 10px;display:inline-block}.tag:before{content:"★";margin-right:6px;position:relative;top:-.1em}.tag-admin{color:#c8333b;background:#fdecee}.tag-alpha{color:var(--accent-dark);background:var(--accent-soft)}.tag-beta{color:var(--blue);background:#eef3ff}.profile{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.profile h1{margin:0 0 2px;font-size:22px}.name-row{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.name-row button{padding:5px 12px;font-size:12px}.stats{flex-wrap:wrap;align-items:center;gap:16px 36px;margin:20px 0;display:flex}.stat,.stats>div:not(.medal){font:12px var(--mono);color:var(--muted);flex-direction:column-reverse;gap:6px;display:flex}.stat b,.stats>div:not(.medal) b{font:800 20px/1 var(--display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--text)}.stats .medal{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:crosshair;transform-origin:50% 0;color:#2b2140;background:linear-gradient(115deg, #ffd6e8, #d8e8ff 30%, #d9ffe9 55%, #fff3c8 80%, #ffd6e8) var(--fx,50%) var(--fy,50%) / 250% 250%;border-radius:var(--radius-lg);border:1px solid #2b214026;flex-direction:column;align-items:center;min-width:110px;padding:12px 14px;display:flex;position:relative}.stats .medal b{filter:drop-shadow(0 1px #fffc);font-size:26px;font-weight:800}.stats .medal span{font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:.8}.metal-1,.metal-2,.metal-3{background-size:300% 300%;background-position:var(--fx,50%) var(--fy,50%);color:#0000;-webkit-background-clip:text;background-clip:text}.metal-1{background-image:linear-gradient(115deg,#a77700,#d9a400 30% 70%,#fff1a8 78%,#d9a400 86%,#a77700)}.metal-2{background-image:linear-gradient(115deg,#3a434d,#5d6875 30% 70%,#e6ebf0 78%,#5d6875 86%,#3a434d)}.metal-3{background-image:linear-gradient(115deg,#8a4517,#b8692b 30% 70%,#ffd2a8 78%,#b8692b 86%,#8a4517)}.stats .medal .hole{pointer-events:none;background:radial-gradient(circle,#2b2140 0 30%,#2b214059 32% 55%,#0000 60%);border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;animation:2.5s ease-in forwards hole;position:absolute}@keyframes hole{70%{opacity:1}to{opacity:0}}.result-win{color:var(--system);font-weight:600}.result-loss{color:#c8333b;font-weight:600}.result-draw,.result-cancelled{color:var(--muted);font-weight:600}.center{text-align:center}.small{font-size:12px}.match-head{margin-bottom:12px}.verdict{font:700 24px var(--sans);letter-spacing:-.02em;margin:18px 0}.match-head h1{margin:0}.scoreboard{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:24px;display:grid}.scoreboard .side{flex-direction:column;gap:2px;font-size:16px;display:flex}.scoreboard .side.right{text-align:right;align-items:flex-end}.scoreboard .avatar{border-radius:var(--radius-lg);width:56px;height:56px;margin-bottom:6px}.scoreboard .result{align-items:center;gap:18px;display:flex}.scoreboard .result b{font:800 44px/1 var(--sans);text-box:trim-both cap alphabetic;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.state{font:600 11px var(--mono);text-box:trim-both cap alphabetic;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;color:var(--muted)}.state.live{color:#fff;background:#e5383b;border-radius:999px;padding:5px 10px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.55}}.scanning{font:13px var(--mono);white-space:pre}.table-wrap{overflow-x:auto}.table-wrap th,.table-wrap td{white-space:nowrap}@media (width<=1064px){.window{margin:16px}}@media (width<=760px){.window{gap:0;margin:0;position:relative}.masthead,.body{border-width:0;border-radius:0}.masthead{border-bottom-width:1px}.body:has(.home){padding:12px}.home-top,.faq{grid-template-columns:1fr}.match-rows a{grid-template-columns:1fr auto;row-gap:6px}.match-rows .meta{grid-column:1}.masthead{flex-wrap:wrap;align-items:center;gap:4px 16px;display:flex}.titlebar{flex:auto;padding:6px 16px}.titlebar .slogan{margin-left:0}#account{flex:1 0 100%;order:-1;justify-content:flex-end;margin:0;padding:12px 16px 22px}#account .nick{display:none}.switchbar{display:contents}.switchbar nav{scrollbar-width:none;white-space:nowrap;flex:1 0 100%;order:1;padding:4px 16px 10px;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.switchbar nav::-webkit-scrollbar{display:none}.switchbar nav a{flex:none}.body{padding:16px}.buddies{width:100%;margin-left:0}.header-image{height:150px}.avatar.big{width:96px;height:96px}.scoreboard{gap:8px;padding:16px}.scoreboard .result{gap:10px}.scoreboard .result b{font-size:34px}}.comments{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.comments li{background:var(--stripe);border-radius:var(--radius);border:1px solid #0000;padding:12px 14px}.comments li.system{border:1px dashed var(--line-strong);background:0 0}.comments p{white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 0}.comment-head{align-items:baseline;gap:10px;display:flex}.comment-head .link{margin-left:auto}button.link{font:12px var(--mono);color:var(--muted);background:0 0;border:0;padding:0}button.link:hover{color:var(--accent-dark);background:0 0;text-decoration:underline}button.link.all{margin:20px 8px 0 auto;display:flex}.comment-form textarea{width:100%;font:14px/1.5 var(--sans);color:var(--text);background:var(--box);border:1px solid var(--line-strong);border-radius:var(--radius);resize:vertical;margin-bottom:8px;padding:10px 12px;display:block}.comment-form textarea:focus{border-color:var(--accent)}.legal-links{font:12px var(--mono);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 16px;margin:8px 0 0;padding:0 16px 48px;display:flex}.legal-links .coffee{vertical-align:-4px;font:24px Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}.legal-links a.support,.legal-links a.discord,.legal-links a.spotify{opacity:1}.legal-links .social{flex-wrap:wrap;flex-basis:100%;justify-content:center;gap:12px 28px;margin-top:4px;display:flex}.discord,.spotify{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;display:flex}.discord svg,.spotify svg{width:20px;height:20px}.discord svg{fill:#5865f2}.spotify svg{fill:#1db954}.legal-links a{color:var(--muted);white-space:nowrap;opacity:.7}@media (width<=760px){.legal-links{padding-bottom:calc(32px + env(safe-area-inset-bottom));gap:10px 20px;margin:24px 0 0}.legal-links .support{flex-basis:100%;justify-content:center;align-items:center;gap:6px;margin-top:4px;display:flex}}.legal{max-width:680px;line-height:1.6}.legal h2{text-transform:none}.legal ul{padding-left:20px}.legal li{margin-bottom:6px}.daybars{background:var(--stripe);border:1px solid var(--line);border-radius:var(--radius);align-items:flex-end;gap:3px;height:160px;margin:0;padding:8px;display:flex}.daybars div{flex-direction:column-reverse;flex:1;height:100%;display:flex}.daybars span{background:var(--accent);border-radius:2px;min-height:0}.daybars span.cancelled{background:var(--line-strong)}.daybars span.challenges{background:var(--blue)}.daybars div{cursor:pointer;border-radius:3px}.daybars div.on{background:var(--line)}.daybars small{font:10px var(--mono);color:var(--muted);text-align:center}.dayaxis{font:11px var(--mono);color:var(--muted);justify-content:space-between;margin:4px 0 8px;display:flex}.linecharts{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.linechart{background:var(--stripe);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:10px 12px 2px}.linechart figcaption{font:13px var(--mono);color:var(--muted)}.linechart figcaption b{color:var(--text);font-size:18px}.linechart .plot{cursor:crosshair;margin-top:6px;position:relative}.linechart svg{width:100%;height:90px;display:block;overflow:visible}.linechart polyline{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round}.linechart polyline.blue{stroke:var(--blue)}.linechart .plot i{background:var(--accent);border:2px solid var(--box);pointer-events:none;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute}.linechart .plot i.blue{background:var(--blue)}.linechart .tip{font:11px var(--mono);white-space:nowrap;color:var(--box);background:var(--text);pointer-events:none;border-radius:4px;padding:2px 6px;position:absolute;top:-6px;transform:translate(-50%,-100%)}.linecharts+.linecharts{margin-top:12px}.demo-link{justify-content:center;gap:20px;margin-top:28px;font-size:13px;display:flex}.demo-link button.link{font:inherit;color:var(--link)}html:has(dialog[open]){overflow:hidden}dialog.signin,dialog.modal{width:min(420px,100vw - 32px);color:var(--text);text-align:center;background:var(--box);border:1px solid var(--line);border-radius:var(--radius-lg);padding:0;box-shadow:0 24px 64px #16181d2e}dialog.signin[open],dialog.modal[open]{animation:.18s ease-out pop}dialog.signin>div,dialog.modal>div{padding:28px}dialog.signin::backdrop,dialog.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#16181d66}dialog.signin h3,dialog.modal h3{font-size:18px}dialog.signin p,dialog.modal p{margin:8px 0 0}dialog.signin .row,dialog.modal .row{justify-content:center;margin-top:20px}dialog.modal .modal-close{width:32px;height:32px;color:var(--muted);background:0 0;border:0;padding:0;font-size:22px;line-height:1;position:absolute;top:10px;right:10px}dialog.modal .modal-close:hover{color:var(--text);background:0 0}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}@media (prefers-reduced-motion:reduce){dialog.signin[open],dialog.modal[open]{animation:none}}button.danger{background:#d63031;border-color:#d63031}.button.steam{color:#fff;background:#171a21;border-color:#0000}.button.steam:hover{background:#2a475e}.button.steam img{flex:none;margin:-2px 0}.tug{min-width:520px}.tug-head,.tug-row{grid-template-columns:28px 110px 1fr 110px;align-items:center;gap:0 10px;display:grid}.tug-head{font:500 11px var(--mono);color:var(--muted);text-transform:lowercase;text-align:center;padding:8px 0}.tug-row{border-radius:var(--radius);height:32px}.tug-row:hover{background:#16181d0d}.tug .num{font:11px var(--mono);color:var(--muted);text-align:right}.tug .side{font:600 11px var(--mono);text-align:center;white-space:nowrap}.tug .side.lost{color:var(--muted);font-weight:400}.tug .won-a{color:var(--blue)}.tug .won-b{color:var(--accent)}.tug .track{background:linear-gradient(var(--line-strong), var(--line-strong)) center / 1px 100% no-repeat;height:100%;position:relative}.tug .fill{opacity:.18;position:absolute;top:12px;bottom:12px}.tug i{border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:7px;bottom:7px}.tug .left{background:var(--blue)}.tug .right{background:var(--accent)}.tug .track:after{content:attr(data-tip);z-index:1;font:500 11px var(--mono);white-space:nowrap;color:#fff;background:var(--text);border-radius:var(--radius);pointer-events:none;padding:4px 8px;display:none;position:absolute;bottom:calc(100% - 6px);left:50%;transform:translate(-50%)}.tug-row:hover .track:after{display:block}