:root{--paper:#f1e6cf;--paper-2:#e6d5b2;--ink:#2b1530;--muted:#6e5862;--line:#2b153033;--red:#d7263d;--red-deep:#8f1326;--saffron:#f2a516;--sky:#6ec1ff;--card:var(--paper);--coral:var(--red);--coral-deep:var(--red-deep);--violet:var(--ink);--violet-deep:#12070f;--lime:#b6ff3a;--key:#fff8ea;--key-edge:var(--ink);--display:"Bodoni Moda","Bodoni 72",Didot,Georgia,serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:inherit}html{scroll-padding-top:env(safe-area-inset-top,0px);height:100%}body{background:var(--sky);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Titillium Web,Segoe UI,system-ui,sans-serif;overflow:hidden}canvas#view{cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;color:#fff;text-shadow:0 2px #2a1e4a8c,0 0 10px #2a1e4a40;position:fixed;inset:0}#hud[hidden]{display:none}.speed{left:50%;bottom:calc(28px + env(safe-area-inset-bottom,0px));text-align:center;line-height:1;position:absolute;transform:translate(-50%)}.speed b{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:52px;font-weight:700;display:block}.speed span{opacity:.9;font-size:15px;font-weight:500}.speed i{opacity:.85;font-variant-numeric:tabular-nums;margin-top:6px;font-size:14px;font-style:normal;display:block}.score{left:calc(24px + env(safe-area-inset-left,0px));top:calc(20px + env(safe-area-inset-top,0px));line-height:1;position:absolute}.score b{font-variant-numeric:tabular-nums;font-size:40px;font-weight:700}.score span{margin-left:6px;font-size:16px;font-weight:500}.score i{opacity:.85;margin-top:6px;font-size:14px;font-style:normal;display:block}.pop{color:#fff;opacity:0;-webkit-text-stroke:1.5px var(--coral-deep);white-space:nowrap;font-size:30px;font-weight:700;position:absolute;top:calc(50% - 64px);left:50%;transform:translate(-50%)scale(.6)}.pop.go{animation:.55s cubic-bezier(.2,1.6,.4,1) forwards pop}@keyframes pop{0%{opacity:0;transform:translate(-50%,10px)scale(.5)}25%{opacity:1;transform:translate(-50%)scale(1.1)}70%{opacity:1;transform:translate(-50%,-10px)scale(1)}to{opacity:0;transform:translate(-50%,-22px)scale(.95)}}.banner{white-space:nowrap;font-size:24px;font-weight:600;position:absolute;top:calc(50% + 48px);left:50%;transform:translate(-50%)}.banner[hidden]{display:none}.hint{right:calc(24px + env(safe-area-inset-right,0px));top:calc(22px + env(safe-area-inset-top,0px));opacity:.85;text-align:right;max-width:320px;font-size:14px;font-weight:500;position:absolute}.board{right:calc(24px + env(safe-area-inset-right,0px));top:calc(68px + env(safe-area-inset-top,0px));text-align:right;font-variant-numeric:tabular-nums;margin:0;padding:0;font-size:16px;font-weight:500;line-height:1.5;list-style:none;position:absolute}.board[hidden]{display:none}.board li b{margin-left:10px;font-weight:700}.board li.me{text-underline-offset:3px;text-decoration:underline}.board .swatch{border-radius:50%;width:10px;height:10px;margin-right:7px;display:inline-block;box-shadow:0 0 0 1.5px #2a1e4a99}.xh{--xh:var(--xh-color,#fff);--shade:#2a1e4a99;--arm:20px;--dot:4px;--circ:18px;--thick:2px;width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xh.size-small{--arm:11px;--dot:3px;--circ:12px;--thick:1.5px}.xh.size-large{--arm:28px;--dot:6px;--circ:24px;--thick:2.5px}.xh>*{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xh svg{top:0;left:0;overflow:visible;transform:none}.xh .dot{width:var(--dot);height:var(--dot);background:var(--xh);box-shadow:0 0 0 1.5px var(--shade);opacity:0;border-radius:50%}.xh.shape-dot .dot,.xh.shape-gapdot .dot,.xh.shape-circle .dot{opacity:1}.xh.shape-bigdot .dot{opacity:1;width:calc(var(--dot) * 1.75);height:calc(var(--dot) * 1.75)}.xh .arms{width:var(--arm);height:var(--arm);opacity:0}.xh.shape-cross .arms,.xh.shape-gap .arms,.xh.shape-gapdot .arms{opacity:1}.xh .arms:before,.xh .arms:after{content:"";background:var(--xh);box-shadow:0 0 0 1px var(--shade);position:absolute}.xh .arms:before{width:var(--thick);top:0;bottom:0;left:50%;transform:translate(-50%)}.xh .arms:after{height:var(--thick);top:50%;left:0;right:0;transform:translateY(-50%)}.xh.shape-gap .arms:before,.xh.shape-gapdot .arms:before{-webkit-mask-image:linear-gradient(#000 0 35%,#0000 35% 65%,#000 65%);mask-image:linear-gradient(#000 0 35%,#0000 35% 65%,#000 65%)}.xh.shape-gap .arms:after,.xh.shape-gapdot .arms:after{-webkit-mask-image:linear-gradient(90deg,#000 0 35%,#0000 35% 65%,#000 65%);mask-image:linear-gradient(90deg,#000 0 35%,#0000 35% 65%,#000 65%)}.xh .circle{width:var(--circ);height:var(--circ);box-sizing:border-box;border:1.5px solid var(--xh);opacity:0;border-radius:50%}.xh.shape-circle .circle{opacity:.9}.ring-bg{fill:none;stroke:#ffffff47;stroke-width:3px}.ring{fill:none;stroke:var(--xh);stroke-width:3px;stroke-linecap:round;stroke-dasharray:94.25;transform-origin:22px 22px;filter:drop-shadow(0 1px 0 var(--shade));transform:rotate(-90deg)}.xh svg{transition:opacity .25s;display:none}.xh.reload-ring svg,.xh.reload-always svg{display:block}.xh.reload-ring.ready svg{opacity:0}.xh .xbar{background:#ffffff40;border-radius:2px;width:22px;height:3px;transition:opacity .25s;display:none;top:calc(50% + 18px);overflow:hidden;transform:translate(-50%)}.xh .xbar i{background:var(--xh);transform-origin:0;height:100%;display:block}.xh.reload-bar .xbar{display:block}.xh.reload-bar.ready .xbar{opacity:0}.xh .hookmark{box-sizing:border-box;border:2px dashed var(--lime);opacity:0;border-radius:50%;width:62px;height:62px;transition:opacity 80ms}.xh.hook-ring.can .hookmark{opacity:.9}.xh.hook-tint.can{--xh:var(--lime)}.xh.hit{--xh:var(--coral)}.ctfbar{left:50%;top:calc(14px + env(safe-area-inset-top,0px));align-items:center;gap:18px;line-height:1;display:flex;position:absolute;transform:translate(-50%)}.ctfbar[hidden]{display:none}.ctfbar .team{border-radius:14px;flex-direction:column;align-items:center;min-width:64px;padding:6px 12px 7px;display:flex}.ctfbar .team.blue{background:#2f7dff8c}.ctfbar .team.orange{background:#ff8a1f8c}.ctfbar .team b{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.ctfbar .team i{letter-spacing:.04em;text-transform:uppercase;margin-top:3px;font-size:12px;font-style:normal;font-weight:600}.ctfbar .team i.taken{color:#fff;animation:.6s steps(2,end) infinite blink}.ctfbar .team i.dropped{color:#ffe98a}@keyframes blink{50%{opacity:.35}}.ctfbar .clock{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.announce{white-space:nowrap;opacity:0;font-size:30px;font-weight:700;transition:opacity .25s;position:absolute;top:26%;left:50%;transform:translate(-50%)}.announce.show{opacity:1}.announce small{opacity:.8;text-align:center;margin-top:4px;font-size:16px;font-weight:600;display:block}.announce.blue{color:#9cc3ff}.announce.orange{color:#ffc896}.carry{left:50%;bottom:calc(120px + env(safe-area-inset-bottom,0px));background:#ff4d6db3;border-radius:999px;padding:6px 16px;font-size:20px;font-weight:700;animation:1s steps(2,end) infinite blink;position:absolute;transform:translate(-50%)}.carry[hidden]{display:none}.protect{opacity:.85;font-size:14px;font-weight:600;position:absolute;top:calc(50% + 34px);left:50%;transform:translate(-50%)}.protect[hidden]{display:none}.scoreboard{min-width:min(620px,92vw);text-shadow:none;background:#141028b8;border-radius:18px;grid-template-columns:1fr 1fr;gap:18px;padding:18px 22px;font-size:15px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scoreboard[hidden]{display:none}.scoreboard h3{margin:0 0 8px;font-size:18px}.scoreboard h3.blue{color:#8db8ff}.scoreboard h3.orange{color:#ffb877}.scoreboard table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.scoreboard td,.scoreboard th{text-align:right;padding:3px 6px}.scoreboard td:first-child,.scoreboard th:first-child{text-align:left}.scoreboard th{opacity:.7;font-size:12px;font-weight:600}.scoreboard tr.me td{text-underline-offset:3px;text-decoration:underline}.swatches{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.swatches button{border:2px solid var(--key-edge);cursor:pointer;border-radius:50%;width:26px;height:26px}.swatches button[aria-pressed=true]{outline:3px solid var(--violet);outline-offset:2px}#menu{padding:20px;padding-top:calc(20px + env(safe-area-inset-top,0px));padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}#menu[hidden]{display:none}.card{background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:28px;width:min(760px,100%);max-height:100%;padding:28px 30px 26px;overflow:auto;box-shadow:0 10px #2a1e4a2e,0 24px 60px #2a1e4a40}h1{letter-spacing:-.02em;margin:0;font-size:clamp(40px,7vw,60px);font-weight:700;line-height:.95}.lede{color:var(--muted);max-width:52ch;margin:10px 0 18px;font-size:18px;line-height:1.4}.live,.invited{color:var(--muted);margin:-8px 0 16px;font-size:15px}.live[hidden],.invited[hidden]{display:none}.live.on:before{content:"";vertical-align:1px;background:#2fd36b;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block;box-shadow:0 0 0 3px #2fd36b40}.live.on{color:var(--ink);font-weight:600}.invited{color:var(--ink);background:#b6ff3a38;border-radius:12px;padding:8px 12px;font-weight:600}.more{border-top:2px solid var(--line);margin-top:20px}.more>summary{cursor:pointer;color:var(--muted);padding:14px 0 2px;font-weight:600;list-style:none}.more>summary::-webkit-details-marker{display:none}.more>summary:before{content:"▸";width:1.2em;transition:transform .15s;display:inline-block}.more[open]>summary:before{transform:rotate(90deg)}.fields{flex-wrap:wrap;gap:10px 16px;margin-bottom:16px;display:flex}.fields label{color:var(--muted);flex-direction:column;gap:4px;font-size:14px;font-weight:500;display:flex}.fields select{width:220px;max-width:100%;padding:7px 10px;font-size:16px}.fields input{font:inherit;color:var(--ink);background:var(--key);border:1.5px solid var(--key-edge);border-radius:10px;width:220px;max-width:100%;padding:7px 10px;font-size:16px}.modes{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.modes [hidden]{display:none}.play{font:inherit;color:#fff;background:var(--coral);cursor:pointer;box-shadow:0 5px 0 var(--coral-deep);border:0;border-radius:999px;padding:14px 30px 13px;font-size:22px;font-weight:600;transition:transform 60ms,box-shadow 60ms;transform:translateY(0)}.play.alt{background:var(--violet);box-shadow:0 5px 0 var(--violet-deep)}.play:focus-visible,.ghost:focus-visible,select:focus-visible,input:focus-visible,.swatches button:focus-visible,.chips button:focus-visible,.thumbs button:focus-visible,summary:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.play:disabled{opacity:.45;cursor:not-allowed;transform:none}.warn{color:var(--ink);background:#7a66ff24;border-radius:14px;max-width:60ch;margin:14px 0 0;padding:10px 14px;font-size:15px;line-height:1.4}.warn[hidden]{display:none}.cols{border-top:2px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;margin-top:24px;padding-top:20px;display:grid}@media (max-width:640px){.cols{grid-template-columns:1fr}}h2{margin:0 0 12px;font-size:20px;font-weight:600}dl{grid-template-columns:auto 1fr;align-items:center;gap:9px 12px;margin:0;font-size:15px;display:grid}dt{white-space:nowrap}dd{color:var(--muted);margin:0}kbd{font:inherit;text-align:center;background:var(--key);min-width:26px;color:var(--ink);box-shadow:0 3px 0 var(--key-edge),inset 0 0 0 1.5px var(--key-edge);border-radius:8px;padding:3px 7px 2px;font-size:13px;font-weight:600;display:inline-block}.row{grid-template-columns:1fr auto;gap:2px 10px;margin-bottom:11px;font-size:15px;display:grid}.row label{font-weight:500}.row output{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.row input[type=range],.row select{grid-column:1/-1;width:100%}.row small{color:var(--muted);grid-column:1/-1;font-size:13px;line-height:1.35}.row.locked{opacity:.6}input[type=range]{accent-color:var(--violet);height:22px;margin:0}select{font:inherit;color:var(--ink);background:var(--key);border:1.5px solid var(--key-edge);border-radius:10px;padding:6px 8px;font-size:15px}.ghost{font:inherit;color:var(--ink);border:1.5px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;margin-top:4px;padding:7px 14px;font-size:15px;font-weight:500}.foot{color:var(--muted);margin:18px 0 0;font-size:13px;line-height:1.4}@media (prefers-reduced-motion:reduce){.pop.go{animation-duration:10ms}.play{transition:none}}body.spectating #xh,body.spectating #hud .score,body.spectating #hud .speed,body.spectating #carry,body.spectating #protect{display:none}body.spectating #hint{opacity:.95;font-size:14px}.preview{background:radial-gradient(at 50% 70%,#7a66ff47,#7a66ff00 70%);border-radius:18px;flex-direction:column;align-items:center;gap:8px;margin:4px 0 12px;display:flex}.preview-canvas{width:260px;max-width:100%;height:300px}.preview-teams{gap:8px;display:flex}.preview-teams button{border:2px solid var(--key-edge);cursor:pointer;color:inherit;background:0 0;border-radius:999px;padding:4px 14px;font-weight:700}.preview-teams button.blue[aria-pressed=true]{color:#fff;background:#2f7dff;border-color:#2f7dff}.preview-teams button.orange[aria-pressed=true]{color:#fff;background:#ff8a1f;border-color:#ff8a1f}.preview{position:relative}.preview-arrow{border:2px solid var(--key-edge);color:#fff;cursor:pointer;background:#1410288c;border-radius:50%;width:38px;height:38px;font-size:26px;line-height:30px;position:absolute;top:120px}.preview-arrow.left{left:6px}.preview-arrow.right{right:6px}.preview-arrow:hover{background:var(--violet)}.carousel{flex-direction:column;grid-column:1/-1;gap:8px;display:flex}.carousel-head b{margin-right:8px;font-size:17px}.carousel-head small{opacity:.75}.thumbs{scroll-snap-type:x mandatory;gap:8px;padding:4px 2px 8px;display:flex;overflow-x:auto}.thumbs button{scroll-snap-align:center;border:2px solid var(--key-edge);width:74px;color:inherit;cursor:pointer;background:#ffffff0a;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:2px;padding:2px 2px 4px;display:flex}.thumbs button img{object-fit:cover;width:64px;height:74px}.thumbs button span{font-size:11px;font-weight:700}.chips{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.chips button{border:2px solid var(--key-edge);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:4px 12px;font-weight:600}.chips button[aria-pressed=true]{border-color:var(--violet);background:#7a66ff4d}body.voting .scoreboard{top:40%}.feed{left:24px;top:calc(96px + env(safe-area-inset-top,0px));flex-direction:column;gap:4px;max-width:min(380px,60vw);margin:0;padding:0;font-size:14px;list-style:none;display:flex;position:absolute}.feed li{white-space:nowrap;text-overflow:ellipsis;background:#14102873;border-radius:8px;align-self:flex-start;padding:3px 9px;transition:opacity .4s;overflow:hidden}.feed li.gone{opacity:0}.feed li.flag{background:#14102899}.feed li.mine{outline:1px solid #b6ff3a99}.feed b.me{text-decoration:underline}.fps{right:16px;bottom:calc(36px + env(safe-area-inset-bottom,0px));opacity:.8;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;position:absolute}.fps[hidden]{display:none}.awards{left:50%;top:calc(96px + env(safe-area-inset-top,0px));width:min(760px,92vw);text-shadow:none;text-align:center;background:#141028b8;border-radius:18px;padding:12px 16px;position:absolute;transform:translate(-50%)}.awards[hidden]{display:none}.awards h3{letter-spacing:.04em;text-transform:uppercase;opacity:.8;margin:0 0 8px;font-size:16px}.awards ul{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.awards li{background:#ffffff0f;border-radius:12px;flex-direction:column;gap:2px;padding:8px;display:flex}.awards li.me{outline:2px solid var(--lime)}.awards small{opacity:.75;font-size:12px}.awards b{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.awards span{font-variant-numeric:tabular-nums;font-size:13px}.vote{left:50%;bottom:calc(48px + env(safe-area-inset-bottom,0px));width:min(620px,92vw);text-shadow:none;pointer-events:auto;background:#141028b8;border-radius:18px;padding:14px 18px 12px;position:absolute;transform:translate(-50%)}.vote[hidden]{display:none}.vote h3{margin:0 0 10px;font-size:18px}.vote ol{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.vote button{cursor:pointer;width:100%;height:100%;font:inherit;color:#fff;text-align:left;background:#ffffff0f;border:2px solid #ffffff2e;border-radius:12px;flex-direction:column;align-items:flex-start;gap:3px;padding:8px 10px;display:flex}.vote button[aria-pressed=true]{border-color:var(--lime);background:#b6ff3a29}.vote button .name{font-size:16px;font-weight:700}.vote button small{opacity:.7;min-height:1em;font-size:12px}.vote button small.credit:empty{display:none}.vote button b{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.vote kbd{min-width:20px;padding:1px 6px;font-size:12px}.vote p{opacity:.75;margin:10px 0 0;font-size:13px}.stats-by{flex-wrap:wrap;gap:6px;margin:4px 0 12px;display:flex}.stats-by button{font:inherit;border:2px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;font-size:14px}.stats-by button[aria-pressed=true]{border-color:var(--violet);background:#7a66ff24;font-weight:600}.stats-wrap{border-top:2px solid var(--line);overflow-x:auto}.stats table{border-collapse:collapse;font-variant-numeric:tabular-nums;white-space:nowrap;width:100%;font-size:14px}.stats th,.stats td{text-align:right;border-bottom:1px solid var(--line);padding:6px 8px}.stats th:nth-child(2),.stats td:nth-child(2){text-align:left;text-overflow:ellipsis;max-width:12em;overflow:hidden}.stats th{color:var(--muted);font-size:12px;font-weight:600}.stats tr.me td{background:#b6ff3a29;font-weight:600}#menu .card[hidden]{display:none}.howto{width:min(900px,100%)}.howto-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.moves{border-top:2px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:16px;padding-top:16px;display:grid}.moves figure{flex-direction:column;gap:8px;margin:0;display:flex}.moves svg{background:#2a2340;border-radius:14px;width:100%;height:auto}.moves figcaption b{margin-bottom:2px;font-size:16px;display:block}.moves figcaption span{color:var(--muted);font-size:14px;line-height:1.4}.moves kbd{min-width:0;padding:1px 6px;font-size:12px}.moves .lane{fill:none;stroke:#ffffff2e;stroke-width:2px;stroke-dasharray:4 6}.moves .ground{fill:#3d3458}.moves .beam{stroke:#7fe4ff;stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 4px #7fe4ff);opacity:0}.moves .reload{fill:none;stroke:#fff;stroke-width:2px;stroke-dasharray:100;opacity:.7;transform-box:fill-box;transform-origin:50%;transform:rotate(-90deg)}.moves .rope{stroke:#b6ff3a;stroke-width:2px;opacity:0}.moves .track{fill:#ffffff26}.moves .phase,.moves .pop{fill:#fff;opacity:.85;font:600 12px system-ui,sans-serif}.moves .pop{fill:#b6ff3a;opacity:0;font-size:13px}.tips{background:#7a66ff1f;border-radius:14px;align-items:center;gap:8px;margin-top:18px;padding:12px 8px;display:flex}.tips p{text-align:center;flex:1;justify-content:center;align-items:center;min-height:2.8em;margin:0;font-size:15px;display:flex}.tips p.in{animation:.35s ease-out tipIn}.tips button{padding:0 8px;font-size:22px}@keyframes tipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tips p.in{animation:none}}body.voting #hud .speed{display:none}.chat{left:calc(24px + env(safe-area-inset-left,0px));bottom:calc(110px + env(safe-area-inset-bottom,0px));width:min(440px,60vw);font-size:15px;line-height:1.35;position:absolute}.chatlog{flex-direction:column;justify-content:flex-end;max-height:9.5em;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.chatlog li{overflow-wrap:anywhere;transition:opacity .6s}.chatlog li.old{opacity:0}.chatlog.typing{max-height:16em;overflow-y:auto}.chatlog.typing li.old{opacity:.85}.chatlog li.system{opacity:.75;font-style:italic}.chatlog li i{opacity:.75;font-style:normal}.chatform{pointer-events:auto;background:#141028b8;border-radius:10px;align-items:center;gap:6px;margin-top:6px;padding:4px 8px;display:flex}.chatform[hidden]{display:none}.chatform span{opacity:.8;font-size:13px;font-weight:700}.chatform span.team{color:var(--lime)}.chatform input{min-width:0;font:inherit;color:#fff;text-shadow:none;background:0 0;border:0;outline:0;flex:1}.bind{font:inherit;cursor:pointer;background:var(--key);min-width:26px;color:var(--ink);box-shadow:0 3px 0 var(--key-edge),inset 0 0 0 1.5px var(--key-edge);border:0;border-radius:8px;padding:3px 9px 2px;font-size:13px;font-weight:600}.bind:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.server-line{color:var(--muted);margin:10px 0 0;font-size:14px}.server-line[hidden],.server-edit[hidden],.offline[hidden]{display:none}.link{font:inherit;color:var(--violet);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0 2px;font-size:14px;text-decoration:underline}.link:focus-visible{outline:3px solid var(--violet);outline-offset:2px;border-radius:4px}.server-edit{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:10px;display:flex}.server-edit label{color:var(--muted);flex-direction:column;gap:4px;font-size:14px;font-weight:500;display:flex}.server-edit input{font:inherit;color:var(--ink);background:var(--key);border:1.5px solid var(--key-edge);border-radius:10px;width:300px;max-width:100%;padding:6px 10px;font-size:15px}.offline{border-top:2px solid var(--line);flex-wrap:wrap;align-items:flex-end;gap:10px 12px;margin-top:18px;padding-top:16px;display:flex}.offline label{color:var(--muted);flex-direction:column;gap:4px;font-size:14px;font-weight:500;display:flex}.offline select{width:220px;max-width:100%;font-size:15px}.foot.top{margin:-6px 0 12px}dl.server-rules{grid-template-columns:auto 1fr;gap:7px 14px;font-size:15px}dl.server-rules dt{color:var(--muted);white-space:normal}dl.server-rules dd{color:var(--ink);font-weight:500}.lobby{background:#7a66ff14;border-radius:16px;margin-top:14px;padding:12px 14px}.lobby[hidden]{display:none}.lobby-head{align-items:baseline;gap:10px;display:flex}.lobby-head h2{margin:0 0 8px;font-size:17px}.lobby ol{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lobby li{grid-template-columns:1fr auto auto;align-items:center;gap:12px;display:grid}.lobby-map{font-weight:600}.lobby-who{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.lobby .foot{margin-top:10px}.server-edit #regionLabel[hidden]{display:none}.net{right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));align-items:flex-end;gap:6px;font-size:13px;font-weight:600;display:flex;position:absolute}.net[hidden]{display:none}.net .bars{align-items:flex-end;gap:2px;height:12px;display:flex}.net .bars i{opacity:.3;background:currentColor;border-radius:1px;width:4px}.net .bars i:first-child{height:5px}.net .bars i:nth-child(2){height:8px}.net .bars i:nth-child(3){height:12px}.net.good{color:#b6ff3a}.net.good .bars i{opacity:1}.net.ok{color:#ffd23f}.net.ok .bars i:nth-child(-n+2){opacity:1}.net.bad{color:#ff6b7d}.net.bad .bars i:first-child{opacity:1}.scoreboard .watching{opacity:.8;grid-column:1/-1;margin:4px 0 0;font-size:13px}.talkers{left:calc(24px + env(safe-area-inset-left,0px));bottom:calc(290px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:4px;margin:0;padding:0;font-size:14px;font-weight:600;list-style:none;display:flex;position:absolute}.talkers li{background:#14102899;border-radius:999px;align-items:center;gap:6px;width:max-content;padding:2px 10px 2px 8px;display:flex}.talkers li:before{content:"";background:var(--lime);width:8px;height:8px;box-shadow:0 0 6px var(--lime);border-radius:50%}.talkers li.me{background:#b6ff3a40}.ctfbar.ffa .team{display:none}.trial{left:50%;top:calc(96px + env(safe-area-inset-top,0px));flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;transform:translate(-50%)}.trial[hidden]{display:none}.trial b{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:34px}.trial span{opacity:.85;font-size:14px}.tabs{flex-wrap:wrap;gap:6px;margin:12px 0 4px;display:flex}.tabs button{border:2px solid var(--key-edge);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px;font-weight:600}.tabs button[aria-selected=true]{background:var(--violet);border-color:var(--violet);color:#fff}.tabs button:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.tab{min-height:220px;padding-top:10px}.tab[hidden]{display:none}.tab h2{margin-top:4px}.keys{grid-template-columns:max-content 1fr;align-items:center;gap:8px 16px;margin-top:14px;display:grid}.keys dt,.keys dd{margin:0}.xh-preview{background:linear-gradient(#3b4a6b 0%,#55607a 55%,#4a4038 56%,#2f2a26 100%);border-radius:14px;height:120px;margin:4px 0 10px;position:relative;overflow:hidden}.xh-preview small{color:#ffffffbf;font-size:12px;position:absolute;bottom:8px;left:12px}.binds{grid-template-columns:1fr minmax(96px,auto) minmax(96px,auto);align-items:center;gap:6px 10px;margin-top:12px;display:grid}.binds .bind{min-width:96px}.binds .bind.empty{opacity:.45}.bind-label{font-weight:600}.about-line{text-align:center;margin-top:16px}.about-grid{border-top:2px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px 28px;padding-top:16px;display:grid}.about ul{color:var(--muted);margin:0 0 12px;padding-left:18px;font-size:14px;line-height:1.45}.about li{margin-bottom:6px}.about li b{color:var(--ink)}.about h2{margin:4px 0 8px;font-size:18px}@media (max-width:760px){.speed b{font-size:36px}.speed span,.speed i{font-size:12px}.score{top:12px;left:12px}.score b{font-size:28px}.score span{font-size:13px}.score i{display:none}.ctfbar{gap:10px;top:10px}.ctfbar .team{min-width:46px;padding:4px 8px 5px}.ctfbar .team b{font-size:22px}.ctfbar .team i{font-size:10px}.ctfbar .clock{font-size:17px}.hint{display:none}.board{font-size:12px;top:12px;right:12px}.feed{max-width:70vw;font-size:12px;top:64px;left:12px}.chat{width:min(440px,78vw);font-size:13px;left:12px}.talkers{left:12px}.net{right:12px}.announce{white-space:normal;text-align:center;width:90vw;font-size:22px}.banner{font-size:18px}.carry{font-size:16px}}@media (max-width:560px){.board{display:none}}@media (max-height:600px){.speed{bottom:10px}.speed b{font-size:32px}.speed i{display:none}.carry{bottom:70px}.chat{bottom:64px}.talkers{top:calc(50% - 20px);bottom:auto}.feed li:nth-last-child(n+4){display:none}.announce{top:20%}}.card{background:repeating-linear-gradient(-58deg,transparent 0 22px,#d7263d1c 22px 30px,transparent 30px 44px) right top/240px 150px no-repeat, radial-gradient(120% 90% at 0% 0%,#f7eedb 0,var(--paper) 55%,var(--paper-2) 100%);border:3px solid var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:6px;position:relative;box-shadow:10px 10px #2b1530e0}.brand{align-items:center;gap:14px;margin-bottom:2px;display:flex}.brand .mark{width:76px;height:96px;color:var(--ink);flex:none;margin:-6px -4px -10px -6px;transform:rotate(-10deg)}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin:0 0 2px;font-size:12px;font-weight:700}h1{font-family:var(--display);letter-spacing:-.025em;color:var(--ink);z-index:0;font-size:clamp(52px,9vw,88px);font-style:italic;font-weight:900;line-height:.9;position:relative}h1:before{content:"";background:var(--red);z-index:-1;opacity:.92;height:.26em;position:absolute;bottom:.08em;left:-.12em;right:-.18em;transform:skew(-24deg)}.howto h1,.about h1,.stats h1{font-size:clamp(40px,6vw,58px)}h2{font-family:var(--display);letter-spacing:-.01em;font-style:italic;font-weight:800}.lede{color:var(--muted);font-size:18px}.play{z-index:0;box-shadow:none;color:#fff8ea;text-transform:uppercase;letter-spacing:.06em;background:0 0;border-radius:0;padding:14px 34px 13px;font-weight:900;position:relative}.play:before{content:"";z-index:-1;background:var(--red);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transition:transform 60ms,box-shadow 60ms;position:absolute;inset:0;transform:skew(-14deg)}.play.alt:before{background:var(--ink)}.play:hover{filter:none}.play:hover:before{background:#e8364d}.play.alt:hover:before{background:#41213f}.play:active{box-shadow:none;transform:translate(3px,3px)}.play:active:before{box-shadow:2px 2px 0 var(--ink)}.play.alt:active{box-shadow:none}.play.small{box-shadow:none;padding:10px 22px 9px;font-size:16px}.play.small:before{box-shadow:4px 4px 0 var(--ink)}.play.alt.small:before{background:var(--ink);box-shadow:4px 4px 0 var(--red)}.ghost{border:2px solid var(--ink);text-transform:uppercase;letter-spacing:.05em;border-radius:3px;padding:8px 14px;font-size:13px;font-weight:700}.ghost:hover{background:var(--ink);color:var(--paper)}.link{color:var(--red);font-weight:600}.fields input,select{border:2px solid var(--ink);background:var(--key);border-radius:3px}input[type=range]{accent-color:var(--red)}kbd,.bind{border:2px solid var(--ink);background:var(--key);color:var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:3px}.bind.listening{background:var(--red);color:#fff8ea;box-shadow:2px 2px 0 var(--ink)}.chips button,.stats-by button,.tabs button{font:inherit;border:2px solid var(--ink);border-radius:3px;font-size:14px;font-weight:700}.chips button[aria-pressed=true],.stats-by button[aria-pressed=true],.tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.tabs button{text-transform:uppercase;letter-spacing:.06em;font-size:13px}.tabs button[aria-selected=true]{box-shadow:3px 3px 0 var(--red)}.thumbs button{border-color:var(--ink);border-radius:4px}.thumbs button[aria-selected=true]{border-color:var(--red);background:#d7263d24}.swatches button{border-color:var(--ink)}.swatches button[aria-pressed=true]{outline-color:var(--red)}.more>summary{font-family:var(--display);color:var(--ink);font-size:20px;font-style:italic;font-weight:800}.warn{border-left:5px solid var(--saffron);background:#f2a51633;border-radius:3px}.lobby{border:2px dashed var(--line);background:#2b15300f;border-radius:4px}.invited{background:#f2a51640;border-radius:3px}.tips{background:var(--paper-2);border:2px solid var(--ink);border-radius:3px}.moves svg{background:var(--ink);border:2px solid var(--ink);border-radius:3px}.xh-preview{border:2px solid var(--ink);border-radius:3px}.announce{font-family:var(--display);letter-spacing:-.01em;text-shadow:0 3px #2b1530b3,0 0 18px #2b153059;font-size:40px;font-style:italic;font-weight:900}.announce small{letter-spacing:.04em;font-family:Titillium Web,system-ui,sans-serif;font-style:normal;font-weight:600}.ctfbar .team{border-radius:3px}.scoreboard,.vote{border-radius:4px}.scoreboard h3,.vote h3{font-family:var(--display);font-style:italic;font-weight:800}