:root{--bg:var(--p-bg,#0d0a1c);--panel:var(--p-surface,#18122f);--panel-2:#221a42;--line:#352a66;--text:var(--p-text,#f4f1ff);--muted:var(--p-muted,#9f95c9);--red:#ff4d6d;--blue:#3d9bff;--gold:var(--p-accent,#fc3);--accent:var(--p-accent,#3d9bff);--accent-rgb:var(--p-accent-rgb,61 155 255);--radius:14px;--glass-bg:color-mix(in srgb, rgb(var(--p-bg-rgb,10 10 18) / .62), rgb(var(--p-surface-rgb,24 18 47) / .62) var(--p-glass-mix,35%));--glass-border:#ffffff14;--card-bg:color-mix(in srgb, rgb(var(--p-bg-rgb,10 10 18) / .86), rgb(var(--p-surface-rgb,24 18 47) / .86) calc(var(--p-glass-mix,35%) * .8));--glass-blur:blur(10px);--glass-hover:#ffffff08;--glass-on:#ffffff0f;--pill:99px;--cond:"Roboto Condensed", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(1200px 600px at 50% -10%, rgb(var(--accent-rgb) / .18) 0%, var(--bg) 60%) fixed, var(--bg);color:var(--text);margin:0;font-family:Roboto,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}input,select{font:inherit;color:inherit}.center{place-items:center;min-height:100%;padding:32px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.stack{flex-direction:column;gap:14px;display:flex}.row{align-items:center;gap:10px;display:flex}.muted{color:var(--muted)}.label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.title{letter-spacing:-.02em;margin:0;font-weight:900}.btn{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--pill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:12px 18px;font-weight:700;transition:transform 80ms,background .15s}.btn:hover:not(:disabled){background:var(--glass-hover);border-color:#ffffff30}.btn:active:not(:disabled){transform:scale(.97)}.btn.primary{background:var(--accent);color:var(--bg);border:0}.btn.primary:hover:not(:disabled){filter:brightness(1.12)}.btn.big{padding:16px 26px;font-size:18px}.seg,.menu-nav{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--pill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);gap:4px;padding:4px;display:flex}.seg button,.menu-nav button{border-radius:var(--pill);color:var(--muted);letter-spacing:.02em;white-space:nowrap;background:0 0;padding:8px 16px;font-size:14px;font-weight:700;transition:background .2s,color .2s}.seg button{flex:1}.seg button:hover:not(.on),.menu-nav button:hover:not(.on){color:var(--text);background:var(--glass-hover)}.seg button.on,.menu-nav button.on{background:var(--glass-on);color:var(--text);box-shadow:inset 0 1px #ffffff1a}.input{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;width:100%;padding:12px 14px}.red{--side:var(--red)}.blue{--side:var(--blue)}.toast{z-index:50;border:1px solid var(--red);background:#3b1222;border-radius:10px;padding:10px 18px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.logo{letter-spacing:-.04em;text-align:center;margin:0;font-size:72px;font-weight:900}.logo span{color:var(--gold)}.live{color:var(--muted);align-items:center;gap:8px;font-weight:500;display:inline-flex}.live:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%}.swatch{border:3px solid #0000;border-radius:50%;width:30px;height:30px}.swatch.on{border-color:var(--text)}.draft-head{text-align:center}.turn{font-size:28px;font-weight:900}.turn .who{color:var(--text)}.turn .act{color:var(--side);text-transform:uppercase}.draft-head.ban{--side:var(--red)}.draft-head.pick{--side:var(--blue)}.turn.waiting{color:var(--muted);font-size:16px;font-weight:700}.step-bar{border-radius:var(--pill);background:#ffffff14;width:220px;height:4px;margin:14px auto 0;overflow:hidden}.step-bar i{border-radius:inherit;background:var(--side,var(--text));height:100%;animation:linear forwards drain;display:block}@keyframes drain{0%{transform:scaleX(var(--from,1))}to{transform:scaleX(0)}}.float-cards{flex-wrap:wrap;justify-content:center;gap:14px;width:min(660px,46vw);display:flex}.theme{text-align:center;background:var(--card-bg);width:112px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 14px 34px #0007, inset 0 0 0 1px var(--glass-border);animation:card-in .5s cubic-bezier(.2, 1.3, .4, 1) calc(var(--i,0) * 35ms) backwards, card-float 7s ease-in-out calc(var(--i,0) * -.7s) infinite;border-radius:18px;padding:16px 8px 14px;font-size:13px;font-weight:700;transition:transform .18s cubic-bezier(.2,1.4,.4,1),box-shadow .18s,opacity .2s;position:relative}.theme .icon{margin-bottom:8px}.theme:hover:not(:disabled){transform:translateY(-4px)scale(1.04);box-shadow:0 20px 44px #0009,inset 0 0 0 1.5px #ffffff40}.theme:disabled{opacity:.75;cursor:default}.theme.banned{filter:grayscale();opacity:.3}.theme.banned:after{content:"✕";color:var(--side);place-items:center;font-size:56px;display:grid;position:absolute;inset:0}.theme.picked{opacity:1;box-shadow:0 14px 34px #0007, inset 0 0 0 2px var(--side), 0 0 26px color-mix(in srgb, var(--side) 45%, transparent)}.badge{color:var(--side);font-size:11px;font-weight:900;position:absolute;top:6px;right:8px}@keyframes card-in{0%{opacity:0;scale:.85}}.token-field{flex-direction:column;align-items:center;display:flex}.token-field .token-row+.token-row{margin-top:-8px}.token-row{justify-content:center;gap:14px;display:flex}.token-row.big{gap:60px}.token{--glow:var(--side,#b7a8ff);width:112px;color:var(--text);font:inherit;translate:0 var(--arc,0);rotate:var(--tilt,0deg);animation:card-in .5s cubic-bezier(.2, 1.3, .4, 1) calc(var(--i,0) * 35ms) backwards;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0;display:flex;position:relative}.token .disc{background:radial-gradient(circle at 35% 30%, #fff2, transparent 60%), var(--card-bg);width:100px;height:100px;box-shadow:0 14px 30px #0008, inset 0 0 0 2px var(--glass-border), inset 0 -6px 0 #0004;animation:card-float 7s ease-in-out calc(var(--i,0) * -.7s) infinite;border-radius:50%;place-items:center;transition:transform .22s cubic-bezier(.2,1.6,.4,1),box-shadow .2s;display:grid}.token .name{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:900;transition:color .2s}.token:not(:disabled){cursor:pointer}.token:hover:not(:disabled) .disc{box-shadow:0 18px 40px #000a, inset 0 0 0 3px var(--glow), 0 0 34px color-mix(in srgb, var(--glow) 60%, transparent);transform:scale(1.1)}.token:hover:not(:disabled) .name{color:var(--text)}.token-field.ban .token{--glow:var(--red)}.token-field.pick .token{--glow:var(--blue)}.token-field.idle .token:not(.banned):not(.picked){opacity:.8}.token.picked .disc{box-shadow:0 14px 30px #0008, inset 0 0 0 3px var(--blue), 0 0 30px color-mix(in srgb, var(--blue) 55%, transparent)}.token.picked .name,.token.picked .badge{color:var(--blue)}.token.banned .disc{filter:grayscale()brightness(.55)}.token.banned .name{color:var(--red);opacity:.8;text-decoration:line-through}.token.banned:after{content:"";background:var(--red);width:124px;height:14px;box-shadow:0 0 0 3px #0009, 0 0 22px var(--red);border-radius:99px;margin:-7px 0 0 -62px;animation:.35s cubic-bezier(.2,1.6,.4,1) backwards stamp;position:absolute;top:46px;left:50%;rotate:-40deg}.token .badge{font-size:13px;top:0;right:6px}@keyframes stamp{0%{opacity:0;scale:2.4}}.token.ban{--glow:var(--red)}.token.start{--glow:#8b6bff}.cursor.pregame{z-index:50;transition:left 80ms linear,top 80ms linear;position:fixed}.scroller>.cursor{top:0;left:0}@keyframes card-float{50%{translate:0 -2px}}.float-cards.wide{align-items:flex-start;width:min(820px,54vw);transition:transform .6s cubic-bezier(.3,.8,.3,1)}.float-cards.wide.counting{transform:translateY(30vh)scale(.62)}.target-row{flex-wrap:nowrap;align-items:center;gap:18px;width:auto;max-width:94vw;padding:20px 0}.tcard{--w:220px;width:var(--w);z-index:calc(10 - var(--abs));perspective:900px;rotate:calc(var(--off) * 3deg);translate:0 calc(var(--abs) * 14px);filter:drop-shadow(0 18px 26px #000a);flex:none;position:relative}.tcard.small{--w:176px}.target-row:has(.small){gap:12px}.tcard.focus{z-index:20;filter:drop-shadow(0 26px 40px #000e);scale:1.1}.tcard-flip{aspect-ratio:3/4.2;transform-style:preserve-3d;animation:tcard-flip .6s var(--d) backwards;position:relative}.tcard-back,.tcard-front{backface-visibility:hidden;border-radius:18px;position:absolute;inset:0;overflow:hidden}.tcard-back{background:radial-gradient(circle at 35% 25%, #ffffff14, transparent 60%), var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:inset 0 0 0 1px var(--glass-border), inset 0 -6px 0 #0004;place-items:center;display:grid;transform:rotateY(180deg)}.tcard-back span{color:#ffffff1f;font-size:64px;font-weight:900;line-height:1}.tcard-back b{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:900;position:absolute;bottom:18px}.tcard-front{background:#07080d}.tcard-front:before{content:"";z-index:3;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glass-border), inset 0 1px 0 #ffffff26;position:absolute;inset:0}.tcard-front:after{content:"";z-index:4;pointer-events:none;opacity:0;animation:tcard-flash .5s ease-out var(--d) backwards;background:#fff;position:absolute;inset:0}.tcard-img{color:#ffffff40;background:radial-gradient(circle at 30% 20%,#2a3048,#0d1019);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.tcard-img img{object-fit:cover;width:100%;height:100%;animation:tcard-zoom 1.4s cubic-bezier(.2, .8, .3, 1) var(--d) backwards;position:absolute;inset:0}.tcard-img:after{content:"";background:linear-gradient(#0000 40%,#000000b3 72%,#000000eb);position:absolute;inset:0}.tcard-img:before{content:"";z-index:1;animation:tcard-sweep .7s ease-out calc(var(--d) + .35s) backwards;background:linear-gradient(105deg,#0000 35%,#ffffff40 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.tcard-info{z-index:2;text-align:left;padding:0 16px 16px;position:absolute;bottom:0;left:0;right:0}.tcard-theme{z-index:2;background:var(--glass-bg);width:34px;height:34px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 4px 12px #0008, inset 0 0 0 1px var(--glass-border);color:var(--text);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;left:50%;translate:-50%}:is(.tcard,.lcard) h3{letter-spacing:-.01em;color:var(--text);text-shadow:0 2px 8px #000;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 3px;font-size:20px;font-weight:900;line-height:1.15;display:-webkit-box;overflow:hidden}.tcard.small h3{font-size:18px}:is(.tcard,.lcard) p{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}@keyframes tcard-flip{0%{animation-timing-function:cubic-bezier(.5,0,.8,.5);transform:translateY(-40px)rotateY(180deg)scale(.92)}45%{animation-timing-function:cubic-bezier(.2,.9,.3,1.3);transform:translateY(-14px)rotateY(80deg)scale(1.12)}75%{transform:rotateY(-10deg)scale(1.06)}to{transform:none}}@keyframes tcard-flash{0%,40%{opacity:0}50%{opacity:.6}to{opacity:0}}@keyframes tcard-zoom{0%{filter:brightness(1.6);transform:scale(1.25)}}@keyframes tcard-sweep{to{transform:translate(120%)}}.start-on{position:fixed;top:12vh;left:0;right:0}.launch-row{align-items:center;gap:20px;padding:24px 0 10px;display:flex}.lcard{--d:calc(var(--i) * 80ms);aspect-ratio:3/4;width:200px;color:var(--text);text-align:left;rotate:calc(var(--off) * 3deg);translate:0 calc(var(--abs) * 12px);animation:card-in .5s cubic-bezier(.2, 1.3, .4, 1) calc(var(--i) * 60ms) backwards;background:#07080d;border-radius:18px;padding:0;transition:transform .16s cubic-bezier(.2,1.4,.4,1),box-shadow .16s,opacity .3s,filter .3s;display:block;position:relative;overflow:hidden;box-shadow:0 18px 34px #000a}.lcard:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--glass-border), inset 0 1px 0 #ffffff26;position:absolute;inset:0}.lcard:disabled{opacity:1;cursor:default}.lcard .tcard-img img{transition:filter .16s}.lcard p{opacity:0;max-height:0;transition:max-height .16s,opacity .16s}.lcard.hot{z-index:2;transform:translateY(-10px)scale(1.05);box-shadow:0 26px 44px #000c}.lcard.hot .tcard-img img{filter:brightness(1.12)}.lcard.hot p{opacity:1;max-height:1.6em}.lcard.picked{z-index:3;box-shadow:0 30px 50px #000d, 0 0 0 3px var(--pick), 0 0 40px color-mix(in srgb, var(--pick) 55%, transparent);animation:.3s cubic-bezier(.2,1.6,.4,1) pick-snap;transform:translateY(-18px)scale(1.12)}.launch-row.decided .lcard:not(.picked){opacity:0;filter:brightness(.5);transform:translateY(30px)scale(.9)}@keyframes pick-snap{50%{transform:translateY(-24px)scale(1.17)}}.countdown-layer{z-index:50;pointer-events:none;perspective:800px;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.countdown-layer .num{color:#fff;text-shadow:0 12px 50px #000b;font-size:220px;font-weight:900;line-height:1;animation:1s cubic-bezier(.2,.9,.3,1) forwards count-in}@keyframes count-in{0%{opacity:0;transform:translateZ(-600px)scale(0)}35%{opacity:1;transform:translateZ(0)scale(1)}75%{opacity:1;transform:translateZ(40px)scale(1.06)}to{opacity:0;transform:translateZ(350px)scale(1.3)}}.countdown-layer.go{animation:.9s linear forwards go-flood}.countdown-layer.go .num{animation:.9s forwards go-in}@keyframes go-in{0%{animation-timing-function:cubic-bezier(.2,1.5,.4,1);transform:scale(0)}30%{animation-timing-function:cubic-bezier(.6,0,.9,.4);transform:scale(1)}67%{transform:scale(28)}to{transform:scale(28)}}@keyframes go-flood{0%,50%{opacity:1;background:0 0}66%{background:var(--c);opacity:1}to{background:var(--c);opacity:0}}.match{--hud-top:100px;--hud-bottom:80px;--ball-r:90px;--dock:112px;--split:max(32vw, 340px);--sheet-w:min(calc(100vw - var(--split) - var(--dock) - 48px), 1180px);position:fixed;inset:0;overflow:hidden}.hud-top{z-index:4;height:var(--hud-top);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0 0 auto}.hud-top .meta{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex;position:absolute;top:10px;left:14px}.scoreboard{font:800 68px/1 var(--cond);font-variant-numeric:tabular-nums;align-items:center;gap:22px;margin-top:14px;display:flex}.scoreboard .num{text-align:center;min-width:1ch;text-shadow:0 0 20px color-mix(in srgb, currentColor 45%, transparent);animation:.35s cubic-bezier(.2,1.6,.4,1) punch;display:inline-block}.scoreboard .num.me{color:var(--me)}.scoreboard .num.opp{color:var(--opp)}.scoreboard .dash{color:var(--muted);font-size:34px}@keyframes punch{40%{transform:translateY(-8px)scale(1.25)}}.sweep{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--c) 30%, transparent), transparent);width:30%;height:100%;animation:.45s ease-out forwards sweep;position:absolute;top:0;left:0}.sweep.me{--c:var(--me)}.sweep.opp{--c:var(--opp)}@keyframes sweep{0%{transform:translate(-100%)}to{opacity:0;transform:translate(340%)}}.dock{top:var(--hud-top);z-index:3;width:var(--dock);flex-direction:column;gap:10px;display:flex;position:absolute;right:16px}.objective{--c:#ffffff1f;text-align:left;background:#10131d;border-radius:12px;width:100%;height:84px;padding:0;transition:transform .14s ease-out,box-shadow .14s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 24px #000a,0 2px 6px #0008}.objective .thumb{position:absolute;inset:0}.objective .thumb:after{content:"";background:linear-gradient(#0000 55%,#000000c0);position:absolute;inset:0}.objective:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--c);position:absolute;inset:0}.obj-theme{width:22px;height:22px;color:var(--text);background:#000000a0;border-radius:50%;place-items:center;display:grid;position:absolute;top:5px;right:5px;box-shadow:0 2px 6px #0008}.thumb{color:#ffffff59;background:radial-gradient(circle at 30% 20%,#2a3048,#0d1019);place-items:center;display:grid;overflow:hidden}.thumb img{object-fit:cover;filter:brightness(.82)saturate(.95);width:100%;height:100%;transition:filter .14s}.obj-num{font:800 13px/1 var(--cond);color:#fff;text-shadow:0 1px 4px #000;position:absolute;top:6px;left:8px}.obj-title{color:#fff;text-shadow:0 1px 4px #000;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:800;line-height:1.2;display:-webkit-box;position:absolute;bottom:6px;left:8px;right:6px;overflow:hidden}.obj-tag{text-overflow:ellipsis;white-space:nowrap;background:var(--c);max-width:100%;color:var(--ink,#fff);letter-spacing:.1em;text-transform:uppercase;border-radius:3px;padding:2px 5px;font-size:9px;font-weight:900;overflow:hidden}.objective .obj-tag{max-width:calc(100% - 30px);position:absolute;top:5px;right:5px}.objective:hover{transform:translate(-3px)scale(1.04);box-shadow:0 16px 34px #000c,0 0 18px #ffffff14}.objective:is(:hover,.active) .thumb img{filter:brightness()}.objective.active{--c:#fff6;transform:translate(-6px)scale(1.04);box-shadow:0 18px 40px #000d,0 0 22px #ffffff1f}.objective:is(.by-me,.by-opp){box-shadow:0 10px 24px #000a, 0 0 16px color-mix(in srgb, var(--c) 40%, transparent);animation:.4s ease-out obj-claim}.objective:is(.by-me,.by-opp) .thumb img{filter:saturate(.45)brightness(.5);animation:.4s ease-out obj-flash}.objective:is(.by-me,.by-opp):after{box-shadow:inset 0 0 0 2px var(--c);animation:.3s cubic-bezier(.3,.9,.3,1) frame-in}:is(.objective,.preview).by-me{--c:var(--me);--ink:var(--me-ink)}:is(.objective,.preview).by-opp{--c:var(--opp);--ink:var(--opp-ink)}@keyframes obj-claim{30%{box-shadow:0 0 0 4px color-mix(in srgb, var(--c) 50%, transparent), 0 0 30px var(--c);scale:1.08}}@keyframes obj-flash{0%{filter:brightness(2)}}@keyframes frame-in{0%{clip-path:inset(100% 0 0)}}.preview{right:100%;top:min(var(--top), calc(100vh - var(--hud-top) - 480px));width:340px;padding-right:14px;animation:.22s cubic-bezier(.2,.9,.3,1) preview-in;position:absolute}.preview.closing{pointer-events:none;animation:.18s ease-in forwards preview-out}.preview-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 60px #000c, inset 0 0 0 1px #ffffff14, inset 3px 0 0 var(--c,transparent);background:#10131df2;border-radius:8px;position:relative;overflow:hidden}.preview .thumb{height:150px}.preview .thumb img{filter:none}.preview-body{padding:12px 16px 16px}.preview-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;font-size:10.5px;font-weight:700;display:flex}.preview-kicker .grow{flex:1}.preview-kicker .pin{color:var(--text)}.preview-kicker .obj-tag{max-width:60%}.preview h3{color:var(--text);margin:6px 0;font:400 22px/1.2 Linux Libertine,Georgia,Times New Roman,serif}.preview-desc{color:var(--muted);margin:-2px 0 8px;font-size:12px}.preview p{color:#c6cbd8;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.keywords{flex-wrap:wrap;gap:4px;padding-top:10px;display:flex}.keywords span{color:var(--text);background:#ffffff12;border-radius:4px;padding:2px 8px;font-size:11.5px;font-weight:600}@keyframes preview-in{0%{opacity:0;transform:translate(16px)}}@keyframes preview-out{to{opacity:0;transform:translate(16px)}}.stage{top:var(--hud-top);bottom:var(--hud-bottom);perspective:1600px;position:absolute;left:0;right:0}.sheet{width:var(--sheet-w);background:var(--a-bg);color:var(--a-text);border-radius:8px;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.sheet.me{left:var(--split);z-index:1;transform-origin:100%;box-shadow:0 40px 90px #000d, 0 12px 30px #0009, 0 0 80px color-mix(in srgb, var(--me) 12%, transparent);transform:rotateY(-4deg)}.sheet.opp{--side:var(--opp);transform-origin:0;box-shadow:0 30px 70px #000c, 0 0 70px color-mix(in srgb, var(--opp) 20%, transparent);left:2vw;transform:translateY(-2%)rotateY(12deg)scale(.78)}.sheet.opp .page{filter:brightness(.86)contrast(.92)}.sheet.opp:after{content:"";pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--opp) 9%, transparent), transparent 55%);position:absolute;inset:0}.sheet-meta{z-index:2;pointer-events:none;background:linear-gradient(var(--a-bg) 45%, transparent);color:var(--a-muted);white-space:nowrap;gap:16px;padding:10px 20px 22px;font-size:11px;display:flex;position:absolute;inset:0 0 auto}.sheet-meta .route{text-overflow:ellipsis;min-width:0;overflow:hidden}.sheet-meta b{letter-spacing:.14em;text-transform:uppercase;color:var(--a-text);flex:none;margin-left:auto;font-weight:800}.scroller{scrollbar-width:thin;scrollbar-color:#fff2 transparent;flex:1;min-height:0;position:relative;overflow-y:auto}.scroller.loading{pointer-events:none}.scroller.loading .page{opacity:.6;transition:opacity .12s 80ms}.scroller.readonly{pointer-events:none;overflow:hidden}.cursor{pointer-events:none;z-index:5;background:var(--side);border-radius:50% 0 50% 50%;width:18px;height:18px;margin:-4px 0 0 -4px;position:absolute;transform:rotate(-90deg);box-shadow:0 0 0 2px #fff}.scroller>.cursor{box-shadow:0 0 0 2px white, 0 0 14px var(--side);top:0;left:0}.page{max-width:980px}.page-tools{top:-20px;left:calc(var(--split) + 22px);z-index:2;gap:10px;display:flex;position:absolute}.bubble{width:40px;height:40px;color:var(--text);background:radial-gradient(circle at 35% 30%,#ffffff1f,#0000 60%),#161b2b;border-radius:50%;place-items:center;transition:transform .12s cubic-bezier(.2,1.6,.4,1),background .12s,color .12s;display:grid;box-shadow:0 8px 20px #000a,inset 0 0 0 1px #ffffff1f,inset 0 -3px #0005}.bubble:hover:not(:disabled){transform:translateY(-2px)scale(1.08)}.bubble:active:not(:disabled){transform:scale(.92)}.bubble.on{color:var(--me-ink);background:radial-gradient(circle at 35% 30%, #ffffff40, transparent 60%), var(--me);box-shadow:0 8px 20px #000a, 0 0 18px color-mix(in srgb, var(--me) 50%, transparent)}.page .article,.page .article img{transition:color .2s,opacity .2s}.sheet.lamp .article,.sheet.lamp .article figcaption{color:color-mix(in srgb, var(--a-text) 16%, transparent)}.sheet.lamp .article img{opacity:.15}.sheet.lamp .article a[data-title]{text-shadow:0 0 10px color-mix(in srgb, var(--a-link) 35%, transparent)}.page-title{color:var(--a-text);margin:0;padding:36px 28px 4px;font:400 30px/1.2 Linux Libertine,Georgia,Times New Roman,serif}.page.fwd{animation:.18s cubic-bezier(.2,.8,.3,1) page-fwd}.page.back{animation:.18s cubic-bezier(.2,.8,.3,1) page-back}.page.recede{animation:.24s ease-out page-recede}@keyframes page-fwd{0%{opacity:.4;transform:translate(18px)}}@keyframes page-back{0%{opacity:.4;transform:translate(-18px)}}@keyframes page-recede{0%{opacity:.3;transform:translate(-24px)scale(.97)}}.hud-bottom{left:var(--ball-r);right:var(--ball-r);z-index:2;pointer-events:none;grid-template-columns:1fr 1fr;align-items:end;column-gap:18px;display:grid;position:absolute;bottom:14px}.timer{align-items:center;gap:6px 12px;display:grid}.timer.opp{--c:var(--opp);--bar:var(--opp-bar);grid-template-columns:1fr auto;grid-template-areas:"who.""track secs"}.timer.me{--c:var(--me);--bar:var(--me-bar);grid-template-columns:auto 1fr;grid-template-areas:".who""secs track"}.timer .who{min-width:0;padding-left:calc(var(--ball-r) + 28px);white-space:nowrap;text-shadow:0 1px 6px #000;grid-area:who;align-items:center;gap:8px;font-size:13px;display:flex}.timer.me .who{padding:0 calc(var(--ball-r) + 28px) 0 0;justify-content:flex-end}.timer .name{text-overflow:ellipsis;font-weight:800;overflow:hidden}.timer .elo{color:var(--muted);font-variant-numeric:tabular-nums}.timer .out-tag{color:var(--c);letter-spacing:.1em;font-weight:900}.timer.out{opacity:.55}.track{background:#ffffff14;border-radius:99px;grid-area:track;height:6px;overflow:hidden;box-shadow:0 2px 8px #0008}.track i{border-radius:inherit;background-color:var(--bar);height:100%;box-shadow:0 0 12px var(--bar);transform-origin:0;transition:transform .1s linear;display:block}.timer.me .track i{transform-origin:100%}.secs{text-align:center;min-width:3.6ch;font:800 30px/1 var(--cond);font-variant-numeric:tabular-nums;color:var(--c);text-shadow:0 2px 10px #000a;grid-area:secs}.timer.frozen .secs{opacity:.6}.timer.low .track i{box-shadow:0 0 22px var(--bar);animation:.5s ease-in-out infinite alternate low-pulse}.timer.fast .track i{filter:brightness(1.35)saturate(1.3);box-shadow:0 0 20px var(--bar);background-image:linear-gradient(90deg,#0000,#ffffff8c,#0000);background-repeat:repeat-x;background-size:70px 100%;animation:.5s linear infinite fast-stream}.timer.me.fast .track i{animation-direction:reverse}.timer.low.fast .track i{animation:.5s linear infinite fast-stream,.5s ease-in-out infinite alternate low-pulse}.timer.me.low.fast .track i{animation-direction:reverse,alternate}@keyframes fast-stream{to{background-position:-70px 0}}.timer.low .secs{text-shadow:0 0 18px var(--c);font-size:38px;animation:.3s cubic-bezier(.2,1.6,.4,1) tick}@keyframes low-pulse{to{opacity:.45}}@keyframes tick{0%{transform:scale(1.3)}}.edge-glow{z-index:2;pointer-events:none;box-shadow:inset 0 0 120px color-mix(in srgb, var(--me) 30%, transparent);animation:.5s ease-in-out infinite alternate low-pulse;position:fixed;inset:0}.avatars{z-index:1;pointer-events:none;position:absolute;inset:auto 0 0}.avatar-fx{width:0;height:0;position:fixed}.avatar-fx.opp{left:var(--opp-x);top:var(--opp-y);--c:var(--opp)}.avatar-fx.me{left:var(--me-x);top:var(--me-y);--c:var(--me)}.impact{position:absolute}.impact:before{content:"";left:calc(var(--r) * -1);top:calc(var(--r) * -1);width:calc(var(--r) * 2);height:calc(var(--r) * 2);box-shadow:0 0 0 3px var(--c), 0 0 20px var(--c);border-radius:50%;animation:.45s ease-out forwards ring;position:absolute}.impact i{background:var(--c);width:6px;height:6px;rotate:var(--a);border-radius:50%;margin:-3px;animation:.45s ease-out forwards spark;position:absolute}@keyframes ring{0%{opacity:1;scale:.8}to{opacity:0;scale:2.6}}@keyframes spark{0%{transform:translateX(calc(var(--r) * .8))}to{transform:translateX(calc(var(--r) * 2.4)) scale(.3);opacity:0}}[data-article-theme=night]{--a-bg:#0c1019;--a-surface:#ffffff08;--a-line:#ffffff12;--a-text:#e9edf5;--a-muted:#8b94a8;--a-link:#a3acec;--a-link-hover:#d6dbff;--a-claimed:#5d6475}.article{padding:8px 28px 80px;font-size:15.5px;line-height:1.7;position:relative}.article h2{border-bottom:1px solid var(--a-line);margin:28px 0 8px;padding-bottom:6px;font-size:22px;font-weight:800}.article h3{margin:20px 0 6px;font-size:17px}.article p{margin:0 0 12px}.article a[data-title]{color:var(--a-link);cursor:pointer;border-radius:3px;text-decoration:none;transition:color .1s,text-shadow .1s}.article a[data-title]:hover{color:var(--a-link-hover);text-shadow:0 0 12px color-mix(in srgb, var(--a-link-hover) 55%, transparent)}.article a.is-claimed{color:var(--a-claimed);text-decoration:line-through}.article a.clicked{animation:.2s ease-out click-flash}@keyframes click-flash{0%{background:color-mix(in srgb, var(--a-link-hover) 35%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--a-link-hover) 25%, transparent)}}.article img{border-radius:6px;max-width:100%;height:auto}.article figure{float:right;clear:right;background:var(--a-surface);border-radius:10px;width:fit-content;max-width:45%;margin:4px 0 14px 22px;padding:6px;box-shadow:0 6px 20px #0005}.article figure img{margin:0 auto;display:block}.article figcaption{box-sizing:border-box;width:0;min-width:100%;color:var(--a-muted);padding:6px 4px 2px;font-size:12px;line-height:1.45}.article figure.multi{grid-template-columns:repeat(2,1fr);gap:4px;width:min(320px,45%);display:grid}.article figure.multi img{object-fit:cover;border-radius:6px;width:100%;height:110px}.article figure.multi img:last-of-type:nth-of-type(odd),.article figure.multi figcaption{grid-column:1/-1}.article :is(.infobox,table,li) figure{float:none;max-width:none;box-shadow:none;background:0 0;margin:0 auto;padding:0;display:block}.article h2,.article h3{clear:both}.article table{border-collapse:collapse;margin:12px 0;font-size:13px}.article td,.article th{border:0;border-bottom:1px solid var(--a-line);vertical-align:top;text-align:left;padding:4px 8px}.article .infobox{float:right;background:var(--a-surface);border-radius:10px;width:280px;margin:0 0 16px 20px;font-size:12.5px;overflow:hidden}.article .infobox img{margin:0 auto;display:block}.article ul,.article ol{margin:0 0 12px;padding-left:22px}.rank{letter-spacing:.08em;text-transform:uppercase;color:var(--rank);border:1px solid var(--rank);background:color-mix(in srgb, var(--rank) 14%, transparent);border-radius:6px;align-items:center;gap:4px;padding:2px 8px 2px 4px;font-size:11px;font-weight:900;display:inline-flex}.tabs{justify-content:center;gap:4px;display:flex}.tabs button{color:var(--muted);background:0 0;border-radius:8px;padding:8px 16px;font-weight:700}.tabs button.on{background:var(--panel-2);color:var(--text)}.name-input{border:0;border-bottom:1px dashed var(--line);background:0 0;width:100%;padding:2px 0;font-size:22px;font-weight:900}.name-input:focus{border-bottom-color:var(--gold);outline:none}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid var(--line);text-align:left;padding:10px 8px}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:12px}body:has(.admin){background:#0d0d0f}.admin{--line:#26262b;--muted:#8b8b94;--text:#e6e6e9;max-width:1200px;color:var(--text);flex-direction:column;gap:16px;margin:0 auto;padding:24px 28px 64px;font:13px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex}.admin-gate{max-width:360px;padding-top:18vh}.admin .title{letter-spacing:0;font-size:17px;font-weight:600}.admin .card{border:1px solid var(--line);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#141417;border-radius:6px;padding:16px}.admin .label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.admin .stat-value{font-variant-numeric:tabular-nums;margin-top:2px;font-size:22px;font-weight:600}.admin .btn,.admin a.btn{color:var(--text);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#1c1c20;border:1px solid #2f2f36;border-radius:5px;align-items:center;gap:6px;padding:5px 11px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.admin .btn:hover:not(:disabled){filter:none;background:#24242a;border-color:#3d3d46;transform:none}.admin .btn:active:not(:disabled){background:#2a2a31;transform:none}.admin .btn.primary{background:var(--text);color:#111;border-color:var(--text)}.admin .btn.primary:hover:not(:disabled){background:#fff;border-color:#fff}.admin .btn.danger{color:#ffb3b9;background:#3a1418;border-color:#6b2229}.admin .input,.admin input.input,.admin select.input{color:var(--text);-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f0f12;border:1px solid #2f2f36;border-radius:5px;padding:5px 9px;font-size:13px}.admin .input:focus{border-color:#5b5b66;outline:none}.admin .tabs{border-bottom:1px solid var(--line);justify-content:flex-start;gap:0}.admin .tabs button{color:var(--muted);background:0 0;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:8px 14px;font-weight:500}.admin .tabs button:hover{color:var(--text)}.admin .tabs button.on{color:#fff;background:0 0;border-bottom-color:#fff}.admin .table td,.admin .table th{border-bottom:1px solid #202024;padding:6px 8px}.admin .table th{letter-spacing:.04em;color:var(--muted);font-size:11px;font-weight:600}.admin .table tbody tr:hover td{background:#17171b}.admin .rank{background:0 0;border-radius:3px;padding:0 5px;font-size:10px}.admin .loss{color:#e8a24a}.admin .win{color:#6fcf8f}.admin .link{color:#8fb0ff;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.admin .link:hover{text-decoration:underline}.admin .tag{color:var(--muted);border:1px solid #3a3a42;border-radius:3px;padding:1px 6px;font-size:11px}.admin .tag.bad{color:#ffb3b9;border-color:#6b2229}.admin .swatch-dot{border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 0 1px #ffffff30}.admin code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.admin a{color:#8fb0ff}.admin a.btn{color:var(--text);text-decoration:none}.admin code{color:var(--muted);font-size:12px}.admin textarea{resize:vertical;font-family:ui-monospace,monospace;font-size:13px}.admin select.input{appearance:auto}.log{white-space:pre-wrap;background:#0a0a0c;border:1px solid #202024;border-radius:5px;max-height:260px;margin:0;padding:12px;font-size:12px;overflow:auto}.scene-layer{background:var(--bg);position:fixed;inset:0}.scene-layer.hidden{visibility:hidden}.menu{pointer-events:none;position:fixed;inset:0}.menu>.launch-wipe{pointer-events:auto}.menu canvas{position:absolute;inset:0}.menu-ui{pointer-events:none;grid-template-rows:auto 1fr;padding:24px 32px;display:grid;position:absolute;inset:0}.menu-ui>*{pointer-events:auto}.menu-top{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.menu-nav button{padding:8px 20px}.menu-right{grid-column:3;justify-content:flex-end;align-items:center;gap:18px;display:flex}.menu-signout{color:var(--muted);white-space:nowrap;background:0 0;font-size:14px;font-weight:500}.live{white-space:nowrap}@media (width<=1150px){.menu-right .live{display:none}}.menu-signout:hover{color:var(--text)}.menu-logo{letter-spacing:.32em;align-items:center;gap:12px;font-size:14px;font-weight:900;display:flex}.menu-logo img{height:22px}.menu-logo span{color:var(--accent)}.identity{text-align:center;flex-direction:column;place-self:end center;align-items:center;gap:4px;margin-bottom:5vh;transition:opacity .4s,transform .4s;display:flex}.identity-name{letter-spacing:-.01em;margin-bottom:8px;font-size:34px;font-weight:900}.identity-hint{font:inherit;letter-spacing:.2em;text-transform:uppercase;color:#fff5;cursor:pointer;background:0 0;border:0;margin-top:12px;padding:4px 8px;font-size:11px;transition:color .15s}.identity-hint:hover{color:var(--text)}.menu-side{perspective:1100px;flex-direction:column;width:400px;transition:opacity .4s,transform .4s;animation:.45s cubic-bezier(.2,.8,.2,1) side-in;display:flex;position:absolute;top:96px;bottom:32px;right:32px}@keyframes side-in{0%{opacity:0;transform:translate(40px)}}.menu-side>*{transform-origin:100%;transform:rotateY(-14deg);box-shadow:-30px 30px 80px #0008}.menu.customize .menu-side,.menu.customize .identity,.menu.ranks .menu-side,.menu.ranks .identity{opacity:0;pointer-events:none}.menu.ranks .menu-side,.menu.customize .menu-side{transform:translate(40px)}.mcard{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);text-align:left;border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex}.mcard.grow{position:relative;overflow:auto}.mcard.grow .card{background:0 0;border:0;padding:0}.mcard-title{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:900}.mcard.link{flex-direction:row;justify-content:space-between;align-items:center;padding:14px 18px;font-weight:700;transition:border-color .15s,transform .15s}.mcard.link:hover{border-color:rgb(var(--accent-rgb) / .55);transform:rotateY(-14deg)translate(-4px)}.mcard.link.quiet{color:var(--muted);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;font-weight:500}.menu .btn.primary{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#ffffff1f,#ffffff08);border:1px solid #ffffff30;box-shadow:inset 0 1px #ffffff40}.menu .btn.primary:hover:not(:disabled){filter:none;border-color:var(--accent);box-shadow:inset 0 1px 0 #fff5, 0 0 24px rgb(var(--accent-rgb) / .25);background:linear-gradient(#ffffff1f,#ffffff08)}.menu .btn .sub{letter-spacing:.16em;text-transform:uppercase;opacity:.7;margin-left:6px;font-size:11px}.back{color:var(--muted);background:0 0;align-self:flex-start;padding:4px 0;font-weight:700}.back:hover{color:var(--text)}.panel3d{perspective:1100px;pointer-events:none;opacity:0;transition:opacity .5s .1s,transform .7s cubic-bezier(.2,.8,.2,1) .1s;position:absolute;top:50%;left:7vw;transform:translateY(-50%)translate(-60px)}.panel3d>.custom{transform-origin:0;transform:rotateY(16deg);box-shadow:30px 30px 80px #0008}.menu.customize .panel3d{opacity:1;pointer-events:auto;transform:translateY(-50%)}.custom{background:var(--glass-bg);border:1px solid var(--glass-border);width:340px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text);border-radius:16px;flex-direction:column;gap:12px;padding:18px;font-family:Roboto,sans-serif;display:flex;position:relative}.swatches{grid-template-columns:repeat(5,1fr);justify-items:center;gap:10px;display:grid}.swatches .swatch{width:40px;height:40px}.items{grid-template-columns:1fr 1fr;gap:8px;display:grid}.item{text-align:left;background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;gap:4px;padding:12px;font-weight:700;display:flex}.item span.muted{font-size:11px;font-weight:500}.item.on{border-color:var(--accent)}.item.locked{opacity:.75}.item:hover{border-color:#ffffff40}.play-row{justify-content:center;margin-top:22px;display:flex;position:relative}.play-main{isolation:isolate;border-radius:var(--pill);letter-spacing:.3em;width:240px;height:62px;color:var(--bg);background:linear-gradient(180deg, #ffffff73 0%, #fff0 52%), var(--text);box-shadow:inset 0 -3px 8px rgb(var(--accent-rgb) / .35), 0 10px 36px rgb(var(--accent-rgb) / .3);border:1px solid #fff9;padding-left:.3em;font-size:22px;font-weight:900;transition:transform .15s,box-shadow .3s,background .3s;position:relative}.play-main:before,.play-main:after{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--spin), transparent 0deg 230deg, var(--accent) 290deg, #fff 335deg, var(--accent) 350deg, transparent 360deg);-webkit-mask-composite:xor;opacity:0;padding:3px;transition:opacity .35s;animation:2.4s linear infinite play-spin;position:absolute;inset:-4px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.play-main:after{filter:blur(10px);z-index:-1;padding:5px}.play-main:hover:not(:disabled){box-shadow:inset 0 -3px 8px rgb(var(--accent-rgb) / .45), 0 14px 50px rgb(var(--accent-rgb) / .55);transform:translateY(-2px)}.play-main:hover:not(:disabled):before,.play-main:hover:not(:disabled):after{opacity:1}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes play-spin{to{--spin:360deg}}.play-main:active:not(:disabled){transform:scale(.97)}.mode-bubble{position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.mode-current{width:44px;height:44px;color:var(--muted);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:50%;place-items:center;padding:0;transition:color .2s,border-color .2s;display:grid}.mode-current:hover,.mode-current.open{color:var(--text);border-color:rgb(var(--accent-rgb) / .5)}.mode-list{background:var(--glass-bg);border:1px solid var(--glass-border);width:320px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text);text-align:left;z-index:5;border-radius:16px;flex-direction:column;gap:6px;padding:16px;animation:.18s ease-out pop-right;display:flex;position:absolute;bottom:0;left:calc(100% + 12px);box-shadow:0 18px 40px #0008}@keyframes pop-right{0%{opacity:0;transform:translate(-8px)}}@keyframes pop-up{0%{opacity:0;transform:translateY(8px)}}.mode-list>button{text-align:left;background:0 0;border-radius:12px;grid-template-columns:1fr auto;padding:10px 14px;transition:background .2s;display:grid}.mode-list>button b{font-weight:800}.mode-list>button span.muted{grid-column:1;font-size:12px}.mode-list>button .tag{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);grid-area:1/2/3;align-self:center;font-size:10px;font-weight:800}.mode-list>button:hover:not(.on){background:var(--glass-hover)}.mode-list>button.on{background:var(--glass-on);box-shadow:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px var(--glass-border)}.mode-list .mode-format{margin-bottom:6px}.picker{position:relative}.picker-btn{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--pill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:4px 12px;font-size:13px;font-weight:500}.picker-btn:hover{border-color:#ffffff40}.flag{font-size:15px}.picker-list{background:var(--glass-bg);border:1px solid var(--glass-border);min-width:200px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text);z-index:5;border-radius:16px;flex-direction:column;gap:4px;padding:10px;animation:.15s ease-out pop-right;display:flex;position:absolute;bottom:0;left:calc(100% + 10px);box-shadow:0 18px 40px #0008}.picker-list button{text-align:left;background:0 0;border-radius:12px;padding:9px 12px;font-size:14px;font-weight:600;transition:background .2s}.picker-list button:hover:not(.on){background:var(--glass-hover)}.picker-list button.on{background:var(--glass-on);box-shadow:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px var(--glass-border)}.signin{flex-direction:column;align-items:stretch;gap:10px;width:220px;display:flex}.signin-title{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:4px;font-size:12px;font-weight:700}.provider{justify-content:center;align-items:center;gap:10px;animation:.4s cubic-bezier(.2,1.4,.4,1) backwards rise;display:flex}.provider .mark{place-items:center;width:18px;height:18px;transition:transform .2s cubic-bezier(.2,1.8,.4,1);display:grid}.provider .mark svg{width:18px;height:18px}.provider:hover .mark{transform:scale(1.15)}.menu-nav button.support{color:var(--accent)}.menu-nav button.support.on,.menu-nav button.support:hover{color:var(--text)}.support-panel{flex-direction:column;gap:12px;display:flex}.support-panel p{color:#d9d4f3;margin:0;line-height:1.5}.perks{color:#d9d4f3;flex-direction:column;gap:8px;margin:0;padding-left:18px;font-size:14px;line-height:1.45;display:flex}.tiers{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tiers button{border-radius:var(--pill);background:var(--glass-bg);border:1px solid var(--glass-border);padding:11px 0;font-weight:900;transition:background .2s,border-color .2s}.tiers button:hover:not(.on){background:var(--glass-hover)}.tiers button.on{border-color:var(--accent);background:rgb(var(--accent-rgb) / .12)}.flag{object-fit:cover;vertical-align:-3px;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #fff3}.flag-fallback{vertical-align:-3px;color:var(--muted)}.picker-btn,.picker-list button,.menu-nav button,.back{align-items:center;gap:6px;display:inline-flex}.theme .icon{color:var(--text);justify-content:center;display:flex}.target svg{color:var(--text);flex:none}.colors{flex-direction:column;gap:10px;display:flex}.colors .react-colorful{width:100%;height:170px}.colors .react-colorful__saturation{border-bottom:0;border-radius:10px 10px 0 0}.colors .react-colorful__hue{border-radius:0 0 10px 10px;height:14px}.colors .react-colorful__pointer{border-width:3px;width:20px;height:20px}.hex-chip{border-radius:50%;flex:none;width:34px;height:34px;box-shadow:0 0 0 2px #ffffff30}.hex-input{text-transform:uppercase;padding:8px 12px;font-family:ui-monospace,monospace}.colors .swatches .swatch{width:26px;height:26px}.colors .swatches{grid-template-columns:repeat(10,1fr);gap:4px}.custom-tab{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;height:330px;animation:.22s ease-out tab-in;overflow-y:auto}.custom-tab .items{align-content:start}@keyframes tab-in{0%{opacity:0;transform:translateY(6px)}}.custom .seg button{padding:7px 6px;font-size:13px}input.input{border-radius:var(--pill);background:var(--glass-bg);border-color:var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding-left:16px}select.input{border-radius:var(--pill);background:var(--glass-bg);border-color:var(--glass-border)}.menu.launch .menu-ui>*,.menu.launch .panel3d{pointer-events:none;transition:opacity .35s,transform .4s ease-in;transform:translateY(24px)scale(.96);opacity:0!important}.launch-wipe{z-index:30;opacity:0;animation:.8s cubic-bezier(.7,0,.2,1) .9s forwards burst;position:fixed;inset:0}@keyframes burst{0%{opacity:1;clip-path:circle(var(--ball-r,15vh) at var(--ball-x,50%) var(--ball-y,46%))}to{opacity:1;clip-path:circle(150vmax at var(--ball-x,50%) var(--ball-y,46%))}}.launch-wipe .toon-load:before{animation:.4s ease-out 1.5s backwards fade-in}.launch-wipe .toon-eyes span{animation-delay:2.6s,3.2s}.launch-wipe .toon-title{animation-delay:2.75s}@keyframes eye-pop{0%{opacity:0;transform:scale(.4,.1)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes fade-in{0%{opacity:0}}.toon-load{text-align:center;background:var(--ball);color:#fff;isolation:isolate;align-content:start;justify-items:center;gap:22px;padding-top:calc(30vh + 188px);display:grid;position:fixed;inset:0}.toon-load:before{content:"";z-index:-1;background:radial-gradient(140% 120% at 30% 25%, transparent 55%, color-mix(in srgb, var(--ball) 80%, black) 55.2%);position:absolute;inset:0}.toon-load.light{color:#111}.toon-eyes{will-change:transform;justify-content:center;gap:120px;display:flex;position:absolute;top:30vh;left:0;right:0}.toon-eyes span{background:var(--eye);border-radius:99px;width:62px;height:140px;animation:3.2s infinite big-blink}@keyframes big-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}.toon-title{letter-spacing:.14em;text-transform:uppercase;align-items:baseline;gap:2px;margin:0;font-size:34px;font-weight:900;display:flex}.toon-dots{gap:5px;margin-left:8px;display:inline-flex}.toon-dots i{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite dot-bounce}.toon-dots i:nth-child(2){animation-delay:.2s}.toon-dots i:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,60%,to{opacity:.55;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.toon-load .muted{color:currentColor;opacity:.7}.toon-btn{border-radius:var(--pill);letter-spacing:.08em;color:inherit;background:#0000001f;border:2px solid;padding:12px 28px;font-weight:900;transition:transform .1s,background .2s}.toon-btn:hover{background:#0003;transform:translateY(-1px)}.toon-load .input{max-width:420px;color:inherit;text-align:center;background:#00000026;border-color:#00000030}.toon-eyes span{animation:.55s cubic-bezier(.25,1.25,.5,1) backwards eye-pop,4s .8s infinite big-blink}.toon-title{animation:.4s cubic-bezier(.2,1.4,.4,1) .12s backwards rise}.toon-load>:not(.toon-eyes):not(.toon-title){animation:.4s cubic-bezier(.2,1.4,.4,1) .22s backwards rise}.toon-load.leaving{pointer-events:none}.toon-load.leaving,.toon-load.leaving:before{animation:0s .15s forwards clear-bg}.toon-load.leaving .toon-eyes span{animation:.28s ease-in forwards eye-shut}.toon-load.leaving>:not(.toon-eyes){animation:.3s ease-in forwards sink-out}@keyframes clear-bg{to{background:0 0}}@keyframes eye-shut{to{opacity:0;transform:scaleY(.05)}}@keyframes sink-out{to{opacity:0;transform:translateY(10px)}}.launch-wipe.reverse{opacity:1;animation:none}.menu.returning .menu-ui>*{opacity:0}.menu.returning.go .menu-ui>*{opacity:1;animation:.45s cubic-bezier(.2,.9,.3,1) .85s backwards ui-back}@keyframes ui-back{0%{opacity:0;transform:translateY(24px)scale(.96)}}.mode-caption{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:10px;font-size:12px;font-weight:700}.versus-stage{place-items:center;padding:24px;display:grid;position:fixed;inset:0}.draft-stage{flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex}.draft-stage .draft-head{animation:.4s cubic-bezier(.2,1.4,.4,1) backwards rise}.versus-modal{background:var(--glass-bg);border:1px solid var(--glass-border);width:min(620px,46vw);max-height:calc(100vh - 80px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:22px;padding:22px 24px;animation:.45s cubic-bezier(.2,1.2,.4,1) backwards modal-in;overflow:auto;box-shadow:0 30px 80px #0008}@keyframes modal-in{0%{opacity:0;transform:translateY(16px)scale(.96)}}.versus-modal .reveal-list{gap:10px}.vs-label{white-space:nowrap;pointer-events:none;flex-direction:column;align-items:center;gap:6px;animation:.45s cubic-bezier(.2,1.4,.4,1) backwards rise;display:flex;position:fixed;translate:-50%}.vs-label.opp{left:var(--vs-opp-x,20vw);top:calc(var(--vs-opp-y,50vh) + var(--vs-opp-r,80px) + 14px)}.vs-label.me{left:var(--vs-me-x,80vw);top:calc(var(--vs-me-y,50vh) + var(--vs-me-r,80px) + 14px)}.vs-label b{font-size:22px;font-weight:900}.vs-label span{color:var(--muted);align-items:center;gap:6px;font-weight:700;display:flex}.result-screen{pointer-events:none;text-align:center;flex-direction:column;justify-content:space-between;align-items:center;padding:7vh 16px 6vh;display:flex;position:fixed;inset:0}.result-screen button{pointer-events:auto}.result-screen h1{font:800 96px/1 var(--cond);letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 0 40px color-mix(in srgb, var(--win) 55%, transparent), 0 6px 24px #000a;margin:0;animation:.6s cubic-bezier(.2,1.5,.4,1) .15s backwards verdict-in}.result-screen.defeat h1{color:var(--muted);text-shadow:0 6px 24px #000a}.result-screen.draw h1{color:var(--text)}.result-screen .sub{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:6px;font-size:13px;font-weight:700}.result-screen footer{flex-direction:column;align-items:center;gap:10px;animation:.4s ease-out .6s backwards fade-in;display:flex}.result-score{text-shadow:0 2px 10px #000;align-items:center;gap:14px;display:flex}.result-score b{font:800 48px/1 var(--cond);font-variant-numeric:tabular-nums}.result-score .dash{color:var(--muted);font-size:24px}.result-score .who{min-width:120px;color:var(--text);font-size:15px;font-weight:800}.result-score .who:first-child{text-align:right}.result-score .who:last-child{text-align:left}.result-elo{font:800 20px/1 var(--cond);letter-spacing:.06em;color:var(--muted);margin-top:-2px}.result-elo.up{color:#3ddc84}.result-elo.down{color:var(--red)}@keyframes verdict-in{0%{opacity:0;transform:translateY(-20px)scale(1.4)}}.confetti{pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:1px;animation:linear forwards confetti-fall;position:absolute;top:-20px}@keyframes confetti-fall{0%{transform:translate(0)rotate(0)rotateY(0)}to{transform:translate(var(--drift), 110vh) rotate(var(--spin)) rotateY(720deg)}}.history{pointer-events:auto;text-align:left;background:var(--card-bg);width:min(400px,28vw);max-height:68vh;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 14px 34px #0007, inset 0 0 0 1px var(--glass-border);border-radius:18px;flex-direction:column;animation:.5s cubic-bezier(.2,1.3,.4,1) .8s backwards card-in;display:flex;position:absolute;top:50%;translate:0 -50%}.history.opp{transform-origin:0;left:3vw;transform:perspective(1000px)rotateY(12deg)}.history.me{transform-origin:100%;right:3vw;transform:perspective(1000px)rotateY(-12deg)}.history header{border-bottom:1px solid var(--glass-border);padding:20px 22px 14px}.history header>b{color:var(--text);font-size:18px;font-weight:900}.history .stats{color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:12.5px;display:flex}.history .stats b{color:var(--text);font-weight:800}.history .stats .warn b{color:#ffb84d}.history ol{scrollbar-width:thin;scrollbar-color:#fff2 transparent;margin:0;padding:10px 0 14px;list-style:none;overflow-y:auto}.history li{grid-template-columns:46px 1fr;column-gap:10px;padding:5px 22px;font-size:14px;display:grid}.history .at{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:1px;font-size:12.5px}.history .title{overflow-wrap:anywhere;min-width:0}.history li.back .title{color:var(--muted);font-style:italic}.history li.claim .title{color:var(--c);font-weight:800}.history li.claim .title:after{content:" ✓"}.history .miss{color:#ffcf8a;grid-column:2;align-items:center;gap:5px;margin-top:2px;font-size:12.5px;font-weight:700;display:flex}.history .miss svg{flex:none}.mute-btn{pointer-events:auto;width:32px;height:32px;color:var(--muted);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:inset 0 0 0 1px var(--glass-border);border-radius:50%;place-items:center;transition:color .12s,background .12s;display:grid}.mute-btn:hover{color:var(--text);background:var(--glass-hover)}.mute-btn.on{color:var(--text);background:var(--glass-on)}.sound-ctl{pointer-events:auto;position:relative}.sound-panel{z-index:60;background:var(--glass-bg);border:1px solid var(--glass-border);width:240px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);text-transform:none;letter-spacing:normal;color:var(--text);transform-origin:100% 0;border-radius:16px;flex-direction:column;gap:10px;padding:16px;font-size:12.5px;font-weight:600;animation:.18s cubic-bezier(.2,.9,.3,1) panel-down;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px #0008}.hud-top .sound-panel{transform-origin:0 0;left:0;right:auto}.sound-panel label{color:var(--muted);grid-template-columns:16px 56px 1fr 26px;align-items:center;gap:8px;display:grid}.sound-panel label span{color:var(--text)}.sound-panel label b{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700}.sound-panel input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(90deg, var(--accent) var(--v), #ffffff1f var(--v));border-radius:99px;width:100%;height:4px}.sound-panel input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);border-radius:50%;width:14px;height:14px;box-shadow:0 2px 6px #0008}.sound-panel input[type=range]::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 6px #0008}@keyframes panel-down{0%{opacity:0;transform:translateY(-6px)scale(.96)}}.menu-side{width:440px}.mcard.drawer-card{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;gap:0;padding:0;position:relative}.d-close{z-index:1;width:28px;height:28px;color:var(--muted);background:#ffffff0d;border-radius:50%;place-items:center;transition:color .12s,background .12s;display:grid;position:absolute;top:14px;right:14px}.d-close:hover{color:var(--text);background:#ffffff1a}.drawer{flex-direction:column;display:flex}.drawer section{border-top:1px solid #ffffff0d;padding:14px 20px 16px}.drawer h4{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:10.5px;font-weight:800}.d-empty{color:var(--muted);margin:0;padding:16px 20px;font-size:13px}.d-more{width:100%;color:var(--muted);background:#ffffff08;border-radius:8px;margin-top:8px;padding:7px;font-size:12px;font-weight:700}.d-more:hover{color:var(--text);background:#ffffff10}.drawer small{color:var(--muted);font-size:11.5px}.drawer .rank{padding:1px 6px;font-size:10px}.p-head{background:linear-gradient(180deg, rgb(var(--accent-rgb) / .12), transparent);grid-template-columns:auto 1fr;align-items:center;column-gap:14px;padding:22px 56px 18px 20px;display:grid}.p-head .rank-icon{grid-row:1/5}.p-id{color:color-mix(in srgb, var(--muted) 70%, transparent);cursor:copy;background:0 0;border:0;grid-column:2;justify-self:start;margin-top:2px;padding:0;font:500 11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;transition:color .15s}.p-id:hover{color:var(--muted)}.p-name{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:26px;font-weight:900;line-height:1.1;overflow:hidden}.p-rank{align-items:center;gap:8px;margin-top:8px;display:flex}.p-rank b{font:800 24px/1 var(--cond);font-variant-numeric:tabular-nums}.p-rank span{letter-spacing:.14em;color:var(--muted);font-size:11px;font-weight:800}.p-sub{color:var(--muted);margin-top:6px;font-size:12.5px}.p-ratings{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.p-rating{background:#ffffff07;border-radius:10px;padding:10px 12px;box-shadow:inset 0 0 0 1px #ffffff0d}.p-rating .lang{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:800}.p-rating .line{justify-content:space-between;align-items:center;margin:3px 0 2px;display:flex}.p-rating .line b{font:800 22px/1 var(--cond);font-variant-numeric:tabular-nums}.p-matches{margin:0;padding:0;list-style:none}.p-matches li{border-bottom:1px solid #ffffff0a;grid-template-columns:1fr auto 1fr;align-items:baseline;row-gap:1px;padding:8px 2px;display:grid}.p-matches li:last-child{border-bottom:0}.p-matches .res{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:900}.p-matches li.win .res{color:var(--accent)}.p-matches li.loss .res{color:var(--red)}.p-matches .score{font:800 17px/1 var(--cond);font-variant-numeric:tabular-nums}.p-matches .delta{font:800 15px/1 var(--cond);font-variant-numeric:tabular-nums;color:var(--muted);justify-self:end}.p-matches .delta.up{color:#3ddc84}.p-matches .delta.down{color:var(--red)}.p-matches .meta{grid-column:1/3}.p-matches .date{justify-self:end}.d-head{flex-direction:column;gap:10px;padding:20px 56px 14px 20px;display:flex}.d-head h3{margin:0;font-size:22px;font-weight:900}.d-tabs{gap:4px;display:flex}.d-tabs button{color:var(--muted);letter-spacing:.08em;background:#ffffff08;border-radius:99px;padding:4px 10px;font-size:11.5px;font-weight:800}.d-tabs button:hover{color:var(--text)}.d-tabs button.on{background:rgb(var(--accent-rgb) / .2);color:var(--text);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / .45)}.lb{border-top:1px solid #ffffff0d;margin:0;padding:4px 12px 14px;list-style:none}.lb li{border-radius:8px;grid-template-columns:28px 1fr auto 52px;align-items:center;gap:10px;padding:7px 8px;display:grid}.lb li:nth-child(2n){background:#ffffff04}.lb li.me{background:rgb(var(--accent-rgb) / .12);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / .3)}.lb .pos{font:800 15px/1 var(--cond);color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}.lb .top1 .pos{color:#ffd166}.lb .top2 .pos{color:#cfd8e3}.lb .top3 .pos{color:#e0a070}.lb .who{flex-direction:column;min-width:0;display:flex}.lb .who b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.lb .who small{font-size:11px}.lb .elo{font:800 17px/1 var(--cond);text-align:right;font-variant-numeric:tabular-nums}.rank-icon{background-position:0 0;background-repeat:no-repeat;flex:none;margin:-3px 0;display:inline-block}.rank-icon.spin{margin:0;animation:2.8s steps(24,end) infinite rank-spin}@keyframes rank-spin{to{background-position-x:calc(var(--s) * -24)}}.rank-icon.wikifighter{animation:2.4s ease-in-out infinite alternate rank-glow}.rank-icon.wikifighter.spin{animation:2.8s steps(24,end) infinite rank-spin,2.4s ease-in-out infinite alternate rank-glow}@keyframes rank-glow{0%{filter:drop-shadow(0 0 1px var(--rank))}to{filter:drop-shadow(0 0 6px var(--rank))}}.rank-btn{background:0 0;border-radius:6px;padding:0;transition:transform .12s}.rank-btn:hover{transform:scale(1.08)}.ranks-ui{opacity:0;pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:96px 32px 32px}.menu.ranks .ranks-ui{opacity:1;transition-delay:.25s}.menu.ranks .ranks-ui>.ranks-down{pointer-events:auto}.ranks-down{color:var(--muted);background:0 0;margin-bottom:7vh;padding:0;transition:color .15s}.ranks-down svg{box-sizing:content-box;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 8px 20px #0008, inset 0 0 0 1px var(--glass-border);border-radius:50%;padding:15px;transition:background .15s;animation:1.8s ease-in-out infinite down-bob;display:block}.ranks-down:hover{color:var(--text)}.ranks-down:hover svg{background:var(--glass-hover);box-shadow:0 8px 24px #000a,inset 0 0 0 1px #ffffff40}@keyframes down-bob{50%{transform:translateY(5px)}}.rank-label{pointer-events:none;text-align:center;text-shadow:0 2px 12px #000a;animation:.25s ease-out fade-in;position:absolute;top:60%;left:0;right:0}.rank-label-name{letter-spacing:-.01em;color:var(--rank);text-shadow:0 0 24px color-mix(in srgb, var(--rank) 45%, transparent), 0 2px 12px #000a;font-size:52px;font-weight:900;line-height:1.05}.rank-label-range{font:800 24px/1.3 var(--cond);letter-spacing:.06em;color:var(--text);margin-top:4px}.elo-progress{pointer-events:auto;grid-template-columns:76px 1fr 76px;align-items:center;column-gap:14px;width:min(480px,82vw);margin:4px 0 8px;display:grid}.ep-end{letter-spacing:.12em;text-transform:uppercase;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:900;display:flex}.ep-next{color:var(--muted)}.ep-mid{flex-direction:column;gap:7px;display:flex}.ep-track{background:#ffffff14;border-radius:99px;height:8px;position:relative;box-shadow:inset 0 1px 3px #0008}.ep-track i{border-radius:inherit;transform-origin:0;transform:scaleX(var(--to));background:linear-gradient(90deg, color-mix(in srgb, var(--c) 60%, transparent), var(--c));box-shadow:0 0 14px color-mix(in srgb, var(--c) 60%, transparent);animation:1.4s cubic-bezier(.3,.8,.3,1) .9s backwards ep-fill;position:absolute;inset:0}@keyframes ep-fill{0%{transform:scaleX(var(--from))}}.ep-mid small{text-align:center;color:var(--muted);white-space:nowrap;font-size:12px}.ep-mid small b{color:var(--text);font-variant-numeric:tabular-nums}.result-actions{grid-template-columns:1fr auto 1fr;align-items:center;column-gap:14px;width:100%;margin-top:4px;display:grid}.result-actions>*{pointer-events:auto;grid-row:1}.result-actions .rematch{grid-column:2}.result-actions .leave{grid-column:3;justify-self:start}.play-main.rematch{letter-spacing:.24em;width:220px;height:56px;padding-left:.24em;font-size:19px;transition:transform .15s,box-shadow .3s,width .3s,height .3s,font-size .3s}.result-actions.gone .leave{grid-column:2;justify-self:center}.result-actions.gone .rematch{grid-column:3;justify-self:start;width:140px;height:38px;font-size:12px}.match.solo{--sheet-w:min(calc(100vw - var(--dock) - 140px), 1100px);--split:calc((100vw - var(--dock) - 32px - var(--sheet-w)) / 2)}.match.solo .sheet.me{transform:none}.match.solo .hud-bottom{grid-template-columns:1fr;left:30vw}.scoreboard .num.total{color:var(--muted)}.forfeit-panel{text-align:left;gap:6px;width:250px}.forfeit-panel b{color:var(--text);font-size:15px;font-weight:900}.forfeit-panel span{color:var(--muted);font-size:12.5px;line-height:1.4}.forfeit-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.forfeit-actions .btn{padding:7px 14px;font-size:13px}.btn.danger{background:var(--red);color:#fff;border-color:#0000}.btn.danger:hover:not(:disabled){background:color-mix(in srgb, var(--red) 85%, white)}.settings-panel{text-align:left;gap:6px;width:300px}.settings-panel .mcard-title{margin-bottom:2px}.theme-row{white-space:nowrap;color:var(--text);text-align:left;background:0 0;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:700;transition:background .2s;display:flex}.theme-row:hover:not(.on){background:var(--glass-hover)}.theme-row.on{background:var(--glass-on);box-shadow:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px var(--glass-border)}.swatches{flex:none;display:flex}.swatches i{border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1.5px #0008}.swatches i+i{margin-left:-4px}.tut-card.alone{width:min(460px,100vw - 32px);padding-top:34px;position:relative}.alone-actions{gap:10px;margin-top:4px;display:flex}.alone-actions .btn{align-items:center;gap:8px;display:inline-flex}.tut{z-index:60;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05040cb3;place-items:start center;padding-top:12vh;animation:.35s ease-out fade-in;display:grid;position:fixed;inset:0}.tut-card{text-align:center;background:var(--card-bg);border:1px solid var(--glass-border);border-radius:22px;flex-direction:column;align-items:center;gap:16px;width:min(560px,100vw - 32px);padding:30px 30px 20px;animation:.5s cubic-bezier(.2,1.3,.4,1) tut-drop;display:flex;box-shadow:0 30px 80px #000a}.tut-card.race{width:min(760px,100vw - 32px)}@keyframes tut-drop{0%{opacity:0;transform:translateY(-60px)}}.tut-card h2{margin:0;font-size:24px;font-weight:900}.tut-logo{width:180px;margin:6px 0 4px;animation:.5s cubic-bezier(.2,1.4,.4,1) .15s backwards rise}.tut-sub{letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-top:-10px;font-size:11px;font-weight:800}.tut-card>p{max-width:440px;color:var(--muted);margin:0;line-height:1.5}.tut-card>p b{color:var(--text)}.tut-card>p.tut-miss{animation:.35s ease-in-out tut-shake}@keyframes tut-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.tut-key{min-width:24px;font:800 12px var(--cond);color:var(--text);border:1px solid #ffffff30;border-bottom-width:3px;border-radius:6px;margin:0 2px;padding:2px 7px;display:inline-block}.tut-targets{gap:12px;display:flex}.tut-target{border:1px solid var(--glass-border);width:132px;color:var(--gold);animation:rise .4s cubic-bezier(.2, 1.4, .4, 1) calc(.15s + var(--i) * .1s) backwards;background:#ffffff0a;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:20px 10px 14px;display:flex;position:relative}.tut-target .n{font:800 11px var(--cond);color:var(--muted);position:absolute;top:6px;left:8px}.tut-target .t{color:var(--text);font-size:13px;font-weight:700}.tut-target.claimed{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 18%, transparent);animation:.5s cubic-bezier(.2,1.6,.4,1) tut-claim}@keyframes tut-claim{40%{transform:scale(1.12)}}.tut-targets.small{flex-direction:column;gap:8px}.tut-targets.small .tut-target{flex-direction:row;gap:8px;width:120px;padding:10px 8px;animation:none}.tut-targets.small .tut-target .n{position:static}.tut-targets.small .tut-target.claimed{animation:.5s cubic-bezier(.2,1.6,.4,1) tut-claim}.tut-race{align-items:flex-start;gap:14px;width:100%;display:flex}.tut-browser{background:var(--a-bg);min-height:240px;color:var(--a-text);text-align:left;border-radius:12px;flex:1;overflow:hidden}.tut-crumbs{color:var(--a-muted);border-bottom:1px solid var(--a-line);padding:10px 16px;font-size:11px}.tut-browser .page-title{padding:18px 20px 2px;font-size:24px}.tut-browser .article{padding:0 20px 18px;font-size:15px;line-height:1.7}.article a.tut-gold,.article a.tut-gold:hover{color:var(--gold);text-shadow:0 0 14px color-mix(in srgb, var(--gold) 60%, transparent);font-weight:700;animation:1.2s ease-in-out infinite tut-glow}@keyframes tut-glow{50%{text-shadow:0 0 2px #0000}}.tut-lines{gap:8px;margin-top:12px;display:grid}.tut-lines i{background:var(--a-line);border-radius:4px;height:8px}.tut-lines i:nth-child(2){width:85%}.tut-lines i:nth-child(3){width:60%}.tut-win{height:200px;color:var(--gold);align-content:center;place-items:center;gap:8px;animation:.6s cubic-bezier(.2,1.6,.4,1) tut-claim;display:grid}.tut-win b{color:var(--a-text);font-size:22px}.tut-plus{font:900 30px var(--cond);animation:.5s cubic-bezier(.2,1.4,.4,1) .2s backwards rise}.tut-tips{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.tut-tip{text-align:left;background:#ffffff0a;border-radius:12px;align-items:center;gap:4px;padding:14px 16px;font-size:14px;font-weight:700;animation:.4s cubic-bezier(.2,1.4,.4,1) backwards rise;display:flex}.tut-tip:nth-child(2){animation-delay:80ms}.tut-tip:nth-child(3){animation-delay:.16s}.tut-tip:nth-child(4){animation-delay:.24s}.tut-tip span{flex:1}.tut-peek{align-items:stretch;gap:14px;width:100%;display:flex}.tut-peek .tut-target{cursor:pointer;font:inherit;transition:border-color .15s,background .15s,transform .15s}.tut-peek .tut-target:hover{border-color:#ffffff30}.tut-peek .tut-target.open{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, transparent)}.tut-peek .tut-target.hint{animation:1.4s ease-in-out infinite tut-hint}@keyframes tut-hint{50%{box-shadow:0 0 0 2px color-mix(in srgb, var(--gold) 55%, transparent);transform:translate(4px)}}.tut-preview{background:var(--a-bg,#0c1019);text-align:left;border-radius:12px;flex:1;min-height:190px;padding:16px 18px;animation:.3s cubic-bezier(.2,1.4,.4,1) rise}.tut-preview.empty{color:var(--muted);border:1px dashed var(--glass-border);background:0 0;place-items:center;font-size:13px;animation:none;display:grid}.tut-preview-head{color:var(--gold);align-items:center;gap:14px;display:flex}.tut-preview-head h3{color:var(--text);margin:0;font:400 22px/1.2 Linux Libertine,Georgia,serif}.tut-preview-head span{color:var(--muted);font-size:12.5px}.tut-tags{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.tut-tags span{animation:rise .35s cubic-bezier(.2, 1.4, .4, 1) calc(.15s + var(--i) * 70ms) backwards;background:#ffffff12;border-radius:6px;padding:4px 10px;font-size:12.5px;font-weight:600}.tut-timer{background:#ffffff0a;border-radius:14px;gap:10px;width:100%;padding:18px 20px;display:grid}.tut-timer-head{justify-content:space-between;font-size:13px;display:flex}.tut-timer-page{font-weight:800;animation:.3s cubic-bezier(.2,1.4,.4,1) rise}.tut-timer-max{color:var(--muted);font:800 12px var(--cond);letter-spacing:.1em;text-transform:uppercase}.tut-timer-track{background:#ffffff14;border-radius:6px;height:12px;overflow:hidden}.tut-timer-track i{background:var(--gold);transform-origin:0;height:100%;transition:transform .1s linear;animation:.35s ease-out tut-refill;display:block}@keyframes tut-refill{0%{filter:brightness(1.8)}}.tut-timer-left{font:900 28px var(--cond)}.tut-lamp-row{align-items:flex-start;gap:14px;width:100%;display:flex}.tut-browser .article p,.tut-browser .tut-lines i{transition:color .25s,opacity .25s}.tut-browser.lamp .article p{color:color-mix(in srgb, var(--a-text) 16%, transparent)}.tut-browser.lamp .article a[data-title]{text-shadow:0 0 10px color-mix(in srgb, var(--a-link) 35%, transparent)}.tut-browser.lamp .tut-lines i{opacity:.3}.tut-lamp{border:1px solid var(--glass-border);width:48px;height:48px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:color .15s,border-color .15s,box-shadow .15s;animation:.6s cubic-bezier(.2,1.6,.4,1) .4s tut-claim;display:grid}.tut-lamp:hover{color:var(--text);border-color:#ffffff30}.tut-lamp.on{color:var(--gold);border-color:var(--gold);box-shadow:0 0 20px color-mix(in srgb, var(--gold) 35%, transparent)}.tut-foot{align-items:center;gap:12px;width:100%;margin-top:6px;display:flex}.tut-dots{gap:6px;margin-right:auto;display:flex}.tut-dots i{background:#ffffff26;border-radius:50%;width:7px;height:7px;transition:background .2s,width .2s}.tut-dots i.on{background:var(--gold);border-radius:4px;width:20px}.tut-prev{border:1px solid var(--glass-border);width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;place-items:center;transition:color .15s,border-color .15s;display:grid}.tut-prev:hover{color:var(--text);border-color:#ffffff30}.tut-skip{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0}.tut-skip:hover{color:var(--text)}@media (width<=760px){.menu-ui{padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.menu-top{grid-template-columns:1fr auto;row-gap:10px}.menu-logo{letter-spacing:.22em;gap:8px;font-size:11px}.menu-logo img{height:16px}.menu-right{grid-area:1/2;gap:10px}.menu-right .live{display:none}.menu-signout{font-size:12px}.menu-nav{scrollbar-width:none;grid-area:2/1/auto/-1;justify-self:center;max-width:100%;overflow-x:auto}.menu-nav button{padding:7px 12px;font-size:13px}.identity{width:100%;margin-bottom:2vh}.identity-name{margin-bottom:4px;font-size:26px}.play-main{width:200px;height:56px;font-size:19px}.mode-bubble{top:6px;transform:none}.mode-list,.picker-list{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;min-width:0;max-height:70vh;animation:.18s ease-out pop-up;position:fixed;overflow-y:auto}.menu-side{inset:104px 8px calc(8px + env(safe-area-inset-bottom)) 8px;width:auto;top:104px}.menu-side>*,.mcard.link:hover{transform:none}.panel3d{top:auto;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));transform:translateY(40px)}.menu.customize .panel3d,.panel3d>.custom{transform:none}.custom{width:auto}.custom-tab{height:min(330px,38vh)}.signin{width:min(260px,100%)}.ranks-ui{inset:100px 12px 12px}.rank-label-name{font-size:36px}.rank-label-range{font-size:18px}.sound-panel,.settings-panel{width:min(300px,100vw - 24px)}.toon-load{padding-top:calc(24vh + 160px);padding-left:16px;padding-right:16px}.toon-eyes{gap:80px;top:24vh}.toon-eyes span{width:48px;height:110px}.toon-title{letter-spacing:.1em;flex-wrap:wrap;justify-content:center;font-size:20px}.versus-stage{padding:12px}.draft-stage{padding-bottom:calc(24px + env(safe-area-inset-bottom));justify-content:flex-end;gap:18px}.vs-label b{font-size:15px}.vs-label span{font-size:12px}.turn{font-size:20px}.turn.waiting{font-size:14px}.token-row{gap:6px}.token-row.big{gap:28px}.token-field .token-row+.token-row{margin-top:2px}.token{gap:5px;width:66px;translate:none;rotate:none}.token .disc{width:58px;height:58px}.token .disc svg{width:26px;height:26px}.token .name{letter-spacing:.06em;text-align:center;font-size:9px;line-height:1.2}.token.banned:after{width:72px;height:9px;margin:-4px 0 0 -36px;top:29px}.token-row.big .token{width:110px}.token-row.big .disc{width:92px;height:92px}.versus-modal{width:calc(100vw - 24px)}.float-cards,.float-cards.wide{width:100%}.target-row{flex-wrap:wrap;gap:10px;max-width:100vw;padding:8px 0}.tcard,.tcard.small{--w:calc((100vw - 48px) / 3);translate:none;rotate:none}.tcard.focus{scale:1.04}:is(.tcard,.lcard) h3,.tcard.small h3{font-size:13px}.tcard-info{padding:0 8px 8px}.tcard-back span{font-size:40px}.start-on{top:6vh}.start-on .title{font-size:24px!important}.launch-row{gap:8px;padding:12px 0 4px}.lcard{width:calc(33.3333vw - 13.3333px);translate:none;rotate:none}.countdown-layer .num{font-size:130px}.match{--hud-top:78px;--hud-bottom:calc(122px + env(safe-area-inset-bottom));--split:0px;--sheet-w:100vw}.match.solo{--hud-top:56px;--split:0px;--sheet-w:100vw}.hud-top{height:56px}.hud-top .meta{gap:6px;font-size:0;top:12px;left:10px}.scoreboard{gap:12px;margin-top:4px;font-size:40px}.scoreboard .dash{font-size:22px}.opp-strip{z-index:4;height:20px;color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:11.5px;display:flex;position:absolute;top:54px;left:10px;right:10px}.opp-strip i{background:var(--opp);width:8px;height:8px;box-shadow:0 0 8px var(--opp);border-radius:50%;flex:none}.opp-strip b{text-overflow:ellipsis;max-width:30%;color:var(--text);flex:none;font-weight:800;overflow:hidden}.opp-strip .route{text-overflow:ellipsis;text-align:left;direction:rtl;flex:1;min-width:0;overflow:hidden}.opp-strip .clicks{color:var(--text);flex:none;font-weight:800}.opp-strip .clicks:after{content:" clicks";color:var(--muted);font-weight:500}.stage{perspective:none}.sheet.opp{display:none}.sheet.me{width:100%;box-shadow:none;border-radius:0;left:0;transform:none}.sheet-meta{padding:8px 14px 18px}.page-title{padding:22px 16px 4px;font-size:25px}.article{padding:8px 16px 40px;font-size:16px}.article .infobox{float:none;width:auto;margin:0 0 16px}.article figure{max-width:48%;margin-left:12px}.article figure.multi{float:none;width:100%;margin:4px 0 14px}.article table{display:block;overflow-x:auto}.page-tools{flex-direction:column-reverse;gap:12px;inset:auto 12px 12px auto}.bubble{width:46px;height:46px}.bubble:hover:not(:disabled){transform:none}.dock{top:auto;left:8px;right:8px;bottom:calc(46px + env(safe-area-inset-bottom));flex-direction:row;gap:6px;width:auto}.objective{flex:1;min-width:0;height:64px}.objective:hover,.objective.active{transform:none}.objective.active{box-shadow:0 0 0 2px #fff6,0 10px 24px #000a}.obj-title{font-size:10px}.preview{top:auto;left:8px;right:8px;bottom:calc(var(--hud-bottom) + 6px);width:auto;padding:0;animation-name:pop-up;position:fixed}.preview.closing{animation-name:sink-out}.preview .thumb{height:110px}.preview p{-webkit-line-clamp:3}.hud-bottom{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));column-gap:12px}.match.solo .hud-bottom{left:10px}.timer{gap:3px 8px}.timer .who,.timer.me .who{gap:5px;padding:0;font-size:11px}.timer .who .rank,.timer .who .elo{display:none}.secs{min-width:3ch;font-size:20px}.timer.low .secs{font-size:24px}.track{height:5px}.edge-glow{box-shadow:inset 0 0 60px color-mix(in srgb, var(--me) 30%, transparent)}.result-screen{padding:8vh 12px calc(4vh + env(safe-area-inset-bottom))}.result-screen h1{font-size:58px}.history{display:none}.result-score{gap:10px}.result-score b{font-size:38px}.result-score .who{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:28vw;font-size:13px;overflow:hidden}.elo-progress{grid-template-columns:58px 1fr 58px;column-gap:8px}.result-actions{flex-direction:column;gap:10px;display:flex}.result-actions.gone .rematch{width:200px;height:44px;font-size:13px}.tut{align-items:start;padding:4vh 12px;overflow-y:auto}.tut-card,.tut-card.race{gap:14px;width:100%;padding:22px 16px 14px}.tut-card h2{font-size:20px}.tut-logo{width:150px}.tut-targets{gap:8px}.tut-target{flex:1;width:auto;padding:16px 6px 12px}.tut-race,.tut-lamp-row,.tut-peek{flex-direction:column;align-items:stretch}.tut-lamp-row{align-items:center}.tut-browser{width:100%;min-height:200px}.tut-targets.small{flex-direction:row}.tut-targets.small .tut-target{flex:1;width:auto;padding:8px 6px;font-size:12px}.tut-tips{grid-template-columns:1fr}.tut-foot{gap:8px}}