:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-bg:#050807;--c-surface:#0b110f;--c-surface-raised:#121b18;--c-surface-sunken:#080d0b;--c-overlay:#020504c7;--c-border:#cdb27a24;--c-border-strong:#cdb27a4d;--c-text:#eee8d8;--c-text-muted:#a3b0a8;--c-text-faint:#6c7a72;--c-accent:#cdb27a;--c-accent-hover:#dcc590;--c-accent-pressed:#b99a5e;--c-on-accent:#17110a;--c-accent-soft:#cdb27a1f;--c-felt:#0f6b46;--c-felt-deep:#0b3a2d;--c-opponent:#ff9e57;--c-opponent-soft:#ff9e5729;--c-success:#4fd1a5;--c-success-soft:#4fd1a524;--c-danger:#f0776a;--c-danger-soft:#f0776a24;--c-warning:#f2c500;--c-warning-soft:#f2c50024;--c-info:#7fb7e8;--c-info-soft:#7fb7e824;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", palatino, "Book Antiqua", georgia, "Times New Roman", serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.2;--lh-normal:1.45;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:24px;--r-pill:999px;--metal-gradient:linear-gradient(180deg, #ecdcb2 0%, #cdb27a 48%, #a98a52 100%);--metal-edge:inset 0 1px 0 #fff4d68c, inset 0 -1px 0 #0000004d;--panel-edge:inset 0 1px 0 #fff0c80f;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 6px 18px #00000061;--shadow-lg:0 18px 48px #00000080;--ring:0 0 0 3px #cdb27a73;--tap:44px;--content-max:34rem;--t-fast:.12s;--t-base:.2s;--t-slow:.32s;--ease:cubic-bezier(.2, .7, .2, 1);--safe-top:calc(var(--tg-viewport-safe-area-inset-top,env(safe-area-inset-top,0px)) + var(--tg-viewport-content-safe-area-inset-top,0px));--safe-bottom:calc(var(--tg-viewport-safe-area-inset-bottom,env(safe-area-inset-bottom,0px)) + var(--tg-viewport-content-safe-area-inset-bottom,0px));--safe-left:calc(var(--tg-viewport-safe-area-inset-left,env(safe-area-inset-left,0px)) + var(--tg-viewport-content-safe-area-inset-left,0px));--safe-right:calc(var(--tg-viewport-safe-area-inset-right,env(safe-area-inset-right,0px)) + var(--tg-viewport-content-safe-area-inset-right,0px))}@media (prefers-reduced-motion:reduce){:root{--t-fast:.01ms;--t-base:.01ms;--t-slow:.01ms}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}h1,h2,h3,h4,p{margin:0}h1,h2,h3{line-height:var(--lh-tight);text-wrap:balance}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}:focus-visible{box-shadow:var(--ring);outline:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{height:100dvh;padding-left:var(--safe-left);padding-right:var(--safe-right);background:var(--c-bg);flex-direction:column;display:flex}.app__top{padding-top:var(--safe-top);flex:none}.app__main{flex-direction:column;flex:1;min-height:0;display:flex}.scroll{scrollbar-width:thin;scrollbar-color:var(--c-border-strong) transparent;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.page{width:100%;max-width:var(--content-max);padding:var(--sp-4);margin:0 auto}.stack{gap:var(--sp-4);flex-direction:column;display:flex}.stack--tight{gap:var(--sp-2)}.screen-enter{animation:screen-in var(--t-base) var(--ease) both}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-4);border-radius:var(--r-md);background:var(--c-surface-raised);color:var(--c-text);font-size:var(--fs-md);font-weight:var(--fw-semibold);text-align:center;transition:background-color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease), opacity var(--t-fast) var(--ease);border:1px solid #0000;line-height:1;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn--primary{background:var(--metal-gradient);color:var(--c-on-accent);box-shadow:var(--metal-edge), 0 6px 16px #0006;text-shadow:0 1px #fff4d673;border-color:#00000059}.btn--primary:hover:not(:disabled){filter:brightness(1.07)}.btn--primary:active:not(:disabled){filter:brightness(.94)}.btn--secondary{border-color:var(--c-border-strong);background:0 0}.btn--secondary:hover:not(:disabled){background:var(--c-surface-raised)}.btn--ghost{color:var(--c-text-muted);background:0 0}.btn--ghost:hover:not(:disabled){color:var(--c-text);background:var(--c-surface)}.btn--danger{border-color:var(--c-danger);background:var(--c-danger-soft);color:var(--c-danger)}.btn--lg{min-height:56px;padding:0 var(--sp-5);border-radius:var(--r-lg);font-size:var(--fs-lg)}.btn--sm{min-height:36px;padding:0 var(--sp-3);font-size:var(--fs-sm)}.btn--block{width:100%}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn--loading{cursor:progress}.card{padding:var(--sp-4);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--panel-edge)}.card--raised{background:var(--c-surface-raised);box-shadow:var(--shadow-md)}.section-title{color:var(--c-accent);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.14em;text-transform:uppercase}.muted{color:var(--c-text-muted)}.hint{color:var(--c-text-muted);font-size:var(--fs-sm)}.field{gap:var(--sp-2);flex-direction:column;display:flex}.field__label{color:var(--c-text-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.input{width:100%;min-height:var(--tap);padding:0 var(--sp-3);border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface-sunken);color:var(--c-text);transition:border-color var(--t-fast) var(--ease)}.input::placeholder{color:var(--c-text-faint)}.input:focus{border-color:var(--c-accent)}.input[aria-invalid=true]{border-color:var(--c-danger)}.input:disabled{opacity:.5}.input--code{font-family:ui-monospace,SF Mono,consolas,monospace;font-size:var(--fs-lg);letter-spacing:.08em;text-align:center}.field__error{color:var(--c-danger);font-size:var(--fs-sm)}.spinner{border:3px solid var(--c-border-strong);border-top-color:var(--c-accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.spinner--sm{border-width:2px;width:16px;height:16px}@keyframes spin{to{transform:rotate(360deg)}}.state{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-4);text-align:center;flex-direction:column;flex:1;display:flex}.state__icon{background:var(--c-surface-raised);width:56px;height:56px;color:var(--c-text-muted);border-radius:50%;place-items:center;display:grid}.state--error .state__icon{background:var(--c-danger-soft);color:var(--c-danger)}.state--success .state__icon{background:var(--c-success-soft);color:var(--c-success)}.state--loading .state__icon{background:0 0}.state__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.state__text{max-width:24rem;color:var(--c-text-muted)}.toast-region{inset:var(--sp-3) var(--sp-3) auto;z-index:20;align-items:center;gap:var(--sp-2);pointer-events:none;flex-direction:column;display:flex;position:absolute}.toast{align-items:flex-start;gap:var(--sp-2);max-width:32rem;padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface-raised);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);font-weight:var(--fw-medium);animation:toast-in var(--t-base) var(--ease) both;display:flex}.toast--error{border-color:var(--c-danger);background:color-mix(in srgb, var(--c-danger) 18%, var(--c-surface))}.toast--success{border-color:var(--c-success);background:color-mix(in srgb, var(--c-success) 16%, var(--c-surface))}.toast--warning{border-color:var(--c-warning);background:color-mix(in srgb, var(--c-warning) 16%, var(--c-surface))}.toast--info{border-color:var(--c-info)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.modal-backdrop{z-index:50;padding:max(var(--sp-4), var(--safe-top)) max(var(--sp-4), var(--safe-right)) max(var(--sp-4), var(--safe-bottom)) max(var(--sp-4), var(--safe-left));background:var(--c-overlay);animation:fade-in var(--t-base) var(--ease) both;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{gap:var(--sp-4);width:100%;max-width:24rem;max-height:100%;padding:var(--sp-5);border:1px solid var(--c-border-strong);border-radius:var(--r-xl);background:var(--c-surface-raised);box-shadow:var(--shadow-lg);animation:modal-in var(--t-base) var(--ease) both;flex-direction:column;display:flex;overflow-y:auto}.modal__title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-semibold)}.modal__actions{gap:var(--sp-2);flex-direction:column;display:flex}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}.avatar{background:var(--c-felt-deep);width:40px;height:40px;color:var(--c-accent);font-weight:var(--fw-bold);-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.avatar--lg{width:72px;height:72px;font-size:var(--fs-2xl)}.avatar img{object-fit:cover;width:100%;height:100%}.badge{align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--r-pill);background:var(--c-surface-raised);color:var(--c-text-muted);font-size:var(--fs-xs);font-weight:var(--fw-semibold);white-space:nowrap;display:inline-flex}.header{align-items:center;gap:var(--sp-2);min-height:52px;padding:var(--sp-2) var(--sp-3);display:flex}.header__title{min-width:0;font-size:var(--fs-lg);font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--r-md);color:var(--c-text);transition:background-color var(--t-fast) var(--ease);background:0 0;border:0;flex:none;place-items:center;display:grid}.icon-btn:hover{background:var(--c-surface)}.nav{padding-bottom:var(--safe-bottom);border-top:1px solid var(--c-border);background:var(--c-surface-sunken);flex:none;display:flex}.nav__item{min-height:56px;padding:var(--sp-2);color:var(--c-text-faint);font-size:var(--fs-xs);font-weight:var(--fw-semibold);transition:color var(--t-fast) var(--ease);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.nav__item[aria-current=page]{color:var(--c-accent)}.choice-list{gap:var(--sp-2);flex-direction:column;display:flex}.choice{align-items:center;gap:var(--sp-3);width:100%;min-height:56px;padding:var(--sp-2) var(--sp-4);border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface);font-size:var(--fs-lg);font-weight:var(--fw-medium);text-align:left;transition:border-color var(--t-fast) var(--ease), background-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);display:flex}.choice:hover:not(:disabled){background:var(--c-surface-raised)}.choice:active:not(:disabled){transform:scale(.985)}.choice:disabled{opacity:.6;cursor:progress}.choice[aria-checked=true]{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent)}.choice__code{border-radius:var(--r-sm);background:var(--c-surface-raised);width:36px;height:28px;color:var(--c-text-muted);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;flex:none;place-items:center;display:grid}.choice[aria-checked=true] .choice__code{background:var(--c-accent);color:var(--c-on-accent)}.choice__name{flex:1;min-width:0}.logo{align-items:center;gap:var(--sp-2);color:var(--c-text);display:inline-flex}.logo__word{width:auto;height:.9rem}.header:not(.match__hud),.nav{padding-inline:max(var(--sp-3), calc((100% - var(--content-max)) / 2))}.match__hud{padding-inline:max(var(--sp-2), calc((100% - 44rem) / 2))}.header--center{justify-content:center}.header__spacer{flex:1}.icon-btn--avatar{border-radius:50%}.home{position:relative;overflow:hidden}.arena{pointer-events:none;height:min(58dvh,440px);position:absolute;inset:0 0 auto}.arena__canvas{width:100%;height:100%;display:block}.arena__fade{background:linear-gradient(180deg, #0508078c 0%, #05080700 22%, #05080700 38%, var(--c-bg) 100%);position:absolute;inset:0}.header--home{z-index:2;position:relative}.home .scroll{z-index:1;position:relative}.home__content{gap:var(--sp-5);flex-direction:column;padding-top:min(41dvh,300px);display:flex}.home__greeting{color:var(--c-accent);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.14em;text-transform:uppercase}.hero__title{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-semibold);letter-spacing:.01em}.picker{padding-top:var(--sp-6);align-items:stretch}.picker-scene{background:radial-gradient(at 50% 0,#cdb27a29,#0000 55%),radial-gradient(at 50% 105%,#0f6b4638,#0000 55%)}.picker>svg{align-self:center}.picker__title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-semibold);text-align:center}.picker .hint{text-align:center}.profile{align-items:center;gap:var(--sp-4);display:flex}.profile__who{align-items:flex-start;gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}.profile__name{max-width:100%;font-size:var(--fs-xl);font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.divider{align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);display:flex}.divider:before,.divider:after{content:"";background:var(--c-border);flex:1;height:1px}.match{padding-bottom:var(--safe-bottom);position:relative}.match__hud{align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);flex:none;display:flex}.match__players{gap:var(--sp-2);flex:1;grid-template-columns:1fr 1fr;min-width:0;display:grid}.chip{align-items:center;gap:var(--sp-2);min-width:0;padding:var(--sp-1) var(--sp-2);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);transition:border-color var(--t-base) var(--ease), background-color var(--t-base) var(--ease);display:flex}.chip .avatar{width:32px;height:32px;font-size:var(--fs-sm)}.chip--opponent .avatar{background:var(--c-opponent-soft);color:var(--c-opponent)}.chip--active{border-color:var(--c-accent);background:var(--c-accent-soft)}.chip--opponent.chip--active{border-color:var(--c-opponent);background:var(--c-opponent-soft)}.chip--offline{opacity:.55}.chip__text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.chip__name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip__group{color:var(--c-text-muted);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dots{flex-wrap:wrap;gap:2px;margin-top:2px;display:flex}.dot{background:var(--dot);border-radius:50%;width:9px;height:9px}.dot--stripe{border:2px solid var(--dot);background:#f4efe3}.match__status{padding:var(--sp-1) var(--sp-4);color:var(--c-text-muted);font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-align:center;transition:color var(--t-base) var(--ease);flex:none}.match__status--yours{color:var(--c-accent)}.match__status--opponent{color:var(--c-opponent)}.match__status--warning{color:var(--c-warning)}.match__stagewrap{flex:1;min-height:0;position:relative}.match__stage{touch-action:none;position:absolute;inset:0}.match__stage canvas{display:block}.match__overlay{z-index:10;padding:var(--sp-4);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.match__overlay>*{pointer-events:auto}.match__overlay--bottom{padding-bottom:var(--sp-5);align-items:flex-end}.match__hint{padding:var(--sp-1) var(--sp-4) var(--sp-2);color:var(--c-text-faint);font-size:var(--fs-xs);text-align:center;flex:none}.code-card{text-align:center;width:100%;max-width:20rem}.code-card__code{padding:var(--sp-3);border:1px dashed var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface-sunken);color:var(--c-accent);font-family:ui-monospace,SF Mono,consolas,monospace;font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:.1em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.result{color:var(--c-text-muted)}.result--win{color:var(--c-success)}@media (orientation:landscape) and (height<=520px){.match__hud{padding-block:0}.chip__group,.dots{display:none}.match__players{grid-template-columns:1fr minmax(7rem,36%) 1fr}.match__players .chip:first-child{grid-column:1}.match__players .chip:last-child{grid-column:3}.match__status{z-index:5;width:32%;padding:2px var(--sp-2);-webkit-line-clamp:2;pointer-events:none;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;position:absolute;top:6px;left:50%;overflow:hidden;transform:translate(-50%)}.match__hint{display:none}.header{min-height:44px}.state{padding-block:var(--sp-3)}}@media (width>=720px){.match__players{max-width:34rem;margin-inline:auto}}@media (height<=640px) and (orientation:portrait){.arena{height:40dvh}.home__content{gap:var(--sp-4);padding-top:26dvh}.hero__title{font-size:var(--fs-xl)}}.phaser-host{touch-action:none;flex:1;min-height:0;position:relative}.gate{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.gate__content{flex-direction:column;flex:1;min-height:0;display:flex}.rotate{z-index:40;padding:var(--sp-5);background:radial-gradient(ellipse at 50% 18%, #cdb27a24, transparent 60%), radial-gradient(ellipse at 50% 110%, #0f6b4647, transparent 55%), var(--c-bg);animation:fade-in var(--t-slow) var(--ease) both;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rotate--entering{animation:rotate-out calc(var(--t-slow) * 1.6) var(--ease) .25s both}@keyframes rotate-out{to{opacity:0;transform:scale(1.03)}}.rotate__back{top:max(var(--sp-2), var(--safe-top));left:var(--sp-2);position:absolute}.rotate__body{align-items:center;gap:var(--sp-3);text-align:center;flex-direction:column;max-width:24rem;display:flex}.rotate__stage{width:168px;height:168px;position:relative}.rotate__title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-semibold)}.rotate__hint{color:var(--c-text-muted)}.rotate__note{padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text-muted);font-size:var(--fs-sm)}.rotate__check{background:var(--c-accent);width:44px;height:44px;color:var(--c-on-accent);animation:pop var(--t-base) var(--ease) both;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:8px;right:6px}@keyframes pop{0%{opacity:0;transform:scale(.4)}}.phone-demo{width:100%;height:100%}.phone-demo__phone{transform-box:view-box;transform-origin:80px 80px;animation:phone-turn 3.6s var(--ease) infinite}.phone-demo--done .phone-demo__phone{animation:none;transform:rotate(-90deg)}.phone-demo__arrow{animation:3.6s ease-in-out infinite arrow-fade}.phone-demo--done .phone-demo__arrow{opacity:0;animation:none}@keyframes phone-turn{0%,18%{transform:rotate(0)}58%,88%{transform:rotate(-90deg)}to{transform:rotate(0)}}@keyframes arrow-fade{0%,10%{opacity:0}30%,50%{opacity:.9}64%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.phone-demo__phone{animation:none;transform:rotate(-90deg)}.phone-demo__arrow{opacity:0;animation:none}}@media (orientation:landscape) and (height<=520px){.rotate__stage{width:96px;height:96px}}.coins{font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:.3em;display:inline-flex}.coins--plus{color:var(--c-success)}.coins--minus{color:var(--c-text-muted)}.coin-icon{filter:drop-shadow(0 1px 1px #00000073);flex:none}.coin-pill{min-height:36px;margin-right:var(--sp-2);padding:0 var(--sp-3);border:1px solid var(--c-border-strong);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050807b8;align-items:center;display:inline-flex}.header__coins{margin-left:auto}.row{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.list{gap:var(--sp-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.card.list{padding:0 var(--sp-4);gap:0}.card.list>li+li{border-top:1px solid var(--c-border)}.badge--ok{background:var(--c-success-soft);color:var(--c-success);border-color:#4fd1a559}.notice{align-items:flex-start;gap:var(--sp-2);display:flex}.is-me{background:var(--c-accent-soft)}.segmented{border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface-sunken);scrollbar-width:none;gap:2px;padding:3px;display:flex;overflow-x:auto}.segmented__item{min-height:40px;padding:0 var(--sp-3);border-radius:calc(var(--r-md) - 3px);color:var(--c-text-muted);font-weight:var(--fw-semibold);transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:0;flex:1 0 auto}.segmented--sm .segmented__item{min-height:34px;font-size:var(--fs-sm)}.segmented__item[aria-checked=true]{background:var(--c-surface-raised);color:var(--c-accent);box-shadow:var(--panel-edge), var(--shadow-sm)}.stake-chips{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(84px,1fr));display:grid}.stake-chip{min-height:40px;padding:0 var(--sp-2);border:1px solid var(--c-border-strong);border-radius:var(--r-md);color:var(--c-text);font-size:var(--fs-sm);font-weight:var(--fw-semibold);background:0 0;justify-content:center;align-items:center;display:inline-flex}.stake-chip[aria-checked=true]{border-color:var(--c-accent);background:var(--c-accent-soft);box-shadow:var(--ring)}.stake-chip:disabled{opacity:.35;cursor:not-allowed}.chip-tag{min-height:26px;padding:0 var(--sp-2);border:1px solid var(--c-border);border-radius:var(--r-pill);color:var(--c-text-muted);font-size:var(--fs-xs);font-weight:var(--fw-semibold);align-items:center;gap:4px;display:inline-flex}.chip-tag--gold{border-color:var(--c-border-strong);color:var(--c-accent)}.terms{flex-wrap:wrap;gap:6px;display:flex}.toggle{align-items:center;gap:var(--sp-3);min-height:var(--tap);cursor:pointer;display:flex}.toggle input{width:22px;height:22px;accent-color:var(--c-accent);flex:none}.toggle--inline{min-height:36px;font-size:var(--fs-sm)}.filters{justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.select select{min-height:36px;padding:0 var(--sp-3);border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text);font:inherit;font-size:var(--fs-sm)}.form{gap:var(--sp-4)}.lobby-card{gap:var(--sp-3);flex-direction:column;display:flex}.lobby-card__who{align-items:center;gap:var(--sp-3);display:flex}.lobby-card__text{flex:1;min-width:0}.lobby-card__title{font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lobby-card__meta{font-size:var(--fs-sm);align-items:center;gap:6px;display:flex}.lobby-card__prize{padding:6px var(--sp-3);border:1px solid var(--c-border-strong);border-radius:var(--r-pill);background:var(--c-accent-soft)}.lobby-card__foot{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.resume{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.resume-row{border-color:var(--c-border-strong);width:100%;color:var(--c-accent);font-weight:var(--fw-semibold);justify-content:space-between;align-items:center;display:flex}.table-card{background:radial-gradient(120% 90% at 50% 0%, #0f6b4652, transparent 70%), var(--c-surface-raised)}.table-card__prize{align-items:center;gap:var(--sp-2);color:var(--c-accent);font-family:var(--font-display);font-size:var(--fs-lg);display:flex}.seats{gap:var(--sp-3);grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.seat{padding:var(--sp-4) var(--sp-2);border:1px solid var(--c-border);border-radius:var(--r-lg);text-align:center;transition:border-color var(--t-base) var(--ease);background:#05080766;flex-direction:column;align-items:center;gap:6px;display:flex}.seat--ready{border-color:#4fd1a58c}.seat--empty{border-style:dashed}.seat__name{max-width:100%;font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar--empty{border:2px dashed var(--c-border-strong);background:0 0}.landscape-note{align-items:center;gap:var(--sp-2);display:flex}.rotate-hint{animation:rotate-hint 2.6s var(--ease) infinite;flex:none}@keyframes rotate-hint{0%,35%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.wallet-hero{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);background:radial-gradient(90% 120% at 0% 0%, #cdb27a2e, transparent 60%), var(--c-surface-raised);display:flex}.wallet-hero__balance{font-family:var(--font-display);font-size:var(--fs-2xl)}.wallet-hero__held{align-items:flex-end}.daily{align-items:center;gap:var(--sp-3);display:flex}.daily__icon{color:var(--c-accent);flex:none}.daily__text{flex:1}.daily-chip{align-self:flex-start;align-items:center;gap:var(--sp-2);min-height:40px;padding:0 var(--sp-4);border:1px solid var(--c-border-strong);border-radius:var(--r-pill);background:var(--c-accent-soft);color:var(--c-accent);font-weight:var(--fw-semibold);animation:glow 3s var(--ease) infinite;display:inline-flex}@keyframes glow{50%{box-shadow:0 0 0 4px #cdb27a24}}.ledger__row{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;display:flex}.ledger__meta{font-size:var(--fs-xs)}.stat-grid{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.stat{flex-direction:column;gap:2px;display:flex}.stat--hero{grid-column:1/-1}.stat__label{color:var(--c-text-muted);font-size:var(--fs-xs)}.stat__value{font-family:var(--font-display);font-size:var(--fs-xl);font-variant-numeric:tabular-nums}.stat--hero .stat__value{color:var(--c-accent);font-size:2.4rem;line-height:1}.delta{font-size:var(--fs-sm);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.delta--up{color:var(--c-success)}.delta--down{color:var(--c-danger)}.links{padding:0}.link-row{align-items:center;gap:var(--sp-3);width:100%;min-height:52px;padding:0 var(--sp-4);color:var(--c-text);text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr auto auto;display:grid}.links>.link-row+.link-row{border-top:1px solid var(--c-border)}.history__row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;grid-template-columns:4.5rem 1fr auto;display:grid}.history__result{font-weight:var(--fw-bold)}.history__row--win .history__result{color:var(--c-success)}.history__row--loss .history__result,.history__row--abandoned .history__result{color:var(--c-danger)}.history__meta{font-size:var(--fs-xs)}.history__deltas{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.leader-me{align-items:baseline;gap:var(--sp-3);display:flex}.leader-me__place{color:var(--c-accent);font-family:var(--font-display);font-size:var(--fs-2xl)}.leaderboard__row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;grid-template-columns:2rem auto 1fr auto auto;display:grid}.leaderboard__pos{color:var(--c-text-muted);font-weight:var(--fw-bold);text-align:center}.leaderboard__row--top1 .leaderboard__pos{color:#f2c94c}.leaderboard__row--top2 .leaderboard__pos{color:#c9d1d9}.leaderboard__row--top3 .leaderboard__pos{color:#d39a62}.leaderboard__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboard__record{font-size:var(--fs-xs)}.leaderboard__rating{font-family:var(--font-display);font-size:var(--fs-lg)}.framed{border-radius:50%;place-items:center;padding:3px;display:inline-grid}.framed--lg{padding:4px}.framed--bronze{background:conic-gradient(from 200deg,#6b3d1d,#d39a62,#8a522a,#e9b88a,#6b3d1d)}.framed--silver{background:conic-gradient(from 200deg,#5c646d,#eef2f6,#8b949e,#fff,#5c646d)}.framed--gold{background:conic-gradient(from 200deg,#7a5410,#ffe6a3,#b48a2c,#fff3c4,#7a5410);box-shadow:0 0 18px #f2c94c47}.profile__avatar{flex:none;position:relative}.profile__badge{border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 6px #00000080}.equipped{gap:var(--sp-2);width:100%;color:var(--c-text);text-align:left;grid-template-columns:1fr;display:grid}.equipped__name{font-weight:var(--fw-semibold)}.equipped__hint{font-size:var(--fs-xs)}.shop-grid{gap:var(--sp-3);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}.shop-grid--profile_frame,.shop-grid--avatar_icon{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.shop-item{gap:var(--sp-3);border-color:var(--c-border);flex-direction:column;display:flex;overflow:hidden}.shop-item--equipped{border-color:#4fd1a573}.shop-item--epic{border-color:#ba87ff4d}.shop-item--rare{border-color:#7fb7e847}.shop-item__art{min-height:72px;margin:calc(var(--sp-4) * -1) calc(var(--sp-4) * -1) 0;padding:var(--sp-3);background:radial-gradient(100% 140% at 50% 0%, #0f6b468c, transparent 75%), var(--c-felt-deep);place-items:center;display:grid}.shop-item__art--confirm{border-radius:var(--r-md);margin:0}.cue-preview{width:100%;height:40px;display:block}.shop-item__head{justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.shop-item__name{font-family:var(--font-display);font-size:var(--fs-lg)}.shop-item__text{font-size:var(--fs-sm)}.shop-item__foot{justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-top:auto;display:flex}.rarity{border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);letter-spacing:.04em;text-transform:uppercase;padding:2px 8px}.rarity--common{color:var(--c-text-muted);background:#a3b0a824}.rarity--rare{color:var(--c-info);background:#7fb7e829}.rarity--epic{color:#c8a6ff;background:#ba87ff29}.rarity--legendary{color:var(--c-opponent);background:#ff9e5729}.shop-item--legendary{box-shadow:var(--panel-edge), 0 0 0 1px #ff9e574d}.tournament-card{align-items:center;gap:var(--sp-3);width:100%;color:var(--c-text);text-align:left;display:flex}.tournament-card__cover{border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:radial-gradient(80% 80% at 30% 20%, #ffe6a34d, transparent 70%), var(--c-felt-deep);width:52px;height:52px;color:var(--c-accent);flex:none;place-items:center;display:grid}.tournament-card__body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.tournament-card__title{font-family:var(--font-display);font-size:var(--fs-lg)}.facts{align-items:center;gap:6px var(--sp-3);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.fact{color:var(--c-text-muted);align-items:center;gap:4px;display:inline-flex}.fact--gold{color:var(--c-accent)}.status-pill{border-radius:var(--r-pill);background:var(--c-surface-sunken);font-size:var(--fs-xs);font-weight:var(--fw-semibold);padding:2px 10px}.status-pill--registration_open{background:var(--c-success-soft);color:var(--c-success)}.status-pill--in_progress{background:var(--c-accent-soft);color:var(--c-accent)}.status-pill--cancelled{background:var(--c-danger-soft);color:var(--c-danger)}.prizes{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.prizes li{justify-content:space-between;display:flex}.my-match{border-color:var(--c-border-strong)}.standings li,.participants li{align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;display:flex}.standings__place{min-width:4.5rem;color:var(--c-accent);font-weight:var(--fw-semibold)}.standings__name{flex:1}.bracket{gap:var(--sp-4);padding-bottom:var(--sp-2);scroll-snap-type:x proximity;display:flex;overflow-x:auto}.bracket__round{gap:var(--sp-2);scroll-snap-align:start;flex-direction:column;flex:none;width:min(220px,70vw);display:flex}.bracket__title{color:var(--c-text-muted);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase}.bracket__list{justify-content:space-around;gap:var(--sp-3);flex-direction:column;flex:1;margin:0;padding:0;list-style:none;display:flex}.bracket__match{border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);flex-direction:column;display:flex;overflow:hidden}.bracket__match--ready,.bracket__match--in_progress{border-color:var(--c-border-strong)}.bracket__player{align-items:center;gap:var(--sp-2);min-height:34px;padding:0 var(--sp-3);font-size:var(--fs-sm);display:flex}.bracket__player+.bracket__player{border-top:1px solid var(--c-border)}.bracket__player--won{color:var(--c-accent);font-weight:var(--fw-semibold)}.bracket__player--me{background:var(--c-accent-soft)}.bracket__seed{min-width:1.4em;color:var(--c-text-faint);font-size:var(--fs-xs)}.bracket__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.bracket__note{padding:2px var(--sp-3) 6px;font-size:var(--fs-xs)}.tiles{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);display:grid}.tile{min-height:112px;padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-lg);color:var(--c-text);text-align:left;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);background:#0b110fd1;flex-direction:column;align-items:flex-start;gap:4px;display:flex}.tile:active{transform:scale(.98)}.tile:hover{border-color:var(--c-border-strong)}.tile__icon{color:var(--c-accent)}.tile__title{font-weight:var(--fw-semibold)}.tile__text{color:var(--c-text-muted);font-size:var(--fs-xs);line-height:var(--lh-tight)}@media (width<=360px){.tiles{grid-template-columns:1fr}.tile{min-height:0}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=720px){.shop-grid--cue{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.rotate-hint,.daily-chip{animation:none}}.nav__item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}@media (orientation:landscape) and (height<=560px){.arena{opacity:.45;height:100%}.home__content{padding-top:var(--sp-4)}}.admin__page{max-width:56rem;padding-bottom:calc(var(--sp-6) + var(--safe-bottom))}.admin__role{border:1px solid var(--c-border-strong);color:var(--c-accent);margin-left:auto}.admin-tabs{gap:var(--sp-1);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--c-border);background:var(--c-surface-sunken);scrollbar-width:none;display:flex;overflow-x:auto}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs__item{min-height:36px;padding:0 var(--sp-3);border-radius:var(--r-pill);color:var(--c-text-muted);font-size:var(--fs-sm);font-weight:var(--fw-semibold);white-space:nowrap;transition:background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:1px solid #0000;flex:none}.admin-tabs__item[aria-current=page]{border-color:var(--c-border-strong);background:var(--c-accent-soft);color:var(--c-accent)}.admin-tabs__item:focus-visible{box-shadow:var(--ring);outline:none}.admin-grid{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));display:grid}.admin-stat{gap:var(--sp-1);min-width:0;padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--panel-edge);flex-direction:column;display:flex}.admin-stat__label{color:var(--c-text-muted);font-size:var(--fs-xs);line-height:var(--lh-tight)}.admin-stat__value{font-size:var(--fs-lg);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.admin-search{gap:var(--sp-2);display:flex}.admin-search .input{flex:1;min-width:0}.admin-filters{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.admin-filters .segmented{flex:18rem}.admin-select{width:auto;min-width:10rem}.admin-row,.admin-line{align-items:center;gap:var(--sp-3);width:100%;min-height:var(--tap);padding:var(--sp-3) 0;color:inherit;text-align:left;display:flex}.admin-row{font:inherit;cursor:pointer;background:0 0;border:0}.admin-row:focus-visible{box-shadow:var(--ring);border-radius:var(--r-sm);outline:none}.admin-row--static{cursor:default}.admin-line--top{align-items:flex-start}.admin-row__main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.admin-row__title{font-weight:var(--fw-semibold);overflow-wrap:anywhere}.admin-row__meta{font-size:var(--fs-xs);overflow-wrap:anywhere}.admin-row__side{align-items:flex-end;gap:var(--sp-1);font-size:var(--fs-sm);flex-direction:column;flex-shrink:0;display:flex}.admin-badges{align-items:center;gap:var(--sp-1);flex-wrap:wrap;margin-top:2px;display:flex}.badge--suspended{background:var(--c-warning-soft);color:var(--c-warning)}.badge--banned,.badge--deleted{background:var(--c-danger-soft);color:var(--c-danger)}.badge--active{background:var(--c-success-soft);color:var(--c-success)}.admin-player{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.admin-player__name--win{color:var(--c-success);font-weight:var(--fw-semibold)}.admin-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--fs-sm);color:var(--c-accent)}.admin-details{color:var(--c-text-muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.admin-pager{justify-content:center}.admin-catalog{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));margin:0;padding:0;list-style:none;display:grid}.admin-item{align-items:center;gap:var(--sp-3);padding:var(--sp-3);display:flex}.admin-item--off{opacity:.6}.admin-item__art{border-radius:var(--r-md);background:var(--c-surface-sunken);flex:0 0 4.5rem;place-items:center;width:4.5rem;height:4.5rem;display:grid;overflow:hidden}.admin-item__art>*{max-width:100%}.admin-item__art--lg{width:100%;height:6rem}.admin-form{gap:var(--sp-3)}.admin-form__pair{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.admin-form__pair>*{min-width:0}.admin-check{align-items:center;gap:var(--sp-2);min-height:var(--tap);cursor:pointer;display:flex}.admin-check input{width:1.25rem;height:1.25rem;accent-color:var(--c-accent)}@media (width<=360px){.admin-form__pair{grid-template-columns:1fr}}.admin__page .stack>.btn--ghost{align-self:flex-start}.match{padding-top:var(--safe-top)}.match__hud{align-items:center;gap:var(--sp-2);padding:6px var(--sp-2);border-bottom:1px solid var(--c-border);background:linear-gradient(#080e0cf5,#080e0ccc);grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr) auto auto;display:grid}.match__menu{width:36px;height:36px}.match__centre{flex-direction:column;align-items:center;gap:2px;min-width:0;max-width:12rem;display:flex}.match__pot{border:1px solid var(--c-border-strong);border-radius:var(--r-pill);color:#f6e6b8;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;white-space:nowrap;background:radial-gradient(circle at 50% 0,#cdb27a38,#00000059);align-items:center;gap:6px;padding:3px 12px;display:inline-flex}.match__centre .match__status{max-width:100%;font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;padding:0;overflow:hidden}.hudp{align-items:center;gap:var(--sp-2);border:1px solid var(--c-border);border-radius:var(--r-pill);min-width:0;transition:border-color var(--t-base) var(--ease), background-color var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);background:#ffffff08;padding:4px 10px 4px 4px;display:flex}.hudp--right{text-align:right;flex-direction:row-reverse;padding:4px 4px 4px 10px}.hudp--active{border-color:var(--c-accent);background:var(--c-accent-soft);box-shadow:0 0 18px #cdb27a38}.hudp--opponent.hudp--active{border-color:var(--c-opponent);background:var(--c-opponent-soft);box-shadow:0 0 18px #ff9e5733}.hudp--offline{opacity:.55}.hudp__info{flex-direction:column;gap:3px;min-width:0;display:flex}.hudp--right .hudp__info{align-items:flex-end}.hudp__name{font-size:var(--fs-sm);font-weight:var(--fw-bold);text-overflow:ellipsis;white-space:nowrap;align-items:baseline;gap:6px;line-height:1.1;display:flex;overflow:hidden}.hudp--right .hudp__name{flex-direction:row-reverse}.hudp__rating{color:var(--c-accent);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.clock-avatar{flex:none;place-items:center;width:40px;height:40px;display:inline-grid;position:relative}.clock-avatar .avatar{width:34px;height:34px;font-size:var(--fs-sm)}.clock-avatar--lg{width:84px;height:84px}.clock-ring{pointer-events:none;position:absolute;inset:0;transform:rotate(-90deg)}.clock-ring circle{fill:none;stroke-width:3.5px}.clock-ring__track{stroke:#ffffff1a}.clock-ring__bar{stroke:#4fd1a5;stroke-dasharray:100 100;stroke-dashoffset:0;stroke-linecap:round;animation-name:clock-ring;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes clock-ring{0%{stroke-dashoffset:0;stroke:#4fd1a5}60%{stroke:#e3c55a}80%{stroke:#f0776a}to{stroke-dashoffset:100px;stroke:#f0776a}}.rack{gap:2px;display:flex}.rack__ball{background:radial-gradient(circle at 35% 30%, #ffffff8c, transparent 45%), var(--ball);border-radius:50%;place-items:center;width:15px;height:15px;display:grid;position:relative;box-shadow:inset 0 -2px 3px #00000073}.rack__ball--stripe{background:radial-gradient(circle at 35% 30%, #ffffff8c, transparent 45%), linear-gradient(180deg, #f3eee2 0 26%, var(--ball) 26% 74%, #f3eee2 74%)}.rack__num{color:#111;width:8px;height:8px;font-size:6px;font-weight:var(--fw-bold);background:#f7f3e8;border-radius:50%;place-items:center;line-height:1;display:grid}.rack__ball--gone{filter:grayscale()brightness(.45);opacity:.55}.rack__ball--empty{background:#00000059;border:1px solid #ffffff24;box-shadow:inset 0 1px 3px #0009}.rack__ball--eight{box-shadow:0 0 0 2px var(--c-accent), 0 0 10px #cdb27ab3}@media (height<=380px){.rack__ball{width:12px;height:12px}.rack__num{display:none}}@media (width<=640px){.hudp__rating{display:none}}.versus{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-5) var(--sp-3);border:1px solid var(--c-border-strong);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);isolation:isolate;background:radial-gradient(at 50% 40%,#ffbe5c61,#0000 65%),linear-gradient(160deg,#3a1c08,#170b04 55%,#0b0604);grid-template-columns:1fr auto 1fr;display:grid;position:relative;overflow:hidden}.versus__rays{z-index:-1;background:repeating-conic-gradient(#ffc46829 0deg 7deg,#0000 7deg 18deg);animation:40s linear infinite versus-rays;position:absolute;inset:-60%}@keyframes versus-rays{to{transform:rotate(360deg)}}.versus__side{align-items:center;gap:var(--sp-2);text-align:center;flex-direction:column;min-width:0;display:flex}.versus__frame{background:linear-gradient(160deg,#f6e2a6,#b98a3e 50%,#5d4214);border-radius:22px;place-items:center;width:92px;height:92px;display:grid;position:relative;box-shadow:0 8px 24px #0000008c,inset 0 1px #fff9}.versus__frame .avatar{border-radius:16px;width:80px;height:80px;font-size:1.8rem}.versus__star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);color:#3a2508;min-width:42px;height:42px;font-size:10px;font-weight:var(--fw-bold);background:linear-gradient(#ffe7a3,#d6a443);place-items:center;padding:4px 4px 0;display:grid;position:absolute;top:-12px;left:-12px}.versus__side--right .versus__star{left:auto;right:-12px}.versus__name{color:#fff6e0;max-width:100%;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-bold);text-overflow:ellipsis;text-shadow:0 2px 6px #000000b3;white-space:nowrap;overflow:hidden}.versus__name--muted{color:#fff6e0a6;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.versus__middle{align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}.versus__vs{color:#0000;font-family:var(--font-display);letter-spacing:-.04em;filter:drop-shadow(0 3px #4a2306)drop-shadow(0 6px 10px #0009);background:linear-gradient(#fff2b8,#f2b23c 55%,#b5651a);-webkit-background-clip:text;background-clip:text;font-size:2.6rem;font-style:italic;font-weight:900}.versus__pot{border-radius:var(--r-md);color:#ffe9b0;font-weight:var(--fw-bold);white-space:nowrap;background:#0000008c;border:1px solid #ffd68c66;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.versus__frame--searching{background:linear-gradient(160deg,#3b4a5c,#1b2633);overflow:hidden}.versus__silhouette{opacity:.8;background:radial-gradient(circle at 50% 28%,#7d93ad 0 13px,#0000 14px),radial-gradient(at 50% 100%,#7d93ad 0 26px,#0000 27px);border-radius:23px 23px 10px 10px;width:46px;height:56px;animation:1.6s ease-in-out infinite versus-pulse}.versus__radar{background:conic-gradient(#7fb7e88c,#0000 25%);animation:1.4s linear infinite versus-rays;position:absolute;inset:-20%}@keyframes versus-pulse{50%{opacity:.35;transform:scale(.94)}}.versus--intro .versus__side--left{animation:versus-in-left .52s var(--ease) both}.versus--intro .versus__side--right{animation:versus-in-right .52s var(--ease) both}.versus--intro .versus__vs{animation:.42s cubic-bezier(.2,1.6,.4,1) .32s both versus-stamp}@keyframes versus-in-left{0%{opacity:0;transform:translate(-60%)}}@keyframes versus-in-right{0%{opacity:0;transform:translate(60%)}}@keyframes versus-stamp{0%{opacity:0;transform:scale(2.4)}}.match__overlay--intro{z-index:20;background:#0000008c;animation:2.6s both versus-fade}.match__overlay--intro .versus{max-width:34rem}@keyframes versus-fade{0%{opacity:0}10%,85%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.versus__rays,.versus__radar,.versus__silhouette,.versus--intro .versus__side--left,.versus--intro .versus__side--right,.versus--intro .versus__vs{animation:none}}.match__stagewrap>.match__hint{z-index:5;border-radius:var(--r-pill);pointer-events:none;background:#00000073;max-width:80%;padding:2px 10px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.versus__note--searching{color:#9fc6ec;font-size:var(--fs-xs);animation:1.6s ease-in-out infinite versus-pulse}.quick{border-color:var(--c-border-strong);background:radial-gradient(ellipse at 100% 0%, #ffb4502e, transparent 60%), var(--c-surface-raised)}.quick__head{align-items:center;gap:var(--sp-3);display:flex}.quick__icon{color:#2b1a05;width:48px;height:48px;box-shadow:var(--shadow-sm);background:linear-gradient(160deg,#f6e2a6,#b98a3e 55%,#5d4214);border-radius:14px;flex:none;place-items:center;display:grid}.quick__title{font-family:var(--font-display);font-size:var(--fs-xl);margin:0}