:root{--color-bg-root: #0a1628;--color-bg-elevated: #111f36;--color-bg-card: #152845;--color-bg-card-hover: #1b3154;--color-text-primary: #f4f7ff;--color-text-secondary: rgba(244, 247, 255, .62);--color-text-muted: rgba(244, 247, 255, .38);--color-accent: #facc15;--color-accent-strong: #ca8a04;--color-accent-soft: rgba(250, 204, 21, .18);--color-brand-glow: rgba(234, 179, 8, .45);--color-chip-red: #ef4444;--color-chip-blue: #38bdf8;--color-status-success: #4ade80;--color-status-success-soft: rgba(74, 222, 128, .16);--color-divider: rgba(244, 247, 255, .12);--color-tab-bar-bg: rgba(15, 26, 46, .94);--color-tab-bar-border: rgba(255, 255, 255, .08);--color-tab-divider: rgba(255, 255, 255, .1);--color-tab-segment-active: rgba(99, 102, 241, .22);--color-tab-segment-active-solid: #232f4d;--color-overlay-scrim: rgba(5, 12, 24, .55);--font-family-primary: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-size-xs: .6875rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-md: 1.0625rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--line-height-tight: 1.2;--line-height-normal: 1.45;--line-height-relaxed: 1.55;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem;--spacing-3xl: 2rem;--spacing-4xl: 2.5rem;--safe-top: var(--tg-safe-area-inset-top, env(safe-area-inset-top, 0px));--safe-bottom: var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--safe-left: var(--tg-safe-area-inset-left, env(safe-area-inset-left, 0px));--safe-right: var(--tg-safe-area-inset-right, env(safe-area-inset-right, 0px));--content-safe-top: var(--tg-content-safe-area-inset-top, 0px);--content-safe-bottom: var(--tg-content-safe-area-inset-bottom, 0px);--content-safe-left: var(--tg-content-safe-area-inset-left, 0px);--content-safe-right: var(--tg-content-safe-area-inset-right, 0px);--spacing-screen-horizontal: max( var(--spacing-lg), var(--safe-left), var(--safe-right), var(--content-safe-left), var(--content-safe-right) );--spacing-screen-vertical: max( var(--spacing-md), var(--safe-top), var(--content-safe-top) );--spacing-screen-bottom: max( var(--spacing-2xl), var(--safe-bottom), var(--content-safe-bottom) );--viewport-stable-height: var(--tg-viewport-stable-height, 100dvh);--border-radius-sm: .625rem;--border-radius-md: 1rem;--border-radius-lg: 1.25rem;--border-radius-xl: 1.5rem;--border-radius-2xl: 1.75rem;--border-radius-3xl: 2rem;--border-radius-full: 9999px;--border-width-outline: 1px;--shadow-tab-bar: 0 .5rem 1.5rem rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .06);--shadow-card: 0 .375rem 1.25rem rgba(0, 0, 0, .28);--shadow-glow: 0 0 1rem rgba(234, 179, 8, .22);--icon-size-sm: 1rem;--icon-size-md: 1.375rem;--content-padding-bottom: calc(5.5rem + var(--spacing-screen-bottom));--header-padding-y: var(--spacing-md);--max-width-app: 28rem;--motion-piece-drop-duration: .26s;--motion-piece-drop-easing: cubic-bezier(.22, .94, .36, 1);--z-piece-drop: 25;--motion-forfeit-swipe-duration: .48s;--motion-forfeit-swipe-easing: cubic-bezier(.4, 0, .2, 1);--motion-forfeit-slot-duration: .52s;--motion-forfeit-slot-easing: cubic-bezier(.4, 0, .2, 1);--motion-modal-duration: .3s;--motion-modal-ease: cubic-bezier(.33, 1, .68, 1);--motion-modal-backdrop-duration: .22s;--motion-sheet-duration: var(--motion-modal-duration);--motion-sheet-ease: var(--motion-modal-ease)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}*:focus:not(:focus-visible){outline:none}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}html{-webkit-text-size-adjust:100%;height:var(--viewport-stable-height);overflow:hidden}body{margin:0;height:var(--viewport-stable-height);max-height:var(--viewport-stable-height);overflow:hidden;overscroll-behavior:none;font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-root);background-image:radial-gradient(ellipse 100% 70% at 50% -30%,rgba(99,102,241,.07),transparent 50%),radial-gradient(ellipse 70% 50% at 100% 60%,rgba(56,189,248,.04),transparent 45%);user-select:none;-webkit-user-select:none;-moz-user-select:none}.app{max-width:var(--max-width-app);margin:0 auto;height:var(--viewport-stable-height);min-height:var(--viewport-stable-height);max-height:var(--viewport-stable-height);display:flex;flex-direction:column;position:relative;overflow:hidden;padding-bottom:var(--content-padding-bottom)}.app.app--in-match{padding-bottom:var(--spacing-screen-bottom)}.app.app--in-match .tab-bar{display:none}.app-header{display:flex;align-items:center;justify-content:center;padding-inline:var(--spacing-screen-horizontal);padding-bottom:var(--spacing-lg);padding-top:max(var(--header-padding-y),var(--spacing-screen-vertical));position:sticky;top:0;z-index:10;background:linear-gradient(180deg,var(--color-bg-root) 60%,transparent)}.app-header__brand{display:flex;align-items:center;justify-content:center}.app-title{margin:0;font-weight:var(--font-weight-extrabold);font-size:var(--font-size-lg);letter-spacing:-.02em;color:var(--color-accent);text-align:center}.app-main{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 var(--spacing-screen-horizontal)}.view{animation:viewIn .25s ease-out}.view[hidden],html[data-app-loading=join] #view-lobby{display:none!important}html[data-app-loading] .boot-gate{display:flex}html[data-app-loading] .app-header,html[data-app-loading] .app-main,html[data-app-loading] .tab-bar{visibility:hidden;pointer-events:none}html[data-app-loading] .view{animation:none}.boot-gate{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;align-items:center;justify-content:center;padding:var(--spacing-screen-horizontal);background:var(--color-bg-root)}.boot-gate__panel{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);max-width:var(--container-max-width);text-align:center}.boot-gate__spinner{display:block;flex-shrink:0;width:calc(var(--icon-size-md) * 2.75);height:calc(var(--icon-size-md) * 2.75);animation:bootGateSpin .75s linear infinite;transform-origin:center center}.boot-gate__spinner-track,.boot-gate__spinner-arc{fill:none;stroke-width:4}.boot-gate__spinner-track{stroke:var(--color-divider)}.boot-gate__spinner-arc{stroke:var(--color-accent);stroke-linecap:round;stroke-dasharray:52 112}.boot-gate__text{margin:0;font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.03em;line-height:var(--line-height-tight);color:var(--color-text-primary)}@keyframes bootGateSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.boot-gate__spinner{animation-duration:1.4s}}.app--boot-reveal .app-main{animation:viewIn .28s ease-out}@keyframes viewIn{0%{opacity:0}to{opacity:1}}.view__title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.03em;line-height:var(--line-height-tight)}.section-label{margin:var(--spacing-4xl) 0 var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.section-label--lobby{color:var(--color-text-muted)}.lobby-intro{display:flex;flex-direction:column;align-items:stretch;margin-bottom:var(--spacing-xl)}.lobby-intro__pulse{align-self:center;margin:0 0 var(--spacing-md);display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.02em;color:var(--color-status-success);background:var(--color-status-success-soft)}.lobby-intro__pulse:before{content:"";width:var(--spacing-sm);height:var(--spacing-sm);border-radius:var(--border-radius-full);background:var(--color-status-success);animation:lobbyLivePulse 1.5s ease-in-out infinite}.lobby-forfeit-banner-wrap{align-self:center;margin:0 auto var(--spacing-md);max-width:22rem;width:100%;overflow:hidden;transition:max-height var(--motion-forfeit-slot-duration) var(--motion-forfeit-slot-easing),opacity calc(var(--motion-forfeit-slot-duration) * .85) ease,margin-bottom var(--motion-forfeit-slot-duration) var(--motion-forfeit-slot-easing)}.lobby-forfeit-banner{margin:0 auto;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-lg);border:var(--border-width-outline) solid color-mix(in srgb,var(--color-chip-red) 42%,var(--color-divider));font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-relaxed);text-align:center;color:var(--color-text-primary);background:color-mix(in srgb,var(--color-chip-red) 16%,var(--color-bg-card));transition:transform var(--motion-forfeit-swipe-duration) var(--motion-forfeit-swipe-easing),opacity calc(var(--motion-forfeit-swipe-duration) * .85) ease}.lobby-forfeit-banner--exit{transform:translate(calc(100% + var(--spacing-xl)));opacity:0}.lobby-forfeit-banner-wrap--exit{max-height:0!important;margin-bottom:0!important;opacity:0}@keyframes lobbyLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.92)}}@media(prefers-reduced-motion:reduce){.lobby-intro__pulse:before{animation:none}.lobby-forfeit-banner-wrap,.lobby-forfeit-banner{transition-duration:.01ms}}.lobby-intro .view__title{margin-bottom:var(--spacing-sm);text-align:center}.lobby-intro__tagline{margin:0 auto;max-width:22rem;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);text-align:center}.game-hub-card{position:relative;margin-bottom:var(--spacing-md);border-radius:var(--border-radius-3xl);overflow:hidden;border:var(--border-width-outline) solid var(--color-divider);box-shadow:var(--shadow-card);background:linear-gradient(165deg,var(--color-bg-card) 0%,var(--color-bg-elevated) 52%,var(--color-bg-card) 100%)}.game-hub-card__panel{padding:var(--spacing-xl) var(--spacing-2xl);text-align:center}.game-hub-card__eyebrow{margin:0 0 var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent)}.game-hub-card__heading{margin:0 0 var(--spacing-lg);font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em;line-height:var(--line-height-tight);color:var(--color-text-primary)}.view--lobby .section-label--lobby,.view--profile .section-label--lobby{color:var(--color-accent)}.view--lobby .lobby-intro__pulse{color:color-mix(in srgb,var(--color-accent) 8%,var(--color-text-primary));background:color-mix(in srgb,var(--color-accent-soft) 95%,var(--color-bg-card));border:var(--border-width-outline) solid color-mix(in srgb,var(--color-accent) 42%,transparent)}.view--lobby .lobby-intro__pulse:before{background:var(--color-accent)}.view--lobby .game-hub-card{border-color:var(--color-accent-soft);box-shadow:var(--shadow-card),0 0 var(--spacing-xl) var(--color-accent-soft)}.view--lobby .game-hub-card__eyebrow{color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:none;cursor:pointer;transition:transform .12s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent;outline:none}.btn:focus-visible{outline:var(--border-width-outline) solid var(--color-accent);outline-offset:var(--spacing-xs)}.btn:active{transform:scale(.98)}.btn--play{padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--border-radius-full);font-size:var(--font-size-md);font-weight:var(--font-weight-extrabold);letter-spacing:.02em}.btn--play,.btn--pregame-join,.lobby-card__join-btn--join{color:var(--color-text-primary);background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-accent-strong) 100%);border:var(--border-width-outline) solid color-mix(in srgb,var(--color-text-primary) 22%,transparent);box-shadow:0 var(--spacing-xs) 0 color-mix(in srgb,var(--color-accent-strong) 85%,var(--color-bg-root)),0 var(--spacing-sm) var(--spacing-lg) var(--color-accent-soft)}.btn--play:active,.btn--pregame-join:active,.lobby-card__join-btn--join:active{transform:translateY(0) scale(.98);box-shadow:0 1px color-mix(in srgb,var(--color-accent-strong) 85%,var(--color-bg-root)),0 var(--spacing-xs) var(--spacing-md) var(--color-accent-soft)}.btn--ghost{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-full);color:#fff;background:#ffffff2e;border:var(--border-width-outline) solid rgba(255,255,255,.45);backdrop-filter:blur(.5rem);-webkit-backdrop-filter:blur(.5rem)}@media(hover:hover)and (pointer:fine){.btn--play:hover,.btn--pregame-join:hover,.lobby-card__join-btn--join:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 88%,var(--color-text-primary)),color-mix(in srgb,var(--color-accent-strong) 82%,var(--color-accent)));border-color:color-mix(in srgb,var(--color-text-primary) 28%,transparent);box-shadow:0 var(--spacing-sm) 0 color-mix(in srgb,var(--color-accent-strong) 85%,var(--color-bg-root)),0 var(--spacing-md) var(--spacing-2xl) var(--color-brand-glow);transform:translateY(calc(-1 * var(--spacing-xs)))}.btn--play:hover:active,.btn--pregame-join:hover:active,.lobby-card__join-btn--join:hover:active{transform:translateY(0) scale(.98);box-shadow:0 var(--spacing-xs) 0 color-mix(in srgb,var(--color-accent-strong) 85%,var(--color-bg-root)),0 var(--spacing-sm) var(--spacing-lg) var(--color-accent-soft)}.lobby-card__join-btn--join.lobby-card__join-btn--suppress-hover:hover,.lobby-card__join-btn--join.lobby-card__join-btn--suppress-hover:hover:active{background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-accent-strong) 100%);border-color:color-mix(in srgb,var(--color-text-primary) 22%,transparent);box-shadow:0 var(--spacing-xs) 0 color-mix(in srgb,var(--color-accent-strong) 85%,var(--color-bg-root)),0 var(--spacing-sm) var(--spacing-lg) var(--color-accent-soft);transform:none}.lobby-card__join-btn--join.lobby-card__join-btn--suppress-hover:active{transform:translateY(0) scale(.98);box-shadow:0 1px color-mix(in srgb,var(--color-accent-strong) 85%,var(--color-bg-root)),0 var(--spacing-xs) var(--spacing-md) var(--color-accent-soft)}.btn--muted:hover,.lobby-card__join-btn--watch:hover{background:color-mix(in srgb,var(--color-bg-elevated) 96%,var(--color-accent-soft));border-color:color-mix(in srgb,var(--color-accent) 48%,var(--color-divider));color:var(--color-text-primary);transform:translateY(calc(-1 * var(--spacing-xs)));box-shadow:0 var(--spacing-sm) var(--spacing-lg) color-mix(in srgb,var(--color-accent-soft) 65%,transparent)}.btn--muted:hover:active,.lobby-card__join-btn--watch:hover:active{transform:translateY(0) scale(.98);box-shadow:none}.lobby-card__join-btn--mine:hover{background:color-mix(in srgb,var(--color-accent-soft) 55%,var(--color-brand-rgba-08));border-color:color-mix(in srgb,var(--color-accent) 42%,var(--color-brand-rgba-25));color:var(--color-accent);transform:translateY(calc(-1 * var(--spacing-xs)));box-shadow:0 var(--spacing-sm) var(--spacing-lg) var(--color-accent-soft)}.lobby-card__join-btn--mine:hover:active{transform:translateY(0) scale(.98);box-shadow:none}.btn--invite:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--color-chip-blue) 44%,var(--color-bg-elevated)),color-mix(in srgb,var(--color-chip-blue) 26%,var(--color-bg-root)));border-color:color-mix(in srgb,var(--color-chip-blue) 68%,var(--color-divider));transform:translateY(calc(-1 * var(--spacing-xs)));box-shadow:0 var(--spacing-sm) var(--spacing-lg) color-mix(in srgb,var(--color-chip-blue) 34%,transparent),inset 0 1px color-mix(in srgb,var(--color-text-primary) 18%,transparent)}.btn--invite:hover:active{transform:translateY(0) scale(.97)}.btn--modal-risk:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--color-chip-red) 96%,transparent),color-mix(in srgb,var(--color-chip-red) 68%,var(--color-bg-root)));border-color:color-mix(in srgb,var(--color-chip-red) 68%,var(--color-divider));transform:translateY(calc(-1 * var(--spacing-xs)));box-shadow:0 var(--spacing-sm) 0 color-mix(in srgb,var(--color-chip-red) 72%,var(--color-bg-root)),0 var(--spacing-md) var(--spacing-xl) color-mix(in srgb,var(--color-chip-red) 28%,transparent)}.btn--modal-risk:hover:active{transform:translateY(0) scale(.98);box-shadow:0 var(--spacing-xs) 0 color-mix(in srgb,var(--color-chip-red) 72%,var(--color-bg-root))}.btn--ghost:hover{background:#ffffff42;border-color:#ffffff94;transform:translateY(calc(-1 * var(--spacing-xs)))}.btn--ghost:hover:active{transform:translateY(0) scale(.98)}.modal__close-btn--game:hover{background:color-mix(in srgb,var(--color-bg-card-hover) 92%,transparent);border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-divider));color:var(--color-text-primary);transform:translateY(calc(-1 * var(--spacing-xs)))}.modal__close-btn--game:hover:active{transform:translateY(0) scale(.98);opacity:.88}.tab-bar__segment:not(.is-active) .tab-bar__btn:hover{color:var(--color-text-primary)}.tab-bar__segment:not(.is-active) .tab-bar__btn:hover .tab-bar__icon{opacity:1}.pregame-ready__btn:not(.pregame-ready__btn--checked):not(:disabled):hover{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-divider));background:color-mix(in srgb,var(--color-accent-soft) 45%,var(--color-bg-elevated));color:var(--color-accent);transform:translateY(calc(-1 * var(--spacing-xs))) scale(1.02)}.pregame-ready__btn:not(.pregame-ready__btn--checked):not(:disabled):hover:active{transform:translateY(0) scale(.96)}.pregame-player__kick:hover{background:color-mix(in srgb,var(--color-chip-red) 92%,var(--color-text-primary));transform:translate(42%,-42%) translateY(calc(-1 * var(--spacing-xs)));box-shadow:0 var(--spacing-sm) var(--spacing-md) color-mix(in srgb,var(--color-chip-red) 35%,transparent)}.pregame-player__kick:hover:active{transform:translate(42%,-42%) scale(.92);box-shadow:none}}.btn__icon{flex-shrink:0}.card-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.view--lobby .lobby-card{border-radius:var(--border-radius-xl);background:linear-gradient(145deg,var(--color-bg-card),var(--color-bg-elevated));border-color:color-mix(in srgb,var(--color-accent) 28%,color-mix(in srgb,var(--color-chip-red) 22%,var(--color-divider)))}.view--lobby .lobby-card__duel-player--host .lobby-card__initial:not(.lobby-card__initial--photo):not(.lobby-card__initial--open){background-color:color-mix(in srgb,var(--color-chip-red) 42%,var(--color-bg-elevated));border-color:color-mix(in srgb,var(--color-chip-red) 50%,var(--color-divider))}.view--lobby .lobby-card__duel-player--guest:not(.lobby-card__duel-player--empty) .lobby-card__initial:not(.lobby-card__initial--photo){background-color:color-mix(in srgb,var(--color-accent) 38%,var(--color-bg-elevated));border-color:color-mix(in srgb,var(--color-accent) 52%,var(--color-divider))}.view--lobby .lobby-card__time{color:var(--color-accent)}.lobby-card{display:flex;align-items:stretch;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-card);border-radius:var(--border-radius-2xl);border:var(--border-width-outline) solid var(--color-divider);box-shadow:0 .25rem 1rem #0003;cursor:pointer;transition:transform .12s ease}.lobby-card:active:not(:has(.lobby-card__join-btn:active)){transform:scale(.99)}.lobby-card--mine{border-color:var(--color-brand-rgba-25);background:var(--color-brand-rgba-08)}.lobby-card__matchup{display:flex;flex-direction:column;gap:var(--spacing-xs);flex-shrink:0;justify-content:center}.lobby-card__duel{--lobby-duel-avatar-size: 4rem;display:flex;align-items:flex-start;gap:var(--spacing-md);flex-shrink:0}.lobby-card__duel-player{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);width:5rem;min-width:0;flex-shrink:0}.lobby-card__duel-head{display:block;width:100%;min-height:1.125rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:center;line-height:var(--line-height-tight);white-space:nowrap}.lobby-card__duel-head--game{color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis}.lobby-card__duel-head--time{color:var(--color-accent)}.lobby-card__duel-avatar{line-height:0}.lobby-card__duel-name{max-width:100%;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center;line-height:var(--line-height-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-card__duel-name--open{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.lobby-card__duel-vs{flex-shrink:0;align-self:flex-start;margin-top:calc(1.125rem + var(--spacing-xs) + var(--lobby-duel-avatar-size) / 2 - .55em);font-size:var(--font-size-md);font-weight:var(--font-weight-extrabold);letter-spacing:.06em;text-transform:lowercase;color:var(--color-text-muted);line-height:var(--line-height-tight)}.lobby-card__duel-player .lobby-card__initial{width:var(--lobby-duel-avatar-size);height:var(--lobby-duel-avatar-size);font-size:var(--font-size-md)}.lobby-card__initial--open{border-style:dashed;color:var(--color-text-muted);background:color-mix(in srgb,var(--color-bg-elevated) 88%,transparent);opacity:.85}.lobby-card__duel-player--empty .lobby-card__initial--open{font-weight:var(--font-weight-bold)}.lobby-card__initial{flex-shrink:0;width:4rem;height:4rem;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);background:linear-gradient(145deg,var(--color-bg-elevated),var(--color-bg-card-hover));border:var(--border-width-outline) solid var(--color-divider);overflow:hidden}.lobby-card__initial--photo{object-fit:cover;display:block;padding:0;color:transparent;font-size:0}.lobby-card__body,.lobby-card__aside{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--spacing-md);border-left:var(--border-width-outline) solid var(--color-divider);margin-top:calc(-1 * var(--spacing-md));margin-bottom:calc(-1 * var(--spacing-md));padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.lobby-card__join-btn{pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;min-height:2.5rem;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-full);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);letter-spacing:.02em;line-height:var(--line-height-tight);border:var(--border-width-outline) solid transparent;transition:transform .12s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.lobby-card__join-btn:focus{outline:none}.lobby-card__join-btn:focus-visible{outline:var(--border-width-outline) solid var(--color-accent);outline-offset:var(--spacing-xs)}.lobby-card__join-btn--watch{color:var(--color-text-primary);background:color-mix(in srgb,var(--color-bg-elevated) 88%,transparent);border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-divider))}.lobby-card__join-btn--watch:active,.lobby-card__join-btn--mine:active{transform:translateY(0) scale(.98)}.lobby-card__join-btn--mine{color:var(--color-accent);background:var(--color-brand-rgba-08);border-color:var(--color-brand-rgba-25)}.lobby-card__join-btn--join:active{transform:translateY(0) scale(.98);box-shadow:0 1px color-mix(in srgb,var(--color-accent-strong) 85%,var(--color-bg-root)),0 var(--spacing-xs) var(--spacing-md) var(--color-accent-soft)}@media(hover:hover)and (pointer:fine){.lobby-card__join-btn--join:hover:active,.lobby-card__join-btn--watch:hover:active,.lobby-card__join-btn--mine:hover:active{transform:translateY(0) scale(.98)}.lobby-card__join-btn--join:hover:active{box-shadow:0 var(--spacing-xs) 0 color-mix(in srgb,var(--color-accent-strong) 85%,var(--color-bg-root)),0 var(--spacing-sm) var(--spacing-lg) var(--color-accent-soft)}}.lobby-card__join-icon{font-size:var(--font-size-xs);line-height:1;opacity:.9}.lobby-card__join-text{min-width:0}.lobby-card__time{flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-accent);line-height:var(--line-height-tight);white-space:nowrap}.lobby-card__badge-wrap{display:flex;justify-content:center}.lobby-card__badge{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs) var(--spacing-sm);max-width:100%;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-md);border:var(--border-width-outline) solid var(--color-divider);background:color-mix(in srgb,var(--color-bg-elevated) 92%,transparent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);line-height:var(--line-height-tight)}.lobby-card__badge-text{min-width:0}.lobby-card__badge--pregame{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-divider));color:var(--color-accent);background:var(--color-brand-rgba-08)}.lobby-card__badge--in_game,.lobby-card__badge--mine_playing{border-color:color-mix(in srgb,var(--color-status-success) 45%,var(--color-divider));color:var(--color-status-success);background:var(--color-status-success-soft)}.lobby-card__badge--waiting_player,.lobby-card__badge--mine_waiting{border-color:color-mix(in srgb,var(--color-text-muted) 35%,var(--color-divider));color:var(--color-text-secondary)}.lobby-card__badge .lobby-card__viewers{color:inherit;opacity:.9}.lobby-card__status{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs) var(--spacing-sm);line-height:var(--line-height-tight)}.lobby-card__title{margin:0 0 var(--spacing-xs);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.lobby-card__meta{margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs) var(--spacing-sm)}.lobby-card__viewers{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.lobby-card__eye{width:var(--icon-size-sm);height:var(--icon-size-sm);flex-shrink:0;display:block}.lobby-card__viewers-count{font-variant-numeric:tabular-nums}.lobby-card__side{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:var(--spacing-xs);text-align:right;flex-shrink:0;min-width:4.5rem}.lobby-card__actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.lobby-card__action{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-full);border:var(--border-width-outline) solid var(--color-divider);background:var(--color-bg-elevated);color:var(--color-text-primary);cursor:pointer;line-height:var(--line-height-tight)}.lobby-card__action--join{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-divider));color:var(--color-accent)}.lobby-card__action--leave{color:var(--color-text-secondary)}.lobby-card__action-label{display:inline-flex;align-items:center;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:0}.pregame-player__spectator-join{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) 0}.pregame-player__spectator-join[hidden]{display:none!important}.lobby-card__colors{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.pct-up{display:inline-flex;align-items:center;gap:.125rem;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-status-success);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);background:var(--color-status-success-soft)}.profile-hero__toolbar{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.profile-settings-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:calc(var(--icon-size-md) + var(--spacing-md) * 2);min-height:calc(var(--icon-size-md) + var(--spacing-md) * 2);margin:calc(var(--spacing-xs) * -1);padding:var(--spacing-sm);border:none;border-radius:var(--border-radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:transform .12s ease,background .18s ease,border-color .18s ease,color .18s ease,opacity .12s ease;-webkit-tap-highlight-color:transparent}.profile-settings-btn:active{transform:scale(.96);opacity:.88}.profile-settings-btn:focus-visible{outline:var(--border-width-outline) solid var(--color-accent);outline-offset:var(--spacing-xs)}.profile-settings-btn__icon{width:var(--icon-size-md);height:var(--icon-size-md)}.profile-hero{padding:var(--spacing-md) var(--spacing-2xl) var(--spacing-2xl);background:var(--color-bg-card);border-radius:var(--border-radius-3xl);border:var(--border-width-outline) solid var(--color-divider);box-shadow:var(--shadow-card)}.profile-hero__avatar-wrap{position:relative;width:fit-content;margin:0 auto var(--spacing-lg)}.profile-refresh-btn{position:absolute;top:calc(var(--spacing-lg) * -1);right:calc(var(--spacing-lg) * -1);z-index:1;display:inline-flex;align-items:center;justify-content:center;width:calc(var(--icon-size-md) + var(--spacing-sm));height:calc(var(--icon-size-md) + var(--spacing-sm));padding:0;border:var(--border-width-outline) solid var(--color-divider);border-radius:var(--border-radius-full);background:var(--color-bg-elevated);color:var(--color-text-secondary);cursor:pointer;box-shadow:0 0 0 2px var(--color-bg-card);transition:transform .12s ease,background .18s ease,color .18s ease,opacity .12s ease;-webkit-tap-highlight-color:transparent}.profile-refresh-btn:active:not(:disabled){transform:scale(.94)}.profile-refresh-btn:focus-visible{outline:var(--border-width-outline) solid var(--color-accent);outline-offset:var(--spacing-xs)}.profile-refresh-btn:disabled{opacity:.42;cursor:not-allowed}.profile-refresh-btn--loading{color:var(--color-text-primary)}.profile-refresh-btn--loading .profile-refresh-btn__icon{animation:profile-refresh-spin .9s linear infinite}@keyframes profile-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-refresh-btn__icon{display:block;width:var(--icon-size-sm);height:var(--icon-size-sm);background-color:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.profile-hero__avatar{display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:var(--border-radius-full);border:3px solid var(--color-accent-soft);box-shadow:0 0 0 2px var(--color-bg-card),var(--shadow-glow);background:transparent;overflow:hidden;box-sizing:border-box}.profile-hero__avatar>.profile-hero__avatar-inner:not(.profile-hero__avatar-inner--photo){width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);border-radius:var(--border-radius-full);border:var(--border-width-outline) solid color-mix(in srgb,var(--color-accent) 52%,var(--color-divider));box-sizing:border-box;background:linear-gradient(145deg,var(--color-bg-elevated),var(--color-bg-card-hover));background-color:color-mix(in srgb,var(--color-accent) 38%,var(--color-bg-elevated))}.profile-hero__avatar>.profile-hero__avatar-inner--photo{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--border-radius-full)}.profile-hero__info{text-align:center;margin-bottom:var(--spacing-xl)}.profile-hero__name{margin:0 0 var(--spacing-xs);font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold)}.profile-hero__username{margin:0 0 var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-brand);font-weight:var(--font-weight-medium)}.profile-hero__id{margin:0;font-size:var(--font-size-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.stat-pill{text-align:center;padding:var(--spacing-md);background:var(--color-bg-elevated);border-radius:var(--border-radius-xl);border:var(--border-width-outline) solid var(--color-divider)}.stat-pill__value{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold);color:var(--color-accent)}.stat-pill__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.history-list{list-style:none;margin:0;padding:0 0 var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.history-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--color-bg-card);border-radius:var(--border-radius-2xl);border:var(--border-width-outline) solid var(--color-divider)}.history-row__left{display:flex;align-items:center;gap:var(--spacing-md)}.history-row__badge{width:2.5rem;height:2.5rem;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-extrabold);font-size:var(--font-size-sm)}.history-row__badge--win{background:var(--color-status-success-soft);color:var(--color-status-success)}.history-row__badge--loss{background:#ef444426;color:#f87171}.history-row__title{margin:0 0 var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.history-row__meta{margin:0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.history-row__rating{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}.lb-list{list-style:none;margin:0;padding:0 0 var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md);counter-reset:lb}.lb-row{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-card);border-radius:var(--border-radius-2xl);border:var(--border-width-outline) solid var(--color-divider)}.lb-row--me{border-color:#facc1573;box-shadow:var(--shadow-card),0 .25rem 2rem color-mix(in srgb,var(--color-accent) 14%,transparent),0 0 3rem color-mix(in srgb,var(--color-accent) 6%,transparent)}.lb-row__rank{font-size:var(--font-size-md);font-weight:var(--font-weight-extrabold);color:var(--color-text-muted);width:1.75rem;text-align:center;font-variant-numeric:tabular-nums}.lb-row__rank--top{color:var(--color-accent)}.lb-row__initial{flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);background-color:var(--color-bg-elevated);border:var(--border-width-outline) solid var(--color-divider);overflow:hidden}.lb-row__initial--photo{object-fit:cover;display:block;padding:0;color:transparent;font-size:0}.lb-row__info{flex:1;min-width:0}.lb-row__name{margin:0 0 var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-row__delta{margin:0;font-size:var(--font-size-xs);color:var(--color-status-success)}.lb-row__score{text-align:right}.lb-row__points{display:block;font-size:var(--font-size-md);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.lb-row__label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;padding:var(--spacing-screen-horizontal);padding-bottom:var(--spacing-screen-bottom);overflow-x:hidden;overscroll-behavior:contain}.modal[hidden]{display:none!important}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-scrim);opacity:0;transition:opacity var(--motion-modal-backdrop-duration) ease}.modal__sheet{position:relative;z-index:1;width:100%;max-width:var(--max-width-app);max-height:min(92dvh,38rem);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:hidden;border-radius:var(--border-radius-3xl);background:linear-gradient(165deg,var(--color-bg-card) 0%,var(--color-bg-elevated) 48%,var(--color-bg-card) 100%);border:var(--border-width-outline) solid var(--color-accent-soft);box-shadow:var(--shadow-card),0 0 var(--spacing-xl) var(--color-accent-soft);transform:translate3d(0,100%,0);transition:transform var(--motion-modal-duration) var(--motion-modal-ease)}.modal.modal--open .modal__backdrop{opacity:1}.modal.modal--open .modal__sheet{transform:translateZ(0)}@media(pointer:coarse){:root{--motion-modal-duration: .2s;--motion-modal-backdrop-duration: 0ms}.modal:not([hidden]) .modal__backdrop{opacity:1;transition:none}.modal__sheet{background:var(--color-bg-card);box-shadow:var(--shadow-card)}.modal.modal--animating .modal__sheet:before{display:none}}.modal__sheet:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px color-mix(in srgb,var(--color-text-primary) 12%,transparent)}.modal__header--game{position:relative;z-index:1;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-md)}.modal__header-text{flex:1;min-width:0;text-align:left}.modal__eyebrow{margin:0 0 var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}.modal__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.03em;line-height:var(--line-height-tight);color:var(--color-text-primary)}.modal__close-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:calc(var(--icon-size-md) + var(--spacing-md));height:calc(var(--icon-size-md) + var(--spacing-md));margin:calc(var(--spacing-xs) * -1);padding:var(--spacing-sm);border:none;border-radius:var(--border-radius-full);background:transparent;color:var(--color-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,background .18s ease,border-color .18s ease,color .18s ease,opacity .12s ease}.modal__close-btn--game{background:color-mix(in srgb,var(--color-bg-root) 65%,transparent);border:var(--border-width-outline) solid var(--color-divider);color:var(--color-text-primary)}.modal__close-btn:active{opacity:.88}.modal__close-btn:focus-visible{outline:var(--border-width-outline) solid var(--color-accent);outline-offset:var(--spacing-xs)}.modal__close-icon{width:var(--icon-size-md);height:var(--icon-size-md)}.modal__body--game{position:relative;z-index:1;flex:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none;padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-lg);margin:0;border-radius:var(--border-radius-xl);background:linear-gradient(135deg,var(--color-bg-elevated),var(--color-bg-card));border:var(--border-width-outline) solid color-mix(in srgb,var(--color-accent) 18%,var(--color-divider));box-shadow:inset 0 1px color-mix(in srgb,var(--color-text-primary) 8%,transparent)}.modal-row--interactive{cursor:pointer}.modal-row__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:left}.modal-row__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.01em}.modal-row__subtitle{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.modal-row__control{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;align-self:center}.modal-row:has(.toggle-switch):not(.modal-row--music){align-items:center}.modal-row:has(.toggle-switch):not(.modal-row--music) .modal-row__control{align-self:center}.modal-row--interactive>.modal-row__control{flex-basis:calc(var(--spacing-4xl) * 3 + var(--spacing-md));flex-shrink:0;width:calc(var(--spacing-4xl) * 3 + var(--spacing-md));min-width:0}@media(max-width:380px){.modal-row--interactive{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.modal-row--interactive>.modal-row__control{width:100%;flex-basis:auto}}.modal-row:has(.segmented){flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.modal-row:has(.segmented) .modal-row__control{width:100%;flex-basis:auto;justify-content:stretch}.modal-row--interactive .fake-select{width:100%}.modal-row__control .segmented{width:100%;min-width:0}.modal-row--music{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.modal-row__music-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-lg);width:100%}.modal-row__music-head .toggle-switch{align-self:center;flex-shrink:0}.modal-row--music .modal-row__text{flex:1;min-width:0}.modal-row__music-volume{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.modal-row__music-volume-label{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.modal-row__music-volume-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.modal-row__music-volume-value{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;color:var(--color-accent)}.modal-row--music .volume-slider{width:100%}.volume-slider{width:100%;margin:0;height:var(--spacing-md);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.volume-slider:focus-visible{outline:var(--border-width-outline) solid var(--color-accent);outline-offset:var(--spacing-xs);border-radius:var(--border-radius-full)}.volume-slider::-webkit-slider-runnable-track{height:var(--spacing-xs);border-radius:var(--border-radius-full);background:color-mix(in srgb,var(--color-text-muted) 35%,var(--color-bg-elevated))}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:calc(var(--icon-size-sm) + var(--spacing-xs));height:calc(var(--icon-size-sm) + var(--spacing-xs));margin-top:calc((var(--spacing-xs) - var(--icon-size-sm) - var(--spacing-xs)) / 2);border-radius:var(--border-radius-full);border:var(--border-width-outline) solid color-mix(in srgb,var(--color-accent) 45%,var(--color-divider));background:linear-gradient(145deg,var(--color-accent),color-mix(in srgb,var(--color-accent) 72%,var(--color-bg-card)));box-shadow:0 var(--spacing-xs) var(--spacing-sm) color-mix(in srgb,var(--color-accent-soft) 65%,transparent)}.volume-slider::-moz-range-track{height:var(--spacing-xs);border-radius:var(--border-radius-full);background:color-mix(in srgb,var(--color-text-muted) 35%,var(--color-bg-elevated))}.volume-slider::-moz-range-thumb{width:calc(var(--icon-size-sm) + var(--spacing-xs));height:calc(var(--icon-size-sm) + var(--spacing-xs));border-radius:var(--border-radius-full);border:var(--border-width-outline) solid color-mix(in srgb,var(--color-accent) 45%,var(--color-divider));background:linear-gradient(145deg,var(--color-accent),color-mix(in srgb,var(--color-accent) 72%,var(--color-bg-card)));box-shadow:0 var(--spacing-xs) var(--spacing-sm) color-mix(in srgb,var(--color-accent-soft) 65%,transparent)}.modal__sheet--pick-game{max-height:min(88dvh,36rem)}.modal__sheet--create-lobby{max-height:min(96dvh,42rem)}@media(max-width:479px){.modal__sheet--create-lobby{min-height:min(84dvh,40rem)}}.modal__header--center .modal__header-text{text-align:center}.modal__header--center{justify-content:center;position:relative}.modal__header--center .modal__close-btn{position:absolute;right:var(--spacing-xl);top:var(--spacing-xl)}.pick-game-body{flex:1;display:flex;align-items:stretch;justify-content:center;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-lg);min-height:0}.pick-game-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md);width:100%;align-content:start}.pick-game-list__item{min-width:0;display:flex}.pick-game-card{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-sm);padding:0;margin:0;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-width:0;outline:none;text-align:center;font:inherit;color:inherit}.pick-game-card:focus{outline:none}.pick-game-card:focus-visible{outline:none}.pick-game-card:active .pick-game-card__icon{transform:scale(.97)}.pick-game-card__icon{width:100%;aspect-ratio:1;border-radius:var(--border-radius-2xl);position:relative;overflow:hidden;transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease}.pick-game-card:hover .pick-game-card__icon,.pick-game-card:focus-visible .pick-game-card__icon{transform:none}.pick-game-card:focus-visible .pick-game-card__icon{outline:none}@media(hover:hover)and (pointer:fine){.pick-game-card:hover .pick-game-card__icon{transform:translateY(calc(var(--spacing-xs) * -.5))}.pick-game-card:hover .pick-game-card__icon--connect-four,.pick-game-card:hover .pick-game-card__icon--ttt{border-color:color-mix(in srgb,var(--color-chip-blue) 68%,var(--color-divider));box-shadow:inset 0 1px color-mix(in srgb,var(--color-chip-blue) 38%,transparent),inset 0 calc(var(--spacing-xs) * -1) var(--spacing-lg) color-mix(in srgb,var(--color-bg-root) 72%,transparent),0 var(--spacing-md) var(--spacing-xl) color-mix(in srgb,var(--color-chip-blue) 32%,transparent),0 0 var(--spacing-2xl) color-mix(in srgb,var(--color-accent-soft) 85%,transparent)}.pick-game-card:hover .pick-game-card__name{color:var(--color-text-primary)}}.pick-game-card__icon--connect-four{display:grid;place-items:stretch;padding:var(--spacing-md);background:linear-gradient(155deg,color-mix(in srgb,var(--color-chip-blue) 38%,var(--color-bg-card)),color-mix(in srgb,var(--color-chip-blue) 18%,var(--color-bg-root)));border:var(--border-width-outline) solid color-mix(in srgb,var(--color-chip-blue) 52%,var(--color-divider));box-shadow:inset 0 1px color-mix(in srgb,var(--color-chip-blue) 38%,transparent),inset 0 calc(var(--spacing-xs) * -1) var(--spacing-lg) color-mix(in srgb,var(--color-bg-root) 72%,transparent)}.pick-game-card__c4-grid{display:flex;justify-content:stretch;align-items:stretch;gap:var(--spacing-xs);width:100%;height:100%;min-height:0}.pick-game-card__c4-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column-reverse;gap:var(--spacing-xs)}.pick-game-card__slot{position:relative;aspect-ratio:1;width:100%;border-radius:var(--border-radius-full);background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--color-divider) 30%,transparent),transparent 44%),radial-gradient(circle at 50% 118%,color-mix(in srgb,var(--color-bg-root) 45%,transparent),transparent 54%);background-color:color-mix(in srgb,var(--color-bg-root) 94%,var(--color-bg-card));box-shadow:inset 0 var(--spacing-sm) var(--spacing-md) color-mix(in srgb,var(--color-bg-root) 45%,transparent),inset 0 calc(var(--spacing-xs) * -1) 0 color-mix(in srgb,var(--color-text-primary) 8%,transparent),0 0 0 var(--border-width-outline) color-mix(in srgb,var(--color-chip-blue) 22%,transparent)}.pick-game-card__piece{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:78%;height:78%;border-radius:var(--border-radius-full)}.pick-game-card__piece--yellow{background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--color-text-primary) 45%,transparent) 0%,transparent 45%),var(--color-accent);box-shadow:inset 0 calc(var(--spacing-xs) * -1) var(--spacing-xs) #00000061}.pick-game-card__piece--red{background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--color-text-primary) 38%,transparent) 0%,transparent 45%),var(--color-chip-red);box-shadow:inset 0 calc(var(--spacing-xs) * -1) var(--spacing-xs) #00000061}.pick-game-card__icon--ttt{display:grid;place-items:stretch;padding:var(--spacing-md);background:linear-gradient(155deg,color-mix(in srgb,var(--color-chip-blue) 38%,var(--color-bg-card)),color-mix(in srgb,var(--color-chip-blue) 18%,var(--color-bg-root)));border:var(--border-width-outline) solid color-mix(in srgb,var(--color-chip-blue) 52%,var(--color-divider));box-shadow:inset 0 1px color-mix(in srgb,var(--color-chip-blue) 38%,transparent),inset 0 calc(var(--spacing-xs) * -1) var(--spacing-lg) color-mix(in srgb,var(--color-bg-root) 72%,transparent)}.pick-game-card__ttt-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-sm);width:100%;height:100%;min-height:0;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}.pick-game-card__ttt-cell{aspect-ratio:1;min-height:0;margin:0;padding:var(--spacing-xs);border:var(--border-width-outline) solid color-mix(in srgb,var(--color-chip-blue) 18%,var(--color-divider));border-radius:var(--border-radius-lg);background:linear-gradient(165deg,color-mix(in srgb,var(--color-bg-card) 92%,var(--color-bg-root)),color-mix(in srgb,var(--color-bg-root) 94%,var(--color-bg-card)));display:grid;place-items:center;box-shadow:inset 0 var(--spacing-xs) var(--spacing-md) color-mix(in srgb,var(--color-bg-root) 65%,transparent)}.pick-game-card__ttt-cell .ttt-board__mark{width:82%;height:82%}.pick-game-card__ttt-cell .ttt-board__mark-shape--x line,.pick-game-card__ttt-cell .ttt-board__mark-shape--o{filter:none}.pick-game-card__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center;color:var(--color-text-secondary);line-height:var(--line-height-tight);word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;padding-inline:var(--spacing-xs)}.pick-game-card:focus-visible .pick-game-card__name{color:var(--color-text-primary)}@media(prefers-reduced-motion:reduce){@media(hover:hover){.pick-game-card:hover .pick-game-card__icon{transform:none}}}.segmented{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--border-radius-full);background:color-mix(in srgb,var(--color-bg-root) 92%,var(--color-accent-soft));border:var(--border-width-outline) solid color-mix(in srgb,var(--color-accent) 42%,var(--color-divider));box-shadow:inset 0 1px color-mix(in srgb,var(--color-text-primary) 6%,transparent)}.segmented--compact .segmented__btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);line-height:var(--line-height-tight)}.segmented__btn{flex:1 1 50%;min-width:0;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius-full);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:color-mix(in srgb,var(--color-text-primary) 58%,var(--color-text-muted));background:transparent;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .12s ease;-webkit-tap-highlight-color:transparent;white-space:nowrap;text-align:center}.segmented__btn.is-active{background:linear-gradient(180deg,var(--color-accent) 0%,color-mix(in srgb,var(--color-accent-strong) 82%,var(--color-chip-red)) 100%);color:var(--color-text-primary);box-shadow:0 var(--spacing-xs) var(--spacing-md) var(--color-accent-soft),inset 0 1px color-mix(in srgb,var(--color-text-primary) 42%,transparent)}.segmented__btn:active{transform:scale(.98)}.segmented__btn:focus-visible{outline:var(--border-width-outline) solid var(--color-accent);outline-offset:var(--spacing-xs)}.segmented--thumb{position:relative;isolation:isolate}.segmented__thumb{position:absolute;top:var(--spacing-xs);bottom:var(--spacing-xs);left:var(--spacing-xs);width:calc((100% - 3 * var(--spacing-xs)) / 2);border-radius:var(--border-radius-full);background:linear-gradient(180deg,var(--color-accent) 0%,color-mix(in srgb,var(--color-accent-strong) 82%,var(--color-chip-red)) 100%);box-shadow:0 var(--spacing-xs) var(--spacing-md) var(--color-accent-soft),inset 0 1px color-mix(in srgb,var(--color-text-primary) 42%,transparent);transition:transform .24s cubic-bezier(.33,1,.65,1);transform:translateZ(0);pointer-events:none;z-index:0}.segmented--player-chip{gap:0}.segmented--player-chip .segmented__thumb{width:calc(50% - var(--spacing-xs))}.segmented--ttt-marks{gap:0}.segmented--ttt-marks .segmented__thumb{width:calc(50% - var(--spacing-xs))}.segmented--thumb[data-active=red] .segmented__thumb,.segmented--thumb[data-active=closed] .segmented__thumb{transform:translate3d(calc(100% + var(--spacing-xs)),0,0)}.segmented--player-chip[data-active=red] .segmented__thumb,.segmented--ttt-marks[data-active=red] .segmented__thumb{transform:translate3d(100%,0,0)}.segmented--thumb[data-active=red]:not(.segmented--player-chip):not(.segmented--ttt-marks) .segmented__thumb{background:linear-gradient(180deg,color-mix(in srgb,var(--color-chip-red) 88%,var(--color-text-primary)),color-mix(in srgb,var(--color-chip-red) 72%,var(--color-bg-root)));box-shadow:0 var(--spacing-xs) var(--spacing-md) color-mix(in srgb,var(--color-chip-red) 38%,transparent),inset 0 1px color-mix(in srgb,var(--color-text-primary) 42%,transparent)}.segmented--ttt-marks .segmented__btn{display:grid;place-items:center;min-height:calc(var(--button-height-sm) + var(--spacing-xs));padding-inline:var(--spacing-lg);transition:none;touch-action:manipulation}.segmented--ttt-marks .segmented__btn:active{transform:none}.segmented--ttt-marks .segmented__btn.is-active{color:transparent}.lobby-visibility-toggle{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:var(--spacing-sm);border:none;border-radius:0;background:transparent;color:var(--color-text-primary);flex-shrink:0;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:color .18s ease}.lobby-visibility-toggle--closed{color:var(--color-accent)}.lobby-visibility-toggle__icon{display:flex;align-items:center;justify-content:center;width:calc(var(--icon-size-md) + var(--spacing-md));height:calc(var(--icon-size-md) + var(--spacing-md))}.lobby-visibility-toggle__lock{display:block;width:100%;height:100%}.lobby-visibility-toggle__shackle--closed,.lobby-visibility-toggle--closed .lobby-visibility-toggle__shackle--open{display:none}.lobby-visibility-toggle--closed .lobby-visibility-toggle__shackle--closed{display:inline}.segmented--player-chip .segmented__btn{display:grid;place-items:center;min-height:calc(var(--button-height-sm) + var(--spacing-xs));padding-inline:var(--spacing-lg);background:transparent;box-shadow:none;transition:none;touch-action:manipulation}.segmented--player-chip .segmented__btn:active{transform:none}.segmented--player-chip .segmented__btn.is-active{background:transparent;box-shadow:none;color:transparent}.create-lobby-chip__disc{display:block;width:calc(var(--icon-size-md) + var(--spacing-sm));height:calc(var(--icon-size-md) + var(--spacing-sm));border-radius:var(--border-radius-full);flex-shrink:0;pointer-events:none}.create-lobby-chip__disc--yellow{background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--color-text-primary) 45%,transparent) 0%,transparent 45%),var(--color-accent);box-shadow:inset 0 calc(var(--spacing-xs) * -1) var(--spacing-xs) #00000059,0 0 var(--spacing-sm) var(--color-accent-soft)}.create-lobby-chip__disc--red{background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--color-text-primary) 38%,transparent) 0%,transparent 45%),var(--color-chip-red);box-shadow:inset 0 calc(var(--spacing-xs) * -1) var(--spacing-xs) #00000059,0 0 var(--spacing-sm) color-mix(in srgb,var(--color-chip-red) 38%,transparent)}.create-lobby-chip__mark{width:calc(var(--icon-size-md) + var(--spacing-xs));height:calc(var(--icon-size-md) + var(--spacing-xs));pointer-events:none}.create-lobby-chip__mark.ttt-board__mark{width:calc(var(--icon-size-md) + var(--spacing-xs));height:calc(var(--icon-size-md) + var(--spacing-xs))}.segmented--triple .segmented__thumb{width:calc((100% - 4 * var(--spacing-xs)) / 3)}.segmented--triple[data-active=uk] .segmented__thumb{transform:translate3d(calc(100% + var(--spacing-xs)),0,0)}.segmented--triple[data-active=ru] .segmented__thumb{transform:translate3d(calc(200% + 2 * var(--spacing-xs)),0,0)}.segmented--triple .segmented__btn{flex:1 1 33.333%}.toggle-switch{position:relative;display:inline-flex;align-items:center;align-self:center;flex-shrink:0;line-height:0;vertical-align:middle;cursor:pointer;-webkit-tap-highlight-color:transparent}.toggle-switch__input{position:absolute;width:1px;height:1px;padding:0;margin:calc(var(--spacing-xs) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toggle-switch__track{--toggle-w: calc(var(--spacing-4xl) + var(--spacing-2xl));--toggle-inset: var(--spacing-xs);--toggle-thumb: calc(var(--spacing-xl) + var(--spacing-sm));--toggle-h: calc(var(--toggle-thumb) + 2 * var(--toggle-inset));--toggle-travel: calc(var(--toggle-w) - 2 * var(--toggle-inset) - var(--toggle-thumb));position:relative;display:block;box-sizing:border-box;width:var(--toggle-w);height:var(--toggle-h);border-radius:var(--border-radius-full);background:color-mix(in srgb,var(--color-bg-root) 92%,var(--color-text-muted));border:var(--border-width-outline) solid var(--color-divider);transition:background .24s ease,border-color .24s ease}.toggle-switch__thumb{position:absolute;top:var(--toggle-inset);left:var(--toggle-inset);width:var(--toggle-thumb);height:var(--toggle-thumb);border-radius:var(--border-radius-full);background:var(--color-text-secondary);box-shadow:0 var(--spacing-xs) var(--spacing-sm) color-mix(in srgb,var(--color-bg-root) 40%,transparent);transition:transform .24s cubic-bezier(.33,1,.65,1),background .24s ease;transform:translateZ(0);will-change:transform}.toggle-switch__input:checked+.toggle-switch__track{background:color-mix(in srgb,var(--color-accent) 28%,var(--color-bg-root));border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-divider))}.toggle-switch__input:checked+.toggle-switch__track .toggle-switch__thumb{transform:translate3d(var(--toggle-travel),0,0);background:var(--color-accent)}.toggle-switch__input:focus-visible+.toggle-switch__track{outline:var(--border-width-outline) solid var(--color-accent);outline-offset:var(--spacing-xs)}.btn--modal-foot-single{flex:1 1 auto;width:100%}.segmented--thumb .segmented__btn{position:relative;z-index:1}.segmented--thumb .segmented__btn:not(.is-active){color:color-mix(in srgb,var(--color-text-primary) 58%,var(--color-text-muted))}.segmented--thumb .segmented__btn.is-active{background:transparent;box-shadow:none;color:var(--color-text-primary)}@media(prefers-reduced-motion:reduce){.segmented__thumb,.toggle-switch__thumb,.modal__backdrop,.modal__sheet,.fake-select__list{transition-duration:.01ms!important}}.fake-select{position:relative;width:100%}.fake-select__trigger{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:var(--spacing-xs);padding-block:var(--spacing-sm);padding-inline:var(--spacing-md);border-radius:var(--border-radius-lg);border:var(--border-width-outline) solid color-mix(in srgb,var(--color-accent) 28%,var(--color-divider));background:var(--color-bg-root);color:var(--color-accent);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;direction:ltr;box-shadow:inset 0 1px color-mix(in srgb,var(--color-text-primary) 8%,transparent);transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent;scroll-margin:0}.fake-select__trigger:active,.fake-select__trigger:focus:not(:focus-visible){background:var(--color-bg-root);color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 28%,var(--color-divider));box-shadow:inset 0 1px color-mix(in srgb,var(--color-text-primary) 8%,transparent)}.fake-select__trigger:focus-visible{outline:none}.fake-select__value{flex:1;min-width:0;text-align:center;white-space:nowrap}.fake-select__value[data-time-value],.fake-select__value[data-inc-value]{transform:translate(var(--spacing-xs))}.fake-select__caret{flex-shrink:0;width:var(--icon-size-sm);height:var(--icon-size-sm);transition:transform .2s ease}.fake-select.is-open .fake-select__caret{transform:rotate(180deg)}.fake-select__list{position:absolute;top:calc(100% + var(--spacing-xs));left:0;right:0;z-index:6;margin:0;padding:var(--spacing-xs);list-style:none;border-radius:var(--border-radius-lg);background:var(--color-bg-root);border:var(--border-width-outline) solid color-mix(in srgb,var(--color-accent) 22%,var(--color-divider));box-shadow:var(--shadow-card),0 0 var(--spacing-md) var(--color-accent-soft);overflow-y:auto;overscroll-behavior:contain}.fake-select__list[hidden]{display:none!important}.fake-select__list--portaled{z-index:50}.fake-select__list [role=option]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-accent);transition:background .12s ease,color .12s ease;-webkit-tap-highlight-color:transparent}.fake-select__list [role=option]:focus{outline:none}.fake-select__list [role=option]:focus-visible{outline:var(--border-width-outline) solid var(--color-accent);outline-offset:var(--spacing-xs)}.fake-select__list [role=option].is-selected{background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 92%,transparent),color-mix(in srgb,var(--color-accent-strong) 75%,var(--color-chip-red)));color:var(--color-text-primary)}.fake-select__list [role=option].is-selected:active,.fake-select__list [role=option].is-selected:focus:not(:focus-visible){background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 92%,transparent),color-mix(in srgb,var(--color-accent-strong) 75%,var(--color-chip-red)));color:var(--color-text-primary);filter:none}.btn--invite{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);letter-spacing:.04em;text-transform:uppercase;border:var(--border-width-outline) solid color-mix(in srgb,var(--color-chip-blue) 55%,var(--color-divider));background:linear-gradient(180deg,color-mix(in srgb,var(--color-chip-blue) 35%,var(--color-bg-elevated)),color-mix(in srgb,var(--color-chip-blue) 18%,var(--color-bg-root)));color:var(--color-text-primary);box-shadow:0 var(--spacing-xs) var(--spacing-sm) color-mix(in srgb,var(--color-chip-blue) 28%,transparent),inset 0 1px color-mix(in srgb,var(--color-text-primary) 14%,transparent)}.btn--invite:active{transform:scale(.97)}.btn--invite:focus,.btn--invite:focus-visible{outline:none;box-shadow:0 var(--spacing-xs) var(--spacing-sm) color-mix(in srgb,var(--color-chip-blue) 28%,transparent),inset 0 1px color-mix(in srgb,var(--color-text-primary) 14%,transparent)}.btn--muted{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:var(--border-width-outline) solid var(--color-divider);background:var(--color-bg-elevated);color:var(--color-text-secondary)}.modal__footer--game{position:relative;z-index:0;flex-shrink:0;display:flex;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl);border-top:var(--border-width-outline) solid color-mix(in srgb,var(--color-accent) 22%,var(--color-divider));background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--color-bg-root) 88%,transparent) 100%)}.modal__footer--game .btn--modal-foot{flex:1 1 0;min-width:0;padding-inline:var(--spacing-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal__footer--game .btn--muted{border-color:color-mix(in srgb,var(--color-text-muted) 35%,var(--color-divider))}.modal__footer--game .btn--modal-risk{flex:1;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);border:var(--border-width-outline) solid color-mix(in srgb,var(--color-chip-red) 55%,var(--color-divider));background:linear-gradient(180deg,color-mix(in srgb,var(--color-chip-red) 88%,transparent),color-mix(in srgb,var(--color-chip-red) 58%,var(--color-bg-root)));box-shadow:0 var(--spacing-xs) 0 color-mix(in srgb,var(--color-chip-red) 72%,var(--color-bg-root))}.leave-game-modal__desc{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.view--game:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:min(78dvh,40rem)}.view--game .game-screen{display:flex;flex-direction:column;flex:1;min-height:0}.game-screen--pregame{min-height:min(78dvh,40rem)}.game-screen--pregame .game-screen__top,.game-screen--pregame .game-screen__match,.game-screen--pregame .game-screen__footer{display:none!important}.game-screen__match{display:flex;flex-direction:column;flex:1;min-height:0}.game-screen__top{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.game-screen__spectators{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin:0;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.game-screen__spectators-count{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-accent)}.game-screen__back{flex-shrink:0;margin:0;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-full);border:var(--border-width-outline) solid color-mix(in srgb,var(--color-accent) 35%,var(--color-divider));background:color-mix(in srgb,var(--color-bg-elevated) 88%,transparent);color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background .15s ease,color .15s ease,transform .12s ease;-webkit-tap-highlight-color:transparent}.game-screen__back:active{transform:scale(.97)}.game-screen__brand{width:100%;min-width:0;text-align:center}.game-screen__eyebrow{margin:0 0 var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--color-chip-blue) 72%,var(--color-text-muted))}.game-screen__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.03em;line-height:var(--line-height-tight);color:var(--color-text-primary)}.game-screen__meta{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent);font-variant-numeric:tabular-nums}.game-clocks{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);align-items:start;align-content:start;flex:0 0 auto;margin-bottom:var(--spacing-lg)}.game-clock{flex:1;min-width:0;min-height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-sm);border-radius:var(--border-radius-xl);border:var(--border-width-outline) solid var(--color-divider);background:linear-gradient(145deg,var(--color-bg-elevated),var(--color-bg-card));box-shadow:inset 0 1px color-mix(in srgb,var(--color-text-primary) 6%,transparent);box-sizing:border-box;transition:border-color .25s ease,box-shadow .25s ease}.game-clock.is-active{transform:none}.game-clock--chip-yellow.is-active{border-color:color-mix(in srgb,var(--color-accent) 55%,var(--color-divider));box-shadow:inset 0 1px color-mix(in srgb,var(--color-accent) 22%,transparent),0 0 var(--spacing-md) color-mix(in srgb,var(--color-accent-soft) 85%,transparent)}.game-clock--chip-red.is-active{border-color:color-mix(in srgb,var(--color-chip-red) 52%,var(--color-divider));box-shadow:inset 0 1px color-mix(in srgb,var(--color-chip-red) 22%,transparent),0 0 var(--spacing-md) color-mix(in srgb,var(--color-chip-red) 30%,transparent)}.game-clock__label{max-width:100%;padding-inline:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-clock__label--player-name{text-transform:none;letter-spacing:0;font-weight:var(--font-weight-semibold)}.game-clock--chip-yellow .game-clock__label{color:var(--color-accent)}.game-clock--chip-red .game-clock__label{color:var(--color-chip-red)}.game-clock--ttt-x.is-active{border-color:color-mix(in srgb,var(--color-chip-blue) 72%,var(--color-divider));box-shadow:inset 0 1px color-mix(in srgb,var(--color-chip-blue) 22%,transparent),0 0 var(--spacing-md) color-mix(in srgb,var(--color-chip-blue) 32%,transparent)}.game-clock--ttt-o.is-active{border-color:color-mix(in srgb,var(--color-chip-red) 52%,var(--color-divider));box-shadow:inset 0 1px color-mix(in srgb,var(--color-chip-red) 22%,transparent),0 0 var(--spacing-md) color-mix(in srgb,var(--color-chip-red) 30%,transparent)}.game-clock--ttt-x .game-clock__label{color:var(--color-chip-blue)}.game-clock--ttt-o .game-clock__label{color:var(--color-chip-red)}.game-clock__wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:calc(var(--font-size-xl) + var(--spacing-xs))}.game-clock__time{font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--color-text-primary)}.game-clock__bonus{position:absolute;top:calc(var(--spacing-xs) * -1);right:calc(var(--spacing-md) * -1);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);background:color-mix(in srgb,var(--color-status-success) 28%,var(--color-bg-card));border:var(--border-width-outline) solid color-mix(in srgb,var(--color-status-success) 45%,var(--color-divider));opacity:0;pointer-events:none;white-space:nowrap}.game-clock--chip-yellow .game-clock__bonus{background:color-mix(in srgb,var(--color-accent) 22%,var(--color-bg-card));border-color:color-mix(in srgb,var(--color-accent) 42%,var(--color-divider))}.game-clock--chip-red .game-clock__bonus{background:color-mix(in srgb,var(--color-chip-red) 22%,var(--color-bg-card));border-color:color-mix(in srgb,var(--color-chip-red) 42%,var(--color-divider))}.game-clock__bonus.is-pulsing{animation:gameClockBonusPop .72s cubic-bezier(.34,1.2,.64,1) forwards}@keyframes gameClockBonusPop{0%{opacity:0;transform:translateY(var(--spacing-xs)) scale(.88)}28%{opacity:1;transform:translateY(calc(var(--spacing-lg) * -1)) scale(1.06)}to{opacity:0;transform:translateY(calc(var(--spacing-3xl) * -1)) scale(1)}}@media(prefers-reduced-motion:reduce){.game-clock__bonus.is-pulsing{animation-duration:.01ms}.game-clock.is-active{transform:none}}.game-board-shell{position:relative;flex:1;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--border-radius-2xl);background:linear-gradient(155deg,color-mix(in srgb,var(--color-chip-blue) 38%,var(--color-bg-card)),color-mix(in srgb,var(--color-chip-blue) 18%,var(--color-bg-root)));border:var(--border-width-outline) solid color-mix(in srgb,var(--color-chip-blue) 52%,var(--color-divider));box-shadow:inset 0 1px color-mix(in srgb,var(--color-chip-blue) 38%,transparent),inset 0 calc(var(--spacing-xs) * -1) var(--spacing-lg) color-mix(in srgb,var(--color-bg-root) 72%,transparent),0 var(--spacing-md) var(--spacing-xl) color-mix(in srgb,var(--color-chip-blue) 24%,transparent),0 0 var(--spacing-xl) color-mix(in srgb,var(--color-accent-soft) 65%,transparent)}.game-board-shell--ttt{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(155deg,color-mix(in srgb,var(--color-chip-blue) 38%,var(--color-bg-card)),color-mix(in srgb,var(--color-chip-blue) 18%,var(--color-bg-root)));border-color:color-mix(in srgb,var(--color-chip-blue) 52%,var(--color-divider));box-shadow:inset 0 1px color-mix(in srgb,var(--color-chip-blue) 38%,transparent),0 var(--spacing-md) var(--spacing-xl) color-mix(in srgb,var(--color-chip-blue) 24%,transparent)}.game-board-shell--ttt .game-board__frame{display:flex;align-items:center;justify-content:center;width:100%}.game-board-shell--ttt .game-board--ttt{padding:0;border:none;border-radius:0;background:transparent;box-shadow:none}.game-board__legend--ttt .game-board__legend-disk{width:auto;height:auto;min-width:var(--spacing-md);border-radius:0;background:none;box-shadow:none}.game-board__legend{display:none!important}.game-board__legend-disk{width:var(--spacing-md);height:var(--spacing-md);border-radius:var(--border-radius-full);flex-shrink:0}.game-board__legend-disk--yellow{background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--color-text-primary) 45%,transparent) 0%,transparent 45%),var(--color-accent);box-shadow:inset 0 calc(var(--spacing-xs) * -1) var(--spacing-xs) #00000059,0 0 var(--spacing-sm) var(--color-accent-soft)}.game-board__legend-disk--chip-red{background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--color-text-primary) 38%,transparent) 0%,transparent 45%),var(--color-chip-red);box-shadow:inset 0 calc(var(--spacing-xs) * -1) var(--spacing-xs) #00000059,0 0 var(--spacing-sm) color-mix(in srgb,var(--color-chip-red) 38%,transparent)}.game-board__legend-sep{color:var(--color-text-muted);padding-inline:var(--spacing-xs)}.game-board__frame{position:relative;width:100%}.game-board__win-line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2}.game-board__win-line path{fill:none;stroke:var(--color-text-primary);stroke-width:calc(var(--border-width-outline) * 3);stroke-linejoin:round;filter:drop-shadow(0 0 var(--spacing-xs) color-mix(in srgb,var(--color-text-primary) 45%,transparent))}.game-board{display:flex;justify-content:stretch;align-items:stretch;gap:var(--spacing-xs);width:100%}.game-board--ttt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:var(--spacing-md);box-sizing:border-box;width:min(100%,calc(var(--spacing-xl) * 14));max-width:100%;aspect-ratio:1;margin:0 auto;padding:var(--spacing-md);border-radius:var(--border-radius-2xl);background:color-mix(in srgb,var(--color-bg-root) 88%,var(--color-bg-card));border:var(--border-width-outline) solid color-mix(in srgb,var(--color-chip-blue) 22%,var(--color-divider));box-shadow:inset 0 0 var(--spacing-lg) color-mix(in srgb,var(--color-bg-root) 55%,transparent),0 0 var(--spacing-lg) color-mix(in srgb,var(--color-bg-root) 35%,transparent)}.game-board--ttt .ttt-board__cell{aspect-ratio:1;min-height:0;width:100%;height:auto}.ttt-board__cell{aspect-ratio:1;min-height:calc(var(--spacing-xl) * 3.25);margin:0;padding:var(--spacing-sm);border:var(--border-width-outline) solid color-mix(in srgb,var(--color-chip-blue) 18%,var(--color-divider));border-radius:var(--border-radius-xl);background:linear-gradient(165deg,color-mix(in srgb,var(--color-bg-card) 92%,var(--color-bg-root)),color-mix(in srgb,var(--color-bg-root) 94%,var(--color-bg-card)));cursor:pointer;display:grid;place-items:center;-webkit-tap-highlight-color:transparent;transition:border-color .15s ease,background .15s ease,transform .12s ease,box-shadow .15s ease;box-shadow:inset 0 var(--spacing-xs) var(--spacing-lg) color-mix(in srgb,var(--color-bg-root) 65%,transparent)}.ttt-board__cell:not(:disabled):active{transform:scale(.97)}.ttt-board__cell:not(:disabled):hover{border-color:color-mix(in srgb,var(--color-chip-blue) 45%,var(--color-divider));box-shadow:inset 0 var(--spacing-xs) var(--spacing-lg) color-mix(in srgb,var(--color-bg-root) 65%,transparent),0 0 var(--spacing-md) color-mix(in srgb,var(--color-chip-blue) 18%,transparent)}.ttt-board__cell:disabled{cursor:default}.ttt-board__cell--win{border-color:color-mix(in srgb,var(--color-accent) 75%,var(--color-divider));box-shadow:inset 0 0 0 var(--border-width-outline) color-mix(in srgb,var(--color-accent) 35%,transparent),0 0 var(--spacing-lg) color-mix(in srgb,var(--color-accent) 28%,transparent)}.ttt-board__mark{display:grid;place-items:center;width:78%;height:78%;pointer-events:none}.ttt-board__mark-svg{width:100%;height:100%;overflow:visible}.ttt-board__mark-shape{fill:none;stroke-linecap:round}.ttt-board__mark-shape--x line{stroke:var(--color-chip-blue);stroke-width:7;filter:drop-shadow(0 0 var(--spacing-xs) color-mix(in srgb,var(--color-chip-blue) 85%,transparent)) drop-shadow(0 0 var(--spacing-md) color-mix(in srgb,var(--color-chip-blue) 55%,transparent))}.ttt-board__mark-shape--o{stroke:var(--color-chip-red);stroke-width:7;filter:drop-shadow(0 0 var(--spacing-xs) color-mix(in srgb,var(--color-chip-red) 85%,transparent)) drop-shadow(0 0 var(--spacing-md) color-mix(in srgb,var(--color-chip-red) 55%,transparent))}.ttt-board__mark--fading .ttt-board__mark-shape--x line,.ttt-board__mark--fading .ttt-board__mark-shape--o{opacity:.42;filter:none}.game-board__legend-mark--x{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-chip-blue);text-shadow:0 0 var(--spacing-sm) color-mix(in srgb,var(--color-chip-blue) 65%,transparent)}.game-board__legend-mark--o{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-chip-red);text-shadow:0 0 var(--spacing-sm) color-mix(in srgb,var(--color-chip-red) 65%,transparent)}.game-board__col{position:relative;flex:1;min-width:0;margin:0;padding:0;border:none;background:transparent;cursor:pointer;display:flex;flex-direction:column-reverse;gap:var(--spacing-xs);-webkit-tap-highlight-color:transparent}.game-board[data-drop-active="1"]{pointer-events:none}.game-board__col:focus-visible{outline:var(--border-width-outline) solid var(--color-accent);outline-offset:var(--spacing-xs);border-radius:var(--border-radius-md)}.game-board__col--full{cursor:not-allowed}.game-board__col.game-board__col--full:disabled{opacity:1}.game-board__slot{position:relative;aspect-ratio:1;width:100%;border-radius:var(--border-radius-full);background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--color-divider) 30%,transparent),transparent 44%),radial-gradient(circle at 50% 118%,color-mix(in srgb,var(--color-bg-root) 45%,transparent),transparent 54%);background-color:color-mix(in srgb,var(--color-bg-root) 94%,var(--color-bg-card));box-shadow:inset 0 var(--spacing-sm) var(--spacing-md) color-mix(in srgb,var(--color-bg-root) 45%,transparent),inset 0 calc(var(--spacing-xs) * -1) 0 color-mix(in srgb,var(--color-text-primary) 8%,transparent),0 0 0 var(--border-width-outline) color-mix(in srgb,var(--color-chip-blue) 22%,transparent)}.game-board__piece{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:78%;height:78%;border-radius:var(--border-radius-full)}.game-board__ghost{opacity:.48;pointer-events:none;box-shadow:inset 0 calc(var(--spacing-xs) * -1) var(--spacing-xs) #00000047,0 0 0 var(--border-width-outline) color-mix(in srgb,var(--color-accent) 58%,transparent),0 0 var(--spacing-md) color-mix(in srgb,var(--color-accent-soft) 90%,transparent)}.game-board__piece--red.game-board__ghost{box-shadow:inset 0 calc(var(--spacing-xs) * -1) var(--spacing-xs) #00000047,0 0 0 var(--border-width-outline) color-mix(in srgb,var(--color-chip-red) 58%,transparent),0 0 var(--spacing-md) color-mix(in srgb,var(--color-chip-red) 42%,transparent)}.game-board__piece--falling-overlay{position:fixed;margin:0;inset:auto;border-radius:var(--border-radius-full);pointer-events:none;z-index:var(--z-piece-drop);transform:translateZ(0);transition:transform var(--motion-piece-drop-duration) var(--motion-piece-drop-easing);will-change:transform}.game-board__piece--falling-overlay.is-dropping{transform:translate3d(0,var(--drop-distance),0)}@media(prefers-reduced-motion:reduce){.game-board__piece--falling-overlay{transition-duration:.01ms}}.game-board__piece--yellow{background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--color-text-primary) 45%,transparent) 0%,transparent 45%),var(--color-accent);box-shadow:inset 0 calc(var(--spacing-xs) * -1) var(--spacing-xs) #00000061,0 var(--spacing-xs) var(--spacing-sm) var(--color-accent-soft),0 0 var(--spacing-md) color-mix(in srgb,var(--color-accent-strong) 42%,transparent)}.game-board__piece--red{background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--color-text-primary) 38%,transparent) 0%,transparent 45%),var(--color-chip-red);box-shadow:inset 0 calc(var(--spacing-xs) * -1) var(--spacing-xs) #00000061,0 var(--spacing-xs) var(--spacing-sm) color-mix(in srgb,var(--color-chip-red) 48%,transparent)}.game-screen__footer{margin-top:var(--spacing-xl);padding-inline:var(--spacing-screen-horizontal);box-sizing:border-box;text-align:center}.game-turn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-inline:auto;padding:var(--spacing-md) var(--spacing-xl);min-height:var(--spacing-4xl);width:fit-content;max-width:100%;border-radius:var(--border-radius-xl);border:var(--border-width-outline) solid var(--color-divider);background:linear-gradient(160deg,color-mix(in srgb,var(--color-bg-elevated) 88%,transparent),var(--color-bg-card));box-shadow:var(--shadow-card),inset 0 var(--border-width-outline) 0 color-mix(in srgb,var(--color-text-primary) 8%,transparent)}.game-turn--compact{flex-direction:column;gap:0;width:100%;max-width:var(--max-width-app);min-height:0;padding:var(--spacing-lg) var(--spacing-xl);text-align:center}.game-turn--compact .game-turn__disk{display:none}.game-turn--outcome-loss{border-color:color-mix(in srgb,var(--color-chip-red) 45%,var(--color-divider));background:linear-gradient(160deg,color-mix(in srgb,var(--color-chip-red) 18%,var(--color-bg-card)),color-mix(in srgb,var(--color-chip-red) 6%,var(--color-bg-elevated)));box-shadow:var(--shadow-card),inset 0 var(--border-width-outline) 0 color-mix(in srgb,var(--color-chip-red) 24%,transparent)}.game-turn--outcome-win{border-color:color-mix(in srgb,var(--color-status-success) 52%,var(--color-divider));background:linear-gradient(160deg,color-mix(in srgb,var(--color-status-success) 26%,var(--color-bg-card)),color-mix(in srgb,var(--color-status-success) 8%,var(--color-bg-elevated)));box-shadow:var(--shadow-card),inset 0 var(--border-width-outline) 0 color-mix(in srgb,var(--color-status-success) 22%,transparent)}.game-turn--outcome-draw{border-color:color-mix(in srgb,var(--color-accent) 42%,var(--color-divider));background:linear-gradient(160deg,color-mix(in srgb,var(--color-accent) 14%,var(--color-bg-card)),var(--color-bg-elevated));box-shadow:var(--shadow-card),inset 0 var(--border-width-outline) 0 color-mix(in srgb,var(--color-accent-soft) 55%,transparent)}.game-turn__disk{width:calc(var(--spacing-xl) + var(--spacing-xs));height:calc(var(--spacing-xl) + var(--spacing-xs));border-radius:var(--border-radius-full);flex-shrink:0}.game-turn--disk-yellow .game-turn__disk{background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--color-text-primary) 48%,transparent) 0%,transparent 45%),var(--color-accent);box-shadow:inset 0 calc(var(--spacing-xs) * -1) var(--spacing-xs) #00000059,0 var(--spacing-xs) var(--spacing-md) var(--color-accent-soft)}.game-turn--disk-red .game-turn__disk{background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--color-text-primary) 38%,transparent) 0%,transparent 45%),var(--color-chip-red);box-shadow:inset 0 calc(var(--spacing-xs) * -1) var(--spacing-xs) #00000059,0 var(--spacing-xs) var(--spacing-md) color-mix(in srgb,var(--color-chip-red) 45%,transparent)}.game-turn--ttt-x .game-turn__disk,.game-turn--ttt-o .game-turn__disk{width:calc(var(--spacing-xl) + var(--spacing-sm));height:calc(var(--spacing-xl) + var(--spacing-sm));border-radius:0;background:none;box-shadow:none;display:grid;place-items:center}.game-turn--ttt-x .game-turn__disk .ttt-board__mark,.game-turn--ttt-o .game-turn__disk .ttt-board__mark{width:100%;height:100%}.game-turn--ttt-x{border-color:color-mix(in srgb,var(--color-chip-blue) 42%,var(--color-divider))}.game-turn--ttt-o{border-color:color-mix(in srgb,var(--color-chip-red) 42%,var(--color-divider))}.game-turn__text{margin:0;font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.015em;line-height:var(--line-height-normal);color:var(--color-text-primary);text-wrap:balance}.game-turn--compact .game-turn__text{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.game-screen__footer--post-match .game-screen__hint{display:none}.game-footer-return{margin-top:var(--spacing-md);width:100%;max-width:var(--max-width-app);margin-inline:auto;min-height:var(--spacing-4xl);border-radius:var(--border-radius-lg)}.game-footer-return[hidden]{display:none!important}.game-screen__hint{margin:var(--spacing-md) 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;pointer-events:none;padding:0 var(--spacing-screen-horizontal) var(--spacing-screen-bottom)}.tab-bar__inner{pointer-events:auto;display:flex;align-items:stretch;width:100%;max-width:var(--max-width-app);margin:0 var(--spacing-md);padding:0;min-height:3.375rem;border-radius:var(--border-radius-full);background:var(--color-tab-bar-bg);backdrop-filter:blur(var(--spacing-md));-webkit-backdrop-filter:blur(var(--spacing-md));border:var(--border-width-outline) solid var(--color-tab-bar-border);box-shadow:var(--shadow-tab-bar);overflow:hidden}.tab-bar__segment{flex:1;display:flex;align-items:stretch;justify-content:center;min-width:0;transition:background-color .2s ease}.tab-bar__segment.is-active{background-color:var(--color-tab-segment-active-solid);background-image:linear-gradient(180deg,var(--color-tab-segment-active) 0%,rgba(99,102,241,.08) 100%)}.tab-bar__btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-sm);border:none;background:transparent;color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.02em;cursor:pointer;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.tab-bar__segment.is-active .tab-bar__btn{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.tab-bar__icon{width:var(--icon-size-md);height:var(--icon-size-md);opacity:.85;transition:opacity .2s ease}.tab-bar__btn:focus-visible{outline:var(--border-width-outline) solid var(--color-accent);outline-offset:calc(var(--border-width-outline) * -3);border-radius:var(--border-radius-sm)}.tab-bar__segment.is-active .tab-bar__btn:focus-visible{outline-color:#fff}.tab-bar__segment.is-active .tab-bar__icon{opacity:1}.tab-bar__label{letter-spacing:.02em}.tab-bar__divider{flex-shrink:0;align-self:stretch;width:var(--border-width-outline);min-height:100%;background:var(--color-tab-divider);margin:0}@media(min-width:480px){.app-header{padding-inline:var(--spacing-2xl)}.app-main{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}}.empty-state{list-style:none;padding:var(--spacing-xl);text-align:center}.empty-state__text{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.history-row__badge--draw{background:var(--color-text-muted);color:var(--color-bg-root)}.game-pregame{position:relative;display:flex;flex:1;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--spacing-md);width:100%;padding:var(--spacing-screen-vertical) var(--spacing-screen-horizontal);padding-bottom:var(--spacing-2xl);text-align:center}.game-pregame[hidden]{display:none!important}.game-pregame__head{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.game-pregame__eyebrow{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--color-chip-blue) 72%,var(--color-text-muted))}.game-pregame__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.03em;line-height:var(--line-height-tight);color:var(--color-text-primary)}.game-pregame__game-name{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;line-height:var(--line-height-tight);color:var(--color-text-brand)}.game-pregame__format{margin:var(--spacing-xs) 0 0}.game-pregame__format-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-accent);font-variant-numeric:tabular-nums}.game-pregame__status{margin:0;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-full);background:color-mix(in srgb,var(--color-bg-elevated) 90%,transparent);border:var(--border-width-outline) solid var(--color-divider);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.pregame-chips{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);align-items:center;width:100%;max-width:var(--max-width-app);margin-inline:auto;padding-block:0 var(--spacing-xs)}.pregame-chips__countdown{position:absolute;left:50%;top:50%;z-index:1;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);pointer-events:none;font-size:clamp(var(--font-size-xl),10vw,3rem);font-weight:var(--font-weight-extrabold);font-variant-numeric:tabular-nums;letter-spacing:-.04em;line-height:1;color:var(--color-text-primary);text-shadow:0 0 var(--spacing-lg) var(--color-accent-soft)}.pregame-chips__countdown[hidden]{display:none!important}.pregame-chips__slot{display:flex;align-items:center;justify-content:center;min-height:calc(var(--icon-size-md) * 2.5)}.pregame-chips__disc{width:calc(var(--icon-size-md) * 2.75);height:calc(var(--icon-size-md) * 2.75);flex-shrink:0}.pregame-chips--ttt .pregame-chips__slot--ghost .pregame-chips__mark{opacity:.35}.pregame-chips__mark{width:calc(var(--icon-size-md) * 2.75);height:calc(var(--icon-size-md) * 2.75);flex-shrink:0}.pregame-chips__mark.ttt-board__mark{width:calc(var(--icon-size-md) * 2.75);height:calc(var(--icon-size-md) * 2.75)}.pregame-chips__slot--ghost .pregame-chips__disc{opacity:.35}.pregame-player--invite{justify-content:center}.pregame-player__invite-hint{margin:0;font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-text-secondary);text-align:center;max-width:11rem}.pregame-player__invite .btn--invite,.pregame-player__spectator-join .btn--pregame-join{width:100%;max-width:11rem;min-height:calc(var(--spacing-lg) + var(--spacing-md) * 2)}.btn--pregame-join{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);letter-spacing:.04em;text-transform:uppercase}.btn--pregame-join:focus,.btn--pregame-join:focus-visible{outline:none;box-shadow:0 var(--spacing-xs) 0 color-mix(in srgb,var(--color-accent-strong) 85%,var(--color-bg-root)),0 var(--spacing-sm) var(--spacing-lg) var(--color-accent-soft),0 0 0 var(--spacing-xs) color-mix(in srgb,var(--color-accent) 55%,transparent)}.pregame-players{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:var(--spacing-md);width:100%;max-width:var(--max-width-app);margin-inline:auto;flex:1 1 auto;align-items:stretch;align-content:stretch;overflow:visible}.pregame-player{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-lg);border-radius:var(--border-radius-xl);border:var(--border-width-outline) solid var(--color-divider);background:linear-gradient(160deg,var(--color-bg-card),var(--color-bg-elevated));min-height:14rem;height:100%;box-sizing:border-box;overflow:visible}.pregame-player--empty{border-style:dashed;opacity:.85}.pregame-player--is-ready{border-color:color-mix(in srgb,var(--color-accent) 50%,var(--color-divider))}.pregame-player__main{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%}.pregame-player__main[hidden]{display:none!important}.pregame-player__ready-slot{display:flex;align-items:center;justify-content:center;min-height:calc(var(--icon-size-md) * 2.25);width:100%;flex-shrink:0}.pregame-player__ready-slot:not([hidden]){margin-top:auto}.pregame-player__ready-slot[hidden]{display:none!important}.pregame-player__invite-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);width:100%;flex:1 1 auto;padding:var(--spacing-sm) 0}.pregame-player__invite-panel[hidden]{display:none!important}.pregame-player__invite,.pregame-player__spectator-join{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);width:100%}.pregame-player__invite[hidden],.pregame-player__spectator-join[hidden]{display:none!important}.pregame-player__avatar{width:calc(var(--icon-size-md) * 4.25);height:calc(var(--icon-size-md) * 4.25);flex-shrink:0;border-radius:var(--border-radius-full);overflow:hidden;display:flex;align-items:center;justify-content:center;background:transparent}.pregame-player__avatar-img,.pregame-player__avatar-img--photo{width:100%;height:100%;object-fit:cover}.pregame-player__avatar>.pregame-player__avatar-img:not(.pregame-player__avatar-img--photo){display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);border-radius:var(--border-radius-full);border:var(--border-width-outline) solid var(--color-divider);box-sizing:border-box;background:linear-gradient(145deg,var(--color-bg-elevated),var(--color-bg-card-hover))}#pregameSlotMe .pregame-player__avatar>.pregame-player__avatar-img:not(.pregame-player__avatar-img--photo){background-color:color-mix(in srgb,var(--color-chip-red) 42%,var(--color-bg-elevated));border-color:color-mix(in srgb,var(--color-chip-red) 50%,var(--color-divider))}#pregameSlotOpp:not(.pregame-player--empty):not(.pregame-player--invite) .pregame-player__avatar>.pregame-player__avatar-img:not(.pregame-player__avatar-img--photo){background-color:color-mix(in srgb,var(--color-accent) 38%,var(--color-bg-elevated));border-color:color-mix(in srgb,var(--color-accent) 52%,var(--color-divider))}.pregame-player__title{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;flex-shrink:0;min-height:calc(var(--icon-size-md) * 2.5 + var(--spacing-md) + 1.25em)}.pregame-player__crown{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:calc(var(--icon-size-md) * 2.5);height:calc(var(--icon-size-md) * 2.5);line-height:0}.pregame-player__crown[hidden]{opacity:0;visibility:hidden;pointer-events:none}.pregame-player__crown-icon{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.pregame-player__label{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.pregame-player--me .pregame-player__label{color:var(--color-text-brand)}.pregame-player--opp .pregame-player__label{color:var(--color-status-error)}.pregame-player__name{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pregame-ready__btn,.pregame-ready-badge{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--icon-size-md) * 2.25);height:calc(var(--icon-size-md) * 2.25);margin:0;padding:0;border-radius:var(--border-radius-full);border:var(--border-width-outline) solid var(--color-divider);background:color-mix(in srgb,var(--color-bg-elevated) 92%,transparent);color:var(--color-text-muted);flex-shrink:0;box-sizing:border-box}.pregame-ready__btn{cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease,transform .1s ease}.pregame-ready__btn:active:not(:disabled){transform:scale(.96)}.pregame-ready__btn:disabled{cursor:not-allowed;opacity:.7}.pregame-ready__btn--checked,.pregame-ready-badge--active{border-color:color-mix(in srgb,var(--color-accent) 65%,var(--color-divider));background:var(--color-accent-soft);color:var(--color-accent)}.pregame-ready__btn:not(.pregame-ready__btn--checked),.pregame-ready-badge--muted:not(.pregame-ready-badge--active){border-color:var(--color-divider);background:color-mix(in srgb,var(--color-bg-elevated) 92%,transparent);color:var(--color-text-muted)}.pregame-ready__check{display:flex;align-items:center;justify-content:center;width:calc(var(--icon-size-md) * 1.1);height:calc(var(--icon-size-md) * 1.1)}.pregame-ready__check-icon{display:block;width:100%;height:100%}.pregame-ready__btn:not(.pregame-ready__btn--checked) .pregame-ready__check,.pregame-ready-badge--muted:not(.pregame-ready-badge--active) .pregame-ready__check{opacity:.28;color:var(--color-text-muted)}.pregame-ready__btn--checked .pregame-ready__check,.pregame-ready-badge--active .pregame-ready__check{opacity:1;color:var(--color-accent)}.pregame-ready__btn[hidden],.pregame-ready-badge[hidden]{display:none!important}.pregame-ready-badge--muted{pointer-events:none;cursor:default}.pregame-ready-badge--locked,.pregame-ready__btn:disabled{opacity:.7}.pregame-player__kick{position:absolute;top:0;right:0;z-index:3;display:flex;align-items:center;justify-content:center;width:calc(var(--icon-size-md) * 1.2);height:calc(var(--icon-size-md) * 1.2);padding:0;border:var(--border-width-outline) solid var(--color-bg-root);border-radius:var(--border-radius-full);background:var(--color-chip-red);color:var(--color-text-primary);box-shadow:none;transform:translate(42%,-42%);cursor:pointer;transition:transform .12s ease,background .18s ease,box-shadow .18s ease,opacity .15s ease}.pregame-player__kick:active{transform:translate(42%,-42%) scale(.92)}.pregame-player__kick-icon{width:var(--icon-size-sm);height:var(--icon-size-sm)}.pregame-player__kick[hidden]{display:none!important}