@font-face{font-family:Bebas Neue;src:url(/fonts/BebasNeue-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Saira;src:url(/fonts/Saira-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:block}@font-face{font-family:Saira;src:url(/fonts/Saira-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Saira;src:url(/fonts/Saira-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Saira;src:url(/fonts/Saira-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:block}:root{color-scheme:dark}html,body{margin:0;padding:0}html{overscroll-behavior:none}body{background:var(--w21-void);overscroll-behavior:none;overflow-x:hidden;-webkit-tap-highlight-color:transparent}.w21{overflow-x:clip}.w21{position:fixed;inset:0;height:100vh;height:100dvh;z-index:10;pointer-events:none;user-select:none;-webkit-user-select:none;font-family:var(--w21-font-body);font-weight:400;color:rgb(var(--w21-white-rgb) / .88);font-synthesis:none;-webkit-font-smoothing:antialiased;--w21-pad-x: clamp(14px, 2.4vw, 40px);--w21-pad-y: clamp(16px, 2.2vh, 32px);--w21-chrome-t: 0px;--w21-inset-t: calc( max(var(--w21-pad-y), env(safe-area-inset-top, 0px)) + var(--w21-chrome-t) );--w21-inset-b: max(var(--w21-pad-y), env(safe-area-inset-bottom, 0px));--w21-inset-l: max(var(--w21-pad-x), env(safe-area-inset-left, 0px));--w21-inset-r: max(var(--w21-pad-x), env(safe-area-inset-right, 0px));--w21-hair: rgb(var(--w21-white-rgb) / .1);--w21-hair-strong: rgb(var(--w21-white-rgb) / .22);--w21-muted: rgb(var(--w21-white-rgb) / .5);--w21-faint: rgb(var(--w21-white-rgb) / .3)}.w21 *,.w21 *:before,.w21 *:after{box-sizing:border-box}.w21-sr-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.w21-label{font-family:var(--w21-font-body);font-weight:500;font-size:clamp(9.5px,.62vw,11px);letter-spacing:.22em;text-transform:uppercase;color:rgb(var(--w21-white-rgb) / .55);white-space:nowrap}.w21-key{display:inline-flex;align-items:center;justify-content:center;min-width:1.5em;padding:.15em .36em;border-radius:4px;box-shadow:inset 0 0 0 1px var(--w21-hair);background:rgb(var(--w21-white-rgb) / .04);font-family:var(--w21-font-body);font-size:.72em;font-weight:500;letter-spacing:.08em;color:rgb(var(--w21-white-rgb) / .55)}.w21-btn[hidden]{display:none}.w21-btn__glyph{width:1.15em;height:1.15em;flex:0 0 auto;opacity:.72}.w21-hud{position:absolute;inset:0;opacity:1;visibility:visible;transition:opacity var(--w21-ui) ease,visibility 0s linear 0s}.w21-hud[data-visible=false]{opacity:0;visibility:hidden;transition:opacity var(--w21-ui) ease,visibility 0s linear var(--w21-ui)}.w21-hud:before,.w21-hud:after{content:"";position:absolute;left:0;right:0;pointer-events:none}.w21-hud:before{top:0;height:clamp(120px,20vh,260px);background:linear-gradient(to bottom,rgb(var(--w21-ink-rgb) / .78),rgb(var(--w21-ink-rgb) / .34) 46%,transparent);-webkit-mask-image:linear-gradient(to bottom,var(--w21-ink),var(--w21-ink) 62%,transparent);mask-image:linear-gradient(to bottom,var(--w21-ink),var(--w21-ink) 62%,transparent)}.w21-hud:after{bottom:0;height:clamp(90px,14vh,180px);background:linear-gradient(to top,rgb(var(--w21-ink-rgb) / .6),transparent)}.w21-hud__top{position:absolute;top:var(--w21-inset-t);left:var(--w21-inset-l);right:var(--w21-inset-r);display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:clamp(10px,2vw,32px)}.w21-hud__bottom{position:absolute;bottom:var(--w21-inset-b);left:var(--w21-inset-l);right:var(--w21-inset-r);display:flex;align-items:center;justify-content:space-between;gap:12px}.w21-hud-side{display:flex;align-items:flex-start;gap:clamp(14px,2vw,34px)}.w21-hud-side--end{justify-content:flex-end}.w21-readout{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.w21-readout--end{align-items:flex-end}.w21-readout__value{font-family:var(--w21-font-display);font-size:clamp(22px,2vw,34px);line-height:.9;letter-spacing:var(--w21-track);color:rgb(var(--w21-white-rgb) / .86);font-variant-numeric:tabular-nums;text-shadow:0 2px 10px rgb(var(--w21-ink-rgb) / .6)}.w21-pips{display:flex;align-items:center;gap:7px;height:clamp(22px,2vw,34px)}.w21-pip{position:relative;width:clamp(11px,.85vw,15px);aspect-ratio:1;border-radius:999px;background:rgb(var(--w21-white-rgb) / .86);box-shadow:0 0 0 1px rgb(var(--w21-white-rgb) / .18),0 0 10px rgb(var(--w21-white-rgb) / .35);transition:background-color var(--w21-ui) ease,box-shadow var(--w21-ui) ease,opacity var(--w21-ui) ease}.w21-pip[data-spent=true]{background:rgb(var(--w21-rose-rgb) / .28);box-shadow:inset 0 0 0 1.5px rgb(var(--w21-rose-rgb) / .9),0 0 rgb(var(--w21-rose-rgb) / 0)}.w21-pip[data-last=true]{animation:w21-heartbeat 1.5s ease-in-out infinite}@keyframes w21-heartbeat{0%,to{box-shadow:0 0 0 1px rgb(var(--w21-white-rgb) / .18),0 0 8px rgb(var(--w21-rose-rgb) / .3)}50%{box-shadow:0 0 0 1px rgb(var(--w21-white-rgb) / .4),0 0 16px rgb(var(--w21-rose-rgb) / .85)}}.w21-hud-score{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:5ch}@property --w21-score-heat{syntax: "<number>"; initial-value: 0; inherits: false;}.w21-hud-score__value{display:block;font-family:var(--w21-font-display);font-size:clamp(46px,5.4vw,92px);line-height:.84;letter-spacing:var(--w21-track);font-variant-numeric:tabular-nums;background:linear-gradient(177deg,rgb(255 224 138) 0%,var(--w21-gold) 42%,var(--w21-gold-deep) 96%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgb(var(--w21-ink-rgb) / .9)) drop-shadow(0 2px 14px rgb(var(--w21-ink-rgb) / .7)) drop-shadow(0 0 calc(18px + 30px * var(--w21-score-heat, 0)) rgb(var(--w21-gold-rgb) / calc(.34 + .5 * var(--w21-score-heat, 0))));animation:w21-score-sheen 7s ease-in-out infinite}@keyframes w21-score-sheen{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.w21-hud-score__delta{position:absolute;top:0;left:50%;transform:translate(-50%);opacity:0;font-family:var(--w21-font-display);font-size:clamp(18px,1.5vw,26px);letter-spacing:var(--w21-track);color:var(--w21-gold);text-shadow:0 0 18px rgb(var(--w21-gold-rgb) / .6);pointer-events:none;white-space:nowrap}.w21-hud-score__delta--below{top:100%;bottom:auto}.w21-gain-below .w21-streak{margin-top:26px}.w21-streak{--w21-streak-rgb: var(--w21-gold-rgb);--w21-streak-breath: 2.31s;position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:2px;display:inline-flex;align-items:baseline;gap:.55em;padding:.24em .8em .3em;border-radius:999px;background:rgb(var(--w21-ink-rgb) / .5);box-shadow:inset 0 0 0 1px rgb(var(--w21-streak-rgb) / .34),0 0 18px rgb(var(--w21-streak-rgb) / .16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:w21-streak-breathe var(--w21-streak-breath) ease-in-out infinite;white-space:nowrap}.w21-streak[hidden]{display:none}.w21-streak__x{font-family:var(--w21-font-display);font-size:clamp(16px,1.3vw,22px);line-height:1;letter-spacing:var(--w21-track);color:rgb(var(--w21-streak-rgb))}.w21-streak__stake{font-family:var(--w21-font-body);font-weight:500;font-size:clamp(9px,.66vw,11px);letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--w21-streak-rgb) / .62)}@keyframes w21-streak-breathe{0%,to{box-shadow:inset 0 0 0 1px rgb(var(--w21-streak-rgb) / .28),0 0 14px rgb(var(--w21-streak-rgb) / .12)}50%{box-shadow:inset 0 0 0 1px rgb(var(--w21-streak-rgb) / .52),0 0 26px rgb(var(--w21-streak-rgb) / .3)}}.w21-streak[data-kick=true]{animation:w21-streak-breathe var(--w21-streak-breath) ease-in-out infinite,w21-streak-kick .18s ease-out 1}@keyframes w21-streak-kick{0%{box-shadow:inset 0 0 0 1.5px rgb(var(--w21-white-rgb) / .95),0 0 30px rgb(var(--w21-streak-rgb) / .55)}to{box-shadow:inset 0 0 0 1px rgb(var(--w21-streak-rgb) / .34),0 0 18px rgb(var(--w21-streak-rgb) / .16)}}.w21-streak[data-broken=true]{animation:none;box-shadow:inset 0 0 0 1px rgb(var(--w21-rose-rgb) / .6),0 0 22px rgb(var(--w21-rose-rgb) / .3)}.w21-streak[data-broken=true] .w21-streak__x,.w21-streak[data-broken=true] .w21-streak__stake{color:var(--w21-rose)}.w21-timer__value{font-family:var(--w21-font-display);font-size:clamp(26px,2.4vw,40px);line-height:.9;letter-spacing:var(--w21-track);font-variant-numeric:tabular-nums;color:rgb(var(--w21-white-rgb) / .9);transition:color var(--w21-ui) ease;will-change:transform}@property --w21-time-heat{syntax: "<number>"; initial-value: 0; inherits: true;}.w21-timer__value{color:color-mix(in oklab,rgb(var(--w21-white-rgb) / .9),var(--w21-gold) calc(var(--w21-time-heat, 0) * 100%));text-shadow:0 2px 10px rgb(var(--w21-ink-rgb) / .7)}.w21-timer[data-urgent=true] .w21-timer__value{color:var(--w21-rose);text-shadow:0 0 calc(10px + 22px * var(--w21-urgency, 0)) rgb(var(--w21-rose-rgb) / .7)}.w21-timer[data-urgent=true] .w21-label{color:rgb(var(--w21-rose-rgb) / .7)}.w21-timer__track{display:flex;width:clamp(58px,7vw,118px);height:3px;margin-top:3px;border-radius:999px;background:rgb(var(--w21-white-rgb) / .14);overflow:hidden}.w21-timer__fill{height:100%;width:100%;flex:0 0 auto;border-radius:inherit;background:rgb(var(--w21-white-rgb) / .55);transform-origin:right center;transform:scaleX(var(--w21-time-fraction, 1));transition:transform 1s linear,background-color var(--w21-ui) ease;box-shadow:inset 0 1px rgb(var(--w21-white-rgb) / .45)}.w21-timer[data-urgent=true] .w21-timer__fill{background:var(--w21-rose);box-shadow:0 0 10px rgb(var(--w21-rose-rgb) / .8)}.w21-screen.w21-screen--guide{align-items:flex-start;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}.w21-screen-panel.w21-screen-panel--guide{isolation:isolate;width:min(100%,560px);gap:0;margin:0 auto;padding-top:3.4em;padding-bottom:0;font-size:clamp(13px,1.05vw,16px)}.w21-screen-panel.w21-screen-panel--guide:before{display:none}.w21-guide__body{position:relative;width:100%;padding:.5em .9em 1.1em}.w21-guide__body:before{content:"";position:absolute;inset:-40% -22% -55%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 62% 52% at 50% 46%,rgb(var(--w21-void-rgb) / .82),rgb(var(--w21-void-rgb) / .62) 42%,rgb(var(--w21-void-rgb) / .28) 68%,transparent 84%)}.w21-screen.w21-screen--guide[data-orient=landscape]{align-items:flex-end}.w21-screen--guide[data-orient=landscape] .w21-screen-panel--guide{width:min(100%,980px);padding-top:0}.w21-screen--guide[data-orient=landscape] .w21-guide__body{display:flex;align-items:center;justify-content:center;gap:1.4em;padding:.5em 1.2em .7em}.w21-screen--guide[data-orient=landscape] .w21-guide__caption{flex:0 1 auto;margin:0;min-height:2.7em;display:flex;align-items:center;text-align:left;max-width:32em}.w21-screen--guide[data-orient=landscape] .w21-screen-panel--guide .w21-actions{flex:0 0 auto;margin-top:0}.w21-screen--guide[data-orient=landscape] .w21-guide__body:before{inset:-260% -14% -8%;background:radial-gradient(ellipse 60% 30% at 50% 88%,rgb(var(--w21-void-rgb) / .86),rgb(var(--w21-void-rgb) / .66) 46%,rgb(var(--w21-void-rgb) / .3) 72%,transparent 88%)}.w21-guide__heading{transition:none}.w21-screen-panel--guide[data-compact=true] .w21-guide__heading{display:none}.w21-guide__caption{margin:.5em 0 0;min-height:2.8em;font-size:1.02em;line-height:1.4;color:rgb(var(--w21-white-rgb) / .95);text-shadow:0 1px 3px rgb(var(--w21-void-rgb) / .95),0 2px 18px rgb(var(--w21-void-rgb) / .85);text-wrap:pretty}.w21-guide__eyebrow{font-size:.7em;letter-spacing:.28em;text-transform:uppercase;color:var(--w21-faint)}.w21-guide__title{margin:.35em 0 0;font-family:var(--w21-font-display);font-size:2.6em;line-height:1;letter-spacing:var(--w21-track);background:linear-gradient(175deg,rgb(var(--w21-white-rgb) / .95) 6%,var(--w21-gold) 78%,var(--w21-gold-deep) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 20px rgb(var(--w21-gold-rgb) / .24))}.w21-guide__footnote{margin:.9em 0 0;font-size:.8em;line-height:1.5;color:var(--w21-faint);text-wrap:pretty}.w21-screen-panel--guide .w21-actions{margin-top:.5em}.w21-screens{position:absolute;inset:0}.w21-screens:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse 120% 100% at 50% 42%,rgb(var(--w21-void-rgb) / .42),rgb(var(--w21-void-rgb) / .76) 72%);backdrop-filter:blur(14px) saturate(.9) brightness(.72);-webkit-backdrop-filter:blur(14px) saturate(.9) brightness(.72);transition:opacity var(--w21-ui) ease}.w21:not([data-screen=game]) .w21-screens:before{opacity:1}.w21-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--w21-inset-t) + 6px) var(--w21-inset-r) calc(var(--w21-inset-b) + 6px) var(--w21-inset-l);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(var(--w21-white-rgb) / .16) transparent;isolation:isolate;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--w21-ui) ease,visibility 0s linear var(--w21-ui)}.w21-screen::-webkit-scrollbar{width:6px}.w21-screen::-webkit-scrollbar-track{background:transparent}.w21-screen::-webkit-scrollbar-thumb{background:rgb(var(--w21-white-rgb) / .16);border-radius:999px}.w21-screen[data-active=true]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--w21-ui) ease,visibility 0s linear 0s}.w21-screen-panel{position:relative;width:min(100%,1020px);max-width:100%;min-width:0;margin:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2.4vh,34px);padding:clamp(18px,3vw,44px);text-align:center}.w21-screen-panel{transform:scale(var(--w21-fit, 1));transform-origin:center top}.w21-screen[data-fitted=true] .w21-screen-panel{margin-top:0;margin-bottom:calc(-1 * var(--w21-fit-pull, 0px))}.w21-screen-panel:before{content:"";position:absolute;inset:-6% -4%;z-index:-1;border-radius:40px;background:radial-gradient(ellipse at 50% 45%,rgb(var(--w21-ink-rgb) / .68),rgb(var(--w21-ink-rgb) / .28) 62%,transparent 82%);pointer-events:none}.w21-actions{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.4vw,20px);flex-wrap:wrap}@keyframes w21-sweep{0%,62%{transform:translate(-120%)}to{transform:translate(120%)}}.w21-hint{font-weight:300;font-size:clamp(10px,.8vw,13px);color:var(--w21-muted);text-wrap:balance}.w21-hint{max-width:62ch;line-height:1.6}.w21-hint b{font-weight:500;color:var(--w21-gold)}@media(max-width:640px){.w21-screen-panel{gap:clamp(12px,1.8vh,22px)}}@media(max-width:760px){.w21-hud__top{gap:8px}.w21-hud-side{gap:12px}.w21-btn .w21-key{display:none}}@media(max-width:430px){.w21-hud-score__value{font-size:40px}.w21-readout__value{font-size:20px}.w21-timer__value{font-size:23px}.w21-timer__track{width:54px}}@media(hover:none)and (pointer:coarse){.w21-btn .w21-key{display:none}}@media(max-width:540px),(max-height:540px){.w21{--w21-pad-y: clamp(8px, 1.4vh, 16px)}.w21-hud:before{height:clamp(72px,12vh,130px)}.w21-hud:after{height:clamp(34px,5vh,64px);background:linear-gradient(to top,rgb(var(--w21-ink-rgb) / .42),transparent)}.w21-readout{gap:2px}.w21-readout__value{font-size:18px}.w21-pips{height:18px;gap:5px}.w21-pip{width:10px}.w21-hud-score__value{font-size:34px}.w21-timer__value{font-size:20px}.w21-timer__track{width:48px;height:2px}}@media(max-width:540px)and (orientation:portrait){.w21-readout--busts .w21-label{display:none}.w21-readout__value,.w21-timer__value,.w21-hud-score__value{display:flex;align-items:flex-end;justify-content:inherit;height:30px;line-height:1}.w21-hud-score__value{font-size:30px}.w21-readout__value,.w21-timer__value{font-size:17px}.w21-pips{height:30px;align-items:flex-end;padding-bottom:6px}.w21-label{font-size:9px;letter-spacing:.16em}.w21-readout,.w21-timer,.w21-hud-score{gap:3px}.w21-hud-side{gap:14px;align-items:flex-end}.w21-timer__track{position:fixed;top:0;left:0;right:0;width:auto;height:2px;margin:0;border-radius:0;background:rgb(var(--w21-white-rgb) / .1)}.w21-timer__fill{transform-origin:left center}.w21-hud-score__delta{top:-14px;font-size:15px}}@media(max-height:460px)and (pointer:coarse){.w21-hud__top .w21-label{display:none}.w21-hud:before{height:clamp(56px,10vh,96px)}}@media(max-height:620px){.w21-screen-panel{gap:8px;padding:10px}.w21-hint{font-size:11px;line-height:1.45}}@media(max-height:520px){.w21-hint{display:none}}@media(prefers-reduced-motion:reduce){.w21 *,.w21 *:before,.w21 *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(orientation:landscape)and (max-height:620px)and (pointer:coarse){.w21-screen-panel--start{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-content:center;justify-items:center;column-gap:clamp(20px,5vw,64px);row-gap:clamp(2px,.8vh,10px)}.w21-screen-panel--start .w21-topbar{grid-area:1 / 1 / 2 / 3;margin-bottom:2px}.w21-screen-panel--start .w21-modes{grid-area:2 / 2 / 6 / 3;align-self:center;width:100%}.w21-screen-panel--start .w21-btn.w21-ghost.w21-sm{grid-area:6 / 2}}.w21-coin{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex:none}.w21-coin svg{display:block;width:100%;height:100%}.w21-topbar{width:100%;min-width:0}.w21-topbar[hidden]{display:none}.w21-modes{display:grid;grid-template-columns:1fr;gap:12px;width:100%;min-width:0;margin-top:4px}@media(min-width:760px){.w21-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}.w21-mode{--mode: var(--w21-violet-light-rgb);pointer-events:auto;position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:8px 16px;min-height:116px;margin:0;padding:16px;border:0;border-radius:20px;background:linear-gradient(160deg,rgb(var(--w21-plum-rgb) / .5),rgb(var(--w21-ink-rgb) / .62));box-shadow:inset 0 1px rgb(var(--w21-white-rgb) / .07),inset 0 0 0 1px rgb(var(--w21-white-rgb) / .08),var(--w21-elev-2);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);overflow:hidden;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .3s cubic-bezier(.2,1.4,.4,1),box-shadow .3s cubic-bezier(.2,.8,.2,1)}.w21-mode:focus-visible{outline:2px solid rgb(var(--w21-ink-rgb) / 1);outline-offset:0}.w21-mode:before{content:"";position:absolute;inset:0;background:radial-gradient(140px 120px at 0% 0%,rgb(var(--mode) / .22),transparent 70%);opacity:.8;transition:opacity .3s cubic-bezier(.2,.8,.2,1);pointer-events:none}.w21-mode:hover:before,.w21-mode:focus-visible:before{opacity:1}.w21-mode:hover,.w21-mode:focus-visible{transform:translateY(-4px);box-shadow:inset 0 1px rgb(var(--w21-white-rgb) / .07),inset 0 0 0 1px rgb(var(--mode) / .55),var(--w21-elev-2),0 20px 60px -20px rgb(var(--mode) / .55)}.w21-mode:focus-visible{box-shadow:inset 0 1px rgb(var(--w21-white-rgb) / .07),inset 0 0 0 1px rgb(var(--mode) / .55),0 0 0 3px rgb(var(--mode) / .5),var(--w21-elev-2)}.w21-mode:active{transform:translateY(-1px) scale(.99);transition-duration:.12s}@media(prefers-reduced-motion:reduce){.w21-mode,.w21-mode:before{transition-duration:0ms}}@media(max-height:560px){.w21-mode{grid-template-columns:56px minmax(0,1fr);min-height:0;gap:4px 12px;padding:10px 12px;border-radius:14px}.w21-modes{gap:8px}}@media(max-height:460px){.w21-mode{grid-template-columns:44px minmax(0,1fr);padding:8px 10px}}.w21-screen--start,.w21-screen--history,.w21-screen--create,.w21-screen--take,.w21-screen--challenge,.w21-screen--profile{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;align-items:start}.w21-screen-panel--start,.w21-screen-panel--history,.w21-screen-panel--create,.w21-screen-panel--take,.w21-screen-panel--challenge,.w21-screen-panel--profile{width:min(100%,560px);min-width:min(100%,560px);padding-top:0;padding-bottom:max(24px,env(safe-area-inset-bottom,0px))}@media(min-width:760px){.w21-screen-panel--start{width:min(100%,1020px)}.w21-screen-panel--history,.w21-screen-panel--profile{width:min(100%,730px);min-width:min(100%,730px)}}.w21-label{align-self:start;font-family:var(--w21-font-body);font-size:.8em;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--w21-white-rgb) / .46)}.w21-sheet__head{display:flex;flex-direction:column;align-items:center;gap:4px}.w21-form__error{margin:0;min-height:1.2em;font-family:var(--w21-font-body);font-size:.86em;color:var(--w21-rose)}.w21-form__error:empty{min-height:0}.w21-lvchip{position:relative;display:inline-flex;align-items:center;gap:6px;min-width:84px;justify-content:center;padding:4px 12px;overflow:hidden;border:1px solid rgb(var(--w21-tone-rgb) / .45);border-radius:999px;background:var(--w21-felt-deep, var(--w21-felt))}.w21-lvchip--bar:before{content:"";position:absolute;inset:0;width:var(--w21-lv-fill, 0%);background:linear-gradient(to right,rgb(var(--w21-azure-rgb) / .55),rgb(var(--w21-azure-light-rgb) / .55));transition:width .5s ease}.w21-lvchip__label,.w21-lvchip__n{position:relative}.w21-lvchip__label{font-family:var(--w21-font-body);font-size:.68em;font-weight:500;letter-spacing:.16em;color:rgb(var(--w21-white-rgb) / .66)}.w21-lvchip__n{font-family:var(--w21-font-display);font-size:1.05em;letter-spacing:var(--w21-track);color:var(--w21-white)}.w21-btn[data-done=true]{border-color:rgb(var(--w21-mint-rgb) / .7);color:var(--w21-mint)}.w21-topup{position:absolute;top:calc(100% + 8px);right:var(--gutter, 16px);max-width:calc(100% - 2 * var(--gutter, 16px));box-sizing:border-box;z-index:2;display:flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid rgb(var(--w21-gold-rgb) / .45);border-radius:999px;background:rgb(var(--w21-ink-rgb) / .92);box-shadow:var(--w21-elev-2),0 0 22px rgb(var(--w21-gold-rgb) / .3);font-family:var(--w21-font-body);font-size:.8em;white-space:nowrap;color:var(--w21-gold);pointer-events:none;animation:w21-topup-in .3s cubic-bezier(.22,1.4,.4,1) both}.w21-topup[data-out=true]{animation:w21-topup-out .3s ease both}.w21-topup__n{font-family:var(--w21-font-display);font-size:1.15em;letter-spacing:var(--w21-track)}.w21-topup__unit{letter-spacing:.06em;color:rgb(var(--w21-gold-rgb) / .72);min-width:0;overflow:hidden;text-overflow:ellipsis}.w21-topup .w21-coin,.w21-topup__n{flex:none}.w21-topup .w21-coin{width:1.05em;height:1.05em}@keyframes w21-topup-in{0%{opacity:0;transform:translateY(-6px) scale(.92)}}@keyframes w21-topup-out{to{opacity:0;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.w21-topup,.w21-topup[data-out=true]{animation-duration:.01ms}}.w21-hudlv{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:84px;margin-top:6px;padding:3px 12px;overflow:hidden;border:1px solid rgb(var(--w21-azure-rgb) / .42);border-radius:999px;background:var(--w21-felt-deep)}.w21-hudlv:before{content:"";position:absolute;inset:0;width:var(--w21-hudlv-fill, 6%);background:linear-gradient(to right,rgb(var(--w21-azure-rgb) / .62),rgb(var(--w21-azure-light-rgb) / .62))}.w21-hudlv__label,.w21-hudlv__n{position:relative}.w21-hudlv__label{font-family:var(--w21-font-body);font-size:.62em;font-weight:500;letter-spacing:.16em;color:rgb(var(--w21-white-rgb) / .7)}.w21-hudlv__n{font-family:var(--w21-font-display);font-size:1em;letter-spacing:var(--w21-track);line-height:1;color:var(--w21-white);text-shadow:0 1px 4px rgb(var(--w21-ink-rgb) / .8)}.w21-hudlv__n+.w21-hudlv__n{position:absolute;left:50%;transform:translate(-50%)}.w21-hudlv[data-pop=true]{animation:w21-hudlv-pop .55s cubic-bezier(.22,1,.36,1)}@keyframes w21-hudlv-pop{0%{transform:scale(1);box-shadow:0 0 rgb(var(--w21-azure-light-rgb) / 0)}30%{transform:scale(1.25);box-shadow:0 0 22px rgb(var(--w21-azure-light-rgb) / .9)}to{transform:scale(1);box-shadow:0 0 rgb(var(--w21-azure-light-rgb) / 0)}}@media(prefers-reduced-motion:reduce){.w21-hudlv[data-pop=true]{animation:none}}.w21-rank{display:inline-flex;flex-direction:column;align-items:center;gap:3px;flex:none;color:var(--w21-rank)}.w21-rank__gem{display:block;width:var(--w21-rank-size, 24px);height:calc(var(--w21-rank-size, 24px) * 1.07);filter:drop-shadow(0 0 calc(var(--w21-rank-size, 24px) * .25) rgb(var(--w21-rank-rgb) / .5))}.w21-rank__pips{display:flex;align-items:center;gap:calc(var(--w21-rank-size, 24px) * .1);margin-top:calc(var(--w21-rank-size, 24px) * .04)}.w21-rank__pip{width:calc(var(--w21-rank-size, 24px) * .1);height:calc(var(--w21-rank-size, 24px) * .1);transform:rotate(45deg);border-radius:1px;background:rgb(var(--w21-rank-rgb) / .22)}.w21-rank__pip[data-on=true]{background:var(--w21-rank);box-shadow:0 0 calc(var(--w21-rank-size, 24px) * .2) rgb(var(--w21-rank-rgb) / .7)}.w21-rank[data-legend=true] .w21-rank__gem{animation:w21-rank-shimmer 3.2s ease-in-out infinite}@keyframes w21-rank-shimmer{0%,to{transform:scale(1);filter:drop-shadow(0 0 calc(var(--w21-rank-size, 24px) * .25) rgb(var(--w21-rank-rgb) / .5))}50%{transform:scale(1.04);filter:drop-shadow(0 0 calc(var(--w21-rank-size, 24px) * .45) rgb(var(--w21-rank-rgb) / .85))}}@media(prefers-reduced-motion:reduce){.w21-rank[data-legend=true] .w21-rank__gem{animation:none}}.w21-rankname{font-family:var(--w21-font-display);font-size:1em;letter-spacing:var(--w21-track);color:var(--w21-rank, rgb(var(--w21-white-rgb) / .9))}.w21-ranktag{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 8px;min-width:0}.w21-ranktag__id{display:inline-flex;align-items:center;gap:8px;min-width:0}.w21-ranktag__id .w21-ranktag__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w21-xpchip{display:inline-flex;align-items:center;gap:5px;flex:none;padding:3px 10px;border:1px solid rgb(var(--w21-white-rgb) / .16);border-radius:999px;background:rgb(var(--w21-ink-rgb) / .5)}.w21-xpchip__k{font-family:var(--w21-font-body);font-size:.66em;font-weight:500;letter-spacing:.16em;color:rgb(var(--w21-white-rgb) / .55)}.w21-xpchip__n{font-family:var(--w21-font-display);font-size:.98em;letter-spacing:var(--w21-track);color:rgb(var(--w21-white-rgb) / .92)}@keyframes w21-xp-pulse{0%{box-shadow:0 0 rgb(var(--w21-rank-rgb) / 0)}40%{box-shadow:0 0 16px rgb(var(--w21-rank-rgb) / .85)}to{box-shadow:0 0 rgb(var(--w21-rank-rgb) / 0)}}.w21-rank{position:relative}@keyframes w21-reveal-bloom{0%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.7)}}@keyframes w21-rankup-disc{0%{opacity:0;transform:scale(.4)}8%{opacity:1;transform:scale(1)}88%{opacity:1;transform:scale(1.18)}to{opacity:0;transform:scale(1.3)}}.w21-sheet__title{display:flex;align-items:center;justify-content:space-between;gap:12px}.w21-sheet__h{margin:0;font-family:var(--w21-font-display);font-size:clamp(1.45em,6vw,2.3em);letter-spacing:.04em;line-height:1;text-transform:uppercase;color:var(--w21-white)}.w21-sheet__cta{flex:none;padding:7px 13px;border:1px solid rgb(var(--w21-gold-rgb) / .4);border-radius:10px;background:rgb(var(--w21-gold-rgb) / .12);font-family:var(--w21-font-body);font-size:.72em;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--w21-gold)}.w21-fee-seg{display:flex;gap:2px;width:100%;padding:5px;border:1px solid rgb(var(--w21-white-rgb) / .08);border-radius:14px;background:rgb(var(--w21-ink-rgb) / .55)}.w21-fee-seg__opt{flex:1 1 0;min-width:0;padding:11px 4px;border:1px solid transparent;border-radius:10px;background:none;font-family:var(--w21-font-display);font-size:1.12em;letter-spacing:var(--w21-track);color:rgb(var(--w21-white-rgb) / .6);cursor:pointer;transition:color var(--w21-ui) ease,border-color var(--w21-ui) ease,background var(--w21-ui) ease}.w21-fee-seg__opt:hover:not(:disabled){color:rgb(var(--w21-white-rgb) / .9)}.w21-fee-seg__opt[data-on=true]{border-color:rgb(var(--w21-gold-rgb) / .85);background:rgb(var(--w21-gold-rgb) / .13);color:var(--w21-gold);box-shadow:0 0 14px rgb(var(--w21-gold-rgb) / .22)}.w21-fee-seg__opt:disabled{opacity:.3;cursor:not-allowed}.w21-pot{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:1px solid rgb(var(--w21-gold-rgb) / .26);border-radius:14px;background:rgb(var(--w21-gold-rgb) / .06)}.w21-pot .w21-coin{flex:none;width:34px;height:34px}.w21-pot__side{display:flex;flex-direction:column;gap:2px;min-width:0}.w21-pot__side--end{margin-left:auto;text-align:right}.w21-pot__k{font-family:var(--w21-font-body);font-size:.72em;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--w21-white-rgb) / .48)}.w21-pot__v{font-family:var(--w21-font-display);font-size:1.3em;letter-spacing:var(--w21-track);color:var(--w21-gold);white-space:nowrap}.w21-pot__v--mine{font-size:1.05em;color:rgb(var(--w21-white-rgb) / .9)}.w21-switch{display:flex;align-items:start;gap:14px;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer}.w21-switch__track{flex:none;position:relative;width:52px;height:30px;margin-top:2px;border:1px solid rgb(var(--w21-white-rgb) / .16);border-radius:999px;background:rgb(var(--w21-ink-rgb) / .7);transition:background var(--w21-ui) ease,border-color var(--w21-ui) ease}.w21-switch__knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:rgb(var(--w21-white-rgb) / .9);transition:transform var(--w21-ui) cubic-bezier(.3,1.3,.5,1)}.w21-switch[data-on=true] .w21-switch__track{border-color:var(--w21-violet-light);background:rgb(var(--w21-violet-rgb) / .8)}.w21-switch[data-on=true] .w21-switch__knob{transform:translate(22px)}.w21-switch__body{display:flex;flex-direction:column;gap:3px;min-width:0}.w21-switch__t{font-family:var(--w21-font-body);font-size:1.02em;color:rgb(var(--w21-white-rgb) / .92)}.w21-switch__d{font-family:var(--w21-font-body);font-size:.86em;font-weight:300;line-height:1.45;color:rgb(var(--w21-white-rgb) / .5)}.w21-hint{display:flex;align-items:start;gap:10px;padding:12px 14px;border:1px solid rgb(var(--w21-white-rgb) / .08);border-radius:12px;background:rgb(var(--w21-ink-rgb) / .35)}.w21-hint__i{flex:none;display:grid;place-items:center;width:18px;height:18px;margin-top:1px;border:1px solid rgb(var(--w21-white-rgb) / .3);border-radius:50%;font-family:var(--w21-font-body);font-size:.68em;color:rgb(var(--w21-white-rgb) / .6)}.w21-hint__t{font-family:var(--w21-font-body);font-size:.88em;font-weight:300;line-height:1.45;color:rgb(var(--w21-white-rgb) / .55)}.w21-avatar[data-ranked=true]{box-shadow:0 0 0 2px var(--w21-void),0 0 0 3px rgb(var(--w21-rank-rgb) / .85)}.w21-screen--start,.w21-screen--create,.w21-screen--take,.w21-screen--challenge,.w21-screen--profile,.w21-screen--history{flex-direction:column;align-items:center;justify-content:flex-start}.w21-screen--start>.w21-topbar,.w21-screen--create>.w21-topbar,.w21-screen--take>.w21-topbar,.w21-screen--challenge>.w21-topbar,.w21-screen--profile>.w21-topbar,.w21-screen--history>.w21-topbar{position:sticky;top:0;flex:none;align-self:stretch;order:-1;z-index:10}.w21-screen--start,.w21-screen--create,.w21-screen--take,.w21-screen--challenge,.w21-screen--profile,.w21-screen--history{padding-top:0}.w21-ring{position:absolute;inset:50% auto auto 50%;width:calc(100% + 18px);height:calc(100% + 18px);pointer-events:none;transform:translate(-50%,-50%) rotate(-90deg)}.w21-ring__track,.w21-ring__arc{stroke-width:6}.w21-ring__track{stroke:rgb(var(--w21-white-rgb) / .14)}.w21-ring__arc{stroke:var(--w21-rank);transition:stroke-dasharray .6s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.w21-ring__arc{transition:none}}.w21-avatar[data-ranked=true]{box-shadow:none}.w21-ranktag__name{font-family:var(--w21-font-body);font-size:.92em;font-weight:500;overflow-wrap:anywhere;color:rgb(var(--w21-white-rgb) / .9)}@media(max-width:420px){.w21-avatar{flex:none}}.w21-rank[data-out=true]{animation:w21-badge-out .28s ease-in forwards}@keyframes w21-badge-out{to{opacity:0;transform:translateY(-6px) scale(.8)}}.w21-rank[data-in=true]{animation:w21-badge-in .3s ease-out backwards}@keyframes w21-badge-in{0%{opacity:1;transform:scale(.4)}55%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.w21-rankup,.w21-rank[data-out=true],.w21-rank[data-in=true]{animation:none}}.w21-xpchip,.w21-lvchip{white-space:nowrap}.w21-rankname{min-width:6ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:340px){.w21-rankname{flex:none;min-width:0;overflow:visible;text-overflow:clip}}.w21-xpchip,.w21-lvchip{font-size:13px}.w21-xpchip__k,.w21-lvchip__label{font-size:13px;letter-spacing:.1em}.w21-xpchip__n,.w21-lvchip__n{font-size:15px}.w21-xpchip{border-color:rgb(var(--w21-rank-rgb) / .45);background:rgb(var(--w21-rank-rgb) / .1)}.w21-xpchip__k,.w21-xpchip__n{color:var(--w21-rank)}.w21-lvchip{border-color:rgb(var(--w21-azure-rgb) / .45);background:rgb(var(--w21-azure-rgb) / .1)}.w21-lvchip__label,.w21-lvchip__n{color:var(--w21-azure-light)}.w21-pot__k{font-size:12px;color:rgb(var(--w21-white-rgb) / .62)}.w21-hint__t,.w21-sheet__lede{font-size:14px}.w21-ranktag__name{font-family:var(--w21-font-body);font-size:13px;text-transform:none}.w21-rankname{transition:opacity .2s ease}.w21-xpchip__n,.w21-lvchip__n{font-family:var(--w21-font-body);font-weight:700;letter-spacing:.02em}@keyframes w21-rankwash{0%{opacity:1}30%{opacity:1}to{opacity:0}}.w21-me{display:flex;flex-direction:column;gap:12px;width:100%;padding:16px 18px;border:1px solid rgb(var(--w21-rank-rgb) / .22);border-radius:18px;background:radial-gradient(90% 70% at 0% 0%,rgb(var(--w21-rank-rgb) / .1),transparent 64%),rgb(var(--w21-ink-rgb) / .45);text-align:left}.w21-me[hidden]{display:none}.w21-screen--profile[data-mine=false] .w21-screen-panel--profile{width:min(100%,660px);min-width:min(100%,660px);padding-left:0;padding-right:0}.w21-ranktag__name{overflow-wrap:break-word}.w21-rank__gem{filter:none}.w21-rank[data-hero=true] .w21-rank__gem{filter:drop-shadow(0 0 calc(var(--w21-rank-size, 24px) * .25) rgb(var(--w21-rank-rgb) / .5))}.w21-rank[data-unranked=true]{opacity:.75}.w21-hint[data-tone=won]{--w21-note: var(--w21-mint);--w21-note-rgb: var(--w21-mint-rgb)}.w21-hint[data-tone=lost]{--w21-note: var(--w21-rose);--w21-note-rgb: var(--w21-rose-rgb)}.w21-hint[data-tone=taken]{--w21-note: var(--w21-azure-light, #4cc9f0);--w21-note-rgb: var(--w21-azure-light-rgb, 76 201 240)}.w21-hint[data-tone=expired]{--w21-note: rgb(var(--w21-white-rgb) / .45);--w21-note-rgb: var(--w21-white-rgb)}@keyframes w21-toast-hair{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.w21-avatar{position:relative}.w21-hint{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:6px 14px;border:0;border-bottom:1px solid rgb(var(--w21-white-rgb) / .06);border-left:3px solid transparent;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.w21-hint:hover{background:rgb(var(--w21-white-rgb) / .04)}.w21-hint[data-unread=true]{border-left-color:var(--w21-note);background:rgb(var(--w21-note-rgb) / .06)}.w21-hint:not([data-unread=true]){opacity:.62}.w21-hint__chip{flex:none;width:76px;text-align:center;padding:3px 0;border-radius:999px;font-family:var(--w21-font-display);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--w21-note);background:rgb(var(--w21-note-rgb) / .12);box-shadow:inset 0 0 0 1px rgb(var(--w21-note-rgb) / .35)}.w21-hint__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.w21-hint__amount{display:flex;align-items:center;gap:5px;color:var(--w21-gold)}.w21-hint__amountn{font-family:var(--w21-font-display);font-size:15.5px;font-weight:700;line-height:1.2}.w21-hint__amount[data-sign=down]{color:var(--w21-rose)}.w21-hint__line{font-size:14px;color:rgb(var(--w21-white-rgb) / .88);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w21-hint__meta{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:13px;color:rgb(var(--w21-white-rgb) / .45)}@media(max-width:600px){.w21-hint{flex-wrap:wrap;row-gap:2px}.w21-hint__meta{flex-direction:row;align-items:baseline;gap:8px;width:100%;padding-left:88px}.w21-hint__line{font-size:13px}}.w21-avatar .w21-ring{z-index:1}.w21-screen{--w21-gutter: max(16px, var(--w21-inset-l), var(--w21-inset-r));padding-left:var(--w21-gutter);padding-right:var(--w21-gutter)}@media(max-width:760px){.w21-screen{--w21-gutter: max(16px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px))}.w21-screen-panel{padding-left:0;padding-right:0}}.w21-lvchip,.w21-hint__chip,.w21-xpchip{border-radius:6px;padding:6px 10px;font-size:13px;line-height:1;min-width:0}.w21-screen-panel{border-radius:20px}.w21-screen--start>.w21-topbar,.w21-screen--create>.w21-topbar,.w21-screen--take>.w21-topbar,.w21-screen--challenge>.w21-topbar,.w21-screen--profile>.w21-topbar,.w21-screen--history>.w21-topbar{width:calc(100% + var(--w21-gutter, 0px) * 2);margin-inline:calc(var(--w21-gutter, 0px) * -1)}.w21-avatar .w21-ring{width:calc(100% + 10px);height:calc(100% + 10px)}.w21-lvchip,.w21-hint__chip,.w21-xpchip{font-family:var(--w21-font-display);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;line-height:1;border-radius:6px;padding:6px 10px}.w21-screen-panel{padding:24px;border-radius:20px}@media(max-width:480px){.w21-screen-panel{padding:20px 16px}}.w21-screen>.w21-page{overflow-x:clip;width:min(calc(100% + 2 * var(--w21-gutter, 0px)),var(--content-max));max-width:none;padding-inline:var(--gutter);margin-inline:max(calc(-1 * var(--w21-gutter, 0px)),calc((100% - var(--content-max)) / 2));flex:1 0 auto}.w21-screen--history,.w21-screen--profile,.w21-screen--challenge,.w21-screen--take,.w21-screen--start{padding-bottom:0;overflow-x:hidden}:root{--white: #ffffff;--black: #000000;--white-rgb: 255 255 255;--plate-top-rgb: 42 26 74;--plate-bottom-rgb: 27 16 48;--c-bg: #0d0a18;--c-bg-deep: #0a0710;--c-plate-top: #2a1a4a;--c-plate-bottom: #1b1030;--c-rim: #3a2a5e;--c-socket: #120a20;--c-spot: #4a1f7a;--c-text: #f4efff;--c-text-dim: #9a8fb8;--c-accent: #34d399;--c-warm: #ffc53d;--c-danger: #f43f5e;--c-indigo: #d873ff;--c-warm-white: #ffe8c8;--c-gold: #ffc53d;--c-sky: #4fb3ff;--c-lime: #a3e635;--c-violet: #b401e0;--c-orange: #ff8c3a;--c-magenta: #e040fb;--accent-rgb: 52 211 153;--warm-rgb: 255 197 61;--danger-rgb: 244 63 94;--indigo-rgb: 216 115 255;--sky-rgb: 79 179 255;--text-rgb: 244 239 255;--warm-white-rgb: 255 232 200;--ink-rgb: 10 7 16;--rank-0: var(--w21-rank-0);--rank-1: var(--w21-rank-1);--rank-2: var(--w21-rank-2);--rank-3: var(--w21-rank-3);--rank-4: var(--w21-rank-4);--rank-5: var(--w21-rank-5);--rank-6: var(--w21-rank-6);--rank-7: var(--w21-rank-7);--rank-8: var(--w21-rank-8);--rank-0-rgb: var(--w21-rank-0-rgb);--rank-1-rgb: var(--w21-rank-1-rgb);--rank-2-rgb: var(--w21-rank-2-rgb);--rank-3-rgb: var(--w21-rank-3-rgb);--rank-4-rgb: var(--w21-rank-4-rgb);--rank-5-rgb: var(--w21-rank-5-rgb);--rank-6-rgb: var(--w21-rank-6-rgb);--rank-7-rgb: var(--w21-rank-7-rgb);--rank-8-rgb: var(--w21-rank-8-rgb);--rank: var(--rank-0);--rank-rgb: var(--rank-0-rgb);--bg: var(--c-bg);--text: var(--c-text);--text-dim: var(--c-text-dim);--accent: var(--c-accent);--accent-warm: var(--c-warm);--danger: var(--c-danger);--indigo: var(--c-indigo);--panel: var(--c-plate-bottom);--panel-edge: var(--c-rim);--line: rgb(var(--text-rgb) / .08);--line-strong: rgb(var(--text-rgb) / .14);--ring: 0 0 0 3px rgb(var(--accent-rgb) / .5);--ring-offset: 0 0 0 2px var(--c-bg);--btn-top: #1f2448;--btn-bottom: #171b36;--rank-0-left: #bfc8e2;--accent-hi: #5df0d6;--accent-mid: #4feed3;--accent-lo: #22b89f;--on-accent: #05221d;--warm-hi: #ffd08a;--warm-lo: #e08f1e;--on-warm: #2a1800;--warm-text: #ffd39a;--danger-fg: #ff8fb0;--danger-text: #ff9ab8;--indigo-text: #b3a9ff;--raised-top: #262c58;--raised-bottom: #1c2144;--thumb-lo: #c9cde6;--thumb-accent-lo: #d5f9f2;--bg-glow-1: #1a1f45;--bg-glow-2: #16123a;--rank-0-top: #e4e9f4;--rank-0-right: #7b86a8;--rank-8-top: #f4f1ff;--rank-8-left: #f3e6bd;--rank-8-right: #c9962e;--rank-8-rim: #f5d90a}:root{--font-display: "Rajdhani", "Space Grotesk", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--fs-display: clamp(44px, 7vw, 92px);--fs-title: clamp(26px, 3vw, 34px);--fs-heading: 22px;--fs-body: 16px;--fs-small: 14px;--fs-caption: 13px;--fs-micro: 11px;--track-display: .06em;--track-label: .12em;--track-btn: .08em;--lh-body: 1.5;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 56px;--s-10: 72px;--gutter: max(16px, env(safe-area-inset-left), env(safe-area-inset-right));--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--content-max: 1180px;--column-max: 520px;--column-right: max(var(--gutter), calc((100vw - var(--content-max)) / 2));--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--t-fast: .12s;--t-base: .2s;--t-slow: .3s;--t-page: .22s;--t-reveal: .5s;--route-rise: 6px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.2, 1.4, .4, 1);--ease-pop: cubic-bezier(.2, 1.6, .4, 1);--pill-pulse: .42s;--tap: 44px;--glass: linear-gradient(160deg, rgb(var(--plate-top-rgb) / .84), rgb(var(--plate-bottom-rgb) / .9));--glass-solid: linear-gradient(160deg, var(--c-plate-top), var(--c-plate-bottom));--glass-blur: blur(18px) saturate(1.25);--inset-hi: inset 0 1px 0 rgb(var(--white-rgb) / .07);--line: rgb(var(--text-rgb) / .08);--line-strong: rgb(var(--text-rgb) / .14);--el-1: 0 2px 8px rgb(var(--ink-rgb) / .5), var(--inset-hi);--el-2: 0 10px 30px -10px rgb(var(--ink-rgb) / .7), var(--inset-hi);--el-3: 0 24px 60px -20px rgb(var(--ink-rgb) / .8), var(--inset-hi);--glow-accent: 0 0 24px rgb(var(--accent-rgb) / .35);--glow-warm: 0 0 24px rgb(var(--warm-rgb) / .35);--glow-danger: 0 0 24px rgb(var(--danger-rgb) / .35)}.w21-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:max(10px,env(safe-area-inset-top)) var(--gutter) 10px;background:rgb(var(--ink-rgb) / .3);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);transition:background-color var(--t-base) var(--ease-out)}.w21-topbar.w21-scrolled{background:rgb(var(--ink-rgb) / .55)}.w21-topbar:after{content:"";position:absolute;left:0;right:0;top:100%;height:64px;background:linear-gradient(180deg,rgb(var(--ink-rgb) / .3) 0,rgb(var(--ink-rgb) / .12) 40%,rgb(var(--ink-rgb) / .04) 70%,rgb(var(--ink-rgb) / 0));pointer-events:none}.w21-topbar-inner{width:100%;max-width:var(--content-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4)}.w21-brand{position:relative;display:inline-flex;align-items:center;gap:var(--s-2);text-decoration:none;color:var(--text);border-radius:var(--r-sm);padding:2px;transition:transform var(--t-base) var(--ease-spring)}.w21-brand:hover{transform:translateY(-1px) scale(1.02)}.w21-brand img{display:block;height:52px;width:auto;filter:drop-shadow(0 4px 10px rgb(var(--ink-rgb) / .7))}.w21-brand-mark{position:absolute;left:2px;top:50%;width:28px;height:28px;transform:translateY(-50%);opacity:0;filter:drop-shadow(0 3px 6px rgb(var(--ink-rgb) / .7));transition:opacity var(--t-base) var(--ease-out)}.w21-topbar .w21-brand>img:not(.w21-brand-mark){transition:opacity var(--t-base) var(--ease-out) calc(var(--t-page) * .45)}.w21-topbar.w21-brand-hidden .w21-brand-mark{opacity:1}.w21-topbar.w21-brand-hidden .w21-brand>img:not(.w21-brand-mark){opacity:0;transition-delay:0ms}.w21-topnav{display:none;gap:var(--s-1)}@media(min-width:900px){.w21-topnav{display:inline-flex}}.w21-topnav a{font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--text-dim);padding:8px 14px;border-radius:var(--r-pill);transition:color var(--t-base) var(--ease-out),background-color var(--t-base) var(--ease-out)}.w21-topnav a:hover{color:var(--text);background:rgb(var(--text-rgb) / .05)}.w21-topnav a.w21-active{color:var(--accent);background:rgb(var(--accent-rgb) / .1);transition-delay:calc(var(--t-page) * .45)}.w21-top-right{display:inline-flex;align-items:center;gap:var(--s-2);min-width:0}.w21-top-right>.w21-avatar-link{flex:none}.w21-balance{display:inline-flex;align-items:center;gap:10px;min-height:40px;min-width:0;flex:0 1 auto;overflow:hidden;padding:4px 14px 4px 6px;border-radius:var(--r-pill);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid rgb(var(--warm-rgb) / .25);box-shadow:var(--el-1);text-decoration:none;color:var(--text);transition:transform var(--t-base) var(--ease-spring),box-shadow var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease-out)}.w21-balance.w21-pulse{animation:pill-pulse var(--pill-pulse) var(--ease-pop) both}.w21-coin-fly{position:fixed;z-index:60;margin:0;pointer-events:none;filter:drop-shadow(0 4px 10px rgb(var(--ink-rgb) / .7)) drop-shadow(0 0 12px rgb(var(--warm-rgb) / .55));will-change:transform}.w21-balance:hover{transform:translateY(-1px);border-color:rgb(var(--warm-rgb) / .55);box-shadow:var(--el-1),0 8px 24px -10px rgb(var(--warm-rgb) / .5)}.w21-balance .w21-coin{width:28px;height:28px;flex:none}.w21-balance b{font-family:var(--font-display);font-weight:700;font-size:18px;line-height:1;color:var(--accent-warm);font-variant-numeric:tabular-nums;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:420px){.w21-balance small{display:none}.w21-balance{padding-right:12px}}.w21-balance small{font-family:var(--font-display);font-weight:600;font-size:11px;letter-spacing:var(--track-label);color:var(--text-dim)}@keyframes pill-pulse{0%{transform:scale(1);border-color:rgb(var(--warm-rgb) / .25)}30%{transform:scale(1.07);border-color:rgb(var(--warm-rgb) / .85);box-shadow:var(--el-1),0 0 0 4px rgb(var(--warm-rgb) / .18),0 8px 28px -8px rgb(var(--warm-rgb) / .7)}to{transform:scale(1);border-color:rgb(var(--warm-rgb) / .25)}}.w21-avatar{--hue: 170;width:36px;height:36px;flex:none;border-radius:50%;display:inline-grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.04em;color:var(--c-bg-deep);background:linear-gradient(150deg,hsl(var(--hue) 80% 72%),hsl(calc(var(--hue) + 40) 70% 52%));box-shadow:inset 0 1px rgb(var(--white-rgb) / .5),0 2px 8px rgb(var(--ink-rgb) / .6)}.w21-avatar.w21-lg{width:52px;height:52px;font-size:20px}.w21-avatar.w21-ringed{position:relative;overflow:visible}.w21-avatar-ring{position:absolute;inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px);transform:rotate(-90deg);pointer-events:none;overflow:visible}.w21-avatar-ring circle{fill:none;stroke-width:6}.w21-avatar-ring .w21-track{stroke:rgb(var(--text-rgb) / .12)}.w21-avatar-ring .w21-arc{stroke:var(--rank);stroke-linecap:round;filter:drop-shadow(0 0 3px rgb(var(--rank-rgb) / .55));transition:stroke-dasharray .6s var(--ease-out)}.w21-page{position:relative;flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--s-2) var(--gutter) max(var(--s-7),env(safe-area-inset-bottom))}.w21-route{animation:route-in var(--t-page) var(--ease-out) both}.w21-route.w21-leaving{position:absolute;top:var(--s-2);left:var(--gutter);right:var(--gutter);pointer-events:none;animation:route-out calc(var(--t-page) * .45) var(--ease-in-out) both}.w21-route.w21-leaving.w21-centred{top:calc(var(--s-3) + (100% - var(--s-3) - max(12vh,env(safe-area-inset-bottom))) / 2);animation-name:route-out-centred}.w21-column{width:100%;max-width:var(--column-max);margin:var(--s-4) auto 0}@keyframes route-in{0%,40%{opacity:0;transform:translateY(var(--route-rise))}to{opacity:1;transform:translateY(0)}}@keyframes route-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(-1 * var(--route-rise)))}}@keyframes route-out-centred{0%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(calc(-50% - var(--route-rise)))}}.w21-panel{position:relative;padding:var(--s-6);border-radius:var(--r-lg);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--line);box-shadow:var(--el-2)}.w21-panel+.w21-panel{margin-top:var(--s-4)}@media(max-width:480px){.w21-panel{padding:var(--s-5) var(--s-4)}}.w21-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-3)}.w21-panel-head h2{margin:0}.w21-panel-lede{color:var(--text-dim);font-size:var(--fs-small);margin-bottom:var(--s-5)}.w21-stack{display:grid;gap:var(--s-4)}.w21-stack.w21-tight{gap:var(--s-2)}.w21-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.w21-row.w21-between{justify-content:space-between}.w21-row.w21-end{justify-content:flex-end}.w21-divider{height:1px;background:var(--line);margin:var(--s-5) 0}.w21-stack>.w21-divider{margin:var(--s-1) 0}.w21-divider.w21-labelled{display:flex;align-items:center;gap:var(--s-3);height:auto;background:none;color:var(--text-dim);font-family:var(--font-display);font-size:var(--fs-micro);letter-spacing:var(--track-label);text-transform:uppercase}.w21-divider.w21-labelled:before,.w21-divider.w21-labelled:after{content:"";flex:1;height:1px;background:var(--line)}.w21-btn{--btn-bg: linear-gradient(180deg, var(--btn-top), var(--btn-bottom));--btn-fg: var(--text);--btn-edge: var(--line-strong);--btn-shadow: var(--el-1);--btn-glow: none;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:10px 20px;border-radius:var(--r-sm);border:1px solid var(--btn-edge);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:var(--track-btn);text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:var(--btn-shadow);transition:transform var(--t-base) var(--ease-spring),box-shadow var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease-out),opacity var(--t-base) var(--ease-out)}.w21-btn:hover{transform:translateY(-1px);box-shadow:var(--btn-shadow),var(--btn-glow);border-color:rgb(var(--text-rgb) / .22)}.w21-btn:active{transform:translateY(1px) scale(.985);transition-duration:var(--t-fast)}.w21-btn:focus-visible{box-shadow:var(--btn-shadow),var(--ring-offset),var(--ring)}.w21-btn.w21-primary:focus-visible,.w21-btn.w21-warm:focus-visible{--ring: 0 0 0 3px rgb(var(--text-rgb) / .85)}.w21-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:var(--btn-shadow)}.w21-btn.w21-primary{--btn-bg: linear-gradient(180deg, var(--accent-hi) 0%, var(--c-accent) 45%, var(--accent-lo) 100%);--btn-fg: var(--on-accent);--btn-edge: transparent;--btn-shadow: inset 0 1px 0 rgb(var(--white-rgb) / .45), inset 0 -2px 0 rgb(var(--ink-rgb) / .25), 0 8px 20px -8px rgb(var(--accent-rgb) / .6);--btn-glow: 0 12px 36px -8px rgb(var(--accent-rgb) / .7)}.w21-btn.w21-warm{--btn-bg: linear-gradient(180deg, var(--warm-hi) 0%, var(--c-warm) 45%, var(--warm-lo) 100%);--btn-fg: var(--on-warm);--btn-edge: transparent;--btn-shadow: inset 0 1px 0 rgb(var(--white-rgb) / .45), inset 0 -2px 0 rgb(var(--ink-rgb) / .25), 0 8px 20px -8px rgb(var(--warm-rgb) / .6);--btn-glow: 0 12px 36px -8px rgb(var(--warm-rgb) / .7)}.w21-btn.w21-danger{--btn-bg: linear-gradient(180deg, rgb(var(--danger-rgb) / .22), rgb(var(--danger-rgb) / .12));--btn-fg: var(--danger-fg);--btn-edge: rgb(var(--danger-rgb) / .4);--btn-glow: 0 12px 36px -10px rgb(var(--danger-rgb) / .6)}.w21-btn.w21-ghost{--btn-bg: transparent;--btn-fg: var(--text-dim);--btn-edge: transparent;--btn-shadow: none}.w21-btn.w21-accent{--btn-bg: linear-gradient(180deg, rgb(var(--accent-rgb) / .2), rgb(var(--accent-rgb) / .1));--btn-fg: var(--accent);--btn-edge: rgb(var(--accent-rgb) / .4);--btn-glow: 0 12px 36px -10px rgb(var(--accent-rgb) / .6)}.w21-btn.w21-accent:hover{border-color:rgb(var(--accent-rgb) / .6)}.w21-btn.w21-accent .w21-spinner{background:conic-gradient(from 0deg,transparent 0 20%,var(--accent) 100%)}.w21-btn.w21-ghost:hover{--btn-fg: var(--text);background:rgb(var(--text-rgb) / .05);border-color:transparent}.w21-btn.w21-block{width:100%}.w21-btn.w21-lg{min-height:52px;padding:12px 28px;font-size:18px;border-radius:var(--r-md)}.w21-btn.w21-sm{min-height:40px;min-width:44px;padding:6px 14px;font-size:14px}@media(pointer:coarse),(max-width:760px){.w21-btn.w21-sm{min-height:var(--tap)}}.w21-btn .w21-kbd{font-size:12px;opacity:.7;letter-spacing:.04em}.w21-btn.w21-primary:hover,.w21-btn.w21-warm:hover{border-color:transparent}.w21-icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--r-md);border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--el-1);transition:transform var(--t-base) var(--ease-spring),border-color var(--t-base) var(--ease-out)}.w21-icon-btn svg{width:20px;height:20px}.w21-icon-btn:hover{transform:translateY(-1px);border-color:var(--line-strong)}.w21-icon-btn:active{transform:scale(.94)}.w21-switch{display:inline-flex;align-items:center;gap:12px;min-height:var(--tap);cursor:pointer;user-select:none}.w21-switch input{position:absolute;opacity:0;width:1px;height:1px}.w21-switch-track{position:relative;flex:none;width:46px;height:26px;border-radius:var(--r-pill);background:rgb(var(--ink-rgb) / .55);border:1px solid var(--line-strong);box-shadow:inset 0 1px 2px rgb(var(--ink-rgb) / .7);transition:background-color var(--t-base) var(--ease-out)}.w21-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,var(--white),var(--thumb-lo));box-shadow:0 1px 3px rgb(var(--ink-rgb) / .8);transition:transform var(--t-base) var(--ease-spring)}.w21-switch input:checked+.w21-switch-track{background:linear-gradient(180deg,var(--accent-mid),var(--accent-lo));border-color:transparent}.w21-switch input:checked+.w21-switch-track:after{transform:translate(20px)}.w21-switch input:focus-visible+.w21-switch-track{box-shadow:var(--ring-offset),var(--ring)}.w21-switch-label{display:flex;flex-direction:column;gap:2px}.w21-switch-label small{color:var(--text-dim);font-size:var(--fs-caption)}.w21-seg{--n: 4;--i: 0;position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));padding:4px;border-radius:var(--r-md);background:rgb(var(--ink-rgb) / .5);border:1px solid var(--line);box-shadow:inset 0 1px 2px rgb(var(--ink-rgb) / .7)}.w21-seg-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / var(--n));border-radius:calc(var(--r-md) - 4px);background:linear-gradient(180deg,var(--raised-top),var(--raised-bottom));border:1px solid rgb(var(--accent-rgb) / .45);box-shadow:var(--inset-hi),0 4px 12px -4px rgb(var(--ink-rgb) / .9),0 0 20px -6px rgb(var(--accent-rgb) / .5);transform:translate(calc(var(--i) * 100%));transition:transform var(--t-slow) var(--ease-spring);pointer-events:none}.w21-seg.w21-warm .w21-seg-thumb{border-color:rgb(var(--warm-rgb) / .5);box-shadow:var(--inset-hi),0 4px 12px -4px rgb(var(--ink-rgb) / .9),0 0 20px -6px rgb(var(--warm-rgb) / .5)}.w21-seg-item{position:relative;z-index:1;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:var(--tap);padding:6px 4px;border:0;border-radius:calc(var(--r-md) - 4px);background:transparent;color:var(--text-dim);font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color var(--t-base) var(--ease-out)}.w21-seg-item:hover,.w21-seg-item[aria-checked=true]{color:var(--text)}.w21-seg.w21-warm .w21-seg-item[aria-checked=true]{color:var(--accent-warm)}.w21-seg-item small{position:absolute;left:0;right:0;bottom:3px;text-align:center;font-family:var(--font-body);font-weight:500;font-size:10px;line-height:1.1;letter-spacing:0;text-transform:none;color:rgb(var(--warm-rgb) / .75)}.w21-seg-item[aria-checked=true] small{color:var(--accent-warm)}.w21-chip,.w21-status,.w21-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:var(--track-label);text-transform:uppercase;line-height:1;padding:6px 10px;border-radius:var(--r-xs);background:rgb(var(--text-rgb) / .08);color:var(--text-dim);white-space:nowrap}.w21-chip.w21-mint,.w21-status.w21-won,.w21-tag.w21-mint{background:rgb(var(--accent-rgb) / .14);color:var(--accent)}.w21-chip.w21-rose,.w21-status.w21-lost,.w21-tag.w21-rose{background:rgb(var(--danger-rgb) / .14);color:var(--danger)}.w21-status.w21-pending{background:rgb(var(--accent-rgb) / .18);color:var(--accent);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / .35)}.w21-chip.w21-amber,.w21-status.w21-open,.w21-status.w21-taken,.w21-tag.w21-amber{background:rgb(var(--warm-rgb) / .14);color:var(--accent-warm)}.w21-chip.w21-indigo,.w21-tag.w21-indigo{background:rgb(var(--indigo-rgb) / .18);color:var(--indigo-text)}.w21-chip.w21-lg{font-size:14px;padding:10px 14px;border-radius:var(--r-sm)}.w21-avatar-link{display:inline-grid;place-items:center;min-width:var(--tap);min-height:var(--tap);border-radius:50%;text-decoration:none}.w21-rank-0{--rank: var(--rank-0);--rank-rgb: var(--rank-0-rgb)}.w21-rank-1{--rank: var(--rank-1);--rank-rgb: var(--rank-1-rgb)}.w21-rank-2{--rank: var(--rank-2);--rank-rgb: var(--rank-2-rgb)}.w21-rank-3{--rank: var(--rank-3);--rank-rgb: var(--rank-3-rgb)}.w21-rank-4{--rank: var(--rank-4);--rank-rgb: var(--rank-4-rgb)}.w21-rank-5{--rank: var(--rank-5);--rank-rgb: var(--rank-5-rgb)}.w21-rank-6{--rank: var(--rank-6);--rank-rgb: var(--rank-6-rgb)}.w21-rank-7{--rank: var(--rank-7);--rank-rgb: var(--rank-7-rgb)}.w21-rank-8{--rank: var(--rank-8);--rank-rgb: var(--rank-8-rgb)}.w21-rank-badge{--size: 24px;display:inline-block;width:var(--size);height:var(--size);flex:none;vertical-align:middle;line-height:0}.w21-rank-badge{--rank-top: color-mix(in oklab, var(--rank) 76%, var(--white));--rank-left: var(--rank);--rank-right: color-mix(in oklab, var(--rank) 60%, var(--black));--rank-rim: rgb(var(--white-rgb) / .6)}.w21-rank-badge.w21-rank-0{--rank-top: var(--rank-0-top);--rank-left: var(--rank-0-left);--rank-right: var(--rank-0-right)}.w21-rank-badge.w21-rank-8{--rank-top: var(--rank-8-top);--rank-left: var(--rank-8-left);--rank-right: var(--rank-8-right);--rank-rim: var(--rank-8-rim)}.w21-rank-badge svg{width:100%;height:100%;overflow:visible}.w21-rank-badge .w21-f-top{fill:var(--rank-top)}.w21-rank-badge .w21-f-left{fill:var(--rank-left)}.w21-rank-badge .w21-f-right{fill:var(--rank-right)}.w21-rank-badge .w21-rim{fill:none;stroke:var(--rank-rim);stroke-width:1.6;stroke-linejoin:round}.w21-rank-badge .w21-spec{fill:var(--white);opacity:.55}.w21-rank-badge .w21-outline{fill:none;stroke:color-mix(in oklab,var(--rank-right) 70%,var(--c-bg-deep));stroke-width:1.5;stroke-linejoin:round}.w21-chip.w21-xp{gap:5px;background:rgb(var(--rank-rgb) / .14);color:var(--rank);box-shadow:inset 0 0 0 1px rgb(var(--rank-rgb) / .22)}.w21-player-tag{display:inline-flex;align-items:center;gap:8px;min-width:0;color:inherit;text-decoration:none;border-radius:var(--r-sm)}.w21-player-tag .w21-pt-name{font-family:var(--font-display);font-weight:700;font-size:16px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.w21-player-tag.w21-sm{gap:6px}.w21-player-tag.w21-sm .w21-pt-name{font-family:inherit;font-weight:inherit;font-size:inherit}.w21-player-tag.w21-lg{flex-direction:column;gap:8px}.w21-player-tag.w21-lg .w21-pt-name{font-size:18px}a.w21-player-tag:hover .w21-pt-name{color:var(--rank)}a.w21-player-tag:focus-visible{outline:none;box-shadow:var(--ring-offset),var(--ring)}.w21-xp-bar{--p: 0;--h: 8px;display:grid;gap:8px;width:100%;min-width:0}.w21-xp-bar.w21-lg{--h: 12px;gap:10px}.w21-xp-track{position:relative;height:var(--h);border-radius:calc(var(--h) / 2);background:rgb(var(--ink-rgb) / .55);box-shadow:inset 0 1px 2px rgb(var(--ink-rgb) / .8),0 0 0 1px rgb(var(--text-rgb) / .06);overflow:hidden}.w21-xp-fill{position:absolute;top:0;bottom:0;left:0;width:max(6px,calc(var(--p) * 100%));border-radius:inherit;background:linear-gradient(90deg,color-mix(in oklab,var(--rank) 70%,var(--c-indigo)),var(--rank));box-shadow:0 0 12px rgb(var(--rank-rgb) / .55);transform-origin:left}.w21-xp-bar.w21-reveal .w21-xp-fill{animation:bar-in .7s var(--ease-out) .2s both}.w21-xp-bar.w21-reveal.w21-now .w21-xp-fill{animation-delay:0ms}.w21-xp-fill:after{content:"";position:absolute;top:0;right:0;width:3px;height:100%;background:rgb(var(--white-rgb) / .55)}.w21-xp-pulse{position:absolute;inset:0;border-radius:inherit;background:rgb(var(--rank-rgb) / .8);animation:xp-pulse var(--xp-pulse) var(--ease-out) both;pointer-events:none}.w21-xp-legend{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s-3);font-size:var(--fs-caption);color:var(--text-dim);font-variant-numeric:tabular-nums}.w21-xp-legend b{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text)}.w21-xp-bar.w21-lg .w21-xp-legend b{font-size:18px}.w21-xp-next{text-align:right;white-space:nowrap}@media(max-width:420px){.w21-xp-legend{flex-wrap:wrap}}@keyframes xp-pulse{0%{opacity:.9}to{opacity:0}}.w21-avatar-link{position:relative;border:0;background:none;padding:0;cursor:pointer;color:inherit;font:inherit}.w21-unread-dot{position:absolute;bottom:-3px;right:-4px;min-width:10px;height:10px;padding:0;border-radius:var(--r-pill);background:var(--c-danger);box-shadow:0 0 0 2px var(--c-bg),0 0 10px rgb(var(--danger-rgb) / .7);font-family:var(--font-display);font-weight:700;font-size:12px;line-height:1;color:var(--c-bg-deep);display:inline-grid;place-items:center;pointer-events:none;animation:pop-in var(--t-slow) var(--ease-pop) both}.w21-unread-dot:not(:empty){min-width:18px;height:18px;padding:0 5px;bottom:-10px;right:-11px}.w21-icon-btn.w21-sm{width:40px;height:40px;border-radius:var(--r-sm);color:var(--text-dim)}.w21-icon-btn.w21-sm:hover{color:var(--text)}.w21-brand img:not(.w21-brand-mark){width:88px;height:52px;object-fit:contain;object-position:left center}.w21 [hidden],.w21-screen[hidden]{display:none!important}:where(.w21-page) p{margin:0}.w21-icon-btn,.w21-pp-close{font:inherit}.w21-btn{line-height:var(--lh-body)}.w21-topbar,.w21-page,.w21-screen--over,.w21-inbox-pop,.w21-notify-stack{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text);text-align:left;text-rendering:optimizeLegibility}.w21-page h1,.w21-page h2,.w21-page h3,.w21-page h4,.w21-dialog h1,.w21-dialog h2,.w21-dialog h3,.w21-dialog h4,.w21-inbox-pop h3{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin:0;line-height:1.1}.w21-page h2,.w21-dialog h2{font-size:var(--fs-title);font-weight:700}.w21-page h3,.w21-dialog h3,.w21-inbox-pop h3{font-size:var(--fs-heading);font-weight:700}.w21-t-label{font-family:var(--font-display);font-size:var(--fs-caption);font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-dim)}.w21-t-caption{font-size:var(--fs-caption);color:var(--text-dim)}.w21-error,.w21-note{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--r-sm);font-size:var(--fs-small);line-height:1.4;animation:note-in var(--t-slow) var(--ease-out) both}.w21-note{color:var(--text-dim);background:rgb(var(--text-rgb) / .04);border:1px solid var(--line)}.w21-note.w21-warm{color:var(--warm-text);background:rgb(var(--warm-rgb) / .08);border-color:rgb(var(--warm-rgb) / .3)}.w21-error svg,.w21-note svg{width:18px;height:18px;flex:none;margin-top:1px}.w21-chip.w21-xp small{font-size:13px;font-weight:600;letter-spacing:.1em;opacity:.75}.w21-chip.w21-xp .w21-lv{font-weight:600;opacity:.85}.w21-chip.w21-xp b{font-weight:700;font-variant-numeric:tabular-nums}.w21-chip.w21-xp.w21-sm{font-size:13px;padding:4px 7px}.w21-chip.w21-xp.w21-lg{font-size:15px;padding:9px 12px;border-radius:var(--r-sm)}.w21-empty:not(.w21-ledger):not(.w21-slot){display:grid;justify-items:center;text-align:center;gap:var(--s-3);padding:var(--s-7) var(--s-4)}.w21-empty h3{font-size:var(--fs-heading)}.w21-empty p{color:var(--text-dim);font-size:var(--fs-small);max-width:34ch}.w21-empty .w21-row{margin-top:var(--s-2);justify-content:center}.w21-name-case{text-transform:none}.w21-btn .w21-name-case{color:color-mix(in srgb,var(--btn-fg) 80%,transparent);font-weight:inherit}@keyframes note-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.w21-column.w21-wide{max-width:640px}.w21-icon-btn:focus-visible,.w21-balance:focus-visible,.w21-avatar-link:focus-visible,.w21-mode-card:focus-visible,.w21-match:focus-visible{box-shadow:var(--el-1),var(--ring-offset),var(--ring)}.w21-recent-list{display:grid;gap:var(--s-2);margin-top:var(--s-3)}.w21-bar{width:100%;height:4px;border-radius:2px;background:rgb(var(--text-rgb) / .08);overflow:hidden}.w21-bar i{display:block;height:100%;width:var(--w, 0%);border-radius:2px;background:linear-gradient(90deg,var(--c-accent),var(--c-indigo));transform-origin:left;animation:bar-in .7s var(--ease-out) .2s both}.w21-timeline{position:relative;display:grid;gap:var(--s-3);margin-top:var(--s-4);padding-left:22px}.w21-timeline:before{content:"";position:absolute;left:6px;top:24px;bottom:24px;width:2px;border-radius:1px;background:linear-gradient(180deg,rgb(var(--accent-rgb) / .7),rgb(var(--indigo-rgb) / .35) 55%,transparent)}@media(max-width:480px){.w21-timeline{margin-left:var(--s-1)}}.w21-match{--k: 0;position:relative;display:grid;grid-template-columns:1fr auto;gap:6px var(--s-3);align-items:center;padding:14px 16px;border-radius:var(--r-md);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--line);box-shadow:var(--el-1);text-decoration:none;color:inherit;animation:card-in var(--t-reveal) var(--ease-out) both;animation-delay:calc(var(--k) * 50ms);transition:transform var(--t-base) var(--ease-spring),border-color var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out)}.w21-match:before{content:"";position:absolute;left:-20px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--c-rim);border:2px solid var(--c-bg);box-shadow:0 0 0 1px var(--line-strong)}.w21-match.w21-won:before{background:var(--accent);box-shadow:0 0 10px rgb(var(--accent-rgb) / .8)}.w21-match.w21-lost:before{background:var(--danger);box-shadow:0 0 10px rgb(var(--danger-rgb) / .6)}.w21-match.w21-pending:before,.w21-match.w21-open:before,.w21-match.w21-taken:before{background:var(--accent-warm);box-shadow:0 0 10px rgb(var(--warm-rgb) / .7)}.w21-match:hover{transform:translate(3px);border-color:var(--line-strong);box-shadow:var(--el-2)}.w21-match .w21-head{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0;overflow:hidden}.w21-match>.w21-status{justify-self:end}@media(max-width:480px){.w21-match{grid-template-columns:1fr}.w21-match>.w21-status{justify-self:start;order:-1}}.w21-match .w21-fee{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;font-family:var(--font-display);font-weight:700;font-size:17px}.w21-match .w21-fee small{font-size:12px;color:var(--text-dim);letter-spacing:.08em}.w21-match .w21-scores{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);background:rgb(var(--ink-rgb) / .35)}.w21-match .w21-scores .w21-p{display:flex;align-items:baseline;gap:8px;min-width:0}.w21-match .w21-scores .w21-p:last-child{justify-content:flex-end}.w21-match .w21-scores .w21-p .w21-n{font-size:var(--fs-caption);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w21-match .w21-scores .w21-p .w21-s{font-family:var(--font-display);font-weight:700;font-size:20px;font-variant-numeric:tabular-nums}.w21-match .w21-scores .w21-p.w21-win .w21-s{color:var(--accent)}.w21-match .w21-scores .w21-p.w21-lose .w21-s{color:var(--text-dim)}.w21-match .w21-scores .w21-chip{font-size:13px;padding:4px 6px;align-self:center}.w21-match .w21-scores .w21-p .w21-n:first-child{flex-shrink:0}.w21-match .w21-scores .w21-x{font-family:var(--font-display);font-size:12px;letter-spacing:.2em;color:var(--text-dim)}.w21-match .w21-when{grid-column:1 / -1;font-size:var(--fs-caption);color:var(--text-dim)}.w21-record{display:flex;align-items:center;gap:var(--s-3)}.w21-record .w21-wl{font-family:var(--font-display);font-weight:700;font-size:18px;font-variant-numeric:tabular-nums}.w21-record .w21-wl .w21-w{color:var(--accent)}.w21-record .w21-wl .w21-l{color:var(--danger)}.w21-record .w21-bar{width:96px}.w21-match .w21-scores .w21-p .w21-player-tag{min-width:0;overflow:hidden}.w21-match .w21-scores .w21-p .w21-player-tag .w21-pt-name{font-size:var(--fs-caption);color:var(--text-dim)}.w21-match{container-type:inline-size}.w21-match .w21-scores .w21-sc{display:contents}@container (max-width: 540px){.w21-match .w21-scores .w21-p{flex-wrap:wrap;row-gap:4px}.w21-match .w21-scores .w21-p .w21-player-tag{flex:1 1 100%;order:0}.w21-match .w21-scores .w21-sc{display:flex;align-items:baseline;gap:6px;flex:1 1 100%;order:1;white-space:nowrap}.w21-match .w21-scores .w21-p:first-child .w21-sc{justify-content:flex-end}.w21-match .w21-scores .w21-p:last-child .w21-sc{flex-direction:row-reverse;justify-content:flex-end}.w21-match .w21-scores .w21-p .w21-n{order:2}.w21-match .w21-scores .w21-p:last-child:not(:has(.w21-player-tag)) .w21-sc{flex:0 0 auto}.w21-match .w21-scores .w21-p:last-child .w21-player-tag{flex-direction:row-reverse;justify-content:flex-end}.w21-match .w21-scores .w21-p .w21-player-tag{align-items:flex-start}.w21-match .w21-scores .w21-p .w21-player-tag .w21-pt-name{white-space:normal;overflow-wrap:anywhere;text-align:inherit}.w21-match .w21-scores .w21-p .w21-s{font-size:18px}.w21-match .w21-scores .w21-chip{letter-spacing:.06em;padding:3px 5px}}.w21-match .w21-scores .w21-p .w21-player-tag{flex:1 1 auto}.w21-match .w21-scores .w21-p .w21-player-tag .w21-pt-name{min-width:8ch}.w21-match .w21-scores .w21-p:last-child .w21-player-tag{justify-content:flex-end}@keyframes bar-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.w21-rank-badge.w21-lit svg{filter:drop-shadow(0 1px 2px rgb(var(--ink-rgb) / .7)) drop-shadow(0 0 calc(var(--size) * .18) rgb(var(--rank-rgb) / .45))}.w21-rank-badge .w21-pip{fill:var(--c-rim);stroke:rgb(var(--ink-rgb) / .6);stroke-width:.8}.w21-rank-badge .w21-pip.w21-lit{fill:var(--rank);stroke:color-mix(in oklab,var(--rank) 60%,var(--white))}.w21-profile{display:grid;gap:var(--s-4);margin-top:var(--s-4)}@media(min-width:900px){.w21-profile{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}}.w21-profile-hero{position:relative;overflow:hidden;padding:var(--s-6);border-radius:var(--r-lg);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid rgb(var(--rank-rgb) / .28);box-shadow:var(--el-2),0 0 0 1px rgb(var(--rank-rgb) / .08),0 24px 60px -24px rgb(var(--rank-rgb) / .35);animation:card-in var(--t-reveal) var(--ease-out) both}.w21-profile-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(360px 240px at 12% 0%,rgb(var(--rank-rgb) / .22),transparent 70%),radial-gradient(240px 160px at 100% 100%,rgb(var(--rank-rgb) / .08),transparent 70%);pointer-events:none}.w21-profile-hero:after{content:"";position:absolute;top:0;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--rank-rgb) / .8),transparent)}.w21-profile-hero>*{position:relative}.w21-profile-id{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--s-5)}.w21-profile-id .w21-rank-badge{filter:none}.w21-profile-id .w21-rank-badge svg{filter:drop-shadow(0 2px 4px rgb(var(--ink-rgb) / .8)) drop-shadow(0 0 18px rgb(var(--rank-rgb) / .5))}.w21-profile-id h2{font-size:clamp(26px,4vw,36px);letter-spacing:.02em;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w21-profile-rank{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:6px}.w21-profile-rank .w21-rank-name{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:.1em;text-transform:uppercase;color:var(--rank);text-shadow:0 0 18px rgb(var(--rank-rgb) / .45)}.w21-profile-hero .w21-xp-bar{margin-top:var(--s-5)}.w21-profile-note{margin-top:var(--s-4)}.w21-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-2);margin-top:var(--s-5)}@media(max-width:480px){.w21-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.w21-stats .w21-stat{display:grid;gap:4px;padding:12px 14px;border-radius:var(--r-sm);background:rgb(var(--ink-rgb) / .35);border:1px solid var(--line);min-width:0}.w21-stats .w21-stat b{font-family:var(--font-display);font-weight:700;font-size:24px;line-height:1;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w21-stats .w21-stat b small{font-size:13px;color:var(--text-dim);letter-spacing:.04em;margin-left:4px}.w21-stats .w21-stat.w21-hi b{color:var(--rank)}.w21-stats .w21-stat:last-child:nth-child(3n+2){grid-column:span 2}@media(max-width:480px){.w21-stats .w21-stat:last-child:nth-child(3n+2){grid-column:auto}}.w21-profile-side .w21-panel-head{margin-bottom:var(--s-3)}.w21-profile-side .w21-timeline{margin-top:0}.w21-profile-side .w21-timeline .w21-match{padding:12px 14px}.w21-hero-badge{position:relative;display:inline-block;width:72px;height:72px;line-height:0;transform-origin:50% 50%}.w21-profile-rank{position:relative}.w21-profile-hero{overflow:visible}.w21-profile-hero:before{border-radius:inherit}.w21-ledger{--tone: var(--c-accent);--tone-rgb: var(--accent-rgb);display:grid;gap:var(--s-3);margin-top:var(--s-3);padding:14px 16px 16px;border-radius:var(--r-md);background:rgb(var(--ink-rgb) / .35);border:1px solid rgb(var(--tone-rgb) / .22)}.w21-ledger.w21-down{--tone: var(--c-danger);--tone-rgb: var(--danger-rgb)}.w21-ledger.w21-empty{--tone: var(--c-text-dim);border-color:var(--line)}.w21-ledger-head{display:flex;align-items:center;gap:10px;min-height:28px}.w21-ledger-head .w21-coin{width:24px;height:24px;flex:none}.w21-ledger .w21-pnl{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--tone);text-shadow:0 0 16px rgb(var(--tone-rgb) / .35)}.w21-ledger .w21-pnl .w21-sep{margin:0 8px;color:var(--text-dim);font-weight:600}.w21-ledger .w21-pnl.w21-none{color:var(--text-dim);text-shadow:none;font-size:16px;letter-spacing:.06em;text-transform:uppercase}.w21-ledger-bar{--won: .5;display:flex;height:6px;border-radius:3px;overflow:hidden;background:rgb(var(--ink-rgb) / .55);gap:2px}.w21-ledger-bar i{display:block;height:100%;border-radius:3px;min-width:6px}.w21-ledger-bar .w21-won{flex:var(--won) 1 0;background:var(--c-accent);box-shadow:0 0 8px rgb(var(--accent-rgb) / .5)}.w21-ledger-bar .w21-lost{flex:calc(1 - var(--won)) 1 0;background:var(--c-danger);box-shadow:0 0 8px rgb(var(--danger-rgb) / .5)}.w21-ledger-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-2)}.w21-ledger-cols .w21-col{display:grid;gap:4px;min-width:0}.w21-ledger-cols .w21-col b{font-family:var(--font-display);font-weight:700;font-size:20px;line-height:1;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w21-ledger-cols .w21-col.w21-won b{color:var(--c-accent)}.w21-ledger-cols .w21-col.w21-lost b{color:var(--c-danger)}.w21-ledger-cols .w21-col.w21-zero b{color:var(--text)}@keyframes card-in{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.w21-muted{color:var(--text-dim);font-size:var(--fs-small)}.w21-btn svg{width:18px;height:18px;flex:none}.w21-btn.w21-sm svg{width:16px;height:16px}.w21-page.w21-centred{display:grid;align-content:center;padding-block:var(--s-3) max(12vh,env(safe-area-inset-bottom))}.w21-page.w21-centred .w21-column{margin-top:0}.w21-row.w21-split{justify-content:center}@media(max-width:480px){.w21-row.w21-split{display:grid;grid-template-columns:1fr 1fr;gap:8px}}.w21-code{font-family:var(--font-display);font-size:36px;font-weight:700;letter-spacing:.32em;text-align:center;padding:12px 8px 12px calc(8px + .32em);border-radius:var(--r-sm);background:rgb(var(--ink-rgb) / .45);border:1px dashed rgb(var(--accent-rgb) / .45);color:var(--accent);text-shadow:0 0 18px rgb(var(--accent-rgb) / .5);user-select:all;-webkit-user-select:all;-webkit-touch-callout:default}.w21-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--s-3);margin:var(--s-4) 0;padding:var(--s-4);border-radius:var(--r-md);background:rgb(var(--ink-rgb) / .35);border:1px solid var(--line)}.w21-vs .w21-side{display:grid;justify-items:center;gap:6px;text-align:center}@supports (grid-template-rows: subgrid){.w21-vs{grid-template-rows:auto auto auto auto auto;align-items:stretch}.w21-vs .w21-side{grid-row:1 / span 5;grid-template-rows:subgrid;align-items:start}.w21-vs .w21-side:first-child{grid-column:1}.w21-vs .w21-side:last-child{grid-column:3}.w21-vs .w21-side>.w21-player-tag{grid-row:1}.w21-vs .w21-side>.w21-rank-line,.w21-vs .w21-side>.w21-name{grid-row:2;align-self:end}.w21-vs .w21-side>.w21-score{grid-row:3}.w21-vs .w21-side>.w21-chip{grid-row:4}.w21-vs .w21-side>.w21-bar{grid-row:5}.w21-vs .w21-mid{grid-row:3;grid-column:2;align-self:center}}.w21-vs .w21-name{font-family:var(--font-display);font-weight:600;color:var(--text-dim);font-size:var(--fs-caption);letter-spacing:.08em;text-transform:uppercase;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w21-vs .w21-score{font-family:var(--font-display);font-weight:700;font-size:40px;line-height:1;font-variant-numeric:tabular-nums}.w21-vs .w21-side.w21-win .w21-score{color:var(--accent);text-shadow:0 0 20px rgb(var(--accent-rgb) / .5)}.w21-vs .w21-side.w21-lose .w21-score{color:var(--text-dim)}.w21-vs .w21-mid{color:var(--text-dim);font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.2em;padding:6px 10px;border-radius:var(--r-pill);border:1px solid var(--line-strong)}.w21-side.w21-lose .w21-bar i{background:rgb(var(--text-rgb) / .3)}.w21-outcome{text-align:center;font-family:var(--font-display);font-weight:600;font-size:17px;padding:12px;border-radius:var(--r-sm);background:rgb(var(--text-rgb) / .04);border:1px solid var(--line)}.w21-outcome.w21-won{color:var(--accent);background:rgb(var(--accent-rgb) / .08);border-color:rgb(var(--accent-rgb) / .3)}.w21-outcome.w21-lost{color:var(--danger-text);background:rgb(var(--danger-rgb) / .08);border-color:rgb(var(--danger-rgb) / .3)}.w21-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin-top:var(--s-2);color:var(--text-dim);font-size:var(--fs-caption)}.w21-nav-row{display:flex;justify-content:center;gap:var(--s-2)}.w21-nav-row .w21-btn{flex:1;max-width:200px}.w21-meta b{color:var(--text);font-weight:600}.w21-vs .w21-side .w21-player-tag.w21-lg .w21-pt-name{color:var(--text);letter-spacing:.02em;text-transform:none;max-width:100%}.w21-vs .w21-rank-name{font-family:var(--font-display);font-weight:600;font-size:var(--fs-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--rank)}.w21-rank-line{display:flex;align-items:center;gap:8px;min-width:0}.w21-rank-line .w21-sep{color:var(--text-dim)}.w21-vs .w21-rank-line{justify-content:center;gap:6px;white-space:nowrap}.w21-rank-line .w21-xp-lv{font-family:var(--font-display);font-weight:600;font-size:var(--fs-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.w21-rank-line .w21-xp-lv b{color:var(--text);font-weight:700}@media(max-width:480px){.w21-vs .w21-rank-line{flex-direction:column;gap:2px;white-space:normal}.w21-vs .w21-rank-line .w21-sep{display:none}}.w21-push-prompt{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon title" "icon body" "icon btn";align-items:center;column-gap:14px;row-gap:4px;padding:14px 48px 14px 16px;border-radius:var(--r-md);background:rgb(var(--accent-rgb) / .06);border:1px solid rgb(var(--accent-rgb) / .3);box-shadow:var(--inset-hi)}.w21-push-prompt .w21-pp-icon{grid-area:icon;align-self:start;width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;color:var(--c-accent);background:rgb(var(--accent-rgb) / .12);box-shadow:0 0 18px rgb(var(--accent-rgb) / .25)}.w21-push-prompt .w21-pp-icon svg{width:22px;height:22px}.w21-push-prompt .w21-pp-title{grid-area:title;font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:.04em;text-transform:uppercase;line-height:1.2}.w21-pp-short{display:none}.w21-push-prompt .w21-pp-body{grid-area:body;font-size:var(--fs-small);color:var(--text-dim);line-height:1.4;text-wrap:pretty}.w21-push-prompt .w21-pp-body b{color:var(--text);font-weight:600}.w21-nowrap{white-space:nowrap}.w21-pp-glyph{display:inline-grid;place-items:center;width:18px;height:18px;vertical-align:-4px;color:var(--c-sky)}.w21-pp-glyph svg{width:16px;height:16px}.w21-push-prompt>.w21-btn{grid-area:btn;justify-self:start;margin-top:6px}.w21-push-prompt .w21-pp-close{position:absolute;top:8px;right:8px}.w21-odo{display:inline-flex;font-variant-numeric:tabular-nums}.w21-odo-col{position:relative;display:inline-grid;overflow:hidden;clip-path:inset(-.1em 0)}.w21-odo-col>span{grid-area:1 / 1}.w21-game-root{position:fixed;inset:0;background:var(--bg);overflow:hidden}.w21-game-canvas{position:absolute;inset:0}.w21-game-chrome{position:absolute;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));display:flex;justify-content:space-between;pointer-events:none;z-index:4}.w21-game-chrome>*{pointer-events:auto}.w21-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--gutter);background:rgb(var(--ink-rgb) / .6);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);z-index:3;animation:fade-in var(--t-slow) var(--ease-out) both}.w21-overlay.w21-actions-only{display:block;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;padding:0}.w21-results-tray{--dock-r: 20px;position:absolute;left:50%;bottom:max(12px,env(safe-area-inset-bottom));width:min(440px,calc(100% - 2 * var(--gutter)));transform:translate(-50%);pointer-events:auto;padding:var(--s-4);border-radius:var(--r-xl);background:rgb(var(--plate-bottom-rgb) / .92);border:1px solid var(--c-rim);box-shadow:var(--el-3);animation:rise-in .42s var(--ease-spring) both}.w21-results-tray.w21-docked{bottom:auto;transform:translateY(calc(-1 * var(--dock-r)));padding:calc(var(--s-3) + var(--dock-r) / 2) var(--s-4) var(--s-4);border-top:0;border-radius:0 0 var(--dock-r) var(--dock-r);background:rgb(var(--plate-bottom-rgb) / .85);box-shadow:0 24px 48px -16px rgb(var(--ink-rgb) / .9),0 60px 120px -40px rgb(var(--ink-rgb) / 1);animation:fade-in .32s var(--ease-out) both}.w21-results-tray.w21-docked>*{animation:rise-in .42s var(--ease-spring) both}.w21-results-tray.w21-measuring,.w21-results-tray.w21-measuring *{visibility:hidden;pointer-events:none;animation:none!important;transition:none!important}@media(min-width:760px){.w21-results-tray.w21-docked{padding-left:var(--dock-inset, var(--s-4));padding-right:var(--dock-inset, var(--s-4))}}.w21-result-flow{display:grid;gap:var(--s-2)}.w21-result-flow .w21-secondary{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.w21-result-flow .w21-btn.w21-ghost{min-height:40px}.w21-result-flow .w21-result-home{justify-self:center;font-family:var(--font-display);font-size:var(--fs-caption);font-weight:600;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-dim);text-decoration:none;padding:6px 12px;min-height:32px;display:inline-flex;align-items:center}.w21-result-flow .w21-result-home:hover{color:var(--text)}@media(max-height:700px){.w21-results-tray.w21-docked .w21-result-home{display:none}}.w21-overlay.w21-fixed{position:fixed;z-index:5;background:rgb(var(--ink-rgb) / .92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.w21-result-outcome{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border-radius:var(--r-sm);font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;background:rgb(var(--text-rgb) / .05);border:1px solid var(--line);color:var(--text-dim)}.w21-result-outcome.w21-won{color:var(--accent);background:rgb(var(--accent-rgb) / .1);border-color:rgb(var(--accent-rgb) / .35)}.w21-result-outcome.w21-lost{color:var(--danger-text);background:rgb(var(--danger-rgb) / .1);border-color:rgb(var(--danger-rgb) / .35)}.w21-result-outcome.w21-waiting{color:var(--accent-warm);background:rgb(var(--warm-rgb) / .08);border-color:rgb(var(--warm-rgb) / .3)}.w21-result-outcome .w21-spinner{margin:0;width:16px;height:16px;background:conic-gradient(from 0deg,transparent 0 20%,var(--accent-warm) 100%)}.w21-xp-beat{position:relative;display:grid;gap:10px;padding:12px 14px 14px;border-radius:var(--r-md);background:rgb(var(--ink-rgb) / .4);border:1px solid rgb(var(--rank-rgb) / .22);overflow:hidden}.w21-xp-beat-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:var(--tap)}.w21-xp-beat-head .w21-who{display:flex;align-items:center;gap:8px;min-width:0}.w21-xp-beat-head .w21-rank-name{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--rank);white-space:nowrap}.w21-xp-delta{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);padding:0 10px;margin:0 -10px 0 0;border:0;border-radius:var(--r-sm);background:none;color:var(--text);font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgb(var(--rank-rgb) / .7);cursor:pointer;transition:opacity var(--t-slow) var(--ease-out),font-size var(--t-slow) var(--ease-out);animation:xp-delta-in .32s var(--ease-pop) backwards}.w21-xp-delta .w21-num{display:inline-flex;align-items:baseline;gap:6px}.w21-xp-delta small{font-size:13px;letter-spacing:.12em;color:var(--rank)}.w21-xp-delta .w21-caret{width:14px;height:14px;color:var(--text-dim);transition:transform var(--t-base) var(--ease-out)}.w21-xp-delta[aria-expanded=true] .w21-caret{transform:rotate(90deg)}.w21-xp-delta:focus-visible{outline:none;box-shadow:var(--ring-offset),var(--ring)}.w21-xp-parts{position:absolute;left:14px;right:14px;bottom:14px;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;min-height:40px;padding:6px 10px;border-radius:var(--r-sm);background:var(--c-plate-top);border:1px solid rgb(var(--rank-rgb) / .3);font-size:var(--fs-caption);color:var(--text-dim);font-variant-numeric:tabular-nums;opacity:0;pointer-events:none;transition:opacity var(--t-base) var(--ease-out)}.w21-xp-parts.w21-open{opacity:1}.w21-xp-parts span b{color:var(--text);font-family:var(--font-display);font-weight:700;margin-left:4px}.w21-xp-beat .w21-chip.w21-xp{animation:none}.w21-xp-beat .w21-chip.w21-xp .w21-odo{font-size:1em}.w21-xp-beat.w21-rankup{border-color:rgb(var(--rank-rgb) / .5);box-shadow:0 0 0 1px rgb(var(--rank-rgb) / .12),0 0 40px -8px rgb(var(--rank-rgb) / .5)}.w21-xp-beat.w21-row-hidden .w21-xp-delta{opacity:.6;font-size:20px}.w21-xp-beat .w21-who{transition:opacity var(--t-slow) var(--ease-out)}.w21-xp-beat.w21-row-hidden .w21-who{opacity:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes xp-delta-in{0%{opacity:0;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.w21-results-plate{position:absolute;border-radius:var(--r);background:rgb(var(--plate-bottom-rgb) / .85);border:1px solid var(--c-rim);font-family:var(--font-display);color:var(--text);text-align:center}.w21-results-plate>*{position:absolute;left:0;right:0;transform:translateY(-50%);line-height:1;white-space:nowrap;font-weight:700}.w21-results-plate.w21-rp-outcome .w21-rp-eyebrow{top:calc(var(--B) * .07 * var(--k, 1));font-size:max(13px,calc(var(--B) * .034));letter-spacing:.22em;color:var(--text-dim)}.w21-results-plate.w21-rp-outcome .w21-rp-banner{top:calc(var(--B) * .165 * var(--k, 1));font-size:max(22px,calc(var(--B) * .08));letter-spacing:.12em;color:var(--accent);text-shadow:0 0 14px rgb(var(--accent-rgb) / .6)}.w21-results-plate.w21-rp-outcome.w21-lost .w21-rp-banner{color:var(--danger);text-shadow:0 0 14px rgb(var(--danger-rgb) / .6)}.w21-results-plate.w21-rp-outcome .w21-rp-rule{top:calc(var(--B) * .165 * var(--k, 1) + max(22px,var(--B) * .08) * .78);left:50%;right:auto;width:calc(var(--B) * .16);height:2px;border-radius:1px;background:var(--accent);transform:translate(-50%)}.w21-results-plate.w21-lost .w21-rp-rule{background:var(--danger)}.w21-results-plate .w21-rp-score{font-size:calc(var(--B) * .16);color:var(--accent);text-shadow:0 0 40px rgb(var(--accent-rgb) / .35);font-variant-numeric:tabular-nums}.w21-results-plate.w21-rp-outcome .w21-rp-score{top:calc(var(--B) * .31 * var(--k, 1))}.w21-results-plate .w21-rp-stake{top:calc(var(--B) * .43 * var(--k, 1));display:flex;align-items:center;justify-content:center;gap:.18em;font-size:max(22px,calc(var(--B) * .1));letter-spacing:.04em;color:var(--accent-warm)}.w21-results-plate.w21-lost .w21-rp-stake{font-size:max(22px,calc(var(--B) * .08));color:var(--danger)}.w21-rp-coin{width:.68em;height:.68em;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--warm-hi),var(--c-warm) 55%,var(--warm-lo))}.w21-results-plate .w21-rp-vs{top:calc(var(--B) * .505 * var(--k, 1));font-size:max(13px,calc(var(--B) * .034));font-weight:600;letter-spacing:.12em;color:var(--text-dim)}.w21-results-plate.w21-rp-plain .w21-rp-title{top:calc(var(--B) * .12);font-size:28px;letter-spacing:6px}.w21-results-plate.w21-rp-plain .w21-rp-rule{top:calc(var(--B) * .12 + 22px);left:50%;right:auto;width:64px;height:2px;border-radius:1px;background:var(--accent);transform:translate(-50%)}.w21-results-plate.w21-rp-plain .w21-rp-score{top:calc(var(--B) * .26)}.w21-results-plate .w21-rp-rows{transform:none;left:var(--inset);right:var(--inset);display:grid;gap:0}.w21-results-plate .w21-rp-rows{top:calc(var(--rows-y, var(--B) * .575) - var(--pitch, var(--B) * .075) / 2)}.w21-results-plate .w21-rp-row{display:flex;justify-content:space-between;align-items:center;height:var(--pitch, calc(var(--B) * .075))}.w21-results-plate .w21-rp-label{font-size:calc(var(--B) * .034);letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase}.w21-results-plate .w21-rp-value{font-size:calc(var(--B) * .042);font-variant-numeric:tabular-nums}.w21-screen--over{display:block;padding:0;overflow:hidden;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.w21-results-plate>[hidden],.w21-results-plate .w21-rp-row[hidden],.w21-result-flow>[hidden],.w21-xp-beat[hidden]{display:none}.w21-rp-in{display:inline-block}.w21-rp-stake .w21-rp-in{display:inline-flex;align-items:center;gap:.18em}.w21-results-plate.w21-draw .w21-rp-banner{color:var(--accent-warm);text-shadow:0 0 14px rgb(var(--warm-rgb) / .6)}.w21-results-plate.w21-draw .w21-rp-rule{background:var(--accent-warm)}.w21-code-field{display:grid;grid-template-columns:1fr auto;gap:6px}.w21-code-field .w21-btn.w21-paste{width:56px;min-width:56px;height:56px;min-height:56px;padding:0}.w21-code-slots{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;cursor:text}.w21-code-field .w21-btn.w21-paste .w21-lbl{display:none}@media(max-width:420px){.w21-code-field{grid-template-columns:1fr;gap:8px}.w21-code-slots{gap:4px}.w21-code-field .w21-btn.w21-paste{width:100%;height:var(--tap);min-height:var(--tap);padding:0 14px}.w21-code-field .w21-btn.w21-paste .w21-lbl{display:inline}}.w21-code-slots .w21-slot{display:grid;place-items:center;min-height:56px;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:rgb(var(--ink-rgb) / .45);box-shadow:inset 0 1px 2px rgb(var(--ink-rgb) / .6);font-family:var(--font-display);font-weight:700;font-size:26px;color:var(--text);transition:border-color var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),transform var(--t-fast) var(--ease-spring)}.w21-code-slots .w21-slot.w21-filled{border-color:rgb(var(--accent-rgb) / .5);color:var(--accent);text-shadow:0 0 12px rgb(var(--accent-rgb) / .5)}.w21-code-slots .w21-slot.w21-empty:before{content:"";width:10px;height:2px;border-radius:1px;background:rgb(var(--text-rgb) / .18)}.w21-code-slots:focus-within .w21-slot.w21-cursor{border-color:rgb(var(--accent-rgb) / .8);box-shadow:inset 0 1px 2px rgb(var(--ink-rgb) / .6),0 0 0 3px rgb(var(--accent-rgb) / .2)}.w21-code-slots:focus-within .w21-slot.w21-cursor:before{animation:caret 1s steps(2) infinite;background:var(--accent)}.w21-code-slots input{position:absolute;inset:0;width:100%;height:100%;opacity:0;min-height:0;padding:0;border:0;color:transparent;caret-color:transparent;cursor:text}.w21-live{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;font-size:var(--fs-micro);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-dim)}.w21-live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px rgb(var(--accent-rgb) / .8);animation:live-pulse 2s var(--ease-in-out) infinite}.w21-fee{display:grid;gap:var(--s-3)}.w21-pot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:12px 14px;border-radius:var(--r-sm);background:rgb(var(--warm-rgb) / .06);border:1px solid rgb(var(--warm-rgb) / .22)}.w21-pot .w21-coin{width:30px;height:30px;flex:none}.w21-pot .w21-label{font-family:var(--font-display);font-size:var(--fs-micro);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-dim)}.w21-pot .w21-amount{font-family:var(--font-display);font-weight:700;font-size:20px;line-height:1.1;color:var(--accent-warm);font-variant-numeric:tabular-nums}.w21-pot .w21-stake{margin-left:auto;text-align:right;font-size:var(--fs-caption);color:var(--text-dim)}.w21-pot .w21-stake b{display:block;font-family:var(--font-display);font-size:16px;color:var(--text)}.w21-queue{min-height:24px;font-size:var(--fs-small);color:var(--text-dim)}.w21-queue .w21-spinner.w21-inline{display:inline-block;vertical-align:-3px;margin-right:8px}.w21-queue b{color:var(--text)}.w21-take-layout{display:grid;gap:var(--s-4);margin-top:var(--s-4)}@media(min-width:1000px){.w21-take-layout{grid-template-columns:minmax(0,520px) minmax(0,1fr);align-items:start;justify-content:center}}.w21-take-layout .w21-column{margin:0;max-width:none}.w21-queue-list{display:grid;gap:var(--s-2);margin-top:var(--s-3)}.w21-queue-row{--k: 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s-3);padding:10px 12px;border-radius:var(--r-md);background:rgb(var(--ink-rgb) / .35);border:1px solid var(--line);animation:card-in var(--t-slow) var(--ease-out) both;animation-delay:calc(var(--k) * 40ms)}.w21-queue-row .w21-who-name{font-family:var(--font-display);font-weight:700;font-size:16px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w21-queue-row .w21-who-sub{font-size:var(--fs-caption);color:var(--text-dim)}.w21-queue-row.w21-mine{opacity:.6}.w21-who-sub .w21-stake{color:var(--c-warm);font-weight:600}.w21-who-sub .w21-pot-inline{color:var(--c-text);font-weight:600}.w21-who-sub .w21-money-line{white-space:nowrap}.w21-who-sub .w21-unit{color:var(--c-text-dim);font-size:.85em;letter-spacing:.06em}.w21-queue-row .w21-who-name{display:flex;align-items:center;gap:8px;min-width:0}.w21-queue-row .w21-who-name .w21-pt-name{font-size:16px}@keyframes caret{to{opacity:0}}@keyframes live-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.5}}.w21-range{--v: 50%;-webkit-appearance:none;appearance:none;width:100%;height:var(--tap);background:transparent;cursor:pointer;margin:0}.w21-range:disabled{opacity:.35;cursor:not-allowed}.w21-range::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--c-accent) var(--v),rgb(var(--text-rgb) / .12) var(--v));box-shadow:inset 0 1px 1px rgb(var(--ink-rgb) / .6)}.w21-range::-moz-range-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--c-accent) var(--v),rgb(var(--text-rgb) / .12) var(--v))}.w21-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:linear-gradient(180deg,var(--white),var(--thumb-accent-lo));border:2px solid var(--c-accent);box-shadow:0 2px 6px rgb(var(--ink-rgb) / .8),0 0 14px -2px rgb(var(--accent-rgb) / .7);transition:transform var(--t-fast) var(--ease-spring)}.w21-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,var(--white),var(--thumb-accent-lo));border:2px solid var(--c-accent);box-shadow:0 2px 6px rgb(var(--ink-rgb) / .8),0 0 14px -2px rgb(var(--accent-rgb) / .7)}.w21-range:active::-webkit-slider-thumb{transform:scale(1.15)}.w21-range:focus-visible{box-shadow:none}.w21-range:focus-visible::-webkit-slider-thumb{box-shadow:var(--ring-offset),var(--ring)}.w21-slider{display:grid;grid-template-columns:72px 1fr 40px;align-items:center;gap:12px}.w21-slider>span{font-family:var(--font-display);font-weight:600;font-size:var(--fs-caption);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-dim)}.w21-slider b{text-align:right;font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--text);font-variant-numeric:tabular-nums}.w21-sliders{display:grid;gap:2px}.w21-dialog{position:relative;width:100%;max-width:440px;max-height:calc(100dvh - 2 * var(--gutter));overflow-y:auto;padding:var(--s-6);border-radius:var(--r-xl);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--line-strong);box-shadow:var(--el-3);animation:pop-in var(--t-slow) var(--ease-spring) both}.w21-dialog:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--accent-rgb) / .7),transparent)}.w21-dialog h2{font-size:28px;text-align:center}.w21-dialog-logo{display:flex;justify-content:center;margin-bottom:var(--s-2)}.w21-dialog-logo img{width:150px;height:auto;filter:drop-shadow(0 8px 16px rgb(var(--ink-rgb) / .8))}.w21-dialog .w21-kicker{display:flex;justify-content:center;margin-bottom:var(--s-2)}.w21-dialog .w21-actions{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-4)}.w21-dialog .w21-lede{text-align:center;color:var(--text-dim);font-size:var(--fs-small);margin:var(--s-2) 0 0}.w21-dialog .w21-big-score{font-family:var(--font-display);font-size:64px;font-weight:700;text-align:center;line-height:1;margin:12px 0 4px;color:var(--accent)}.w21-pause-strip{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:var(--s-3);margin-top:var(--s-3);padding:12px 14px;border-radius:var(--r-md);background:rgb(var(--ink-rgb) / .4);border:1px solid var(--line)}.w21-pause-strip .w21-stat{display:grid;gap:2px}.w21-pause-strip .w21-stat b{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1;font-variant-numeric:tabular-nums}.w21-pause-strip .w21-stat:nth-child(2) b{color:var(--accent)}.w21-pause-strip+.w21-divider{margin:var(--s-4) 0 0}.w21-settings{display:grid;gap:var(--s-4);margin:var(--s-3) 0 var(--s-1)}.w21-settings .w21-group{display:grid;gap:8px}.w21-settings .w21-group-head{display:flex;align-items:center;justify-content:space-between}.w21-tier-hint{font-size:var(--fs-caption);color:var(--text-dim);min-height:18px}.w21-notify-row,.w21-haptics-row{border-top:1px solid var(--c-rim);padding-top:12px}.w21-notify-row .w21-switch,.w21-haptics-row .w21-switch{align-items:flex-start}.w21-notify-row .w21-switch-track,.w21-haptics-row .w21-switch-track{margin-top:2px}.w21-notify-row.w21-locked .w21-switch,.w21-haptics-row.w21-locked .w21-switch{cursor:default}.w21-notify-row.w21-locked .w21-switch-track,.w21-haptics-row.w21-locked .w21-switch-track{opacity:.45}.w21-settings .w21-group>.w21-haptics-row:last-child{padding-bottom:8px}@keyframes pop-in{0%{transform:scale(.94) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.w21-field-label,label.w21-field>span:first-child{font-family:var(--font-display);font-weight:600;font-size:var(--fs-caption);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-dim)}.w21-pot .w21-label{font-weight:600}.w21-hud .w21-btn{pointer-events:auto}.w21-screen--pause.w21-overlay{z-index:5}.w21-game-chrome{z-index:6}.w21-game-chrome--docked{position:static;inset:auto;gap:8px;margin-left:auto;z-index:auto}.w21-hud .w21-icon-btn{pointer-events:auto}.w21-screen--pause.w21-overlay{padding:var(--gutter);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text);text-align:left}.w21-dialog>[hidden],.w21-dialog .w21-actions>[hidden]{display:none}.w21-hero{position:relative;display:grid;justify-items:center;text-align:center;padding:var(--s-2) 0 var(--s-4)}@media(min-width:760px){.w21-hero{padding:0 0 var(--s-3)}}.w21-hero-logo{position:relative;width:min(100%,460px);aspect-ratio:1179 / 705;animation:logo-in var(--t-reveal) var(--ease-out) both}.w21-hero-logo:before{content:"";position:absolute;inset:-20% -10%;z-index:-1;border-radius:50%;background:radial-gradient(45% 50% at 50% 55%,rgb(var(--accent-rgb) / calc(.28 * (1 - var(--world-cover, 0) * .85))),transparent 70%),radial-gradient(60% 55% at 50% 60%,rgb(var(--indigo-rgb) / calc(.35 * (1 - var(--world-cover, 0) * .85))),transparent 75%);animation:glow-breathe 6s var(--ease-in-out) infinite;pointer-events:none}.w21-hero-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 30px rgb(var(--ink-rgb) / .85)) drop-shadow(0 0 28px rgb(var(--sky-rgb) / .35))}.w21-hero-tagline{margin-top:var(--s-2);font-family:var(--font-display);font-weight:600;font-size:clamp(16px,2.2vw,22px);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);animation:route-in var(--t-reveal) var(--ease-out) .2s both}.w21-hero-tagline .w21-phrase{display:inline-block;white-space:nowrap}.w21-hero-tagline .w21-phrase+.w21-phrase:before{content:"";display:inline-block;width:4px;height:4px;margin:0 10px;vertical-align:middle;border-radius:50%;background:var(--accent);box-shadow:0 0 8px rgb(var(--accent-rgb) / .9)}@media(max-width:640px){.w21-hero-tagline .w21-phrase{display:block}.w21-hero-tagline .w21-phrase+.w21-phrase:before{display:none}}.w21-hero-tagline em{font-style:normal;color:var(--text);text-shadow:0 0 18px rgb(var(--accent-rgb) / .35)}.w21-hero-tagline .w21-dot{display:inline-block;width:4px;height:4px;margin:0 10px;vertical-align:middle;border-radius:50%;background:var(--accent);box-shadow:0 0 8px rgb(var(--accent-rgb) / .9)}.w21-hero-cta{margin-top:var(--s-5);justify-content:center;width:100%;animation:route-in var(--t-reveal) var(--ease-out) .32s both}@media(max-width:480px){.w21-hero-cta{flex-direction:column;gap:var(--s-2)}.w21-hero-cta .w21-btn{width:100%}}.w21-modes{display:grid;gap:var(--s-3);margin-top:var(--s-4)}@media(min-width:760px){.w21-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4);margin-top:var(--s-6)}}.w21-mode-card{--mode-rgb: var(--accent-rgb);--mode: var(--c-accent);position:relative;display:grid;grid-template-columns:96px 1fr;gap:var(--s-2) var(--s-4);align-items:center;min-height:116px;padding:var(--s-4);border-radius:var(--r-lg);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--line);box-shadow:var(--el-2);overflow:hidden;text-decoration:none;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;animation:card-in var(--t-reveal) var(--ease-out) both;animation-delay:calc(var(--k, 0) * 30ms);transition:transform var(--t-slow) var(--ease-spring),box-shadow var(--t-slow) var(--ease-out),border-color var(--t-slow) var(--ease-out)}.w21-mode-card:before{content:"";position:absolute;inset:0;background:radial-gradient(140px 120px at 0% 0%,rgb(var(--mode-rgb) / .22),transparent 70%);opacity:.8;transition:opacity var(--t-slow) var(--ease-out);pointer-events:none}.w21-mode-card:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgb(var(--text-rgb) / .06),transparent);transform:translate(-100%) skew(-12deg);pointer-events:none}.w21-mode-card:hover,.w21-mode-card:focus-visible{transform:translateY(-4px);border-color:rgb(var(--mode-rgb) / .55);box-shadow:var(--el-3),0 0 0 1px rgb(var(--mode-rgb) / .25),0 20px 60px -20px rgb(var(--mode-rgb) / .55)}.w21-mode-card:hover:before{opacity:1}.w21-mode-card:hover:after{animation:sheen .9s var(--ease-out) forwards}.w21-mode-card:active{transform:translateY(-1px) scale(.99);transition-duration:var(--t-fast)}.w21-mode-card.w21-amber{--mode-rgb: var(--warm-rgb);--mode: var(--c-warm)}.w21-mode-card.w21-rose{--mode-rgb: var(--danger-rgb);--mode: var(--c-danger)}.w21-mode-glyph{grid-row:1 / span 3;width:96px;height:96px;display:grid;place-items:center;border-radius:var(--r-md);background:rgb(var(--ink-rgb) / .35);border:1px solid var(--line);box-shadow:inset 0 1px rgb(var(--white-rgb) / .04);transition:transform var(--t-slow) var(--ease-spring)}.w21-mode-glyph svg{width:72px;height:72px;filter:drop-shadow(0 6px 10px rgb(var(--ink-rgb) / .8));transition:transform var(--t-slow) var(--ease-spring),filter var(--t-slow) var(--ease-out)}.w21-mode-card:hover .w21-mode-glyph svg{transform:translateY(-2px);filter:drop-shadow(0 8px 12px rgb(var(--ink-rgb) / .8)) drop-shadow(0 0 10px rgb(var(--mode-rgb) / .45))}.w21-mode-card .w21-tag{justify-self:start;background:rgb(var(--mode-rgb) / .14);color:var(--mode)}.w21-mode-card h3{font-size:var(--fs-heading);line-height:1.05}.w21-mode-card p{color:var(--text-dim);font-size:var(--fs-small);line-height:1.4}.w21-mode-card .w21-cta{display:none;margin-top:var(--s-2);font-family:var(--font-display);font-weight:700;font-size:var(--fs-caption);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--mode)}.w21-mode-card .w21-cta:after{content:" →";display:inline-block;transition:transform var(--t-base) var(--ease-out)}.w21-mode-card:hover .w21-cta:after{transform:translate(4px)}@media(min-width:760px){.w21-mode-card{grid-template-columns:1fr;gap:var(--s-2);align-items:start;min-height:260px;padding:var(--s-5)}.w21-mode-glyph{grid-row:auto;width:100%;height:120px;margin-bottom:var(--s-2);background:radial-gradient(80% 90% at 50% 100%,rgb(var(--mode-rgb) / .16),transparent 70%),rgb(var(--ink-rgb) / .35)}.w21-mode-glyph svg{width:104px;height:104px}.w21-mode-card .w21-cta{display:block}}.w21-strip{display:grid;gap:var(--s-4);margin-top:var(--s-6)}@media(min-width:900px){.w21-strip{grid-template-columns:3fr 2fr}}.w21-strip .w21-panel{animation:card-in var(--t-reveal) var(--ease-out) 60ms both}.w21-steps{display:grid;gap:var(--s-3);margin-top:var(--s-3)}@media(min-width:640px){.w21-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.w21-step{display:grid;grid-template-columns:56px 1fr;gap:var(--s-3);align-items:center}@media(min-width:640px){.w21-step{grid-template-columns:1fr;gap:var(--s-2)}}.w21-step svg{width:56px;height:56px}.w21-step b{display:block;font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:.06em;text-transform:uppercase}.w21-step span{display:block;color:var(--text-dim);font-size:var(--fs-caption);line-height:1.4}.w21-step-n{font-family:var(--font-display);font-weight:700;font-size:var(--fs-micro);letter-spacing:var(--track-label);color:var(--accent)}.w21-who{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}.w21-who .w21-name{font-family:var(--font-display);font-weight:700;font-size:20px;line-height:1.1}.w21-who .w21-sub{color:var(--text-dim);font-size:var(--fs-caption)}.w21-who .w21-actions{margin-left:auto;display:flex;gap:var(--s-2)}@media(max-width:480px){.w21-who .w21-actions{width:100%;margin-left:0}.w21-who .w21-actions .w21-btn{flex:1}}.w21-legal{margin-top:var(--s-7);text-align:center;color:rgb(var(--white-rgb) / .55);font-size:12px;letter-spacing:.02em}.w21-signin-card{display:grid;gap:var(--s-3)}.w21-signin-card .w21-perks{display:grid;gap:6px;color:var(--text-dim);font-size:var(--fs-small)}.w21-signin-card .w21-perks li{list-style:none;display:flex;gap:8px;align-items:center}.w21-signin-card .w21-perks ul{padding:0;margin:0;display:grid;gap:6px}.w21-signin-card .w21-perks li:before{content:"";width:6px;height:6px;border-radius:2px;background:var(--accent);box-shadow:0 0 6px rgb(var(--accent-rgb) / .8);flex:none}@media(hover:none){.w21-mode-card:hover,.w21-btn:hover,.w21-balance:hover,.w21-match:hover{transform:none}}.w21-who .w21-rank-line{display:flex;align-items:center;gap:8px;margin-top:4px}.w21-who .w21-rank-line .w21-rank-name{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--rank)}.w21-who-xp{margin-top:var(--s-3)}.w21-who .w21-name a{color:inherit;text-decoration:none;border-radius:var(--r-xs)}.w21-who .w21-name a:hover{color:var(--rank)}.w21-who .w21-name a:focus-visible{outline:none;box-shadow:var(--ring-offset),var(--ring)}@keyframes glow-breathe{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes logo-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes sheen{to{transform:translate(600%) skew(-12deg)}}.w21-hero-logo{contain:layout}.w21-hero-logo img{height:100%;object-fit:contain}.w21-hero-status{margin-top:var(--s-2);font-size:var(--fs-small);color:var(--text-dim)}.w21-hero-status[data-tone=rose]{color:var(--danger-text)}.w21-hero-status[hidden],.w21-mode-card[hidden],.w21-recent-list[hidden],.w21-divider[hidden]{display:none}.w21-tutorial{font:inherit;letter-spacing:inherit;color:var(--accent);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.w21-mode-card[aria-disabled=true]{opacity:.6;pointer-events:none}.w21-notify-stack{position:fixed;z-index:40;display:flex;flex-direction:column;gap:10px;width:min(440px,calc(100vw - 2 * var(--gutter)));left:50%;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 8px);transform:translate(-50%);pointer-events:none}@media(min-width:601px){.w21-notify-stack{left:auto;bottom:auto;transform:none;right:var(--column-right);top:calc(max(10px,env(safe-area-inset-top)) + 64px)}}.w21-notify-toast{--tone: var(--text-dim);--tone-rgb: var(--text-rgb);position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;overflow:hidden;border-radius:var(--r-md);background:var(--glass-solid);border:1px solid rgb(var(--tone-rgb) / .45);box-shadow:var(--el-2),0 0 0 1px rgb(var(--tone-rgb) / .12),0 12px 40px -8px rgb(var(--tone-rgb) / .35);color:var(--text);pointer-events:auto;touch-action:pan-y;cursor:pointer;transform:translate(var(--dx, 0px));animation:toast-in var(--t-slow) var(--ease-pop) both;transition:transform var(--t-base) var(--ease-out)}.w21-notify-toast:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--tone);box-shadow:0 0 12px rgb(var(--tone-rgb) / .6)}.w21-notify-toast.w21-won{--tone: var(--c-accent);--tone-rgb: var(--accent-rgb)}.w21-notify-toast.w21-lost{--tone: var(--c-danger);--tone-rgb: var(--danger-rgb)}.w21-notify-toast.w21-taken{--tone: var(--c-indigo);--tone-rgb: var(--indigo-rgb)}.w21-notify-toast.w21-expired{--tone: var(--text-dim);--tone-rgb: var(--text-rgb);border-color:var(--line-strong)}.w21-notify-toast.w21-held{transition:none}.w21-notify-toast.w21-leave-left,.w21-notify-toast.w21-leave-right{transition:transform .16s var(--ease-in-out),opacity .16s var(--ease-out);opacity:0}.w21-notify-toast.w21-leave-left{transform:translate(-120%)}.w21-notify-toast.w21-leave-right{transform:translate(120%)}.w21-nt-body{all:unset;display:grid;gap:2px;min-width:0;padding:12px 16px 14px;cursor:pointer}@media(max-width:600px){.w21-nt-suffix{display:none}}.w21-nt-body:focus-visible{box-shadow:inset var(--ring);border-radius:var(--r-md)}.w21-nt-eyebrow{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--tone)}.w21-nt-amount{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--accent-warm);margin:2px 0 4px}.w21-nt-amount .w21-coin{width:24px;height:24px}.w21-notify-toast.w21-lost .w21-nt-amount{color:var(--c-danger);font-size:22px}.w21-nt-line{font-size:var(--fs-small);color:var(--text);line-height:1.35;overflow-wrap:anywhere}.w21-notify-toast.w21-expired .w21-nt-line{color:var(--text-dim)}.w21-nt-scores{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.08em;color:var(--text-dim);font-variant-numeric:tabular-nums}.w21-nt-close{display:grid;place-items:center;padding:0 8px;border-left:1px solid var(--line)}.w21-nt-hairline{position:absolute;left:3px;right:0;bottom:0;height:2px;background:var(--tone);opacity:.7;transform-origin:left;animation:nt-drain 6s linear both}.w21-notify-toast.w21-held .w21-nt-hairline{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.w21-notify-toast{animation:none;transition:none}.w21-nt-hairline{display:none}}.w21-inbox-layer{position:fixed;inset:0;z-index:30}.w21-inbox-pop{position:fixed;top:calc(max(10px,env(safe-area-inset-top)) + 58px);right:var(--column-right);width:min(460px,calc(100vw - 2 * var(--gutter)));max-height:min(70vh,640px);display:flex;flex-direction:column;border-radius:var(--r-lg);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--line-strong);box-shadow:var(--el-3);outline:none;animation:pop-in var(--t-slow) var(--ease-spring) both;transform-origin:top right}.w21-inbox-pop:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--accent-rgb) / .7),transparent)}.w21-inbox-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:14px 12px 10px 20px;border-bottom:1px solid var(--line)}.w21-inbox-head h3{font-size:18px;letter-spacing:.1em}.w21-inbox-head .w21-row{gap:6px;margin:0;flex-wrap:nowrap}@media(pointer:coarse){.w21-icon-btn.w21-sm{width:var(--tap);height:var(--tap)}}.w21-icon-btn.w21-sm svg{width:18px;height:18px}.w21-inbox-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0}.w21-inbox-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:10px 12px 10px 20px;border-top:1px solid var(--line)}.w21-inbox-foot .w21-btn{flex:1}.w21-inbox-profile{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);padding:0 8px;border-radius:var(--r-sm);font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-dim);text-decoration:none}.w21-inbox-profile svg{width:16px;height:16px}.w21-inbox-profile:hover{color:var(--text)}.w21-inbox-empty{padding:24px 20px;color:var(--text-dim);font-size:var(--fs-small);text-align:center;text-wrap:balance}.w21-inbox-list{list-style:none;margin:0;padding:4px 0}.w21-inbox-row{--tone: var(--text-dim);--tone-rgb: var(--text-rgb)}.w21-inbox-row.w21-won{--tone: var(--c-accent);--tone-rgb: var(--accent-rgb)}.w21-inbox-row.w21-lost{--tone: var(--c-danger);--tone-rgb: var(--danger-rgb)}.w21-inbox-row.w21-taken{--tone: var(--c-indigo);--tone-rgb: var(--indigo-rgb)}.w21-inbox-row>a{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:44px;padding:8px 16px 8px 20px;color:var(--text);text-decoration:none;transition:background-color var(--t-fast) var(--ease-out)}.w21-inbox-row>a:hover{background:rgb(var(--text-rgb) / .04)}.w21-inbox-row>a:focus-visible{box-shadow:inset var(--ring);border-radius:var(--r-sm)}.w21-inbox-row.w21-unread>a{background:rgb(var(--tone-rgb) / .05)}.w21-inbox-row.w21-unread>a:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 2px 2px 0;background:var(--tone);box-shadow:0 0 10px rgb(var(--tone-rgb) / .6)}.w21-inbox-row .w21-chip{font-size:13px;padding:5px 8px;min-width:72px;justify-content:center}.w21-inbox-row.w21-expired .w21-chip{color:var(--text-dim)}.w21-ir-main{display:grid;gap:2px;min-width:0}.w21-ir-amount{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;font-size:17px;line-height:1;color:var(--accent-warm);font-variant-numeric:tabular-nums}.w21-ir-amount .w21-coin{width:16px;height:16px}.w21-inbox-row.w21-lost .w21-ir-amount{color:var(--c-danger)}.w21-inbox-row.w21-expired .w21-ir-amount{color:var(--text-dim)}.w21-ir-line{font-size:13px;color:var(--text-dim);line-height:1.35;overflow-wrap:anywhere}@media(min-width:601px){.w21-ir-line{font-size:14px}}.w21-inbox-row.w21-unread .w21-ir-line{color:var(--text)}.w21-ir-side{display:grid;justify-items:end;gap:4px;text-align:right}.w21-ir-scores{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.06em;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.w21-ir-side time{font-size:13px;color:var(--text-dim);white-space:nowrap}.w21-inbox-page .w21-inbox-head{padding:0 0 12px;margin-bottom:4px}.w21-inbox-page .w21-inbox-list{margin:0 calc(-1 * var(--s-6))}@media(max-width:480px){.w21-inbox-page .w21-inbox-list{margin:0 calc(-1 * var(--s-4))}}@media(max-width:600px){.w21-inbox-row>a{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"chip main" "chip side";row-gap:2px}.w21-inbox-row .w21-chip{grid-area:chip}.w21-ir-main{grid-area:main}.w21-ir-side{grid-area:side;display:flex;justify-content:flex-start;align-items:baseline;gap:10px;text-align:left}.w21-inbox-layer{background:rgb(var(--ink-rgb) / .6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in var(--t-slow) var(--ease-out) both}.w21-inbox-pop{inset:auto 0 0;width:100%;max-height:min(82vh,100dvh - 40px);border-radius:var(--r-xl) var(--r-xl) 0 0;border-bottom:0;animation:sheet-in var(--t-slow) var(--ease-out) both;transform-origin:bottom center}.w21-inbox-pop:after{content:"";position:absolute;top:8px;left:50%;width:36px;height:4px;border-radius:2px;background:rgb(var(--text-rgb) / .25);transform:translate(-50%)}.w21-inbox-head{padding-top:22px}.w21-inbox-foot{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}@media(max-width:600px){.w21-push-prompt{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon title" "body body" "btn btn";column-gap:10px;padding-right:48px}.w21-push-prompt .w21-pp-icon{align-self:center;width:28px;height:28px}.w21-push-prompt .w21-pp-icon svg{width:16px;height:16px}.w21-pp-long{display:none}.w21-pp-short{display:inline}.w21-push-prompt>.w21-btn{justify-self:stretch}}@keyframes nt-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes sheet-in{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:601px){@keyframes toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}}.w21-inbox-layer[hidden],.w21-inbox-head .w21-btn[hidden]{display:none}html.w21-inbox-open,html.w21-inbox-open body,html.w21-inbox-open .w21-screen{overflow:hidden}.w21-inbox-layer,.w21-push-prompt,.w21-screen--pause.w21-overlay{pointer-events:auto}.w21-spinner{width:32px;height:32px;border-radius:50%;margin:var(--s-6) auto;background:conic-gradient(from 0deg,transparent 0 20%,var(--accent) 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),var(--black) calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),var(--black) calc(100% - 3px));animation:spin .9s linear infinite}.w21-spinner.w21-inline{width:18px;height:18px;margin:0}.w21-spinner.w21-dark{background:conic-gradient(from 0deg,transparent 0 20%,var(--on-accent) 100%)}.w21-skeleton{position:relative;overflow:hidden;border-radius:var(--r-sm);background:rgb(var(--text-rgb) / .06);min-height:14px}.w21-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgb(var(--text-rgb) / .08),transparent);transform:translate(-100%);animation:skel 1.4s var(--ease-in-out) infinite}.w21-skeleton.w21-card{min-height:84px;border-radius:var(--r-md)}.w21-skeleton.w21-line{height:14px}.w21-skeleton.w21-line.w21-short{width:45%}.w21-error{color:var(--danger-text);background:rgb(var(--danger-rgb) / .1);border:1px solid rgb(var(--danger-rgb) / .3)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skel{to{transform:translate(100%)}}