:root{--bg:var(--p-bg,#0d0a1c);--veil:color-mix(in srgb, var(--bg) 35%, #000);--panel:var(--p-surface,#18122f);--panel-2:#221a42;--line:#b3b2b2;--text:var(--p-text,#f4f1ff);--muted:var(--p-muted,#9f95c9);--red:#ff4d6d;--warn:#ffb84d;--warn-soft:#ffcf8a;--danger:#ff6b6b;--danger-soft:#ffb3b3;--ok:#6ee7a8;--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)}:is(.qs-text p,.drawer h4,.friends h4,.where-panel h4,.training-label,.royale-board-head,.p-fold .fold-title,.p-rating .lang,.history .route-head,.dist-head,.vs-uneven th,.mode-list>button .tag){letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.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}.icon-btn{width:32px;height:32px;color:var(--text);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:50%;flex:none;place-items:center;padding:0;transition:background .15s,color .15s;display:grid}.icon-btn:hover:not(:disabled){background:var(--glass-hover)}.icon-btn.plain{-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--muted);background:0 0;border-color:#0000}.icon-btn.plain:hover:not(:disabled){color:var(--text);background:0 0}.icon-btn.solid,.icon-btn.solid:hover:not(:disabled){background:var(--card-bg)}.icon-btn.solid:hover:not(:disabled){border-color:var(--accent)}.icon-btn.on{border-color:rgb(var(--accent-rgb) / .5)}.icon-btn.small{width:24px;height:24px}.icon-btn.large{width:44px;height:44px}.icon-btn.hero{width:56px;height:56px}.icon-btn.hero svg{width:20px;height:20px}.tooltip{z-index:30000;pointer-events:none;width:max-content;max-width:280px;color:var(--text);text-align:center;background:var(--card-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;line-height:1.35;animation:.12s ease-out fade-in;position:fixed;translate:-50% -100%;box-shadow:0 8px 24px #0008}.tooltip.below{translate:-50%}.icon-btn:disabled{opacity:.45;cursor:default}.update-notes{text-align:left;flex-direction:column;align-self:stretch;gap:4px;display:flex}.update-group{flex-direction:column;gap:2px;display:flex}.update-group+.update-group{margin-top:10px}.update-group h3{letter-spacing:.12em;text-transform:uppercase;color:var(--text);align-items:center;gap:8px;margin:0 0 2px;padding:0 10px;font-size:12px;font-weight:700;display:flex}.update-group.new h3{color:var(--accent)}.update-group.fixed h3{color:var(--ok)}.changelog .update-group.new h3{color:#9ec1ff}.update-change{border-radius:12px;margin-left:14px;transition:background .15s}.update-change[open],.update-change:hover{background:var(--glass-hover)}.update-change>summary{padding:8px 10px}.update-change .fold-title b{font-weight:400}.update-change p{color:var(--muted);margin:0;padding:0 10px 12px;line-height:1.5}.whats-new .update-change{animation:rise .4s cubic-bezier(.2, 1.4, .4, 1) calc(var(--i) * 50ms + .1s) backwards}.whats-new{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text) 22%, transparent) transparent;max-height:82vh;overflow-y:auto}.update-major{vertical-align:-2px;color:#fc3;flex:none;display:inline-flex}.update-fold{text-align:left;border:1px solid var(--glass-border);border-radius:14px;align-self:stretch}.update-fold>summary{padding:10px 12px}.update-fold .fold-title b{flex:1;font-weight:600}.update-fold .update-version{letter-spacing:.08em;margin:0;font-weight:600}.update-fold>.update-notes{padding:0 6px 10px}.update-version{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:-8px;font-size:11px;font-weight:800}.changelog-update{margin-top:30px}.changelog-update h2 .legal-sub{margin-left:8px;font-weight:400}.banners{z-index:20001;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 24px);display:flex;position:fixed;top:12px;left:50%;translate:-50%}.loader{color:var(--muted);align-items:center;gap:10px;font-size:12px;font-weight:600;display:inline-flex}.loader-w{aspect-ratio:250/120;fill:currentColor;flex:none;width:auto;height:13px;overflow:visible}.loader-w path{transform-box:view-box;animation-duration:2.2s;animation-timing-function:cubic-bezier(.5,0,.3,1);animation-iteration-count:infinite}.loader-w path:first-child{opacity:.55;transform-origin:28px 28px;animation-name:loader-w1}.loader-w path:nth-child(2){opacity:.7;transform-origin:56px 56px;animation-name:loader-w2}.loader-w path:nth-child(3){opacity:.85;transform-origin:112px 56px;animation-name:loader-w3}.loader-w path:nth-child(4){transform-origin:168px 56px;animation-name:loader-w4}@keyframes loader-w1{0%{scale:0}11%,89%{scale:1}to{scale:0}}@keyframes loader-w2{0%,11%{scale:0}22%,78%{scale:1}89%,to{scale:0}}@keyframes loader-w3{0%,22%{scale:0}33%,67%{scale:1}78%,to{scale:0}}@keyframes loader-w4{0%,33%{scale:0}44%,56%{scale:1}67%,to{scale:0}}@media (prefers-reduced-motion:reduce){.loader-w path{animation-duration:5s}}.w-chain{aspect-ratio:420/120;fill:currentColor;width:auto;height:14px;color:var(--text);--chain:2.4s;align-self:flex-start;display:block;overflow:hidden}.w-chain.fast{--chain:1.2s}.w-chain.faint{opacity:.5}@property --wc{syntax:"<number>";inherits:true;initial-value:0}.w-chain{animation:w-chain var(--chain) linear infinite}@keyframes w-chain{to{--wc:1}}.w-chain-run{transform:translateX(calc(var(--wc) * -112px))}.w-chain path{transform-box:view-box}.w-chain path:nth-last-child(-n+2){--pop:clamp(0, (var(--wc) - var(--at)) / .16, 1);scale:calc(var(--pop) * (1 + .5 * sin(var(--pop) * 3.1416)))}.w-chain path:nth-last-child(2){--at:.08}.w-chain path:last-child{--at:.58}@media (prefers-reduced-motion:reduce){.w-chain{animation:none}}.btn .loader{color:inherit}.pill.tag{max-width:min(100%,220px);color:inherit;background:color-mix(in srgb, currentColor 9%, transparent);border-color:color-mix(in srgb, currentColor 16%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;padding:3px 10px;font-size:11.5px;font-weight:600}.pill.small{letter-spacing:.12em;text-transform:uppercase;color:var(--text);padding:3px 9px;font-size:10.5px;font-weight:800}.pill{color:var(--text);text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;border-radius:var(--pill);background:var(--glass-bg);border:1px solid var(--glass-border);max-width:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:6px 12px;font-weight:700;display:inline-block;overflow:hidden}.banner{border-radius:var(--pill);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text);pointer-events:auto;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-size:13px;font-weight:600;animation:.25s cubic-bezier(.2,.9,.3,1) panel-down;display:flex;box-shadow:0 10px 30px #0009,inset 0 1px #ffffff14}.banner:not(:has(.d-close)){padding-right:18px}.banner-icon{color:var(--warn);flex:none}.banner>.btn{white-space:nowrap;flex:none}.banner a{color:inherit;text-decoration:none}.banner.link:hover{border-color:color-mix(in srgb, var(--accent) 60%, transparent)}@media (width<=600px){.banners{top:calc(56px + env(safe-area-inset-top));width:calc(100vw - 24px)}.banner{border-radius:16px}}.maintenance{z-index:70;text-align:center;background:color-mix(in srgb, var(--veil) 75%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;animation:.4s ease-out fade-in;display:flex;position:fixed;inset:0}.maintenance-logo{width:min(220px,60vw);margin-bottom:10px;animation:.5s cubic-bezier(.2,1.4,.4,1) .1s backwards rise}.maintenance h1{font:900 28px/1.15 var(--cond);letter-spacing:.08em;text-transform:uppercase;margin:0;animation:.5s cubic-bezier(.2,1.4,.4,1) .2s backwards rise}.maintenance p{max-width:420px;color:var(--muted);margin:0;line-height:1.5;animation:.5s cubic-bezier(.2,1.4,.4,1) .3s backwards rise}.redraw-vote{z-index:5;pointer-events:auto;flex-direction:column;align-items:center;gap:8px;animation:.4s cubic-bezier(.2,1.4,.4,1) .6s backwards rise;display:flex;position:absolute;bottom:13vh;left:50%;translate:-50%}.redraw-vote.gone{opacity:0;transition:opacity .3s}.redraw-vote span{color:var(--text);text-shadow:0 2px 8px #000c;font-size:13px;font-weight:700}.redraw-vote .step-bar{margin:0}.toggle{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:16px;font-size:13px;line-height:1.4;display:flex}.toggle input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.toggle-track{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:99px;flex:none;width:38px;height:22px;transition:background .2s,border-color .2s;position:relative;box-shadow:inset 0 1px 3px #0006}.toggle-track:after{content:"";background:var(--muted);border-radius:50%;width:16px;height:16px;transition:transform .2s cubic-bezier(.2,1.4,.4,1),background .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0008}.toggle input:checked+.toggle-track{background:var(--accent);border-color:#0000}.toggle input:checked+.toggle-track:after{background:var(--bg);transform:translate(16px)}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--accent);outline-offset:2px}.toggle:hover .toggle-track{border-color:#ffffff30}.spacer{flex:none}.spacer.tiny{width:2px;height:2px}.spacer.small{width:4px;height:4px}.spacer.medium{width:8px;height:8px}.spacer.big{width:16px;height:16px}.link-btn{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.link-btn:hover:not(:disabled){color:var(--text)}.note{color:var(--muted);margin:0;font-size:12.5px}.choice{color:var(--text);text-align:left;background:0 0;border-radius:12px;transition:background .2s}.choice:hover:not(.on){background:var(--glass-hover)}.choice.on{background:var(--glass-on);box-shadow:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px var(--glass-border)}.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);justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:700;transition:transform 80ms,background .15s;display:inline-flex}.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){background:var(--accent);filter:brightness(1.12)}.btn.big{padding:16px 26px;font-size:18px}.btn.small{padding:7px 14px;font-size:13px}.btn.on,.btn.on:hover:not(:disabled){border-color:var(--accent);background:rgb(var(--accent-rgb) / .12)}.seg{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{border-radius:var(--pill);color:var(--muted);letter-spacing:.02em;white-space:nowrap;background:0 0;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.seg button:hover:not(.on){color:var(--text);background:var(--glass-hover)}.seg.small button{padding:5px 10px;font-size:12px}.seg button.on{background:var(--glass-on);color:var(--text);box-shadow:inset 0 1px #ffffff1a}.input{border-radius:var(--pill);background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text);padding:12px 14px 12px 16px}.input.small{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0008;border-color:#ffffff1f;border-radius:8px;padding:7px 10px;font-size:13px}.input.area{resize:vertical;min-height:96px;font:inherit;border-radius:16px}.input:focus{border-color:rgb(var(--accent-rgb) / .6);outline:none}.input::placeholder{color:var(--muted);opacity:.75}.red{--side:var(--red)}.blue{--side:var(--blue)}.toast{bottom:calc(24px + env(safe-area-inset-bottom));z-index:20001;border-radius:var(--pill);background:var(--glass-bg);border:1px solid color-mix(in srgb, var(--red) 45%, var(--glass-border));width:max-content;max-width:calc(100vw - 24px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text);align-items:center;gap:10px;padding:8px 8px 8px 14px;font-size:13px;font-weight:600;animation:.25s cubic-bezier(.2,.9,.3,1) toast-up;display:flex;position:fixed;left:50%;translate:-50%;box-shadow:0 10px 30px #0009,inset 0 1px #ffffff14}.toast-icon{color:var(--red);flex:none}@keyframes toast-up{0%{opacity:0;translate:-50% 12px}}.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}@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{background:radial-gradient(circle at 30% 20%, var(--p-surface,#2a3048), var(--veil));color:#ffffff40;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}:is(.tcard,.lcard):is(:hover,:focus-within) h3{-webkit-line-clamp:none;display:block}.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}.start-on .title{font-size:34px}.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 .hud-tools{align-items:center;gap:10px;display:flex;position:absolute;top:10px;right:14px}.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}.overtime{--c:var(--danger);position:relative}.overtime-note{white-space:nowrap;letter-spacing:.02em;text-transform:none;color:var(--text);text-shadow:0 1px 8px #000;opacity:0;font:700 14px/1 Roboto,sans-serif;animation:7s .4s forwards overtime-note;position:absolute;top:calc(100% + 6px);left:50%;translate:-50%}@keyframes overtime-note{0%{opacity:0;translate:-50% -6px}6%,88%{opacity:1;translate:-50%}to{opacity:0}}:is(.overtime,.near-chip,.taken-stamp){color:var(--c);font:italic 900 15px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 8px #000c;animation:.35s cubic-bezier(.3,1.6,.5,1) stamp}.clock-soon{color:var(--text);text-shadow:0 2px 10px #000;flex-direction:column;align-items:center;gap:2px;display:flex}.clock-soon span{letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:800}.clock-soon b{font:800 32px/1 var(--cond);font-variant-numeric:tabular-nums}.hud-stamps:has(.clock-soon){bottom:14px}.hud-stamps{z-index:6;pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;bottom:74px;left:50%;translate:-50%}.overtime.last-chance{--c:var(--warn)}.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;background:var(--a-bg);text-align:left;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{background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--a-text) 12%, var(--a-bg)), var(--a-bg));color:color-mix(in srgb, var(--a-text) 35%, transparent);grid-template:100%/100%;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-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}.objective:is(:hover,:focus-within,.active) .obj-title{-webkit-line-clamp:none;display:block}.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,.obj-sheet,.obj-flare,.obj-flash).by-me{--c:var(--me);--ink:var(--me-ink)}:is(.objective,.obj-sheet,.obj-flare,.obj-flash).by-opp{--c:var(--opp);--ink:var(--opp-ink)}.dock .objective{z-index:1}.obj-flare{z-index:0;pointer-events:none;filter:drop-shadow(0 0 6px var(--c)) drop-shadow(0 0 14px color-mix(in srgb, var(--c) 60%, transparent));position:absolute}.obj-flare span{--len:460px;--thick:38px;--dy:0px;--tilt:0deg;--delay:0s;top:calc(50% + var(--dy));width:var(--len);height:var(--thick);margin-top:calc(var(--thick) / -2);transform-origin:100%;clip-path:polygon(0 50%,100% 0,100% 100%);background:linear-gradient(to left, #fff 0%, color-mix(in srgb, var(--c) 60%, #fff) 14%, var(--c) 38%, color-mix(in srgb, var(--c) 0%, transparent) 100%);filter:blur(1px);opacity:0;animation:ko-streak .72s cubic-bezier(.12, .9, .25, 1) var(--delay) forwards;position:absolute;right:50%}.obj-flare span:nth-child(2){--len:360px;--thick:18px;--dy:-14px;--tilt:-2.23deg;--delay:20ms}.obj-flare span:nth-child(3){--len:400px;--thick:15px;--dy:13px;--tilt:1.86deg;--delay:40ms}.obj-flare span:nth-child(4){--len:520px;--thick:9px;--dy:6px;--tilt:.66deg;--delay:70ms}.obj-flare span:after{content:"";clip-path:polygon(0 50%,100% 0,100% 100%);background:linear-gradient(270deg,#fff,#fff 30%,#0000);position:absolute;inset:30% 0 30% 25%}.obj-flare:before{content:"";background:radial-gradient(closest-side, #fff, #fff 45%, color-mix(in srgb, var(--c) 40%, #fff) 70%, transparent);opacity:0;border-radius:50%;width:160px;height:110px;margin:-55px 0 0 -80px;animation:.34s ease-out forwards ko-core;position:absolute;top:50%;left:50%}@keyframes ko-core{0%{opacity:0;scale:.5}15%{opacity:.95;scale:1}to{opacity:0;scale:1.15}}@keyframes ko-streak{0%{opacity:1;transform:rotate(var(--tilt)) scaleX(0) scaleY(1.8)}10%{opacity:1;transform:rotate(var(--tilt)) scaleX(1.08) scaleY(1.35)}18%{transform:rotate(var(--tilt)) scaleX(.97) scaleY(1)}26%{opacity:.8;transform:rotate(calc(var(--tilt) + .25deg)) scaleX(1.02) scaleY(1.15)}34%{opacity:1;transform:rotate(var(--tilt)) scaleX(1.04) scaleY(.95)}to{opacity:0;transform:rotate(var(--tilt)) scaleX(1.15) scaleY(0)}}.obj-flash{z-index:2;pointer-events:none;mix-blend-mode:screen;opacity:0;background:radial-gradient(circle at 50% 50%, #fff, color-mix(in srgb, var(--c) 85%, #fff) 28%, transparent 72%);border-radius:12px;animation:.6s ease-out forwards flare-burst;position:absolute}@keyframes flare-burst{0%{opacity:0;box-shadow:0 0 0 0 var(--c), 0 0 0 0 var(--c)}14%{opacity:.95;box-shadow:0 0 0 2px #fff, 0 0 30px 6px var(--c)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--c) 45%, transparent), 0 0 36px 8px color-mix(in srgb, var(--c) 50%, transparent)}to{opacity:0;box-shadow:0 0 0 10px color-mix(in srgb, var(--c) 0%, transparent), 0 0 40px 10px color-mix(in srgb, var(--c) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.obj-flare{display:none}.obj-flash{animation-duration:.3s}}.near-chip{--c:var(--opp);font-size:17px}.sheet.opp.near{outline:2px solid color-mix(in srgb, var(--opp) 75%, transparent);outline-offset:-1px}.sheet.opp.near:before{content:"";z-index:6;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--spin), transparent 0deg 250deg, color-mix(in srgb, var(--opp) 70%, transparent) 310deg, #ffffffb3 340deg, color-mix(in srgb, var(--opp) 70%, transparent) 352deg, transparent 360deg);-webkit-mask-composite:xor;opacity:.7;padding:3px;animation:3s linear infinite play-spin;position:absolute;inset:-1px;-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}.objective.opp-near{outline:2px solid var(--opp);outline-offset:2px;animation:1.6s ease-in-out infinite opp-near}@keyframes opp-near{0%,to{box-shadow:0 0 6px color-mix(in srgb, var(--opp) 30%, transparent)}50%{box-shadow:0 0 22px color-mix(in srgb, var(--opp) 75%, transparent)}}@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)}}.dock{align-items:flex-end}.dock .objective{interpolate-size:allow-keywords;transition:transform .14s ease-out,box-shadow .14s,width .4s cubic-bezier(.2,.9,.3,1),height .4s cubic-bezier(.2,.9,.3,1)}.dock .objective.open{cursor:default;width:340px;height:auto;padding:32px 16px 16px;transform:none}.objective .thumb img{transition:filter .4s,scale .4s}.objective.open .thumb img{filter:blur(18px)brightness(.55)saturate(1.2);scale:1.2}.objective.open .thumb:after{background:linear-gradient(color-mix(in srgb, var(--a-bg) 25%, transparent), color-mix(in srgb, var(--a-bg) 55%, transparent))}.objective.open .obj-title{-webkit-line-clamp:none;font:400 21px/1.2 Linux Libertine,Georgia,Times New Roman,serif;display:block;position:relative;inset:auto}.obj-more{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.9,.3,1);display:grid;position:relative}.obj-more>span{align-content:start;gap:8px;display:grid;overflow:hidden}.objective.open .obj-more{grid-template-rows:1fr;padding-top:6px}.obj-desc{color:#ffffffb3;font-size:12px}.obj-excerpt{color:#ffffffe0;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.objective.open .keywords,.obj-sheet .keywords{color:#fff}.keywords{flex-wrap:wrap;gap:6px;display:flex}.obj-peek{right:calc(100% + 12px);top:var(--top);pointer-events:none;gap:3px;width:230px;padding:10px 12px;animation:.18s cubic-bezier(.2,.9,.3,1) preview-in;display:grid}.obj-peek b{font-size:13.5px;font-weight:800}.obj-peek span{color:var(--muted);font-size:12px}@keyframes preview-in{0%{opacity:0;transform:translate(10px)}}.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{--side:var(--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)}.taken-stamp{--c:var(--opp);z-index:3;background:color-mix(in srgb, var(--a-bg) 85%, transparent);text-shadow:none;pointer-events:auto;border-radius:6px;padding:4px 8px;animation-delay:.15s;animation-fill-mode:backwards;position:absolute;top:46px;right:22px}.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:color-mix(in srgb, var(--a-text) 22%, transparent) transparent;flex:1;min-height:0;position:relative;overflow-y:auto}.scroller.loading{pointer-events:none}.minimap{z-index:2;cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.5;width:72px;transition:opacity .2s;position:absolute;right:14px;overflow:hidden}.minimap:hover{opacity:.9}.minimap.over{opacity:.9;background:color-mix(in srgb, var(--a-bg) 88%, transparent);border-radius:6px;box-shadow:0 4px 14px #0006}.minimap-body{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.minimap-flag{background:var(--a-mark,#ffd23f);position:absolute;left:0;right:0}.minimap-view{pointer-events:none;background:color-mix(in srgb, var(--a-text) 14%, transparent);border-radius:3px;position:absolute;inset:0 0 auto}.more-below{z-index:2;pointer-events:none;color:var(--a-text);--o:.4;opacity:0;animation:.5s ease-out forwards more-in,2s ease-in-out .5s infinite more-bob;position:absolute;bottom:12px;left:50%;translate:-50%}.more-below.first{color:var(--a-link);--o:1;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--a-link) 70%, transparent));animation-duration:.7s,1.2s;animation-delay:0s,.7s}@keyframes more-in{0%{transform:translateY(14px)}to{opacity:var(--o)}}@keyframes more-bob{50%{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.more-below{animation:.5s ease-out forwards more-in}}.scroller.loading .page{opacity:.6;transition:opacity .12s 80ms}.page-loader{z-index:3;pointer-events:none;color:var(--a-text);opacity:.75;animation:.15s .2s backwards fade-in;position:absolute;top:50%;left:50%;translate:-50% -50%}.page-loader .loader-w{height:40px}.scroller.readonly{pointer-events:none;overflow:hidden}html.my-cursor,html.my-cursor *{cursor:var(--my-cursor)!important}html.my-cursor :is(input:not([type=range],[type=checkbox],[type=color]),textarea,[contenteditable]){cursor:text!important}.cursor{pointer-events:none;z-index:5;filter:drop-shadow(0 2px 3px #0009);width:32px;height:32px;margin:-2px 0 0 -4px;position:absolute}.cursor-arrow{display:block}.scroller>.cursor{filter:drop-shadow(0 2px 3px #0009) drop-shadow(0 0 8px color-mix(in srgb, var(--side) 70%, transparent));top:0;left:0}.page{max-width:980px;position:relative}.mark-flag{z-index:3;color:var(--a-mark,#ffd23f);filter:drop-shadow(0 2px 3px #0008);transform-origin:3px 19px;margin:-19px 0 0 -3px;animation:.25s cubic-bezier(.2,1.6,.4,1) pop-in;position:absolute}.bubble.lamp-spell{position:relative}.bubble.lamp-spell:after{content:"";pointer-events:none;background:conic-gradient(var(--me) calc(var(--ring) * 360deg), #ffffff1a 0);border-radius:50%;position:absolute;inset:-4px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}.bubble.lamp-spell.cooling{color:var(--muted)}.bubble.lamp-spell.cooling:after{background:conic-gradient(#ffffff59 calc(var(--ring) * 360deg), #ffffff14 0)}.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 .15s ease-out,background .15s,color .15s,box-shadow .15s;display:grid;box-shadow:0 8px 20px #000a,inset 0 0 0 1px #ffffff1f,inset 0 -3px #0005}.bubble:hover:not(:disabled){transform:translateY(-1px)}.bubble:not(.on):hover:not(:disabled){box-shadow:0 8px 20px #000a,inset 0 0 0 1px #ffffff38,inset 0 -3px #0005}.bubble:active:not(:disabled){transform:scale(.96)}.bubble.setting{color:color-mix(in srgb, var(--text) 40%, transparent)}.bubble.setting.on{color:var(--me);background:radial-gradient(circle at 35% 30%,#ffffff1f,#0000 60%),#161b2b;box-shadow:0 8px 20px #000a,inset 0 0 0 1px #ffffff1f,inset 0 -3px #0005}.bubble.setting.on svg{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--me) 60%, transparent))}.bubble.on:not(.setting){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 img{transition:opacity .2s}.sheet.lamp .scroller .article,.sheet.lamp .scroller .article figcaption{color:color-mix(in srgb, var(--a-text) var(--a-dim,16%), transparent)}.sheet.lamp .scroller .article img{opacity:var(--a-dim,16%)}.sheet.lamp .scroller .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.go-fwd{animation:.18s cubic-bezier(.2,.8,.3,1) page-fwd}.page.go-back{animation:.18s cubic-bezier(.2,.8,.3,1) page-back}.page.go-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)}.timer .out-tag{color:var(--c);letter-spacing:.1em;font-weight:900}.timer.out{opacity:.55}.stopwatch{--c:var(--me);--bar:var(--me-bar);grid-column:1/-1;justify-self:center;align-items:center;gap:14px;display:flex}.sw-track{flex:none;width:min(420px,40vw)}.stopwatch.low .sw-track i{background-color:var(--danger);box-shadow:0 0 16px var(--danger)}.sw-time{font:800 40px/1 var(--cond);font-variant-numeric:tabular-nums;color:var(--c);text-shadow:0 2px 12px #000a}.sw-sub{letter-spacing:.08em;color:var(--muted);text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.sw-fast{color:var(--text);background:#ffffff1f;border-radius:6px;padding:1px 6px;font-style:normal}.stopwatch.low .sw-time{color:var(--danger);text-shadow:0 0 18px color-mix(in srgb, var(--danger) 53%, transparent)}.stopwatch.low .sw-sub{color:var(--danger)}.stopwatch.frozen .sw-time{opacity:.6}.timer.idle .track,.timer.idle .secs{visibility:hidden}.track{background:#ffffff14;border-radius:99px;grid-area:track;height:10px;position:relative;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%}.track i.bonus{background-image:repeating-linear-gradient(-45deg,#ffffff6b 0 3px,#0000 3px 8px);transition:width .1s linear;position:absolute;top:0;bottom:0;left:0}.timer.me .track i.bonus{left:auto;right:0}.bonus-tag{font:800 11px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px #000c;pointer-events:none;grid-area:track;place-self:center end;animation:.35s cubic-bezier(.3,1.6,.5,1) stamp;translate:0 calc(-50% - 9px)}.timer.me .bonus-tag{justify-self:start}.timer.refill .track i{transition:transform .6s cubic-bezier(.2,.8,.3,1)}.refill-tag{font:italic 900 22px/1 var(--cond);color:color-mix(in srgb, var(--c) 60%, #fff);text-shadow:0 1px 8px #000c;--rise:-40px;pointer-events:none;grid-area:secs;place-self:center;animation:1.6s ease-out forwards refill-rise}@keyframes refill-rise{0%{opacity:0;translate:0;scale:.8}12%{opacity:1;translate:0 calc(var(--rise) * .35);scale:1.15}60%{opacity:1;translate:0 calc(var(--rise) * .75);scale:1}to{opacity:0;translate:0 var(--rise)}}.hurry{color:var(--danger);font:italic 900 15px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 8px #000c;pointer-events:none;grid-area:track;place-self:center;animation:1s ease-out hurry-beat;translate:0 calc(-50% - 12px)}@keyframes hurry-beat{0%{opacity:.6;scale:1.25}30%{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.hurry,.refill-tag{animation-duration:10ms}}.track .used{background:repeating-linear-gradient(-45deg,#ffffff24 0 2px,#0000 2px 6px),#00000059;transition:width .3s linear;position:absolute;top:0;bottom:0;right:0}.timer.me .track .used{left:0;right:auto}.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:#101418;--a-surface:#ffffff08;--a-line:#ffffff12;--a-text:#eaecf0;--a-muted:#8b94a8;--a-link:#88a3e8;--a-link-hover:#b8c9f5;--a-claimed:#5d6475}.article [data-w]:before{content:attr(data-w)}.article.drawn{-webkit-user-select:none;user-select:none}.article{line-height:1.7;font-family:var(--a-font,inherit);font-size:var(--a-size,15.5px);padding:8px 28px 80px;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 figure:not(:has(img,.cg-img)){width:min(220px,45%)}.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}.supporter-badge{color:var(--accent);vertical-align:middle;filter:drop-shadow(0 0 4px rgb(var(--accent-rgb) / .5));place-items:center;margin-right:5px;display:inline-grid}.creator-badge{color:#ffc93d;filter:drop-shadow(0 0 4px #ffc93d80)}.phone-badge{color:var(--muted);opacity:.8;vertical-align:middle;place-items:center;display:inline-grid}.vs-label .phone-badge{margin-left:6px;display:inline-grid}.queue-stage{pointer-events:none;position:fixed;inset:0}.queue-stage>*{pointer-events:auto}.queue-stage>:not(.qs-offer,.qs-seat){animation:.5s ease-out 1.9s backwards qs-in}.queue-stage.leaving>*{opacity:0;pointer-events:none;transition:opacity .25s;animation:none}.qs-seat{left:calc(100vw - var(--vs-me-x,80vw));top:var(--vs-me-y,50vh);width:calc(2 * var(--vs-me-r,80px));aspect-ratio:1;border:3px dashed color-mix(in srgb, var(--text) 35%, transparent);font:900 64px/1 var(--cond);color:color-mix(in srgb, var(--text) 45%, transparent);border-radius:50%;place-items:center;animation:.5s ease-out 2.4s backwards qs-in,2.6s ease-in-out 2.9s infinite qs-breathe;display:grid;position:absolute;translate:-50% -50%}.qs-text{left:50%;top:var(--vs-me-y,50vh);text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;translate:-50% -50%}.qs-text h2{font:900 22px/1.15 var(--cond);letter-spacing:.14em;text-transform:uppercase;margin:0}.qs-text p{margin:0}.qs-clock{font:900 52px/1 var(--cond);font-variant-numeric:tabular-nums;margin:6px 0 10px}.qs-me{left:var(--vs-me-x,80vw);top:calc(var(--vs-me-y,50vh) + var(--vs-me-r,80px) + 14px);flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;translate:-50%}.qs-me b{font-size:22px;font-weight:900}.qs-offer{flex-direction:column;align-items:center;gap:12px;width:min(400px,100vw - 32px);display:flex;position:absolute;bottom:9vh;left:50%;translate:-50%}.qs-offer .rc-card{align-self:stretch;animation:.55s cubic-bezier(.2,1.2,.4,1) backwards qs-slide}@keyframes qs-in{0%{opacity:0;visibility:hidden;transform:translateY(10px)}}@keyframes qs-breathe{50%{opacity:.75;scale:1.04}}@keyframes qs-slide{0%{opacity:0;transform:translateY(60px)}}@media (prefers-reduced-motion:reduce){.qs-seat{animation:.5s ease-out 2.4s backwards qs-in}}.vs-uneven{z-index:5;pointer-events:auto;width:min(320px,100vw - 32px);animation:.45s cubic-bezier(.2,1.4,.4,1) backwards rise;position:fixed;top:9vh;left:50%;translate:-50%}.vs-uneven .panel{gap:6px;padding:14px 16px 12px}.vs-uneven .panel-head{min-height:0;margin-bottom:0}.vs-uneven .mcard-title{color:var(--warn);align-items:center;gap:6px;display:inline-flex}.vs-uneven p{margin:0;font-size:12.5px}.vs-uneven table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.vs-uneven th{text-align:right;padding:4px 0 2px}.vs-uneven td{text-align:right;padding:3px 0;font-weight:800}.vs-uneven td:first-child{text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-weight:700;overflow:hidden}.vs-uneven td.up{color:var(--ok)}.vs-uneven td.down{color:var(--danger)}.vs-uneven.line{top:calc(8px + env(safe-area-inset-top));border-radius:var(--pill);background:var(--glass-bg);border:1px solid var(--glass-border);width:auto;max-width:calc(100vw - 24px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);white-space:nowrap;align-items:center;gap:7px;padding:4px 4px 4px 12px;font-size:12px;display:flex}.vs-uneven.line>svg{color:var(--warn);flex:none}.vs-uneven.line b{color:var(--warn);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.vs-uneven.line span{color:var(--muted);font-variant-numeric:tabular-nums;text-overflow:ellipsis;font-weight:700;overflow:hidden}.timer .who .supporter-badge{margin-right:0}.support-thanks{background:rgb(var(--accent-rgb) / .12);border-radius:10px;margin:0;padding:10px 12px}.support-status{box-shadow:inset 0 0 0 1px var(--glass-border);background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;display:flex}.streak{vertical-align:middle;font:800 13px/1 var(--cond);color:#ffb03a;align-items:center;gap:2px;margin-left:6px;animation:.35s cubic-bezier(.3,1.6,.5,1) stamp;display:inline-flex}.streak svg{fill:currentColor}.rank{border-radius:var(--pill);letter-spacing:.08em;text-transform:uppercase;color:var(--rank);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);align-items:center;gap:6px;padding:6px 12px 6px 8px;font-size:11px;font-weight:900;display:inline-flex}.rank .rank-elo{border-left:1px solid var(--glass-border);color:var(--text);letter-spacing:.02em;font-variant-numeric:tabular-nums;padding-left:7px}.rank.compact{gap:5px}.rank.compact .rank-elo{border-left:0;padding-left:0}.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 .tabs.sub{border-bottom:none;margin-top:-12px}.admin .tabs.sub button{border-bottom:none;border-radius:8px;padding:6px 12px;font-size:13px}.admin .tabs.sub button.on{background:var(--panel-2)}.admin .table td,.admin .table th{border-bottom:1px solid #202024;padding:6px 8px}.admin .viz{flex-direction:column;gap:8px;display:flex;position:relative}.admin .viz svg{display:block;overflow:visible}.admin .viz-tick{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:9px}.admin .viz-legend{color:var(--muted);flex-wrap:wrap;gap:6px 16px;font-size:12px;display:flex}.admin .viz-legend span,.admin .viz-tip span,.admin .viz-status{align-items:center;gap:6px;display:inline-flex}.admin .viz-legend b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.admin .viz-legend i,.admin .viz-tip i,.admin .viz-status i{border-radius:3px;flex:none;width:10px;height:10px}.admin .viz-legend i.dot,.admin .viz-tip i.dot,.admin .viz-status i{border-radius:50%}.admin .viz-bar{gap:2px;height:14px;display:flex}.admin .viz-bar i{border-radius:4px;min-width:3px;transition:opacity .15s}.admin .viz-tip{z-index:2;white-space:nowrap;pointer-events:none;background:#1d1d22;border:1px solid #2e2e36;border-radius:6px;flex-direction:column;gap:3px;padding:8px 10px;font-size:12px;display:flex;position:absolute;top:24px;box-shadow:0 6px 20px #0008}.admin code{background:#0a0a0c;border:1px solid #202024;border-radius:4px;padding:1px 5px;font-size:12px}.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 .card.maintenance-on{background:#2a2210;border-color:#b8860b}.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}.admin{--chart:#3987e5}.chart-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.admin .chart{flex-direction:column;gap:8px;display:flex}.chart-head{justify-content:space-between;align-items:baseline;display:flex}.chart-head b{font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.chart-cols{border-bottom:1px solid #2c2c33;align-items:flex-end;gap:2px;height:90px;display:flex}.chart-cols>div{flex:1;justify-content:center;align-items:flex-end;height:100%;display:flex}.chart-cols>div:hover{background:#ffffff08}.chart-cols i{background:var(--chart);border-radius:4px 4px 0 0;width:100%;max-width:24px;min-height:1px}.chart-axis{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:11px;display:flex}.funnel-row{grid-template-columns:minmax(120px,220px) 1fr auto;align-items:center;gap:12px;display:grid}.funnel-row>div{background:#1d1d22;border-radius:4px;height:14px;overflow:hidden}.funnel-row i{background:var(--chart);border-radius:0 4px 4px 0;height:100%;display:block}.sources-row{grid-template-columns:2fr minmax(260px,1fr)}.admin .donut-card{flex-direction:column;gap:12px;display:flex}.donut-body{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.donut{border-radius:50%;flex:none;place-items:center;width:140px;height:140px;display:grid;position:relative}.donut:before{content:"";background:#141417;border-radius:50%;position:absolute;inset:22px}.donut span{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600;position:relative}.donut-legend{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.donut-legend li{grid-template-columns:10px auto auto auto;align-items:center;gap:8px;display:grid}.donut-legend i{border-radius:3px;width:10px;height:10px}.donut-legend b{font-variant-numeric:tabular-nums;font-weight:600}.donut-legend small{color:var(--muted)}.funnel-row b{font-variant-numeric:tabular-nums;font-weight:600}.funnel-row small{color:var(--muted);font-weight:400}@media (width<=720px){.admin{gap:12px;padding:14px 12px 48px}.admin .row{flex-wrap:wrap}.admin .row>.card{min-width:0;flex:calc(50% - 6px)!important}.admin .stat-value{overflow-wrap:anywhere;font-size:18px}.admin .tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.admin .tabs button{flex:none}.admin .table{white-space:nowrap;display:block;overflow-x:auto}.admin .card{padding:12px}.funnel-row{grid-template-columns:1fr auto}.funnel-row>div{grid-area:2/1/auto/-1}.sources-row{grid-template-columns:1fr}}.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;transition:opacity .4s;display:grid}.menu.customize .menu-top{opacity:0;pointer-events:none}.menu-nav button{flex:none;padding:8px 20px}.menu-right{grid-column:3;justify-content:flex-end;align-items:center;gap:18px;display:flex}.live{white-space:nowrap}@media (width<=1150px){.menu-right .live{display:none}}.hh-event{--ev:var(--warn);isolation:isolate;transform-origin:0;grid-template-columns:auto auto;justify-content:space-between;align-items:end;gap:12px 32px;padding:18px 22px;animation:.5s cubic-bezier(.2,1.2,.4,1) backwards hh-in;display:grid;transform:perspective(1100px)rotateY(16deg)}.hh-events{flex-direction:column;align-items:stretch;display:flex;position:absolute;top:92px;left:32px}.hh-event.maint{--ev:#ff7a2f}.hh-stripes{width:54px;height:14px;fill:var(--ev);opacity:.8;animation:1.8s linear infinite w-chain;display:block}.hh-stripes-run{transform:translateX(calc(var(--wc) * -16px))}.hh-stripes path:last-child{transform-box:view-box;transform-origin:59px 7px;--pop:clamp(0, var(--wc) / .25, 1);scale:calc(var(--pop) * (1 + .5 * sin(var(--pop) * 3.1416)))}@media (prefers-reduced-motion:reduce){.hh-stripes{animation:none}}.hh-what,.hh-clock{flex-direction:column;gap:8px;display:flex}.hh-clock{align-items:flex-end;gap:5px}.hh-kicker{font:800 10.5px/1 var(--cond);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);white-space:nowrap;text-shadow:0 1px 6px #000}.hh-name{font:900 30px/.95 var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--ev);text-shadow:0 2px 14px color-mix(in srgb, var(--ev) 35%, transparent);white-space:nowrap}.hh-time{font:800 30px/.95 var(--cond);font-variant-numeric:tabular-nums;color:var(--text);text-shadow:0 2px 10px #000a}.hh-bar{--bar:var(--ev);grid-column:1/-1;height:8px}.hh-event:not(.on) .hh-name{color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text;background:linear-gradient(100deg, transparent 44%, #ffffff80 50%, transparent 56%) 97% 0 / 250% 100% no-repeat text, linear-gradient(90deg, color-mix(in srgb, var(--text) 72%, transparent) calc(var(--fill) * 100%), color-mix(in srgb, var(--muted) 45%, transparent) 0) text;animation:4s ease-in-out infinite hh-load}@keyframes hh-load{0%,45%{background-position:97% 0,0 0}90%,to{background-position:3% 0,0 0}}@media (prefers-reduced-motion:reduce){.hh-event:not(.on) .hh-name{animation:none}}.hh-event.on .hh-time{color:var(--ev)}@keyframes hh-in{0%{opacity:0;transform:perspective(1100px)rotateY(16deg)translate(-30px)}}.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;z-index:1;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)}.customize-hint{left:calc(var(--ball-x,50vw) - var(--ball-r,15vh) - 24px);top:var(--ball-y,46vh);background:var(--glass-bg);border:1px solid var(--glass-border);max-width:220px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);pointer-events:none;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;font-weight:700;animation:.5s cubic-bezier(.2,1.4,.4,1) 1s backwards rise,2.4s ease-in-out 1.5s infinite hint-nudge;display:flex;position:absolute;translate:-100% -50%}.customize-hint:after{content:"";background:inherit;border:inherit;border-bottom:0;border-left:0;width:10px;height:10px;position:absolute;top:50%;right:-6px;translate:0 -50%;rotate:45deg}@keyframes hint-nudge{50%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.customize-hint{animation:.5s ease-out 1s backwards rise}}.menu-side{perspective:1100px;flex-direction:column;width:440px;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%{transform:translate(40px)}}.menu-side>.mcard{animation:.35s ease-out glass-in}.menu-side>.mcard>*{animation:.3s ease-out fade-in}.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,.menu.ranks .hh-event{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,.tut .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),.tut .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}.hero-btn{isolation:isolate;border-radius:var(--pill);letter-spacing:.24em;width:220px;height:56px;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:.24em;font-size:19px;font-weight:900;transition:transform .15s,box-shadow .3s,background .3s,width .3s,height .3s,font-size .3s;position:relative}.hero-btn.big{letter-spacing:.3em;width:240px;height:62px;padding-left:.3em;font-size:22px}.hero-btn:before,.hero-btn: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}.hero-btn:after{filter:blur(10px);z-index:-1;padding:5px}.hero-btn: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)}.hero-btn:hover:not(:disabled):before,.hero-btn:hover:not(:disabled):after{opacity:1}@property --spin{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes play-spin{to{--spin:360deg}}.hero-btn:active:not(:disabled){transform:scale(.97)}.mode-bubble{position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}.mode-bubble>.btn{white-space:nowrap;height:44px;font-weight:800}.play-label{animation:.4s cubic-bezier(.2,.9,.3,1.2) play-label-in;display:block}.play-label.named{letter-spacing:.14em;white-space:nowrap;text-transform:uppercase;font-size:15px}.hero-btn.big:has(.named){width:auto;min-width:240px;padding-inline:30px}@keyframes play-label-in{0%{opacity:0;filter:blur(4px);transform:translateY(70%)scale(.9)}}.daily-btn{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}.daily-btn:hover{color:var(--text);border-color:rgb(var(--accent-rgb) / .5)}.mode-list{flex-direction:column;gap:6px;width:320px;min-height:260px;padding:16px;animation:.18s ease-out pop-right;display:flex;bottom:0;left:calc(100% + 12px)}.mode-list.guest{min-height:0}.guest-signin{border-color:rgb(var(--accent-rgb) / .5)}@keyframes pop-right{0%{opacity:0;transform:translate(-8px)}}@keyframes pop-up{0%{opacity:0;transform:translateY(8px)}}@keyframes pop-in{0%{opacity:0;transform:scale(.3)}}.mode-list>button{grid-template-columns:1fr auto;padding:10px 14px;display:grid}.mode-list>button b{font-weight:800}.mode-list>button span.muted{grid-column:1;font-size:12px}.mode-list>button .tag{grid-area:1/2/3;align-self:center}.mode-list .mode-format{margin-bottom:6px}.signin{isolation:isolate;flex-direction:column;align-items:center;gap:12px;width:min(520px,100%);padding:20px 28px 14px;display:flex;position:relative}.signin:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--veil) 85%, transparent) 50%, color-mix(in srgb, var(--veil) 45%, transparent) 78%, transparent);animation:.6s ease-out fade-in;position:absolute;inset:0 -70px -10px}.signin>*{animation:rise .45s cubic-bezier(.2, 1.4, .4, 1) var(--d,0s) backwards}.signin-title{font:900 24px/1.1 var(--cond);letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 24px rgb(var(--accent-rgb) / .45);margin:0}.signin-sub{color:var(--muted);--d:60ms;margin:-6px 0 6px;font-size:14px}.signin-providers{gap:10px;width:100%;animation:none;display:flex}.provider{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);letter-spacing:.08em;text-transform:uppercase;animation:rise .45s cubic-bezier(.2, 1.4, .4, 1) calc(var(--i,0) * 70ms + .12s) backwards;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;padding:14px 8px 12px;font-size:13px;transition:transform .18s cubic-bezier(.2,1.6,.4,1),box-shadow .2s,border-color .2s,background .2s;display:flex;box-shadow:inset 0 1px #ffffff1a}.provider:hover:not(:disabled){border-color:color-mix(in srgb, var(--brand) 70%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 16%, transparent), transparent), var(--glass-bg);box-shadow:0 12px 30px -10px color-mix(in srgb, var(--brand) 80%, transparent), inset 0 1px 0 #ffffff30;transform:translateY(-3px)}.provider .mark{place-items:center;width:22px;height:22px;transition:transform .2s cubic-bezier(.2,1.8,.4,1);display:grid}.provider .mark svg{width:22px;height:22px}.provider:hover .mark{transform:scale(1.15)}.signin-or{letter-spacing:.2em;text-transform:uppercase;color:#ffffff59;--d:.36s;align-items:center;gap:10px;width:100%;margin-top:20px;font-size:10.5px;display:flex}.signin-or:before,.signin-or:after{content:"";background:linear-gradient(90deg, transparent, var(--glass-border));flex:1;height:1px}.signin-or:after{transform:scaleX(-1)}.identity:has(>.signin){margin-bottom:calc(5vh + 44px)}.signin-guests{--d:.42s;flex-wrap:wrap;justify-content:center;gap:4px 14px;display:flex}.guest-option{color:var(--muted);transition:color .15s,background .15s,border-color .15s}.guest-option:hover:not(:disabled){color:var(--text)}.signin-guest-note{max-width:320px;color:var(--muted);text-align:center;--d:.48s;margin:2px 0 0;font-size:12px;line-height:1.4}.signin-modal h2{text-align:center}.signin-benefits{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.signin-benefits li{text-align:left;animation:rise .4s cubic-bezier(.2, 1.4, .4, 1) calc(var(--i) * 60ms + .1s) backwards;align-items:flex-start;gap:12px;line-height:1.4;display:flex}.signin-benefits li svg{color:var(--gold);flex:none;margin-top:1px}.signin-free{border-top:1px solid var(--glass-border);align-self:stretch;padding-top:14px}.result-note{text-align:center;max-width:560px;margin:0 auto;font-weight:700}.result-again{pointer-events:auto;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent)}.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:var(--text);margin:0;line-height:1.5}.support-panel a{color:var(--accent)}.perks{color:var(--text);flex-direction:column;gap:8px;margin:0;padding-left:18px;font-size:14px;line-height:1.45;display:flex}.week-preview{background:#ffffff08;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.week-preview>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.week-preview small{color:var(--muted);font-size:11px}.week-preview b{color:var(--text);font-size:13px}.week-preview>div{cursor:default}.week-preview>div b{color:var(--muted);transition:color .15s}.week-preview>div.on b{color:var(--text)}.tiers{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.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)}.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,.color-slots .react-colorful{width:100%;height:170px}.colors .react-colorful__saturation,.color-slots .react-colorful__saturation{border-bottom:0;border-radius:10px 10px 0 0}.colors .react-colorful__hue,.color-slots .react-colorful__hue{border-radius:0 0 10px 10px;height:14px}.colors .react-colorful__pointer,.color-slots .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}.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}@keyframes sheet-up{0%{transform:translateY(100%)}}.switch-wipe{z-index:30;animation:.2s ease-out fade-in;position:fixed;inset:0}.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-title{animation-delay:2.75s}@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:38vh;display:grid;position:fixed;inset:0;overflow-x:hidden}.toon-load.top{z-index:100}.toon-load.light{color:#111}.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-load .input{max-width:420px;color:inherit;text-align:center;background:#00000026;border-color:#00000030}.toon-title{animation:.4s cubic-bezier(.2,1.4,.4,1) .12s backwards rise}.toon-load>:not(.toon-title){animation:.4s cubic-bezier(.2,1.4,.4,1) .22s backwards rise}.toon-load.leaving{pointer-events:none;animation:0s .15s forwards clear-bg}.toon-load.leaving>*{animation:.3s ease-in forwards sink-out}@keyframes clear-bg{to{background:0 0}}@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}.menu.from-scene .menu-ui>*{animation:.45s cubic-bezier(.2,.9,.3,1) .2s backwards ui-back}@keyframes ui-back{0%{opacity:0;transform:translateY(24px)scale(.96)}}.mode-caption{letter-spacing:.18em;text-transform:uppercase;min-height:1.5em;color:var(--muted);margin-top:10px;font-size:12px;font-weight:700}.report-link{opacity:.7;pointer-events:auto;align-items:center;gap:6px;margin-top:2px;font-size:11px;display:inline-flex}.report-link:disabled{opacity:.5;cursor:default}.report-modal{text-align:left}.challenge-caption{color:var(--text);justify-content:center;align-items:center;gap:8px;display:flex}.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}.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}.vs-label .vs-fan{text-overflow:ellipsis;white-space:nowrap;max-width:260px;color:var(--muted);opacity:.75;font-size:12px;font-style:italic;overflow:hidden}.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.down{color:var(--red)}.result-elo.up,.result-elo.best{color:#0000;background:linear-gradient(100deg,#fff 40%,#fff5 50%,#fff 60%) 0 0/300% 100% no-repeat;-webkit-background-clip:text;background-clip:text;animation:.6s cubic-bezier(.3,1.6,.5,1) both best-pop,2.4s ease-in-out .6s infinite best-shine}@keyframes best-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes best-shine{0%{background-position:100% 0}60%,to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.result-elo.up,.result-elo.best{color:#fff;background:0 0;animation:none}}@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(--glass-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 16px}.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:var(--warn)}.history .stats .stall{animation:.5s .3s both fade-in}.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:38px 34px 1fr;column-gap:8px;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;font-weight:400}.history li.back .title{color:var(--muted);font-style:italic}.history li.claim{background:color-mix(in srgb, var(--accent) 9%, transparent)}.history li.claim .title{color:var(--text);font-weight:800}.history li.claim .title:after{content:" ✓";color:var(--accent)}.history .miss{color:var(--warn-soft);grid-column:3;align-items:center;gap:5px;margin-top:2px;font-size:12.5px;font-weight:700;display:flex}.history .miss svg{flex:none}.dist-graph{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.2,.9,.3,1),opacity .3s;display:grid}.dist-graph.open{opacity:1;grid-template-rows:1fr}.dist-inner{min-height:0;padding-top:16px}.dist-graph:not(.play) .dist-inner{overflow:hidden}.dist-trace{clip-path:inset(0 100% 0 0)}.dist-graph.play .dist-trace{animation:.9s linear forwards dist-draw}@keyframes dist-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.dist-dot{opacity:0}.dist-graph.play .dist-dot{animation:dist-pop .38s cubic-bezier(.3, 1.8, .5, 1) calc(var(--x) * .9s) both}@keyframes dist-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}.dist-graph.play .dist-miss{animation:dist-drop .4s cubic-bezier(.3, 1.6, .5, 1) calc(var(--x) * .9s + .25s) both}@keyframes dist-drop{0%{opacity:0;transform:translateY(-8px)}}.dist-graph.done .dist-trace{clip-path:none;animation:none}.dist-graph.done :is(.dist-dot,.dist-miss,.dist-flag){opacity:1;animation:none}@media (prefers-reduced-motion:reduce){.dist-graph{transition:none}.dist-trace,.dist-graph.play .dist-trace{clip-path:none;animation:none}.dist-graph.play .dist-dot,.dist-graph.play .dist-miss{opacity:1;animation:none}}.dist-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.help-box{background:color-mix(in srgb, var(--bg) 94%, transparent);scrollbar-width:thin;width:min(300px,80vw);max-height:min(60vh,440px);color:var(--muted);padding:14px 16px;font-size:12.5px;font-weight:500;line-height:1.45;overflow-y:auto}.help-box>b{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:800;display:block}.help-box p{margin:0 0 10px}.help-box ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.help-box li{grid-template-columns:40px 1fr;align-items:start;display:grid}.help-box li>i,.help-box li>svg{justify-self:center;margin-top:3px}.key-dot{border:2px solid var(--text);border-radius:50%;width:9px;height:9px}.key-dot.hit{border-color:var(--accent);background:var(--accent)}.help-box .key-line{background:var(--warn);border-radius:2px;width:18px;height:3px;margin-top:7px}.key-miss{color:var(--warn-soft)}.help-box .key-text{color:var(--text);text-transform:uppercase;letter-spacing:.06em;margin-top:0;font-size:10.5px;font-style:normal;font-weight:800}.dist-plot{height:64px;margin:6px 0 8px;padding-left:26px;position:relative}.dist-graph:has(.dist-flag) .dist-plot{margin-top:30px}.dist-axis{text-align:right;width:18px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px;font-weight:700;line-height:1;position:absolute;left:0;translate:0 -50%}.dist-axis:last-of-type{color:var(--accent)}.dist-area{height:100%;position:relative}.dist-area>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dist-grid{stroke:var(--glass-border);stroke-width:1px;stroke-dasharray:2 4;vector-effect:non-scaling-stroke}.dist-line,.dist-stuck{fill:none;stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.dist-line{stroke:color-mix(in srgb, var(--text) 55%, transparent)}.dist-stuck{stroke:var(--warn);stroke-width:3px}.dist-dot{border:2px solid var(--text);background:var(--bg);cursor:pointer;border-radius:50%;width:9px;height:9px;padding:0;transition:scale .12s;position:absolute;translate:-50% -50%}.dist-dot:before{content:"";border-radius:50%;position:absolute;inset:-8px}.dist-dot.stuck{border-color:var(--warn)}.dist-dot.hit{border-color:var(--accent);background:var(--accent)}.dist-dot:hover,.dist-dot.on{scale:1.5}.dist-miss{color:var(--warn-soft);filter:drop-shadow(0 1px 2px #000c);position:absolute;bottom:calc(100% + 3px);left:50%;translate:-50%}.dist-dot:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dist-tip{z-index:3;background:var(--bg);border:1px solid var(--glass-border);max-width:220px;color:var(--muted);white-space:nowrap;pointer-events:none;border-radius:10px;flex-direction:column;gap:2px;padding:7px 10px;font-size:12px;display:flex;position:absolute;translate:-50% calc(-100% - 12px);box-shadow:0 8px 20px #0009}.dist-tip.below{translate:-50% 12px}.dist-tip-miss{color:var(--warn-soft);white-space:normal;align-items:center;gap:4px;margin-top:2px;font-weight:700;display:inline-flex}.dist-tip b{text-overflow:ellipsis;color:var(--text);font-weight:800;overflow:hidden}.history .route-head{opacity:.8;padding-top:2px;padding-bottom:6px}.history .route-head span:nth-child(2),.history .route-head span:last-child{text-align:right}.history .route-head{grid-template-columns:38px 34px 1fr auto}.history li:has(.dist){grid-template-columns:38px 34px 1fr auto}.dist-line.other{opacity:.5}.dist-flag{background:var(--glass-bg);border:1px solid var(--glass-border);width:20px;height:20px;color:var(--accent);cursor:help;opacity:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:-22px;translate:-50%}.dist-flag.them{color:var(--muted)}.dist-flag{padding:0}.dist-flag:hover,.dist-flag.on{border-color:color-mix(in srgb, var(--accent) 60%, transparent)}.flag-tip{white-space:normal;width:max-content;max-width:220px;color:var(--text);translate:-50% 26px}.dist-graph.play .dist-flag{animation:dist-pop .38s cubic-bezier(.3, 1.8, .5, 1) calc(var(--x) * .9s + .2s) both}.history li.moment{background:color-mix(in srgb, var(--accent) 8%, transparent)}.dist-dot.moment{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent)}.help-box .key-line.other{background:color-mix(in srgb, var(--text) 55%, transparent);opacity:.5}.key-flag{color:var(--accent)}@media (prefers-reduced-motion:reduce){.dist-graph.play .dist-flag{opacity:1;animation:none}}.dist-wait{margin-top:16px}.history{--rows-at:1.05s}.history .route-list li{animation:row-in .4s cubic-bezier(.2, .9, .3, 1) calc(var(--rows-at) + var(--i,0) * 45ms) both}.details-modal .history{--rows-at:.15s}@keyframes row-in{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.history .route-list li{animation:none}}.history .dist{text-align:right;min-width:18px;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:1px;font-size:12px;font-weight:800;animation:.5s .3s both fade-in}.history .dwell.stuck{color:var(--warn);opacity:1;font-weight:700}.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)}.popover-wrap{pointer-events:auto;display:inline-flex;position:relative}.popover{z-index:60;text-align:left;text-transform:none;letter-spacing:normal;color:var(--text);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:16px;position:absolute;box-shadow:0 18px 40px #0008}.popover.below-end{transform-origin:100% 0;animation:.18s cubic-bezier(.2,.9,.3,1) panel-down;top:calc(100% + 8px);right:0}.popover.below-center{transform-origin:top;animation:.18s cubic-bezier(.2,.9,.3,1) panel-down;top:calc(100% + 8px);left:50%;translate:-50%}.popover.above-center{animation:.25s ease-out rise;bottom:calc(100% + 8px);left:50%;translate:-50%}.sound-panel{flex-direction:column;gap:10px;width:240px;padding:16px;font-size:12.5px;font-weight:600;display:flex}.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}.range{appearance:none;cursor:pointer;background:linear-gradient(90deg, var(--accent) var(--v), #ffffff1f var(--v));border-radius:99px;width:100%;height:4px}.range::-webkit-slider-thumb{appearance:none;background:var(--text);border-radius:50%;width:14px;height:14px;box-shadow:0 2px 6px #0008}.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)}}.mcard.drawer-card{background:var(--glass-bg);border:1px solid var(--glass-border);-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;padding:0;transition:color .12s,background .12s;display:grid;position:absolute;top:14px;right:14px}.d-close:hover{color:var(--text);background:#ffffff1a}.d-close.inline{flex:none;width:26px;height:26px;position:static}.drawer{flex-direction:column;display:flex}.drawer section{border-top:1px solid #ffffff0d;padding:14px 20px 16px}.drawer h4{margin:0 0 10px}.fold>summary{cursor:pointer;align-items:center;gap:10px;list-style:none;display:flex}.fold>summary::-webkit-details-marker{display:none}.fold>summary:focus:not(:focus-visible){outline:none}.fold-title{flex:1;align-items:center;gap:8px;min-width:0;transition:color .15s;display:flex}.fold-sum{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--muted);justify-content:flex-end;align-items:center;font-size:12.5px;animation:.2s fade-in;display:flex;overflow:hidden}.fold-extra{display:inline-flex}.fold-chev{color:var(--muted);flex:none;transition:transform .2s,color .15s}.fold[open]>summary .fold-chev{transform:rotate(90deg)}.fold>summary:hover .fold-chev{color:var(--text)}.fold-body{animation:.2s ease-out fade-in}@media (prefers-reduced-motion:reduce){.fold-body,.fold-sum{animation:none}}.p-fold{border-top:1px solid #ffffff0d}.p-fold>summary{gap:8px;min-height:46px;padding:6px 20px}.p-fold>summary:hover .fold-title{color:var(--text)}.p-fold>.fold-body{padding:0 20px 16px;animation:.25s ease-out rise}.p-xp.mini{grid-template-columns:auto 90px;margin:0;display:inline-grid}.p-xp.mini b{color:var(--text);font-size:13px}.p-form{gap:4px;display:inline-flex}.p-form i{width:18px;height:18px;color:var(--muted);background:#ffffff10;border-radius:50%;place-items:center;font-size:10px;font-style:normal;font-weight:900;display:grid}.p-form i.win{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--accent)}.p-form i.loss{background:color-mix(in srgb, var(--red) 18%, transparent);color:var(--red)}.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 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 .line{justify-content:space-between;align-items:center;margin:3px 0 2px;display:flex}.p-stats{grid-template-columns:1fr 1fr;gap:2px 18px;margin:0;display:grid}.p-stats>div{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:baseline;gap:8px;padding:4px 0;display:flex}.p-stats dt{color:var(--muted);min-width:0;font-size:12.5px}.p-stats dd{font:800 15px/1 var(--cond);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.p-stats>.p-fav{grid-column:1/-1}.p-fav dd{text-overflow:ellipsis;min-width:0;overflow:hidden}.p-fav a{color:inherit;text-decoration:none}.p-fav a:hover{text-decoration:underline}.p-fav small{color:var(--muted);font-size:13px}.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:var(--text)}.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;align-items:flex-start;gap:10px;padding:20px 56px 14px 20px;display:flex}.d-head h3{margin:0;font-size:22px;font-weight:900}.lb{border-top:1px solid #ffffff0d;margin:0;padding:4px 0 14px;list-style:none}.lb li{text-align:left;grid-template-columns:28px 1fr auto 52px;align-items:center;gap:10px;padding:7px 20px;display:grid}.lb:not(.daily) li{grid-template-columns:28px 1fr auto}.lb .elo{font:800 17px/1 var(--cond);text-align:right;font-variant-numeric:tabular-nums}.lb li:nth-child(2n){background:#ffffff04}.lb li.me{background:color-mix(in srgb, var(--accent) 10%, transparent)}.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;font-weight:500;overflow:hidden}.lb .who small{font-size:11px}.lb li.me .who b{font-weight:800}.lb.daily li{grid-template-columns:28px 1fr 60px}.lb.daily.routes li{grid-template-columns:28px 1fr 32px 60px}.lb.challenges li{grid-template-columns:20px minmax(0,1fr) 70px 76px 64px}.lb.challenges .pos{justify-content:center;display:flex}.lb.challenges .who.wide{grid-column:2/4}.lb.challenges .act{justify-self:end}.lb.challenges .rank{justify-self:start}.lb.challenges .rc-left{white-space:nowrap;justify-self:start;align-items:center;gap:4px;display:inline-flex}.lb .stakes{font:800 14px/1 var(--cond);font-variant-numeric:tabular-nums;justify-content:flex-end;gap:6px;display:flex}:is(.lb .stakes,.rc-stakes) .up{color:color-mix(in srgb, var(--ok) 65%, var(--text))}:is(.lb .stakes,.rc-stakes) .down{color:color-mix(in srgb, var(--red) 60%, var(--text))}.panel.rc-card{gap:18px}.rc-card .panel-head{margin-bottom:0}.rc-rank{justify-self:center}.rc-who{grid-template-columns:1fr 1fr;align-items:center;gap:10px;display:grid}.rc-maker{align-items:center;gap:14px;min-width:0;display:flex}.rc-maker>.rc-name{flex-direction:column;gap:5px;min-width:0;display:flex}.rc-who b{text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:900;overflow:hidden}.rc-who small{font-size:13px}.rc-ball{flex:none;width:48px;height:48px;position:relative}.rc-ball .ball-portrait{width:135.2%;height:135.2%;position:absolute;top:-17.6%;left:-17.6%}.ball-portrait{object-fit:contain;width:100%;height:100%;display:block}.rc-stakes{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rc-stakes>span{flex-direction:column;align-items:center;gap:2px;display:flex}.rc-stakes small{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:700}.rc-stakes b{font:800 30px/1 var(--cond);font-variant-numeric:tabular-nums}.rc-go{width:100%}.daily-route{margin:0 0 6px;font-size:14px}.daily-head{position:relative}.daily-head .daily-actions{float:right;gap:6px;margin:0 0 6px 12px;display:flex}.daily-mine{margin:0;font-size:13px}.daily-bubble{position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%)}.daily-bubble .daily-btn.wide{border-radius:var(--pill);white-space:nowrap;align-items:center;gap:8px;width:auto;padding:0 16px 0 14px;font-size:13px;font-weight:800;display:flex}.daily-bubble .daily-btn.done span{display:none}.daily-bubble .daily-btn.wide{animation:2.8s ease-in-out infinite daily-pulse}.daily-bubble .daily-btn.wide:hover{animation:none}@keyframes daily-pulse{50%{color:var(--text);border-color:rgb(var(--accent-rgb) / .6);box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .15), 0 0 18px rgb(var(--accent-rgb) / .35)}}@media (prefers-reduced-motion:reduce){.daily-bubble .daily-btn.wide{animation:none}}.daily-cards{align-items:center;gap:12px;display:flex}.daily-card{width:150px}.daily-card h3{font-size:16px}.daily-card-label{z-index:2;position:absolute;top:10px;left:10px}.daily-arrow{color:var(--muted);flex:none}.daily-streak{align-items:center;gap:6px;margin:0;font-weight:800;display:flex}.daily-flame{vertical-align:-2px}.history header{position:relative}.history .panel-corner{position:absolute;top:16px;right:16px}.d-title-row{align-self:stretch;align-items:center;gap:10px;display:flex}.daily-tools{gap:6px;display:inline-flex}.spinning svg{animation:.8s linear infinite spin-once}@keyframes spin-once{to{transform:rotate(360deg)}}.friend-head{border-bottom:1px solid #ffffff0d;align-items:center;height:56px;padding:0 56px 0 12px;display:flex}.f-back{border-radius:var(--pill);color:var(--muted);pointer-events:auto;background:0 0;align-items:center;gap:6px;margin:0;padding:6px 10px;font-size:13px;font-weight:700;display:inline-flex}.f-back:hover{color:var(--text);background:var(--glass-hover)}.history.daily-side .lb{border-top:0;overflow-y:auto}.history.daily-side li.same{background:var(--glass-on)}.tut-card.route-modal{text-align:left}.route-cols{scrollbar-width:thin;grid-template-columns:1fr 1fr;align-self:stretch;gap:14px;min-height:0;display:grid;overflow-y:auto}.route-cols section{background:#ffffff06;border-radius:14px;min-width:0}.route-cols header{border-bottom:1px solid var(--glass-border);flex-direction:column;gap:2px;padding:12px 16px 8px;display:flex}.route-cols header b{color:var(--text);font-size:15px;font-weight:900}.route-cols .route-list{margin:0;padding:6px 0 10px;list-style:none}.route-cols .route-list li{grid-template-columns:38px 34px 1fr;column-gap:8px;padding:4px 16px;font-size:13.5px;display:grid}.route-cols .route-list .at{color:var(--muted);font-variant-numeric:tabular-nums;padding-top:1px;font-size:12px}.route-cols .route-list .title{overflow-wrap:anywhere;min-width:0;color:var(--text);font-weight:500}.route-cols .route-list .at{font-weight:500}.route-list .dwell{color:var(--muted);opacity:.7;font-variant-numeric:tabular-nums;text-align:right;padding-top:2px;font-size:11.5px}.route-cols .route-list li.back .title{color:var(--muted);font-style:italic}.route-cols .route-list li.same{background:color-mix(in srgb, var(--accent) 9%, transparent)}@media (width<=600px){.route-cols{grid-template-columns:1fr}}.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;display:block;position:relative;box-shadow:inset 0 1px 3px #0008}.ep-track.thin{height:6px}.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))}}.xp-gain{margin:2px 0 6px;animation:.45s cubic-bezier(.2,1.3,.4,1) 1s backwards rise}.xp-bar{color:var(--text);font:inherit;cursor:pointer;align-items:center;gap:10px;padding:7px 12px 7px 14px;font-size:12.5px;display:inline-flex}.xp-bar:hover,.xp-bar.on{border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.xp-bar b{white-space:nowrap;font-weight:800}.xp-bar .ep-track{width:min(180px,40vw)}.xp-bar small,.xp-themes small{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}.xp-bar .chev{color:var(--muted);transition:rotate .2s}.xp-bar.on .chev{rotate:180deg}.xp-bar.up{box-shadow:0 0 18px color-mix(in srgb, var(--accent) 35%, transparent)}.xp-themes li.up b{color:var(--accent)}.xp-gain .ep-track i{animation-delay:1.3s}.xp-themes{width:min(360px,90vw);padding:8px 14px}.xp-themes ul{margin:0;padding:0;list-style:none}.xp-themes li{text-align:left;grid-template-columns:16px 1fr auto 70px 30px;align-items:center;column-gap:10px;padding:6px 0;font-size:12.5px;display:grid}.xp-themes li+li{border-top:1px solid #ffffff0d}.xp-themes li b{white-space:nowrap;font-weight:800}.xp-themes .ep-track i{animation-delay:.1s}.xp-theme-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.xp-themes small{text-align:right}@media (prefers-reduced-motion:reduce){.xp-gain,.xp-themes{animation:none}}.result-links{pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 18px;display:flex}.result-links:empty{display:none}.p-xp{grid-template-columns:auto 1fr auto;align-items:center;column-gap:12px;margin:0 0 10px;display:grid}.p-xp b{font:800 15px/1 var(--cond)}.p-xp small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.p-themes{gap:2px;margin:0;padding:0;list-style:none;display:grid}.p-themes li{border-bottom:1px solid #ffffff0d;grid-template-columns:18px 1fr auto 72px 34px;align-items:center;column-gap:10px;padding:5px 0;font-size:13px;display:grid}.p-themes li.new{opacity:.4}.p-theme-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.p-theme-tag{border-radius:var(--pill);background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent);padding:1px 7px;font-size:10px;font-weight:800}.p-theme-tag.weak{color:var(--muted);background:#ffffff10}.p-theme-level{font:800 13px/1 var(--cond);white-space:nowrap}.p-theme-pace{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.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}.result-actions .share{grid-column:1;justify-self:end}.result-actions .challenge-btn{grid-column:3;justify-self:start}.result-details{pointer-events:auto;display:none}.details-modal{flex-direction:column;gap:12px;padding-top:44px;display:flex}.details-modal .seg{align-self:center}.details-modal .history{-webkit-backdrop-filter:none;backdrop-filter:none;width:auto;max-height:64vh;box-shadow:none;background:0 0;align-self:stretch;animation:none;display:flex;position:static;transform:none}.details-modal .history header{padding:0 4px 14px}.details-modal .history ol{margin-inline:calc(-1 * var(--pad-x))}.details-modal .history li{padding-left:calc(var(--pad-x) + 4px);padding-right:calc(var(--pad-x) + 4px)}.details-modal .history .panel-corner{top:-4px;right:4px}.result-leave{pointer-events:auto;margin-top:-2px}.result-tools{z-index:5;pointer-events:auto;align-items:center;gap:10px;display:flex;position:absolute;top:10px;right:14px}.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}.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;max-height:calc(100vh - 100px);overflow-y:auto}.settings-panel .mcard-title{margin-bottom:2px}.theme-row.custom-theme{align-self:stretch;padding:4px 4px 4px 12px}.theme-row.custom-theme .name{text-overflow:ellipsis;flex:1;overflow:hidden}.custom-themes .input{align-self:stretch}.tut-card.customize-game{width:min(860px,100vw - 32px)}.cg-body{text-align:left;grid-template-columns:1fr 300px;align-self:stretch;gap:20px;display:grid}.cg-preview{flex-direction:column;margin-top:20px;display:flex;position:relative}.cg-preview .page-tools{left:20px}.tut-skel{clear:both;margin-top:22px}.tut-skel :is(b,i){background:var(--a-line);border-radius:6px;height:11px;margin:0 0 10px;display:block}.tut-skel b{width:34%;height:18px;margin-bottom:16px}.tut-skel br{content:"";margin-top:20px;display:block}.cg-img{background:var(--a-line);width:150px;height:110px;color:var(--a-muted);border-radius:6px;place-items:center;display:grid}.tut-browser.cg-scroller{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--a-text) 22%, transparent) transparent;flex:auto;height:0;min-height:380px;transition:background .2s;overflow:hidden auto}.cg-scroller .page-title{padding-top:34px}.cg-scroller .article a[data-title]{cursor:pointer}.cg-controls{flex-direction:column;gap:14px;display:flex}.cg-range{color:var(--muted);flex-direction:column;gap:8px;font-size:13px;display:flex}@media (width<=760px){.cg-body{grid-template-columns:1fr}.tut-browser.cg-scroller{flex:none;height:260px;min-height:0}}.color-slots{flex-direction:column;align-self:stretch;gap:12px;display:flex}.color-slots .slots{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.color-slots .slot{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;font-size:11px;font-weight:700;transition:background .15s,color .15s;display:flex}.color-slots .slot i{border-radius:50%;width:30px;height:30px;box-shadow:inset 0 0 0 1px #ffffff30}.color-slots .slot:hover{background:var(--glass-hover);color:var(--text)}.color-slots .slot.on{background:var(--glass-on);border-color:var(--glass-border);color:var(--text)}.color-slots .hex-input{text-align:center}.theme-row{white-space:nowrap;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:700;display:flex}.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.custom-card{width:min(660px,100vw - 32px);height:min(760px,100vh - 48px)}.custom-rows{text-align:left;scrollbar-width:thin;scrollbar-color:#fff2 transparent;flex-direction:column;flex:1;gap:8px;width:100%;min-height:0;padding:2px 4px;display:flex;overflow-y:auto}.acard-route{grid-template-columns:minmax(0,1fr) auto minmax(0,2fr);align-items:start;column-gap:10px;margin:4px 0;display:grid}.acard-route.alone{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.acard-arrow{color:var(--muted);align-self:start;margin-top:45px}.acard-route>.acard{align-self:start}.acard-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.acard{height:108px;box-shadow:inset 0 0 0 1px var(--glass-border);background:radial-gradient(circle at 30% 20%,#ffffff12,#ffffff05);border-radius:14px;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.acard-img{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.acard-img img{object-fit:cover;width:100%;height:100%}.acard.set .acard-img:after{content:"";background:linear-gradient(#0000 35%,#000c);position:absolute;inset:0}.acard-label{z-index:1;position:absolute;top:8px;left:8px}.acard-tools{z-index:1;gap:4px;display:flex;position:absolute;top:6px;right:6px}.acard-input{z-index:1;width:auto;min-width:0;margin:8px;font-weight:700;position:relative}.select{border-radius:var(--pill);background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text);text-align:left;cursor:pointer;align-items:center;gap:8px;padding:9px 12px 9px 14px;font-size:14px;transition:border-color .15s;display:flex}.select.small{gap:6px;width:auto;padding:4px 10px 4px 12px;font-size:13px;font-weight:500}.select:hover,.select.open,.select:focus-visible{border-color:color-mix(in srgb, var(--accent) 60%, transparent);outline:none}.select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.select-chev{color:var(--muted);flex:none;transition:transform .2s}.select.open .select-chev{transform:rotate(180deg)}.dropdown{z-index:10000;background:var(--card-bg);max-height:260px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:0 14px 34px #0009, inset 0 0 0 1px var(--glass-border);scrollbar-width:thin;scrollbar-color:#fff2 transparent;border-radius:12px;margin:0;padding:6px;list-style:none;animation:.12s ease-out pop-up;position:fixed;overflow-y:auto}.dropdown li{color:var(--text);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:8px;padding:7px 10px;font-size:13px;font-weight:600;overflow:hidden}.dropdown li.hi{background:var(--glass-hover)}.acard.add{box-shadow:none;border:1.5px dashed var(--glass-border);color:var(--muted);background:0 0;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:800;transition:color .2s,border-color .2s}.acard.add:hover{color:var(--text);border-color:var(--muted)}.custom-row{grid-template-columns:150px 1fr;align-items:center;gap:14px;display:grid}.custom-label{color:var(--muted);font-size:13px;font-weight:800}.custom-ctrl{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.custom-ctrl .range{flex:1}.custom-num{min-width:2ch;font:800 17px/1 var(--cond)}.custom-hint{margin:-4px 0 4px;font-size:12.5px}@media (width<=600px){.custom-row{grid-template-columns:1fr;gap:6px}.acard-route{grid-template-columns:1fr;row-gap:6px}.acard-arrow{justify-self:center;margin-top:0;rotate:90deg}}.limit-clock{border-radius:var(--pill);background:var(--glass-bg);height:40px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:inset 0 0 0 1px var(--glass-border);font:800 15px/1 var(--cond);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:0 14px;display:flex}.limit-clock.low{color:var(--red)}.tut-card.narrow{width:min(420px,100vw - 32px)}.tut-card.alone{width:min(460px,100vw - 32px)}.tut-card.wide{width:min(900px,100vw - 32px)}.alone-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.alone-actions>.btn{white-space:nowrap}.coach{z-index:50;pointer-events:none;position:fixed;inset:0}.coach-block{pointer-events:auto;position:absolute}.coach-ring{box-shadow:0 0 0 9999px color-mix(in srgb, var(--veil) 72%, transparent);pointer-events:none;border-radius:14px;transition:left .25s,top .25s,width .25s,height .25s;position:absolute}.coach-ring.act:after{content:"";border-radius:inherit;border:2px solid var(--accent);animation:1.4s ease-out infinite coach-pulse;position:absolute;inset:-2px}@keyframes coach-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}.coach-bubble{background:var(--glass-bg);border:1px solid var(--glass-border);width:min(340px,100vw - 24px);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text);pointer-events:auto;border-radius:16px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px;transition:left .25s,top .25s;animation:.3s ease-out rise;display:flex;position:absolute;box-shadow:0 14px 34px #000a}.coach-bubble.shake{animation:.35s tut-shake}.coach-bubble p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.45}.coach-bubble p b{color:var(--text)}.coach-step{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:10.5px;font-weight:800}.coach-skip{left:18px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:61;pointer-events:auto;font-size:13px;position:fixed}.tut .coach-skip{position:static}@media (width<=760px){.coach .coach-skip{top:calc(14px + env(safe-area-inset-top));bottom:auto;left:14px}}@media (prefers-reduced-motion:reduce){.coach-ring.act:after{animation:none}.coach-ring,.coach-bubble{transition:none}}.tut{z-index:60;pointer-events:auto;background:color-mix(in srgb, var(--veil) 70%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:start center;padding-top:12vh;animation:.3s ease-out veil-in;display:grid;position:fixed;inset:0}@keyframes veil-in{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}}.tut-card{--pad-x:30px;max-height:calc(100dvh - 12vh - 24px);padding:34px var(--pad-x) 20px;text-align:center;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:22px;flex-direction:column;align-items:center;gap:16px;animation:.45s cubic-bezier(.2,1.3,.4,1) tut-drop,.3s ease-out .15s backwards glass-in;display:flex;position:relative;box-shadow:0 30px 80px #000a}@keyframes tut-drop{0%{transform:translateY(-40px)scale(.97)}}@keyframes glass-in{0%{background-color:color-mix(in srgb, var(--panel) 72%, transparent);-webkit-backdrop-filter:blur();backdrop-filter:blur()}}:where(.tut-card,.tut-card *){scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text) 22%, transparent) transparent}.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-card>p{max-width:440px;color:var(--muted);margin:0;line-height:1.5}.tut-card>p b{color:var(--text)}.tut-route{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.tut-card.tut-welcome{gap:20px;padding:40px 38px 26px}.tut-welcome>.btn{margin-top:8px}.tut-welcome .tut-lang{position:absolute;top:16px;left:16px}.tut-card.tut-welcome:has(.tut-lang){padding-top:78px}@keyframes tut-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.tut-browser{background:var(--a-bg);min-height:240px;color:var(--a-text);text-align:left;border-radius:12px;flex:1;overflow:hidden}.tut-browser .page-title{padding:18px 20px 2px;font-size:24px}.tut-browser .article{font-size:var(--a-size,15px);padding:0 20px 18px;line-height:1.7}.tut-browser .article p{transition:color .25s,opacity .25s}.tut-browser.lamp .article p{color:color-mix(in srgb, var(--a-text) var(--a-dim,16%), transparent)}.tut-browser.lamp .article a[data-title]{text-shadow:0 0 10px color-mix(in srgb, var(--a-link) 35%, transparent)}body:has(.legal){background:#0d0d0f;overflow:auto}.legal{color:#e6e6e9;max-width:860px;margin:0 auto;padding:24px 20px 80px;font:15px/1.65 system-ui,-apple-system,Hiragino Sans,Segoe UI,Roboto,sans-serif}.legal a{color:#9ec1ff}.legal h1{letter-spacing:0;text-transform:none;margin:28px 0 4px;font-size:26px}.legal h2{margin:28px 0 8px;font-size:17px}.legal-sub{color:#8b8b94;margin:0;font-size:13px}.legal-nav{border-bottom:1px solid #26262b;flex-wrap:wrap;gap:6px 18px;padding-bottom:14px;font-size:13px;display:flex}.legal-nav a{color:#8b8b94;text-decoration:none}.legal-nav a.on,.legal-nav a:hover{color:#e6e6e9}.legal-home{margin-right:auto}.legal-text{margin-top:18px}.legal-table{border-collapse:collapse;width:100%;margin-top:24px}.legal-table th,.legal-table td{text-align:left;vertical-align:top;border-bottom:1px solid #26262b;padding:12px 10px}.legal-table th{width:30%;font-weight:600}.legal-table small{color:#8b8b94;margin-top:3px;font-size:12.5px;font-weight:400;display:block}@media (width<=600px){.legal-table th,.legal-table td{border:0;width:auto;padding:4px 0;display:block}.legal-table tr{border-bottom:1px solid #26262b;padding:10px 0;display:block}}.menu-legal{color:var(--muted);opacity:.7;font-size:11px;position:absolute;bottom:12px;left:32px}.menu-legal a{color:inherit}.lang-picker{align-items:center;gap:4px;display:inline-flex}.toggles{flex-direction:column;align-self:stretch;gap:14px;display:flex}.menu-legal a:hover{color:var(--text)}.match.royale{--board:250px;--sheet-w:min(calc(100vw - var(--dock) - var(--board) - 96px), 1000px);--split:calc(var(--board) + 32px + (100vw - var(--board) - 32px - var(--dock) - 32px - var(--sheet-w)) / 2)}.royale-board{top:var(--hud-top);bottom:var(--hud-bottom);z-index:3;width:var(--board);flex-direction:column;gap:8px;font-size:13px;display:flex;position:absolute;left:16px}.royale-board-head{justify-content:space-between;align-items:baseline;display:flex}.royale-board ol{scrollbar-width:thin;scrollbar-color:#fff2 transparent;flex-direction:column;gap:6px;margin:0;padding:0 4px 0 0;list-style:none;display:flex;overflow-y:auto}.royale-board li{background:#ffffff0a;border-radius:10px;grid-template-columns:10px 1fr auto;align-items:center;gap:3px 10px;padding:9px 12px;display:grid}.royale-board li>i{border-radius:50%;width:10px;height:10px}.royale-board li .nm{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.royale-board li .st{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700}.royale-board li .pg{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:2/-1;font-size:11px;overflow:hidden}.royale-board li.through{background:rgb(var(--accent-rgb) / .16)}.royale-board li.through .st{color:var(--accent)}.royale-board li.out{opacity:.45}.royale-board li.me{box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / .6)}.royale-board li.gone .nm{text-decoration:line-through}.royale-board li.watchable{cursor:pointer;transition:background .15s}.royale-board li.watchable:hover{background:#ffffff14}.royale-board li.watched{opacity:1;box-shadow:inset 0 0 0 1px var(--accent);background:rgb(var(--accent-rgb) / .12)}.royale-board li.watched .st{color:var(--accent);display:grid}.royale-banner.watching{top:auto;bottom:calc(var(--hud-bottom) + 14px);padding:8px 18px}.royale-banner.watching b{font-size:inherit;color:var(--accent)}.royale-banner{left:50%;top:calc(var(--hud-top) + 24px);z-index:5;pointer-events:none;background:#0b0f1ae6;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:14px 28px;animation:.3s ease-out fade-in;display:flex;position:absolute;translate:-50%;box-shadow:0 10px 40px #0008}.royale-banner b{letter-spacing:.04em;font-size:22px}.royale-banner.through b{color:var(--accent)}.royale-banner span{color:var(--muted);font-size:13px}@media (width>=761px){.match.tools{--board:280px;--route:300px;--sheet-w:min(calc(100vw - var(--dock) - var(--board) - var(--route) - 124px), 1000px);--split:calc((100vw - var(--dock) - 32px - var(--board) - var(--route) - 28px - var(--sheet-w)) / 2 + var(--board) + 14px)}}.training-board{top:var(--hud-top);bottom:var(--hud-bottom);left:calc(var(--split) - var(--board) - 14px);z-index:3;width:var(--board);scrollbar-width:none;flex-direction:column;gap:10px;font-size:13px;display:flex;position:absolute;overflow-y:auto}.training-board .panel{flex:none;gap:8px;padding:14px 14px 16px;overflow:visible}.training-board .panel-head{min-height:0;margin-bottom:0}.training-board .panel-head kbd{letter-spacing:normal;text-transform:none;margin-left:6px}.training-board .training-history{flex:1 0 160px;overflow:hidden}.training-board .go-to{flex:none}.training-label{margin-top:6px}.training-input{flex:1;min-width:0}.training-clock{align-items:center;gap:8px;display:flex}.training-clock b{font-variant-numeric:tabular-nums;color:var(--me);flex:1;font-size:28px}.training-clock.low b{color:var(--red)}.training-clock.paused b{opacity:.55}.training-board kbd{color:var(--muted);border:1px solid #ffffff2a;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:10px}.training-find,.training-target{align-items:center;gap:6px;display:flex}.training-find .count{text-align:right;min-width:34px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.training-target .n{text-align:center;width:14px;color:var(--muted);font-weight:800}.training-target.claimed .n{color:var(--accent)}.training-target .spinning:disabled{opacity:1}.training-target .spinning svg{animation:.7s linear infinite spin-once}.training-target.claimed .training-input{border-color:rgb(var(--accent-rgb) / .6)}.training-history ol{scrollbar-width:thin;scrollbar-color:#fff2 transparent;flex-direction:column;gap:4px;margin:0;padding:0 4px 0 0;list-style:none;display:flex;overflow-y:auto}.training-history li{cursor:pointer;overflow-wrap:anywhere;background:#ffffff0a;border-radius:8px;gap:8px;padding:6px 10px;transition:background .15s;display:flex}.training-history li:hover{background:#ffffff14}.training-history li .n{min-width:18px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.training-history li.target{color:var(--accent);font-weight:700}.training-history li.here{cursor:default;box-shadow:inset 0 0 0 1px var(--me)}.route-board{top:var(--hud-top);bottom:var(--hud-bottom);left:calc(var(--split) + var(--sheet-w) + 14px);z-index:2;width:var(--route);scrollbar-width:none;flex-direction:column;gap:10px;font-size:13px;display:flex;position:absolute;overflow-y:auto}.route-board .panel{flex:none;padding:14px 14px 16px;overflow:visible}.route-board .panel-head{min-height:0;margin-bottom:0}.route-kind{margin:2px 4px 0}.route-why{color:var(--muted);margin:0 4px;font-size:12px;line-height:1.45}.ways-in>p{margin:0 0 6px;font-size:12px;line-height:1.4}.ways-in .doors{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ways-in .doors>li{background:#ffffff08;border:1px solid #0000;border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex}.ways-in .door{text-align:left;color:var(--text);cursor:pointer;background:0 0;flex-direction:column;align-items:flex-start;gap:1px;padding:0;display:flex}.ways-in .door b{font-size:13px;font-weight:800}.ways-in .door small{color:var(--muted);font-size:11.5px}.ways-in .door:hover b{color:var(--accent)}.more-doors{margin-top:8px;font-size:12px}.more-doors>summary{color:var(--muted);gap:6px;font-weight:700}.more-doors .doors{margin-top:8px}.door-via{flex-wrap:wrap;align-items:center;gap:4px;font-size:11px;display:flex}.door-chip{border-radius:var(--pill);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text);cursor:pointer;padding:2px 8px;font-size:11.5px}.door-chip:hover,.door-chip.on{border-color:var(--accent);color:var(--accent)}.door-note{margin:0 4px;font-size:12px}.focus-head{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:2px 4px 0;font-size:11px;font-weight:800}.door-route .route-step.then:not(.link):not(.here){opacity:.6}.route-none{color:var(--muted);margin:0 4px 2px;font-size:12px;line-height:1.4}.route-result{background:#ffffff0a;border-radius:10px;flex-direction:column;gap:8px;padding:4px;display:flex}.route-result.chosen{box-shadow:inset 0 0 0 1px var(--accent)}.route-head{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 8px;display:flex}.route-head:disabled{cursor:default}.route-steps{flex-direction:column;gap:4px;margin:0;padding:0 4px 4px;list-style:none;display:flex}.route-step>button{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere;background:#ffffff0a;border:0;border-radius:8px;gap:8px;padding:6px 10px;transition:background .15s;display:flex}.route-step>button:hover:not(:disabled){background:#ffffff1a}.route-step .n{min-width:14px;color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.route-title{flex-direction:column;gap:1px;display:flex}.route-title small{color:var(--muted);font-size:11px}.route-step.here>button{cursor:default;box-shadow:inset 0 0 0 1px var(--me)}.route-on-page{color:var(--accent);flex:none;align-self:center;margin-left:auto}.route-step:last-child b{color:var(--accent)}.route-via{color:var(--muted);margin:2px 0 2px 12px;font-size:11px;line-height:1.45}.route-via>summary{gap:4px;width:fit-content}.route-via>summary:hover{color:var(--text)}.route-level{color:var(--muted);flex:none;align-items:center;gap:5px;font-size:12px;display:inline-flex}.route-level.easy svg{color:var(--accent)}.route-level.hard svg{color:var(--red)}.route-via q{quotes:none;margin-top:2px;font-style:italic;display:block}.route-via q b{color:var(--text);font-style:normal}.route-analysis ul{flex-direction:column;gap:4px;margin:0;padding:0;line-height:1.45;list-style:none;display:flex}.route-analysis .fold>summary{background:#ffffff0a;border-radius:8px;padding:6px 10px;font-weight:700;transition:background .15s}.route-analysis .fold>summary:hover{background:#ffffff1a}.route-analysis .fold p{color:var(--muted);margin:6px 10px 4px}.route-board .side-view{flex:none}.sheet.me .article a.theme-link{color:var(--theme-c);background:color-mix(in srgb, var(--theme-c) 18%, transparent);box-shadow:inset 0 -2px 0 var(--theme-c);border-radius:3px}.theme-map{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.theme-map button{all:unset;box-sizing:border-box;cursor:pointer;background:#ffffff08;border-radius:10px;flex-direction:column;gap:1px;width:100%;padding:8px;font-size:12px;transition:background .15s;display:flex}.theme-map button:hover:not(:disabled){background:#ffffff14}.theme-map button:disabled{cursor:default;opacity:.55}.theme-map-head{color:var(--theme-c);align-items:center;gap:6px;display:flex}.theme-map-head .muted{margin-left:auto}.theme-map-hub{font-weight:600}.sheet.me .article a.route-flash{border-radius:4px;animation:.5s ease-in-out 6 alternate route-flash}@keyframes route-flash{0%{box-shadow:none;background-color:#0000}to{background-color:rgb(var(--accent-rgb) / .55);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .55)}}.match.show-targets .sheet.me .article a.is-target{outline:2px solid var(--accent);outline-offset:1px;border-radius:4px;animation:1s ease-in-out infinite alternate target-link}@keyframes target-link{0%{background-color:rgb(var(--accent-rgb) / .45)}to{background-color:#0000;outline-color:#0000}}@media (prefers-reduced-motion:reduce){.match.show-targets .sheet.me .article a.is-target{background-color:rgb(var(--accent-rgb) / .3);animation:none}}::highlight(wf-find){background-color:rgb(var(--accent-rgb) / .3);color:inherit}::highlight(wf-find-current){background-color:var(--accent);color:var(--bg)}.rl-panel{scrollbar-width:thin;flex-direction:column;gap:14px;width:min(600px,55vw);max-height:84vh;display:flex;position:absolute;top:50%;left:max(32px,8vw);overflow-y:auto;translate:0 -50%}.rl-panel h2{font:900 30px/1.1 var(--cond);letter-spacing:.12em;text-transform:uppercase;margin:0}.rl-panel>p{color:var(--muted);margin:0;font-weight:700}.rl-players{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.rl-player{background:var(--glass-bg);border:1px solid var(--glass-border);min-width:0;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:14px;align-items:center;gap:10px;padding:8px 12px 8px 8px;animation:.5s cubic-bezier(.25,1.5,.5,1) backwards guy-pop;display:flex}.rl-player.me{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.rl-ball{flex:none;width:36px;height:36px}.rl-player>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13.5px;font-weight:800;overflow:hidden}.royale-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@keyframes guy-pop{0%{opacity:0;transform:translateY(14px)scale(.2)}}.royale-final ol{flex-direction:column;gap:6px;padding:12px 14px 14px;display:flex}.royale-final li{background:var(--glass-on);box-shadow:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px var(--glass-border);border-radius:12px;grid-template-columns:40px 10px 1fr;align-items:center;gap:10px;padding:9px 14px;font-weight:700;display:grid}.royale-final li i{border-radius:50%;width:10px;height:10px}.royale-final li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.royale-final li:has(.rf-got){grid-template-columns:40px 10px 1fr auto}.rf-got{color:var(--muted);font-variant-numeric:tabular-nums}.royale-final li.me{box-shadow:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px var(--win)}.mode-list>button.mode-back{color:var(--muted);align-items:center;gap:6px;margin-bottom:2px;padding:6px 8px;display:flex}.mode-list>button.mode-back b{color:var(--text)}img.checker-light{background:repeating-conic-gradient(#d9dbe3 0 25%, #c6c9d3 0 50%) 0 0 / 14px 14px;object-fit:contain}img.checker-dark{background:repeating-conic-gradient(#20232e 0 25%, #171922 0 50%) 0 0 / 14px 14px;object-fit:contain}.friends-btn{position:relative}.f-dot{background:var(--accent);color:#0b0f1a;text-align:center;border-radius:99px;min-width:16px;height:16px;padding:0 4px;font:800 10px/16px system-ui,sans-serif;position:absolute;top:-3px;right:-3px}.admin-btn{position:relative}.f-dot.online{background:var(--bg);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent);top:auto;bottom:-3px}.friends{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;flex-direction:column;gap:12px;padding:20px;display:flex;overflow-y:auto}.friends section{flex-direction:column;gap:0;display:flex}.friends h4{margin:6px 0 2px}.friends .note{margin:8px 0;font-size:13px}.f-code{background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;padding:4px 4px 4px 14px;display:flex}.f-code>span{overflow-wrap:anywhere;min-width:0;color:var(--text);font-size:15px;font-weight:900}.f-code small{font-size:inherit;color:var(--muted);letter-spacing:.04em;margin-left:1px;font-weight:700}.f-add{align-items:center;gap:8px;display:flex}.f-add .input{flex:1;min-width:0}.f-row{border-radius:8px;align-items:center;gap:10px;padding:7px 8px;display:flex}.f-row:nth-of-type(2n){background:#ffffff04}.f-row b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13.5px;font-weight:500;overflow:hidden}.f-row.offline b{color:var(--muted)}.f-row .btn{padding:6px 8px}.f-row .icon-btn.f-ok{color:var(--accent)}.f-ball{background:#e9e6de;border-radius:50%;flex:none;width:12px;height:12px;box-shadow:inset -2px -2px #0003}.f-status{color:var(--muted);font-size:12px}.f-status.online{color:#5ee08a}.f-status.in_game{color:var(--accent)}.invite-cards{z-index:6;pointer-events:auto;flex-direction:column;gap:8px;display:flex;position:absolute;top:88px;left:50%;translate:-50%}.invite-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:16px;align-items:center;gap:10px;padding:10px 12px 10px 16px;font-weight:700;animation:.3s ease-out fade-in;display:flex;box-shadow:0 12px 30px #0007}.invite-card svg{color:var(--accent)}.invite-cards.all{max-height:min(60vh,520px);padding:2px;overflow-y:auto}.invite-more{align-self:center}.invite-panel{z-index:6;width:min(380px,100vw - 32px);max-height:calc(100vh - 48px);position:fixed;top:24px;right:24px}.invite-panel .mcard-title{color:var(--text);opacity:.7}.toon-load .btn{color:inherit;background:color-mix(in srgb, currentColor 12%, transparent);border:1px solid color-mix(in srgb, currentColor 22%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:none;justify-content:center;min-width:220px}.toon-load .btn:hover:not(:disabled){background:color-mix(in srgb, currentColor 20%, transparent);filter:none}.toon-load .btn.primary{background:color-mix(in srgb, currentColor 24%, transparent);border-color:color-mix(in srgb, currentColor 40%, transparent)}.toon-load .btn:disabled{opacity:.45}.toon-load .invite-panel{background:#121216b3;border-color:#ffffff1f}.copy-link{width:min(420px,90vw);max-width:100%;position:relative}.copy-link .input{padding-right:48px}.copy-link .icon-btn{position:absolute;top:50%;right:6px;translate:0 -50%}.toon-load .btn.cancel{margin-top:22px}.panel{text-align:left;color:var(--text);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;border-radius:16px;flex-direction:column;gap:8px;padding:18px 20px 20px;animation:.18s ease-out pop-right;display:flex;overflow-y:auto;box-shadow:0 18px 40px #0008}.panel-head{justify-content:space-between;align-items:center;gap:12px;min-height:28px;margin-bottom:8px;display:flex}.tut.top{z-index:20000}.tut-card.dialog form{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.tut-card.dialog form .input{align-self:stretch}.dialog-text{white-space:pre-line;margin:0;font-size:14px;line-height:1.5}.dialog-actions{justify-content:center;gap:8px;margin-top:6px;display:flex}.panel>p{margin:0}.result-targets{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.rt-card{flex:none;width:200px;height:116px}.rt-card:hover,.rt-card.active{transform:translateY(-2px);box-shadow:0 10px 24px #000a,0 2px 6px #0008}.rt-card.theirs{opacity:.75}.rt-card .obj-title{font-size:13px;bottom:8px;left:10px}.rt-tools{gap:4px;display:flex;position:absolute;top:6px;left:6px}.rt-train{position:absolute;top:6px;right:6px}.where-panel{z-index:7;pointer-events:auto;width:min(520px,100vw - 32px);max-height:min(560px,100vh - 48px);position:fixed;top:50%;left:50%;translate:-50% -50%}.where-panel h4{margin:8px 0 2px}.wf-list{flex-wrap:wrap;gap:6px;display:flex}.wf-chip{border-radius:var(--pill);background:var(--glass-on);box-shadow:inset 0 0 0 1px var(--glass-border);padding:5px 11px;font-size:13px}.wf-chip.route{color:var(--warn);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--warn) 40%, transparent);font-weight:700}.wf-chip.found{color:var(--ok);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ok) 40%, transparent);align-items:center;gap:5px;font-weight:700;display:inline-flex}.wf-more{color:var(--muted);margin-top:8px;font-size:12px}.wf-more:hover{color:var(--text)}.dev-tools{z-index:12;border-radius:16px;border-radius:var(--pill);border:1px dashed color-mix(in srgb, var(--warn) 53%, transparent);background:#000a;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(50% - 80px);padding:6px;display:flex;position:absolute;top:48px;right:14px}.dev-tools span{letter-spacing:.14em;color:var(--warn);padding:0 6px;font:800 10px/1 system-ui,sans-serif}.dev-tools .btn{padding:5px 9px;font-size:11px}.dev-tools.home{max-width:none;position:fixed;top:auto;bottom:14px}.penalty-modal{z-index:9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000a;place-items:center;display:grid;position:absolute;inset:0}.penalty-card{text-align:center;align-items:center;width:min(420px,100vw - 32px)}.penalty-card .panel-head{align-self:stretch}.penalty-secs{font-variant-numeric:tabular-nums;margin:6px 0;font:900 56px/1 system-ui,sans-serif}.penalty-zone{border:2px dashed var(--danger);color:var(--muted);border-radius:14px;align-self:stretch;justify-items:center;gap:8px;padding:22px 16px;font-size:13px;transition:border-color .2s;animation:.9s ease-in-out infinite alternate zone-pulse;display:grid}.penalty-zone svg{opacity:.35}.penalty-zone.in{border-color:#ffffff26;animation:none}@keyframes zone-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--danger) 0%, transparent)}to{border-color:color-mix(in srgb, var(--danger) 35%, transparent);box-shadow:0 0 18px 0 color-mix(in srgb, var(--danger) 35%, transparent)}}.penalty-last{font:800 13px/1.3 var(--cond);letter-spacing:.08em;text-transform:uppercase;color:var(--danger);margin-top:8px}.penalty-tag{--c:var(--danger);z-index:3;background:color-mix(in srgb, var(--c) 6%, #000c);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.penalty-tag b{font:italic 900 clamp(44px, 9vw, 72px)/.9 var(--cond);text-transform:uppercase;color:color-mix(in srgb, var(--c) 30%, transparent);animation:.3s cubic-bezier(.3,1.6,.5,1) stamp}.penalty-tag span{color:var(--danger-soft);text-transform:uppercase;letter-spacing:.06em;font-weight:800}.penalty-tag.out-overlay{--c:var(--warn)}.out-overlay span{color:#ffd98a;text-align:center;padding:0 16px;font-size:18px}.penalty-tag.waiting-overlay{--c:#c9ccd6;background:color-mix(in srgb, var(--veil,#000) 72%, transparent);-webkit-backdrop-filter:grayscale()blur(2px);backdrop-filter:grayscale()blur(2px)}.waiting-overlay span{color:#c9ccd6}.penalty-tag.hidden-overlay{--c:#c9ccd6;opacity:.5;background:0 0}.hidden-overlay span{color:#c9ccd6;text-align:center;max-width:220px;font-size:12px;line-height:1.4}.out-overlay .btn{pointer-events:auto;margin-top:10px}.cg-invalid{text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:12px;padding:20px;animation:.2s ease-out fade-in}.cg-invalid small{max-width:280px;color:var(--danger-soft);opacity:.75;line-height:1.4}.hud-top .meta .spectating{color:var(--accent)}.hud-top .meta .watchers.monitored{color:var(--ok);pointer-events:auto}.hud-top .meta .watchers{border-radius:var(--pill);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text);letter-spacing:0;order:9;align-items:center;gap:5px;padding:3px 9px;font-size:11px;display:inline-flex}.tie-stamp{pointer-events:none;place-items:center;animation:2.2s cubic-bezier(.2,1.4,.4,1) forwards tie-in;display:grid;position:absolute;top:92px;left:50%;translate:-50%}.tie-stamp b{font:italic 900 34px/1 var(--cond);letter-spacing:.32em;text-transform:uppercase;color:#fff;text-shadow:0 0 18px var(--c), 0 0 42px color-mix(in srgb, var(--c) 55%, transparent), 0 2px 0 color-mix(in srgb, var(--c) 45%, #000);padding-left:.32em}.tie-stamp:before{content:"";background:linear-gradient(90deg, transparent, var(--c), #fff, var(--c), transparent);width:380px;height:2px;animation:.6s ease-out forwards tie-line;position:absolute}.tie-flash{background:radial-gradient(ellipse 55% 75% at 50% 0, color-mix(in srgb, var(--c) 30%, transparent), color-mix(in srgb, var(--c) 10%, transparent) 45%, transparent 100%);pointer-events:none;opacity:0;height:420px;animation:2.2s ease-out forwards tie-glow;position:fixed;inset:0 0 auto}@keyframes tie-in{0%{opacity:0;transform:translateY(-34px)scale(1.7)}10%{opacity:1;transform:translateY(0)scale(1)}15%{transform:translateY(0)scale(1.06)}78%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-18px)scale(.92)}}@keyframes tie-line{0%{opacity:1;scale:0 1}to{opacity:0;scale:1.4 1}}@keyframes tie-glow{0%{opacity:0}18%{opacity:1}to{opacity:0}}.clutch{--at:52%;z-index:60;pointer-events:none;place-items:center;animation:4.1s forwards clutch-life;display:grid;position:fixed;inset:0;overflow:hidden}.clutch:before{content:"";background:radial-gradient(ellipse at 50% var(--at), transparent 25%, #000d 100%);animation:4.1s forwards clutch-vignette;position:absolute;inset:0}.clutch:after{content:"";background:radial-gradient(circle at 50% var(--at), color-mix(in srgb, var(--c) 30%, transparent) 0, transparent 45%);opacity:0;animation:clutch-bloom 3.2s var(--hit) ease-out forwards;position:absolute;inset:0}.clutch>*{position:absolute}.clutch-pull{top:var(--at);width:0;height:0;left:50%}.clutch-pull i{background:linear-gradient(90deg, color-mix(in srgb, var(--c) 40%, #fff), transparent);transform-origin:0;opacity:0;border-radius:2px;width:90px;height:2px;animation:.4s cubic-bezier(.6,0,1,.6) both clutch-pull;position:absolute}.clutch-core{top:var(--at);background:radial-gradient(circle, #fff 0, #fff 12%, color-mix(in srgb, var(--c) 70%, #fff) 30%, color-mix(in srgb, var(--c) 35%, transparent) 50%, transparent 70%);opacity:0;width:140px;height:140px;animation:clutch-core var(--hit) cubic-bezier(.5, 0, .9, .5) backwards, clutch-flicker 70ms linear infinite;border-radius:50%;margin:-70px 0 0 -70px;left:50%}.clutch-ring{top:var(--at);border:4px solid color-mix(in srgb, var(--c) 50%, #fff);width:300px;height:300px;box-shadow:0 0 30px var(--c), inset 0 0 30px var(--c);opacity:0;animation:clutch-ring .75s var(--hit) cubic-bezier(.1, .7, .3, 1) forwards;border-radius:50%;margin:-150px 0 0 -150px;left:50%}.clutch-ring.late{animation-duration:1.1s;animation-delay:calc(var(--hit) + .1s);border-width:2px}.clutch-flare{top:var(--at);background:linear-gradient(90deg, transparent, var(--c) 25%, #fff 50%, var(--c) 75%, transparent);height:6px;box-shadow:0 0 24px var(--c);opacity:0;animation:clutch-flare 1.4s var(--hit) cubic-bezier(.1, .8, .3, 1) forwards;border-radius:3px;margin-top:-3px;left:0;right:0}.clutch-flare.thin{filter:blur(.5px);height:2px;animation-duration:2s;animation-delay:calc(var(--hit) + 60ms);margin-top:-1px}.clutch-ball{width:380px;height:380px;animation:clutch-ball .7s calc(var(--hit) + 50ms) cubic-bezier(.25, 1.7, .45, 1) both;top:40%;left:50%;translate:-50% -50%}.clutch-word{font:italic 900 clamp(90px, 16vw, 240px)/.9 var(--cond);letter-spacing:.04em;color:#fff;text-shadow:0 0 26px var(--c), 0 0 80px color-mix(in srgb, var(--c) 55%, transparent), 0 10px 34px #000b;animation:clutch-slam .5s var(--hit) cubic-bezier(.2, 1.3, .4, 1) both, clutch-shake .34s calc(var(--hit) + 50ms) linear;margin-top:12vh}.clutch-name{top:calc(var(--at) + 12vh + clamp(48px, 8.5vw, 125px));font:800 14px/1 var(--cond);letter-spacing:.24em;text-transform:uppercase;color:#fff;animation:rise .5s calc(var(--hit) + .55s) cubic-bezier(.2, 1.4, .4, 1) both;padding:8px 16px}.clutch-flash{background:radial-gradient(circle at 50% var(--at), #fff 0, color-mix(in srgb, var(--c) 40%, transparent) 30%, transparent 65%);opacity:0;animation:clutch-flash .5s var(--hit) ease-out forwards;inset:0}@keyframes clutch-life{0%{opacity:0}3%{opacity:1}87%{opacity:1}to{opacity:0}}@keyframes clutch-vignette{0%{opacity:0}21%{opacity:1}27%{opacity:.45}to{opacity:.45}}@keyframes clutch-bloom{0%{opacity:1;scale:.6}20%{opacity:1;scale:1}to{opacity:.6;scale:1.1}}@keyframes clutch-pull{0%{opacity:0;transform:rotate(var(--a)) translateX(32vmin)}40%{opacity:.9}to{opacity:0;transform:rotate(var(--a)) translateX(4px) scaleX(.3)}}@keyframes clutch-core{0%{opacity:1;scale:.03}to{opacity:1;scale:1.15}}@keyframes clutch-flicker{0%{filter:brightness();translate:.5px -.5px}50%{filter:brightness(1.25);translate:-.5px .5px}}@keyframes clutch-ring{0%{opacity:1;scale:.2}to{opacity:0;scale:3.4}}@keyframes clutch-flare{0%{opacity:1;scale:0 1}25%{opacity:1;scale:1}to{opacity:0;scale:1.1 .5}}@keyframes clutch-ball{0%{opacity:0;transform:translateY(45%)scale(.4)}to{opacity:1;transform:none}}@keyframes clutch-slam{0%{opacity:0;filter:blur(10px);scale:2.6}55%{opacity:1;filter:none}to{opacity:1;scale:1}}@keyframes clutch-shake{0%,to{translate:0}20%{translate:-10px 6px}40%{translate:8px -7px}60%{translate:-5px 4px}80%{translate:3px -2px}}@keyframes clutch-flash{0%{opacity:.85}to{opacity:0}}.sound-lab{justify-items:center;padding:40px 16px;display:grid}.sound-lab .panel{width:min(680px,100%)}.sound-lab-row{border-bottom:1px solid var(--glass-border);gap:6px;padding:10px 0;display:grid}.sound-lab-head{align-items:center;gap:10px;display:flex}.sound-lab-head b{flex:1;font-weight:600}.sound-lab-layers{flex-wrap:wrap;gap:8px 18px;padding:8px 0 4px;display:flex}.sound-lab-foot{align-items:center;gap:12px;padding-top:14px;display:flex}@media (width<=760px){.menu-ui{padding:12px 12px calc(12px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr)}.menu-top{grid-template-columns:auto 1fr;row-gap:10px;min-width:0}.menu-logo{letter-spacing:0;gap:8px;font-size:0}.menu-logo img{height:18px}.menu-right{grid-area:1/2;gap:8px;min-width:0}.menu-right .live{display:none}.menu-nav{scrollbar-width:none;grid-area:2/1/auto/-1;justify-self:center;max-width:100%;overflow-x:auto}.hh-events{grid-column:1/-1;position:relative;top:auto;left:auto}.hh-event{gap:10px 18px;margin-top:8px;padding:10px 4px;animation:none;transform:none}.hh-name,.hh-time{font-size:24px}.hh-kicker{letter-spacing:.18em;font-size:9.5px}.menu-nav button{padding:7px 9px;font-size:13px}.identity{z-index:auto;width:100%;margin-bottom:calc(1vh + 46px)}.menu-legal{left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom));text-align:center;line-height:1.5}.identity-name{margin-bottom:4px;font-size:26px}.hero-btn.big{width:200px;height:56px;font-size:19px}.play-row{flex-wrap:wrap;row-gap:12px}.daily-bubble{flex-basis:100%;order:-1;justify-content:center;display:flex;position:static;transform:none}.daily-bubble .daily-btn{border-radius:var(--pill);white-space:nowrap;align-items:center;gap:8px;width:auto;padding:0 16px 0 14px;font-size:13px;font-weight:800;display:flex}.daily-bubble .daily-btn.done span{display:inline}.mode-bubble{flex-basis:100%;justify-content:center;display:flex;position:static;transform:none}.hero-btn.big:has(.named){min-width:200px}.refill-tag{--rise:0px;grid-area:who;justify-self:start;font-size:16px}.timer.opp .refill-tag{justify-self:end}.hurry{grid-area:who;justify-self:end;font-size:13px;translate:none}.timer.me.low .who{visibility:hidden}.overtime-note{font-size:12px;top:calc(100% + 30px)}.mode-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:100%;padding:14px 0 6px}.signin-title{font-size:19px}.signin-providers{gap:8px}.provider{letter-spacing:.04em;font-size:12px}.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:34vh;padding-left:16px;padding-right:16px}.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}.float-cards,.float-cards.wide{width:100%}.target-row{flex-wrap:wrap;gap:10px;max-width:100vw;padding:8px 0}.redraw-vote{order:1;position:static;translate:none}.draft-stage>.target-row,.draft-stage>p.muted{order:2}.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}.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}.hud-top .hud-tools{gap:6px;top:12px;right: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}.match[class*=watch-]{--hud-top:92px}.tool-tabs{z-index:6;gap:6px;display:flex;position:absolute;top:54px;left:50%;translate:-50%}.tool-tabs .btn{white-space:nowrap;padding:6px 12px;font-size:12px}.tool-sheet kbd{display:none}.tool-sheet{z-index:20;max-height:72vh;padding:40px 12px calc(16px + env(safe-area-inset-bottom));background:var(--card-bg);border-top:1px solid var(--glass-border);border-radius:18px 18px 0 0;animation:.25s cubic-bezier(.2,.9,.3,1) sheet-up;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -20px 50px #000a}.tool-sheet .d-close{top:8px;right:10px}.tool-sheet .training-board,.tool-sheet .route-board{width:auto;position:static;overflow:visible}.tool-sheet .training-board .training-history{flex:none;max-height:30vh;overflow-y:auto}.match.tools-phone{--hud-top:92px}.watch-views{z-index:4;max-width:calc(100vw - 20px);padding:3px;position:absolute;top:54px;left:50%;translate:-50%}.watch-views button{text-overflow:ellipsis;justify-content:center;align-items:center;min-width:0;max-width:36vw;padding:5px 12px;font-size:12px;display:inline-flex;overflow:hidden}.match.watch-opp .sheet.opp,.match.watch-split .sheet.opp{width:100%;box-shadow:none;border-radius:0;display:flex;left:0;transform:none}.match.watch-opp .sheet.me{display:none}.match.watch-split .sheet.opp{bottom:calc(50% + 2px)}.match.watch-split .sheet.me{top:calc(50% + 2px)}.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}.more-below{display:none}.customize-hint{left:var(--ball-x,50vw);top:calc(var(--ball-y,40vh) - var(--ball-r,15vh) - 18px);animation:.5s cubic-bezier(.2,1.4,.4,1) 1s backwards rise;translate:-50% -100%}.customize-hint:after{inset:auto auto -6px 50%;translate:-50%;rotate:135deg}.queue-stage{padding:calc(var(--vs-me-y,25vh) + var(--vs-me-r,60px) + 72px) 12px 16px;flex-direction:column;align-items:center;gap:18px;display:flex;overflow-y:auto}.qs-text,.rl-panel{width:100%;max-height:none;position:static;translate:none}.qs-offer{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:2;gap:8px;width:auto;max-height:calc(100dvh - 96px);position:fixed;overflow-y:auto;translate:none}.qs-offer .panel.rc-card{gap:14px;padding:12px 14px 14px;box-shadow:0 -12px 40px #000c}.qs-offer .rc-ball{width:36px;height:36px}.qs-offer .rc-who b{font-size:19px}.qs-offer .rc-stakes b{font-size:24px}.qs-clock{margin:4px 0 8px;font-size:44px}.lb.challenges li{grid-template-columns:16px minmax(0,1fr) auto 44px 58px;gap:8px;padding:7px 12px}.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}.obj-sheet{left:8px;right:8px;bottom:calc(var(--hud-bottom) + 6px);z-index:5;border-radius:14px;animation:.22s cubic-bezier(.2,.9,.3,1) pop-up;position:fixed;overflow:hidden;box-shadow:0 24px 60px #000c}.obj-sheet .thumb{position:absolute;inset:0}.obj-sheet .thumb img{filter:blur(18px)brightness(.55)saturate(1.2);scale:1.2}.obj-sheet-body{color:#fff;gap:8px;padding:14px 16px 16px;display:grid;position:relative}.obj-sheet-title{font:400 19px/1.2 Linux Libertine,Georgia,Times New Roman,serif}.obj-sheet .obj-excerpt{-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:8px}.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-details{display:inline}.history.royale-final{width:min(420px,92vw);max-height:38vh;margin:0 auto;display:flex;position:static;transform: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{grid-template-columns:1fr auto;gap:10px;width:100%;max-width:360px;margin-inline:auto;display:grid}.result-screen .result-actions>*{grid-area:2/1/auto/-1}.result-screen .result-actions>:is(.btn,.hero-btn){justify-self:stretch;width:100%}.result-screen .result-actions .rematch{grid-area:1/1;width:100%}.result-screen .result-actions .share{grid-area:1/2}.result-screen .result-actions>:only-child{grid-column:1/-1}input,textarea,select{font-size:16px!important}.invite-cards{width:calc(100vw - 24px)}.invite-card{gap:8px;padding:8px 8px 8px 12px;font-size:12.5px}.invite-card span{flex:1;min-width:0}.result-screen .result-actions.gone .rematch{grid-area:3/1/auto/-1;height:44px;font-size:13px}.result-screen .result-actions .hero-btn.leave:not(:only-child){grid-area:1/1}.result-screen{pointer-events:auto;overflow-y:auto}.rt-card{width:calc(33.3333vw - 13.3333px);height:88px}.rt-card .obj-title{font-size:11.5px;bottom:6px;left:8px;right:6px}.tut{align-items:start;padding:4vh 12px;overflow-y:auto}.tut-card{--pad-x:16px;max-height:calc(100dvh - 8vh);padding:34px var(--pad-x) 14px;gap:14px}.tut-card h2{font-size:20px}.tut-logo{width:150px}.tut-route{gap:6px;font-size:12.5px}.tut-browser{width:100%;min-height:200px}}