@charset "UTF-8";@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: "Inter", -apple-system, "Segoe UI", Roboto, Helvetica, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-400: oklch(70.4% .191 22.216);--color-red-600: oklch(57.7% .245 27.325);--color-amber-100: oklch(96.2% .059 95.617);--color-amber-300: oklch(87.9% .169 91.605);--color-amber-800: oklch(47.3% .137 46.201);--color-amber-950: oklch(27.9% .077 45.635);--color-yellow-100: oklch(97.3% .071 103.193);--color-yellow-300: oklch(90.5% .182 98.111);--color-yellow-800: oklch(47.6% .114 61.907);--color-yellow-950: oklch(28.6% .066 53.813);--color-cyan-100: oklch(95.6% .045 203.388);--color-cyan-300: oklch(86.5% .127 207.078);--color-cyan-800: oklch(45% .085 224.283);--color-cyan-950: oklch(30.2% .056 229.695);--color-sky-100: oklch(95.1% .026 236.824);--color-sky-300: oklch(82.8% .111 230.318);--color-sky-800: oklch(44.3% .11 240.79);--color-sky-950: oklch(29.3% .066 243.157);--color-blue-600: oklch(54.6% .245 262.881);--color-blue-700: oklch(48.8% .243 264.376);--color-violet-100: oklch(94.3% .029 294.588);--color-violet-300: oklch(81.1% .111 293.571);--color-violet-800: oklch(43.2% .232 292.759);--color-violet-950: oklch(28.3% .141 291.089);--color-fuchsia-100: oklch(95.2% .037 318.852);--color-fuchsia-300: oklch(83.3% .145 321.434);--color-fuchsia-800: oklch(45.2% .211 324.591);--color-fuchsia-950: oklch(29.3% .136 325.661);--color-slate-50: oklch(98.4% .003 247.858);--color-slate-100: oklch(96.8% .007 247.896);--color-slate-200: oklch(92.9% .013 255.508);--color-slate-300: oklch(86.9% .022 252.894);--color-slate-600: oklch(44.6% .043 257.281);--color-slate-700: oklch(37.2% .044 257.287);--color-slate-800: oklch(27.9% .041 260.031);--color-slate-900: oklch(20.8% .042 265.755);--color-zinc-100: oklch(96.7% .001 286.375);--color-zinc-300: oklch(87.1% .006 286.286);--color-zinc-600: oklch(44.2% .017 285.786);--color-zinc-800: oklch(27.4% .006 286.033);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 650;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--animate-spin: spin 1s linear infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm: 8px;--blur-md: 12px;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono);--font-display: "Iowan Old Style", Georgia, "Palatino Linotype", serif;--text-caption: 13px;--text-body-sm: 14.5px;--text-body: 16px;--text-lead: 17.5px;--text-title: 23px;--container-page: 1160px;--container-page-wide: 1400px;--container-page-narrow: 820px;--color-background: var(--bgi-background);--color-sidebar: var(--bgi-sidebar);--color-surface: var(--bgi-surface);--color-surface-elevated: var(--bgi-surface-elevated);--color-surface-muted: var(--bgi-surface-muted);--color-footer: var(--bgi-footer);--color-tile: var(--bgi-tile);--color-benefits-tint: var(--bgi-benefits-tint);--color-text-primary: var(--bgi-text-primary);--color-text-secondary: var(--bgi-text-secondary);--color-text-muted: var(--bgi-text-muted);--color-text-muted-small: var(--bgi-text-muted-small);--color-text-inverse: var(--bgi-text-inverse);--color-on-primary: var(--bgi-on-primary);--color-border: var(--bgi-border);--color-border-soft: var(--bgi-border-soft);--color-border-hover: var(--bgi-border-hover);--color-border-focus: var(--bgi-border-focus);--color-match-player-card-border: var(--bgi-match-player-card-border);--color-primary: var(--bgi-primary);--color-primary-hover: var(--bgi-primary-hover);--color-primary-active: var(--bgi-primary-active);--color-primary-tint: var(--bgi-primary-tint);--color-accent-ink: var(--bgi-accent-ink);--color-cta-from: var(--bgi-cta-from);--color-cta-mid: var(--bgi-cta-mid);--color-cta-to: var(--bgi-cta-to);--color-on-cta: var(--bgi-on-cta);--color-gold-btn-from: var(--bgi-gold-btn-from);--color-gold-btn-to: var(--bgi-gold-btn-to);--color-on-gold-btn: var(--bgi-on-gold-btn);--color-secondary: var(--bgi-secondary);--color-secondary-hover: var(--bgi-secondary-hover);--color-secondary-active: var(--bgi-secondary-active);--color-hover-tint: var(--bgi-hover-tint);--color-success: var(--bgi-success);--color-success-bg: var(--bgi-success-bg);--color-success-border: var(--bgi-success-border);--color-warning: var(--bgi-warning);--color-warning-bg: var(--bgi-warning-bg);--color-warning-border: var(--bgi-warning-border);--color-danger: var(--bgi-danger);--color-danger-hover: var(--bgi-danger-hover);--color-danger-bg: var(--bgi-danger-bg);--color-danger-border: var(--bgi-danger-border);--color-success-strong: var(--bgi-success-strong);--color-warning-strong: var(--bgi-warning-strong);--color-danger-strong: var(--bgi-danger-strong);--color-error: var(--color-danger);--color-error-hover: var(--color-danger-hover);--color-error-bg: var(--color-danger-bg);--color-error-border: var(--color-danger-border);--color-error-strong: var(--color-danger-strong);--color-info-bg: var(--bgi-info-bg);--color-info-border: var(--bgi-info-border);--color-overlay: var(--bgi-overlay);--color-tictactoe-x: var(--bgi-tictactoe-x);--color-tictactoe-o: var(--bgi-tictactoe-o);--color-connect4-board: var(--bgi-connect4-board);--color-connect4-board-dark: var(--bgi-connect4-board-dark);--color-connect4-well: var(--bgi-connect4-well);--color-connect4-one: var(--bgi-connect4-one);--color-connect4-two: var(--bgi-connect4-two);--color-connect4-one-detail: var(--bgi-connect4-one-detail);--color-connect4-two-detail: var(--bgi-connect4-two-detail);--color-mill-board: var(--bgi-mill-board);--color-mill-line: var(--bgi-mill-line);--color-mill-piece-light: var(--bgi-mill-piece-light);--color-mill-piece-light-detail: var(--bgi-mill-piece-light-detail);--color-mill-piece-dark: var(--bgi-mill-piece-dark);--color-mill-piece-dark-detail: var(--bgi-mill-piece-dark-detail);--color-checkers-board: var(--bgi-checkers-board);--color-checkers-square-dark: var(--bgi-checkers-square-dark);--color-checkers-square-light: var(--bgi-checkers-square-light);--color-checkers-piece-one: var(--bgi-checkers-piece-one);--color-checkers-piece-one-detail: var(--bgi-checkers-piece-one-detail);--color-checkers-piece-two: var(--bgi-checkers-piece-two);--color-checkers-piece-two-detail: var(--bgi-checkers-piece-two-detail);--color-accent-yellow: var(--bgi-accent-yellow);--color-game-player-one: var(--color-tictactoe-x);--color-game-player-two: var(--color-tictactoe-o);--color-piece-terracotta: var(--bgi-piece-terracotta);--color-piece-ocher: var(--bgi-piece-ocher);--color-piece-navy: var(--bgi-piece-navy);--color-piece-fir: var(--bgi-piece-fir);--color-brand-mark-ground: #fffdf9;--color-brand-mark-line: #1e2a44;--color-brand-mark-center: #1e2a44;--color-brand-mark-ocher: #c99b3f;--color-brand-mark-terracotta: #b65c43;--color-brand-mark-navy: #35507e;--color-brand-mark-fir: #4a6b5a;--color-gold: #d8b24a;--color-gold-tint: rgba(216, 178, 74, .12);--color-gold-strong: var(--bgi-gold-strong);--color-medal-gold: #d8b24a;--color-medal-silver: #9ca3af;--color-medal-bronze: #c07a2b;--radius-s: 10px;--radius-m: 16px;--radius-l: 22px;--shadow-card: var(--bgi-shadow-card);--shadow-card-sm: var(--bgi-shadow-card-sm);--shadow-header: var(--bgi-shadow-header);--shadow-cta: var(--bgi-cta-shadow);--shadow-cta-hover: var(--bgi-cta-shadow-hover);--shadow-gold-btn: var(--bgi-gold-btn-shadow);--ease-out-soft: cubic-bezier(.2, .7, .2, 1);--ease-spring: cubic-bezier(.3, .8, .3, 1.2)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.\@container\/card{container-type:inline-size;container-name:card}.\@container\/recent{container-type:inline-size;container-name:recent}.\@container\/waiting{container-type:inline-size;container-name:waiting}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{inset-block:0}.top-0{top:0}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-full{top:100%}.right-0{right:0}.right-0\.5{right:calc(var(--spacing) * .5)}.right-1{right:var(--spacing)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-4{right:calc(var(--spacing) * 4)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-full{bottom:100%}.left-0{left:0}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[55\]{z-index:55}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[110\]{z-index:110}.z-\[120\]{z-index:120}.order-0{order:0}.order-1{order:1}.order-2{order:2}.col-span-2{grid-column:span 2 / span 2}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-1{margin-inline:var(--spacing)}.mx-auto{margin-inline:auto}.-my-1{margin-block:calc(var(--spacing) * -1)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-9{margin-top:calc(var(--spacing) * 9)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-\[3px\]{margin-top:3px}.mt-\[18px\]{margin-top:18px}.mt-\[22px\]{margin-top:22px}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mr-\[7px\]{margin-right:7px}.-mb-px{margin-bottom:-1px}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-\[7px\]{margin-bottom:7px}.mb-\[9px\]{margin-bottom:9px}.mb-\[22px\]{margin-bottom:22px}.mb-\[26px\]{margin-bottom:26px}.mb-\[30px\]{margin-bottom:30px}.-ml-1\.5{margin-left:calc(var(--spacing) * -1.5)}.ml-1{margin-left:var(--spacing)}.ml-auto{margin-left:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1 / 1}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.size-\[6px\]{width:6px;height:6px}.size-\[7px\]{width:7px;height:7px}.size-\[9px\]{width:9px;height:9px}.size-\[15px\]{width:15px;height:15px}.size-\[17px\]{width:17px;height:17px}.size-\[18px\]{width:18px;height:18px}.size-\[19px\]{width:19px;height:19px}.size-\[21px\]{width:21px;height:21px}.size-\[22px\]{width:22px;height:22px}.size-\[30px\]{width:30px;height:30px}.size-\[34px\]{width:34px;height:34px}.size-\[38px\]{width:38px;height:38px}.size-\[52px\]{width:52px;height:52px}.size-\[62px\]{width:62px;height:62px}.size-\[72px\]{width:72px;height:72px}.size-\[220px\]{width:220px;height:220px}.size-full{width:100%;height:100%}.h-0{height:0}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-52{height:calc(var(--spacing) * 52)}.h-64{height:calc(var(--spacing) * 64)}.h-\[3px\]{height:3px}.h-\[7px\]{height:7px}.h-\[9px\]{height:9px}.h-\[15px\]{height:15px}.h-\[18px\]{height:18px}.h-\[19px\]{height:19px}.h-\[26px\]{height:26px}.h-\[30px\]{height:30px}.h-\[38px\]{height:38px}.h-\[62\%\]{height:62%}.h-\[72px\]{height:72px}.h-\[92px\]{height:92px}.h-\[220px\]{height:220px}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-\[min\(84vh\,760px\)\]{max-height:min(84vh,760px)}.max-h-\[min\(86vh\,780px\)\]{max-height:min(86vh,780px)}.max-h-\[min\(92vh\,680px\)\]{max-height:min(92vh,680px)}.max-h-\[min\(96dvh\,760px\)\]{max-height:min(96dvh,760px)}.max-h-full{max-height:100%}.max-h-none{max-height:none}.min-h-0{min-height:0}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-\[44px\]{min-height:44px}.min-h-\[76px\]{min-height:76px}.min-h-\[88px\]{min-height:88px}.min-h-\[226px\]{min-height:226px}.min-h-\[2400px\]{min-height:2400px}.min-h-\[calc\(100dvh-72px\)\]{min-height:calc(100dvh - 72px)}.min-h-dvh{min-height:100dvh}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1\/4{width:25%}.w-1\/6{width:calc(1 / 6 * 100%)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-44{width:calc(var(--spacing) * 44)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-80{width:calc(var(--spacing) * 80)}.w-\[7px\]{width:7px}.w-\[9px\]{width:9px}.w-\[15px\]{width:15px}.w-\[18px\]{width:18px}.w-\[19px\]{width:19px}.w-\[26px\]{width:26px}.w-\[30px\]{width:30px}.w-\[52px\]{width:52px}.w-\[62\%\]{width:62%}.w-\[88px\]{width:88px}.w-\[264px\]{width:264px}.w-\[calc\(100vw-2rem\)\]{width:calc(100vw - 2rem)}.w-\[calc\(100vw-2rem-env\(safe-area-inset-left\)-env\(safe-area-inset-right\)\)\]{width:calc(100vw - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right))}.w-\[min\(20rem\,calc\(100vw-3rem\)\)\]{width:min(20rem,calc(100vw - 3rem))}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-\[28ch\]{max-width:28ch}.max-w-\[30ch\]{max-width:30ch}.max-w-\[52ch\]{max-width:52ch}.max-w-\[60ch\]{max-width:60ch}.max-w-\[62ch\]{max-width:62ch}.max-w-\[86vw\]{max-width:86vw}.max-w-\[280px\]{max-width:280px}.max-w-\[380px\]{max-width:380px}.max-w-\[420px\]{max-width:420px}.max-w-\[440px\]{max-width:440px}.max-w-\[520px\]{max-width:520px}.max-w-\[560px\]{max-width:560px}.max-w-\[580px\]{max-width:580px}.max-w-\[600px\]{max-width:600px}.max-w-\[620px\]{max-width:620px}.max-w-\[680px\]{max-width:680px}.max-w-\[700px\]{max-width:700px}.max-w-\[720px\]{max-width:720px}.max-w-\[760px\]{max-width:760px}.max-w-\[820px\]{max-width:820px}.max-w-\[880px\]{max-width:880px}.max-w-\[1120px\]{max-width:1120px}.max-w-\[min\(78vw\,26rem\)\]{max-width:min(78vw,26rem)}.max-w-\[min\(420px\,42svh\)\]{max-width:min(420px,42svh)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-11{min-width:calc(var(--spacing) * 11)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-\[12rem\]{min-width:12rem}.min-w-\[16rem\]{min-width:16rem}.min-w-\[17px\]{min-width:17px}.min-w-\[128px\]{min-width:128px}.min-w-\[140px\]{min-width:140px}.min-w-\[150px\]{min-width:150px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-none{flex:none}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-full{flex-basis:100%}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.translate-x-\[1px\]{--tw-translate-x: 1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-y{resize:vertical}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.list-none{list-style-type:none}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[3fr_7fr\]{grid-template-columns:3fr 7fr}.grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.grid-cols-\[minmax\(13rem\,1\.5fr\)_minmax\(6\.5rem\,0\.75fr\)_4\.5rem_7rem_6rem_minmax\(10rem\,1fr\)_auto\]{grid-template-columns:minmax(13rem,1.5fr) minmax(6.5rem,.75fr) 4.5rem 7rem 6rem minmax(10rem,1fr) auto}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-\[3px\]{gap:3px}.gap-\[7px\]{gap:7px}.gap-\[9px\]{gap:9px}.gap-\[11px\]{gap:11px}.gap-\[13px\]{gap:13px}.gap-\[18px\]{gap:18px}.gap-\[22px\]{gap:22px}.gap-\[26px\]{gap:26px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-7>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-2\.5{column-gap:calc(var(--spacing) * 2.5)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-3\.5{column-gap:calc(var(--spacing) * 3.5)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-7{column-gap:calc(var(--spacing) * 7)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-x-\[30px\]{column-gap:30px}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-1{row-gap:var(--spacing)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-2\.5{row-gap:calc(var(--spacing) * 2.5)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.gap-y-8{row-gap:calc(var(--spacing) * 8)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse: 0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border-soft>:not(:last-child)){border-color:var(--color-border-soft)}.self-center{align-self:center}.self-start{align-self:flex-start}.justify-self-center{justify-self:center}.justify-self-start{justify-self:flex-start}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-y-auto{overflow-y:auto}.overscroll-x-contain{overscroll-behavior-x:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[5px\]{border-radius:5px}.rounded-\[9px\]{border-radius:9px}.rounded-\[10px\]{border-radius:10px}.rounded-\[11px\]{border-radius:11px}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-\[16px\]{border-radius:16px}.rounded-\[18px\]{border-radius:18px}.rounded-\[22px\]{border-radius:22px}.rounded-\[24px\]{border-radius:24px}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-m{border-radius:var(--radius-m)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style: dashed;border-style:dashed}.border-border{border-color:var(--color-border)}.border-border-focus{border-color:var(--color-border-focus)}.border-border-hover{border-color:var(--color-border-hover)}.border-border-soft{border-color:var(--color-border-soft)}.border-current{border-color:currentcolor}.border-danger-border{border-color:var(--color-danger-border)}.border-danger\/30{border-color:var(--color-danger)}@supports (color: color-mix(in lab,red,red)){.border-danger\/30{border-color:color-mix(in oklab,var(--color-danger) 30%,transparent)}}.border-danger\/40{border-color:var(--color-danger)}@supports (color: color-mix(in lab,red,red)){.border-danger\/40{border-color:color-mix(in oklab,var(--color-danger) 40%,transparent)}}.border-error{border-color:var(--color-error)}.border-error-border{border-color:var(--color-error-border)}.border-gold{border-color:var(--color-gold)}.border-info-border{border-color:var(--color-info-border)}.border-primary{border-color:var(--color-primary)}.border-primary\/20{border-color:var(--color-primary)}@supports (color: color-mix(in lab,red,red)){.border-primary\/20{border-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}.border-primary\/25{border-color:var(--color-primary)}@supports (color: color-mix(in lab,red,red)){.border-primary\/25{border-color:color-mix(in oklab,var(--color-primary) 25%,transparent)}}.border-primary\/30{border-color:var(--color-primary)}@supports (color: color-mix(in lab,red,red)){.border-primary\/30{border-color:color-mix(in oklab,var(--color-primary) 30%,transparent)}}.border-primary\/40{border-color:var(--color-primary)}@supports (color: color-mix(in lab,red,red)){.border-primary\/40{border-color:color-mix(in oklab,var(--color-primary) 40%,transparent)}}.border-primary\/45{border-color:var(--color-primary)}@supports (color: color-mix(in lab,red,red)){.border-primary\/45{border-color:color-mix(in oklab,var(--color-primary) 45%,transparent)}}.border-slate-200{border-color:var(--color-slate-200)}.border-success-border{border-color:var(--color-success-border)}.border-success\/30{border-color:var(--color-success)}@supports (color: color-mix(in lab,red,red)){.border-success\/30{border-color:color-mix(in oklab,var(--color-success) 30%,transparent)}}.border-transparent{border-color:transparent}.border-warning-border{border-color:var(--color-warning-border)}.border-warning\/40{border-color:var(--color-warning)}@supports (color: color-mix(in lab,red,red)){.border-warning\/40{border-color:color-mix(in oklab,var(--color-warning) 40%,transparent)}}.border-t-primary{border-top-color:var(--color-primary)}.border-t-transparent{border-top-color:transparent}.border-l-primary{border-left-color:var(--color-primary)}.bg-accent-yellow{background-color:var(--color-accent-yellow)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-background{background-color:var(--color-background)}.bg-black\/45{background-color:color-mix(in srgb,#000 45%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-black\/45{background-color:color-mix(in oklab,var(--color-black) 45%,transparent)}}.bg-black\/50{background-color:color-mix(in srgb,#000 50%,transparent)}@supports (color: color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-border-soft{background-color:var(--color-border-soft)}.bg-connect4-board{background-color:var(--color-connect4-board)}.bg-connect4-one{background-color:var(--color-connect4-one)}.bg-connect4-two{background-color:var(--color-connect4-two)}.bg-current{background-color:currentcolor}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-danger{background-color:var(--color-danger)}.bg-danger-bg{background-color:var(--color-danger-bg)}.bg-danger\/5{background-color:var(--color-danger)}@supports (color: color-mix(in lab,red,red)){.bg-danger\/5{background-color:color-mix(in oklab,var(--color-danger) 5%,transparent)}}.bg-danger\/10{background-color:var(--color-danger)}@supports (color: color-mix(in lab,red,red)){.bg-danger\/10{background-color:color-mix(in oklab,var(--color-danger) 10%,transparent)}}.bg-error{background-color:var(--color-error)}.bg-error-bg{background-color:var(--color-error-bg)}.bg-fuchsia-100{background-color:var(--color-fuchsia-100)}.bg-game-player-one{background-color:var(--color-game-player-one)}.bg-game-player-two{background-color:var(--color-game-player-two)}.bg-gold{background-color:var(--color-gold)}.bg-gold-tint{background-color:var(--color-gold-tint)}.bg-info-bg{background-color:var(--color-info-bg)}.bg-medal-bronze{background-color:var(--color-medal-bronze)}.bg-medal-gold{background-color:var(--color-medal-gold)}.bg-medal-silver{background-color:var(--color-medal-silver)}.bg-overlay\/35{background-color:var(--color-overlay)}@supports (color: color-mix(in lab,red,red)){.bg-overlay\/35{background-color:color-mix(in oklab,var(--color-overlay) 35%,transparent)}}.bg-overlay\/40{background-color:var(--color-overlay)}@supports (color: color-mix(in lab,red,red)){.bg-overlay\/40{background-color:color-mix(in oklab,var(--color-overlay) 40%,transparent)}}.bg-piece-fir{background-color:var(--color-piece-fir)}.bg-piece-navy{background-color:var(--color-piece-navy)}.bg-piece-ocher{background-color:var(--color-piece-ocher)}.bg-piece-terracotta{background-color:var(--color-piece-terracotta)}.bg-primary{background-color:var(--color-primary)}.bg-primary-active{background-color:var(--color-primary-active)}.bg-primary-hover{background-color:var(--color-primary-hover)}.bg-primary-tint{background-color:var(--color-primary-tint)}.bg-primary-tint\/50{background-color:var(--color-primary-tint)}@supports (color: color-mix(in lab,red,red)){.bg-primary-tint\/50{background-color:color-mix(in oklab,var(--color-primary-tint) 50%,transparent)}}.bg-primary-tint\/60{background-color:var(--color-primary-tint)}@supports (color: color-mix(in lab,red,red)){.bg-primary-tint\/60{background-color:color-mix(in oklab,var(--color-primary-tint) 60%,transparent)}}.bg-primary\/8{background-color:var(--color-primary)}@supports (color: color-mix(in lab,red,red)){.bg-primary\/8{background-color:color-mix(in oklab,var(--color-primary) 8%,transparent)}}.bg-primary\/60{background-color:var(--color-primary)}@supports (color: color-mix(in lab,red,red)){.bg-primary\/60{background-color:color-mix(in oklab,var(--color-primary) 60%,transparent)}}.bg-secondary{background-color:var(--color-secondary)}.bg-secondary-active{background-color:var(--color-secondary-active)}.bg-secondary-hover{background-color:var(--color-secondary-hover)}.bg-sidebar{background-color:var(--color-sidebar)}.bg-sky-100{background-color:var(--color-sky-100)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-success{background-color:var(--color-success)}.bg-success-bg{background-color:var(--color-success-bg)}.bg-surface{background-color:var(--color-surface)}.bg-surface-elevated{background-color:var(--color-surface-elevated)}.bg-surface-muted{background-color:var(--color-surface-muted)}.bg-surface-muted\/55{background-color:var(--color-surface-muted)}@supports (color: color-mix(in lab,red,red)){.bg-surface-muted\/55{background-color:color-mix(in oklab,var(--color-surface-muted) 55%,transparent)}}.bg-text-muted\/40{background-color:var(--color-text-muted)}@supports (color: color-mix(in lab,red,red)){.bg-text-muted\/40{background-color:color-mix(in oklab,var(--color-text-muted) 40%,transparent)}}.bg-tictactoe-x{background-color:var(--color-tictactoe-x)}.bg-transparent{background-color:transparent}.bg-violet-100{background-color:var(--color-violet-100)}.bg-warning-bg{background-color:var(--color-warning-bg)}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-zinc-100{background-color:var(--color-zinc-100)}.fill-connect4-board{fill:var(--color-connect4-board)}.stroke-connect4-board-dark{stroke:var(--color-connect4-board-dark)}.stroke-game-player-one{stroke:var(--color-game-player-one)}.stroke-game-player-two{stroke:var(--color-game-player-two)}.stroke-text-primary\/25{stroke:var(--color-text-primary)}@supports (color: color-mix(in lab,red,red)){.stroke-text-primary\/25{stroke:color-mix(in oklab,var(--color-text-primary) 25%,transparent)}}.object-contain{object-fit:contain}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.p-42{padding:calc(var(--spacing) * 42)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-7{padding-inline:calc(var(--spacing) * 7)}.px-\[15px\]{padding-inline:15px}.px-\[22px\]{padding-inline:22px}.px-\[26px\]{padding-inline:26px}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-\[11px\]{padding-block:11px}.py-\[18px\]{padding-block:18px}.py-\[22px\]{padding-block:22px}.py-\[24px\]{padding-block:24px}.py-px{padding-block:1px}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-7{padding-top:calc(var(--spacing) * 7)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-\[5px\]{padding-top:5px}.pt-\[22px\]{padding-top:22px}.pt-\[26px\]{padding-top:26px}.pt-\[34px\]{padding-top:34px}.pt-\[max\(5dvh\,env\(safe-area-inset-top\)\)\]{padding-top:max(5dvh,env(safe-area-inset-top))}.pr-1{padding-right:var(--spacing)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pr-20{padding-right:calc(var(--spacing) * 20)}.pr-\[max\(1rem\,env\(safe-area-inset-right\)\)\]{padding-right:max(1rem,env(safe-area-inset-right))}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-\[22px\]{padding-bottom:22px}.pb-\[70px\]{padding-bottom:70px}.pb-\[90px\]{padding-bottom:90px}.pb-\[max\(5dvh\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(5dvh,env(safe-area-inset-bottom))}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-\[18px\]{padding-left:18px}.pl-\[22px\]{padding-left:22px}.pl-\[max\(1rem\,env\(safe-area-inset-left\)\)\]{padding-left:max(1rem,env(safe-area-inset-left))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-\[1px\]{vertical-align:1px}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[21px\]{font-size:21px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-body{font-size:var(--text-body)}.text-body-sm{font-size:var(--text-body-sm)}.text-caption{font-size:var(--text-caption)}.text-lead{font-size:var(--text-lead)}.text-title{font-size:var(--text-title)}.leading-4{--tw-leading: calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading: calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading: calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading: calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[1\.04\]{--tw-leading: 1.04;line-height:1.04}.leading-\[1\.5\]{--tw-leading: 1.5;line-height:1.5}.leading-\[1\.06\]{--tw-leading: 1.06;line-height:1.06}.leading-\[1\.55\]{--tw-leading: 1.55;line-height:1.55}.leading-\[17px\]{--tw-leading: 17px;line-height:17px}.leading-none{--tw-leading: 1;line-height:1}.leading-normal{--tw-leading: var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading: var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading: var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight: var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking: -.01em;letter-spacing:-.01em}.tracking-\[-0\.02em\]{--tw-tracking: -.02em;letter-spacing:-.02em}.tracking-\[-0\.008em\]{--tw-tracking: -.008em;letter-spacing:-.008em}.tracking-\[-0\.022em\]{--tw-tracking: -.022em;letter-spacing:-.022em}.tracking-\[0\.1em\]{--tw-tracking: .1em;letter-spacing:.1em}.tracking-\[0\.04em\]{--tw-tracking: .04em;letter-spacing:.04em}.tracking-\[0\.05em\]{--tw-tracking: .05em;letter-spacing:.05em}.tracking-\[0\.06em\]{--tw-tracking: .06em;letter-spacing:.06em}.tracking-\[0\.08em\]{--tw-tracking: .08em;letter-spacing:.08em}.tracking-\[0\.11em\]{--tw-tracking: .11em;letter-spacing:.11em}.tracking-\[0\.12em\]{--tw-tracking: .12em;letter-spacing:.12em}.tracking-\[0\.25em\]{--tw-tracking: .25em;letter-spacing:.25em}.tracking-normal{--tw-tracking: var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking: var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-accent-ink{color:var(--color-accent-ink)}.text-amber-800{color:var(--color-amber-800)}.text-cyan-800{color:var(--color-cyan-800)}.text-danger{color:var(--color-danger)}.text-error{color:var(--color-error)}.text-error-strong{color:var(--color-error-strong)}.text-error\/90{color:var(--color-error)}@supports (color: color-mix(in lab,red,red)){.text-error\/90{color:color-mix(in oklab,var(--color-error) 90%,transparent)}}.text-fuchsia-800{color:var(--color-fuchsia-800)}.text-gold-strong{color:var(--color-gold-strong)}.text-medal-bronze{color:var(--color-medal-bronze)}.text-medal-gold{color:var(--color-medal-gold)}.text-medal-silver{color:var(--color-medal-silver)}.text-on-gold-btn{color:var(--color-on-gold-btn)}.text-on-primary{color:var(--color-on-primary)}.text-primary{color:var(--color-primary)}.text-red-600{color:var(--color-red-600)}.text-secondary{color:var(--color-secondary)}.text-sky-800{color:var(--color-sky-800)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-900{color:var(--color-slate-900)}.text-success{color:var(--color-success)}.text-success-strong{color:var(--color-success-strong)}.text-surface{color:var(--color-surface)}.text-text-inverse{color:var(--color-text-inverse)}.text-text-muted{color:var(--color-text-muted)}.text-text-muted-small{color:var(--color-text-muted-small)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-violet-800{color:var(--color-violet-800)}.text-warning{color:var(--color-warning)}.text-warning-strong{color:var(--color-warning-strong)}.text-white{color:var(--color-white)}.text-yellow-800{color:var(--color-yellow-800)}.text-zinc-600{color:var(--color-zinc-600)}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.decoration-border{text-decoration-color:var(--color-border)}.decoration-dotted{text-decoration-style:dotted}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-primary{accent-color:var(--color-primary)}.opacity-25{opacity:25%}.opacity-50{opacity:50%}.opacity-60{opacity:60%}.opacity-70{opacity:70%}.shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_3px_var\(--color-surface\)\,0_0_0_4\.5px_var\(--color-border\)\]{--tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-surface)), 0 0 0 4.5px var(--tw-shadow-color, var(--color-border));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_1px_2px_rgb\(255_255_255\/0\.4\)\]{--tw-shadow: inset 0 1px 2px var(--tw-shadow-color, rgb(255 255 255/.4));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-card{--tw-shadow: var(--bgi-shadow-card);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-card-sm{--tw-shadow: var(--bgi-shadow-card-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-header{--tw-shadow: var(--bgi-shadow-header);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-amber-300{--tw-ring-color: var(--color-amber-300)}.ring-cyan-300{--tw-ring-color: var(--color-cyan-300)}.ring-fuchsia-300{--tw-ring-color: var(--color-fuchsia-300)}.ring-overlay\/5{--tw-ring-color: var(--color-overlay)}@supports (color: color-mix(in lab,red,red)){.ring-overlay\/5{--tw-ring-color: color-mix(in oklab, var(--color-overlay) 5%, transparent)}}.ring-primary\/45{--tw-ring-color: var(--color-primary)}@supports (color: color-mix(in lab,red,red)){.ring-primary\/45{--tw-ring-color: color-mix(in oklab, var(--color-primary) 45%, transparent)}}.ring-sky-300{--tw-ring-color: var(--color-sky-300)}.ring-slate-300{--tw-ring-color: var(--color-slate-300)}.ring-violet-300{--tw-ring-color: var(--color-violet-300)}.ring-yellow-300{--tw-ring-color: var(--color-yellow-300)}.ring-zinc-300{--tw-ring-color: var(--color-zinc-300)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia: sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\[3px\]{--tw-backdrop-blur: blur(3px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[4px\]{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur: blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[color\,background-color\,border-color\,transform\]{transition-property:color,background-color,border-color,transform;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[transform\,box-shadow\,border-color\]{transition-property:transform,box-shadow,border-color;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-200{--tw-duration: .2s;transition-duration:.2s}.outline-none{--tw-outline-style: none;outline-style:none}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media(hover:hover){.group-hover\:-translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x: calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x: calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.group-hover\:translate-x-\[3px\]:is(:where(.group):hover *){--tw-translate-x: 3px;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media(hover:hover){.group-hover\:text-primary:is(:where(.group):hover *){color:var(--color-primary)}}.placeholder\:text-text-muted-small::placeholder{color:var(--color-text-muted-small)}.backdrop\:bg-overlay\/40::backdrop{background-color:var(--color-overlay)}@supports (color: color-mix(in lab,red,red)){.backdrop\:bg-overlay\/40::backdrop{background-color:color-mix(in oklab,var(--color-overlay) 40%,transparent)}}.backdrop\:backdrop-blur-md::backdrop{--tw-backdrop-blur: blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-2:before{content:var(--tw-content);top:calc(var(--spacing) * 2)}.before\:top-2\.5:before{content:var(--tw-content);top:calc(var(--spacing) * 2.5)}.before\:left-0\.5:before{content:var(--tw-content);left:calc(var(--spacing) * .5)}.before\:size-1\.5:before{content:var(--tw-content);width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.before\:size-2:before{content:var(--tw-content);width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.before\:rounded-full:before{content:var(--tw-content);border-radius:calc(infinity * 1px)}.before\:border-2:before{content:var(--tw-content);border-style:var(--tw-border-style);border-width:2px}.before\:border-primary:before{content:var(--tw-content);border-color:var(--color-primary)}.before\:bg-primary-tint:before{content:var(--tw-content);background-color:var(--color-primary-tint)}.before\:bg-primary\/50:before{content:var(--tw-content);background-color:var(--color-primary)}@supports (color: color-mix(in lab,red,red)){.before\:bg-primary\/50:before{background-color:color-mix(in oklab,var(--color-primary) 50%,transparent)}}.before\:content-\[\'\'\]:before{--tw-content: "";content:var(--tw-content)}.after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-y-px:after{content:var(--tw-content);inset-block:1px}.after\:right-px:after{content:var(--tw-content);right:1px}.after\:w-5:after{content:var(--tw-content);width:calc(var(--spacing) * 5)}.after\:rounded-r-\[11px\]:after{content:var(--tw-content);border-top-right-radius:11px;border-bottom-right-radius:11px}.after\:bg-gradient-to-l:after{content:var(--tw-content);--tw-gradient-position: to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.after\:from-surface-muted:after{content:var(--tw-content);--tw-gradient-from: var(--color-surface-muted);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.after\:to-transparent:after{content:var(--tw-content);--tw-gradient-to: transparent;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.first\:mt-0:first-child{margin-top:0}.first\:pt-0:first-child{padding-top:0}.last\:pb-0:last-child{padding-bottom:0}.open\:flex:is([open],:popover-open,:open){display:flex}.open\:items-center:is([open],:popover-open,:open){align-items:center}.open\:justify-center:is([open],:popover-open,:open){justify-content:center}.empty\:hidden:empty{display:none}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y: calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.hover\:-translate-y-px:hover{--tw-translate-y: -1px;translate:var(--tw-translate-x) var(--tw-translate-y)}}@media(hover:hover){.hover\:border-border:hover{border-color:var(--color-border)}}@media(hover:hover){.hover\:border-border-hover:hover{border-color:var(--color-border-hover)}}@media(hover:hover){.hover\:border-border-soft:hover{border-color:var(--color-border-soft)}}@media(hover:hover){.hover\:border-primary\/30:hover{border-color:var(--color-primary)}@supports (color: color-mix(in lab,red,red)){.hover\:border-primary\/30:hover{border-color:color-mix(in oklab,var(--color-primary) 30%,transparent)}}}@media(hover:hover){.hover\:border-primary\/35:hover{border-color:var(--color-primary)}@supports (color: color-mix(in lab,red,red)){.hover\:border-primary\/35:hover{border-color:color-mix(in oklab,var(--color-primary) 35%,transparent)}}}@media(hover:hover){.hover\:border-primary\/40:hover{border-color:var(--color-primary)}@supports (color: color-mix(in lab,red,red)){.hover\:border-primary\/40:hover{border-color:color-mix(in oklab,var(--color-primary) 40%,transparent)}}}@media(hover:hover){.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}}@media(hover:hover){.hover\:bg-border-hover:hover{background-color:var(--color-border-hover)}}@media(hover:hover){.hover\:bg-danger-bg:hover{background-color:var(--color-danger-bg)}}@media(hover:hover){.hover\:bg-danger-border\/40:hover{background-color:var(--color-danger-border)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-danger-border\/40:hover{background-color:color-mix(in oklab,var(--color-danger-border) 40%,transparent)}}}@media(hover:hover){.hover\:bg-danger-hover:hover{background-color:var(--color-danger-hover)}}@media(hover:hover){.hover\:bg-error-hover:hover{background-color:var(--color-error-hover)}}@media(hover:hover){.hover\:bg-hover-tint:hover{background-color:var(--color-hover-tint)}}@media(hover:hover){.hover\:bg-primary-hover:hover{background-color:var(--color-primary-hover)}}@media(hover:hover){.hover\:bg-primary-tint:hover{background-color:var(--color-primary-tint)}}@media(hover:hover){.hover\:bg-primary-tint\/60:hover{background-color:var(--color-primary-tint)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-primary-tint\/60:hover{background-color:color-mix(in oklab,var(--color-primary-tint) 60%,transparent)}}}@media(hover:hover){.hover\:bg-primary\/10:hover{background-color:var(--color-primary)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-primary\/10:hover{background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}}@media(hover:hover){.hover\:bg-surface-elevated:hover{background-color:var(--color-surface-elevated)}}@media(hover:hover){.hover\:bg-surface-muted:hover{background-color:var(--color-surface-muted)}}@media(hover:hover){.hover\:bg-surface-muted\/60:hover{background-color:var(--color-surface-muted)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-surface-muted\/60:hover{background-color:color-mix(in oklab,var(--color-surface-muted) 60%,transparent)}}}@media(hover:hover){.hover\:bg-text-primary\/5:hover{background-color:var(--color-text-primary)}@supports (color: color-mix(in lab,red,red)){.hover\:bg-text-primary\/5:hover{background-color:color-mix(in oklab,var(--color-text-primary) 5%,transparent)}}}@media(hover:hover){.hover\:text-danger:hover{color:var(--color-danger)}}@media(hover:hover){.hover\:text-primary-hover:hover{color:var(--color-primary-hover)}}@media(hover:hover){.hover\:text-text-primary:hover{color:var(--color-text-primary)}}@media(hover:hover){.hover\:text-text-secondary:hover{color:var(--color-text-secondary)}}@media(hover:hover){.hover\:underline:hover{text-decoration-line:underline}}@media(hover:hover){.hover\:decoration-solid:hover{text-decoration-style:solid}}@media(hover:hover){.hover\:shadow-card:hover{--tw-shadow: var(--bgi-shadow-card);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(hover:hover){.hover\:shadow-card-sm:hover{--tw-shadow: var(--bgi-shadow-card-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-border-focus:focus{border-color:var(--color-border-focus)}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:ring-2:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[3\.5px\]:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3.5px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-primary-tint:focus{--tw-ring-color: var(--color-primary-tint)}.focus\:ring-primary\/20:focus{--tw-ring-color: var(--color-primary)}@supports (color: color-mix(in lab,red,red)){.focus\:ring-primary\/20:focus{--tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent)}}.focus\:ring-primary\/25:focus{--tw-ring-color: var(--color-primary)}@supports (color: color-mix(in lab,red,red)){.focus\:ring-primary\/25:focus{--tw-ring-color: color-mix(in oklab, var(--color-primary) 25%, transparent)}}.focus\:outline-none:focus{--tw-outline-style: none;outline-style:none}.focus-visible\:bg-surface-elevated:focus-visible{background-color:var(--color-surface-elevated)}.focus-visible\:text-text-primary:focus-visible{color:var(--color-text-primary)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-primary:focus-visible{--tw-ring-color: var(--color-primary)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color: var(--color-background)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-offset-\[-2px\]:focus-visible{outline-offset:-2px}.focus-visible\:outline-border-focus:focus-visible{outline-color:var(--color-border-focus)}.focus-visible\:outline-primary:focus-visible{outline-color:var(--color-primary)}.focus-visible\:outline-none:focus-visible{--tw-outline-style: none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:bg-surface-muted:disabled{background-color:var(--color-surface-muted)}.disabled\:opacity-50:disabled{opacity:50%}.disabled\:opacity-55:disabled{opacity:55%}.disabled\:opacity-60:disabled{opacity:60%}.disabled\:opacity-70:disabled{opacity:70%}.disabled\:opacity-75:disabled{opacity:75%}@media(prefers-reduced-motion:no-preference){.motion-safe\:animate-\[achievement-toast-in_0\.24s_var\(--ease-out-soft\)\]{animation:achievement-toast-in .24s var(--ease-out-soft)}}@media(prefers-reduced-motion:no-preference){.motion-safe\:animate-\[playerCardIn_120ms_ease-out\]{animation:playerCardIn .12s ease-out}}@media(prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media(prefers-reduced-motion:reduce){@media(hover:hover){.motion-reduce\:group-hover\:translate-x-0:is(:where(.group):hover *){--tw-translate-x: 0;translate:var(--tw-translate-x) var(--tw-translate-y)}}}@media(prefers-reduced-motion:reduce){@media(hover:hover){.motion-reduce\:hover\:translate-y-0:hover{--tw-translate-y: 0;translate:var(--tw-translate-x) var(--tw-translate-y)}}}@media(width<48rem){.max-md\:-my-\[5px\]{margin-block:-5px}}@media(width<48rem){.max-md\:hidden{display:none}}@media(width<48rem){.max-md\:py-\[5px\]{padding-block:5px}}@media(width<48rem){.max-md\:py-\[11px\]{padding-block:11px}}@media(width<48rem){.max-md\:whitespace-normal{white-space:normal}}@media(width<40rem){.max-sm\:mt-0{margin-top:0}}@media(width<40rem){.max-sm\:mt-4{margin-top:calc(var(--spacing) * 4)}}@media(width<40rem){.max-sm\:mt-5{margin-top:calc(var(--spacing) * 5)}}@media(width<40rem){.max-sm\:mt-6{margin-top:calc(var(--spacing) * 6)}}@media(width<40rem){.max-sm\:mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}}@media(width<40rem){.max-sm\:mb-6{margin-bottom:calc(var(--spacing) * 6)}}@media(width<40rem){.max-sm\:h-10{height:calc(var(--spacing) * 10)}}@media(width<40rem){.max-sm\:w-10{width:calc(var(--spacing) * 10)}}@media(width<40rem){.max-sm\:items-start{align-items:flex-start}}@media(width<40rem){.max-sm\:gap-3\.5{gap:calc(var(--spacing) * 3.5)}}@media(width<40rem){.max-sm\:pt-8{padding-top:calc(var(--spacing) * 8)}}@media(width<40rem){.max-sm\:text-\[26px\]{font-size:26px}}@media(width>=40rem){.sm\:col-span-2{grid-column:span 2 / span 2}}@media(width>=40rem){.sm\:mt-2{margin-top:calc(var(--spacing) * 2)}}@media(width>=40rem){.sm\:mt-3{margin-top:calc(var(--spacing) * 3)}}@media(width>=40rem){.sm\:mt-5{margin-top:calc(var(--spacing) * 5)}}@media(width>=40rem){.sm\:mt-6{margin-top:calc(var(--spacing) * 6)}}@media(width>=40rem){.sm\:mt-9{margin-top:calc(var(--spacing) * 9)}}@media(width>=40rem){.sm\:mt-20{margin-top:calc(var(--spacing) * 20)}}@media(width>=40rem){.sm\:ml-auto{margin-left:auto}}@media(width>=40rem){.sm\:inline-flex{display:inline-flex}}@media(width>=40rem){.sm\:table-cell{display:table-cell}}@media(width>=40rem){.sm\:min-h-\[92px\]{min-height:92px}}@media(width>=40rem){.sm\:w-\[92px\]{width:92px}}@media(width>=40rem){.sm\:w-\[160px\]{width:160px}}@media(width>=40rem){.sm\:w-auto{width:auto}}@media(width>=40rem){.sm\:max-w-md{max-width:var(--container-md)}}@media(width>=40rem){.sm\:flex-none{flex:none}}@media(width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(width>=40rem){.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(width>=40rem){.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}}@media(width>=40rem){.sm\:flex-row{flex-direction:row}}@media(width>=40rem){.sm\:items-center{align-items:center}}@media(width>=40rem){.sm\:justify-end{justify-content:flex-end}}@media(width>=40rem){.sm\:gap-3{gap:calc(var(--spacing) * 3)}}@media(width>=40rem){.sm\:gap-5{gap:calc(var(--spacing) * 5)}}@media(width>=40rem){.sm\:gap-x-7{column-gap:calc(var(--spacing) * 7)}}@media(width>=40rem){.sm\:self-auto{align-self:auto}}@media(width>=40rem){.sm\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}}@media(width>=40rem){.sm\:border-border-soft{border-color:var(--color-border-soft)}}@media(width>=40rem){.sm\:p-3{padding:calc(var(--spacing) * 3)}}@media(width>=40rem){.sm\:p-6{padding:calc(var(--spacing) * 6)}}@media(width>=40rem){.sm\:p-7{padding:calc(var(--spacing) * 7)}}@media(width>=40rem){.sm\:p-8{padding:calc(var(--spacing) * 8)}}@media(width>=40rem){.sm\:p-\[18px\]{padding:18px}}@media(width>=40rem){.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}}@media(width>=40rem){.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}@media(width>=40rem){.sm\:px-7{padding-inline:calc(var(--spacing) * 7)}}@media(width>=40rem){.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media(width>=40rem){.sm\:py-4{padding-block:calc(var(--spacing) * 4)}}@media(width>=40rem){.sm\:py-9{padding-block:calc(var(--spacing) * 9)}}@media(width>=40rem){.sm\:py-10{padding-block:calc(var(--spacing) * 10)}}@media(width>=40rem){.sm\:py-12{padding-block:calc(var(--spacing) * 12)}}@media(width>=40rem){.sm\:pt-14{padding-top:calc(var(--spacing) * 14)}}@media(width>=40rem){.sm\:pb-6{padding-bottom:calc(var(--spacing) * 6)}}@media(width>=40rem){.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}}@media(width>=40rem){.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}}@media(width>=40rem){.sm\:text-\[32px\]{font-size:32px}}@media(width>=40rem){.sm\:text-body{font-size:var(--text-body)}}@media(width>=40rem){.sm\:text-caption{font-size:var(--text-caption)}}@media(width>=40rem){.sm\:leading-normal{--tw-leading: var(--leading-normal);line-height:var(--leading-normal)}}@media(width>=48rem){.md\:top-0{top:0}}@media(width>=48rem){.md\:mt-0{margin-top:0}}@media(width>=48rem){.md\:mt-5{margin-top:calc(var(--spacing) * 5)}}@media(width>=48rem){.md\:block{display:block}}@media(width>=48rem){.md\:flex{display:flex}}@media(width>=48rem){.md\:hidden{display:none}}@media(width>=48rem){.md\:h-dvh{height:100dvh}}@media(width>=48rem){.md\:w-\[264px\]{width:264px}}@media(width>=48rem){.md\:shrink-0{flex-shrink:0}}@media(width>=48rem){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media(width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(width>=48rem){.md\:grid-cols-\[minmax\(0\,55fr\)_minmax\(0\,45fr\)\]{grid-template-columns:minmax(0,55fr) minmax(0,45fr)}}@media(width>=48rem){.md\:flex-row{flex-direction:row}}@media(width>=48rem){.md\:justify-self-end{justify-self:flex-end}}@media(width>=48rem){.md\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0px}}@media(width>=48rem){.md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}}@media(width>=48rem){.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0px}}@media(width>=48rem){.md\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media(width>=48rem){.md\:py-4{padding-block:calc(var(--spacing) * 4)}}@media(width>=48rem){.md\:pt-0{padding-top:0}}@media(width>=48rem){.md\:whitespace-nowrap{white-space:nowrap}}@media(width>=64rem){.lg\:sticky{position:sticky}}@media(width>=64rem){.lg\:top-\[92px\]{top:92px}}@media(width>=64rem){.lg\:order-1{order:1}}@media(width>=64rem){.lg\:order-2{order:2}}@media(width>=64rem){.lg\:row-span-3{grid-row:span 3 / span 3}}@media(width>=64rem){.lg\:ml-0{margin-left:0}}@media(width>=64rem){.lg\:block{display:block}}@media(width>=64rem){.lg\:flex{display:flex}}@media(width>=64rem){.lg\:hidden{display:none}}@media(width>=64rem){.lg\:max-w-80{max-width:calc(var(--spacing) * 80)}}@media(width>=64rem){.lg\:min-w-0{min-width:0}}@media(width>=64rem){.lg\:min-w-44{min-width:calc(var(--spacing) * 44)}}@media(width>=64rem){.lg\:flex-1{flex:1}}@media(width>=64rem){.lg\:flex-none{flex:none}}@media(width>=64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(width>=64rem){.lg\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(0\,2fr\)\]{grid-template-columns:minmax(0,1.35fr) minmax(0,2fr)}}@media(width>=64rem){.lg\:grid-cols-\[minmax\(0\,1fr\)_16rem\]{grid-template-columns:minmax(0,1fr) 16rem}}@media(width>=64rem){.lg\:grid-cols-\[minmax\(0\,1fr\)_300px\]{grid-template-columns:minmax(0,1fr) 300px}}@media(width>=64rem){.lg\:grid-cols-\[minmax\(0\,1fr\)_320px\]{grid-template-columns:minmax(0,1fr) 320px}}@media(width>=64rem){.lg\:grid-cols-\[minmax\(0\,1fr\)_360px\]{grid-template-columns:minmax(0,1fr) 360px}}@media(width>=64rem){.lg\:flex-nowrap{flex-wrap:nowrap}}@media(width>=64rem){.lg\:items-center{align-items:center}}@media(width>=64rem){.lg\:items-start{align-items:flex-start}}@media(width>=64rem){.lg\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}}@media(width>=64rem){.lg\:gap-\[34px\]{gap:34px}}@media(width>=64rem){.lg\:py-11{padding-block:calc(var(--spacing) * 11)}}@media(width>=64rem){.lg\:pt-10{padding-top:calc(var(--spacing) * 10)}}@media(width>=64rem){.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}}@media(width>=64rem){.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}}@media(width>=80rem){.xl\:sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}}@media(width>=80rem){.xl\:col-span-1{grid-column:span 1 / span 1}}@media(width>=80rem){.xl\:mt-0{margin-top:0}}@media(width>=80rem){.xl\:block{display:block}}@media(width>=80rem){.xl\:grid{display:grid}}@media(width>=80rem){.xl\:min-h-0{min-height:0}}@media(width>=80rem){.xl\:w-auto{width:auto}}@media(width>=80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(width>=80rem){.xl\:grid-cols-\[minmax\(13rem\,1\.5fr\)_minmax\(6\.5rem\,0\.75fr\)_4\.5rem_7rem_6rem_minmax\(10rem\,1fr\)_auto\]{grid-template-columns:minmax(13rem,1.5fr) minmax(6.5rem,.75fr) 4.5rem 7rem 6rem minmax(10rem,1fr) auto}}@media(width>=80rem){.xl\:grid-cols-\[minmax\(15rem\,1\.45fr\)_repeat\(3\,minmax\(8rem\,0\.75fr\)\)\]{grid-template-columns:minmax(15rem,1.45fr) repeat(3,minmax(8rem,.75fr))}}@media(width>=80rem){.xl\:gap-0\.5{gap:calc(var(--spacing) * .5)}}@media(width>=80rem){.xl\:justify-self-end{justify-self:flex-end}}@media(width>=80rem){.xl\:overflow-hidden{overflow:hidden}}@media(width>=80rem){.xl\:rounded-\[16px\]{border-radius:16px}}@media(width>=80rem){.xl\:rounded-none{border-radius:0}}@media(width>=80rem){.xl\:border{border-style:var(--tw-border-style);border-width:1px}}@media(width>=80rem){.xl\:border-0{border-style:var(--tw-border-style);border-width:0px}}@media(width>=80rem){.xl\:border-x-0{border-inline-style:var(--tw-border-style);border-inline-width:0px}}@media(width>=80rem){.xl\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0px}}@media(width>=80rem){.xl\:border-border-soft{border-color:var(--color-border-soft)}}@media(width>=80rem){.xl\:bg-surface{background-color:var(--color-surface)}}@media(width>=80rem){.xl\:bg-transparent{background-color:transparent}}@media(width>=80rem){.xl\:px-0{padding-inline:0}}@media(width>=80rem){.xl\:px-4{padding-inline:calc(var(--spacing) * 4)}}@media(width>=80rem){.xl\:py-1\.5{padding-block:calc(var(--spacing) * 1.5)}}@media(width>=80rem){.xl\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}}@media(width>=80rem){.xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}}@media(width>=80rem){.xl\:shadow-card-sm{--tw-shadow: var(--bgi-shadow-card-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(width>=80rem){.xl\:shadow-none{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(width>=80rem){@media(hover:hover){.xl\:hover\:translate-y-0:hover{--tw-translate-y: 0;translate:var(--tw-translate-x) var(--tw-translate-y)}}}@media(width>=80rem){@media(hover:hover){.xl\:hover\:bg-transparent:hover{background-color:transparent}}}@container card (width >= 26rem){.\@min-\[26rem\]\/card\:w-auto{width:auto}}@container card (width >= 26rem){.\@min-\[26rem\]\/card\:max-w-\[300px\]{max-width:300px}}@container card (width >= 26rem){.\@min-\[26rem\]\/card\:shrink-0{flex-shrink:0}}@container card (width >= 26rem){.\@min-\[26rem\]\/card\:flex-row{flex-direction:row}}@container card (width >= 26rem){.\@min-\[26rem\]\/card\:items-center{align-items:center}}@container card (width >= 26rem){.\@min-\[26rem\]\/card\:items-end{align-items:flex-end}}@container card (width >= 26rem){.\@min-\[26rem\]\/card\:justify-between{justify-content:space-between}}@container card (width >= 26rem){.\@min-\[26rem\]\/card\:gap-\[18px\]{gap:18px}}@container card (width >= 26rem){.\@min-\[26rem\]\/card\:px-6{padding-inline:calc(var(--spacing) * 6)}}@container card (width >= 26rem){.\@min-\[26rem\]\/card\:px-\[26px\]{padding-inline:26px}}@container card (width >= 26rem){.\@min-\[26rem\]\/card\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}}@container card (width >= 26rem){.\@min-\[26rem\]\/card\:pb-\[22px\]{padding-bottom:22px}}@container waiting (width >= 30rem){.\@min-\[30rem\]\/waiting\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@container recent (width >= 36rem){.\@min-\[36rem\]\/recent\:flex{display:flex}}@container recent (width >= 36rem){.\@min-\[36rem\]\/recent\:min-w-0{min-width:0}}@container recent (width >= 36rem){.\@min-\[36rem\]\/recent\:flex-1{flex:1}}@container recent (width >= 36rem){.\@min-\[36rem\]\/recent\:shrink-0{flex-shrink:0}}@container recent (width >= 36rem){.\@min-\[36rem\]\/recent\:items-center{align-items:center}}@container recent (width >= 36rem){.\@min-\[36rem\]\/recent\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}}.dark\:bg-amber-950:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-amber-950)}.dark\:bg-cyan-950:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-cyan-950)}.dark\:bg-fuchsia-950:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-fuchsia-950)}.dark\:bg-sky-950:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-sky-950)}.dark\:bg-slate-800:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-slate-800)}.dark\:bg-violet-950:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-violet-950)}.dark\:bg-yellow-950:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-yellow-950)}.dark\:bg-zinc-800:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-800)}.dark\:text-amber-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-amber-300)}.dark\:text-cyan-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-cyan-300)}.dark\:text-fuchsia-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-fuchsia-300)}.dark\:text-red-400:where([data-theme=dark],[data-theme=dark] *){color:var(--color-red-400)}.dark\:text-sky-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-sky-300)}.dark\:text-slate-200:where([data-theme=dark],[data-theme=dark] *){color:var(--color-slate-200)}.dark\:text-slate-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-slate-300)}.dark\:text-violet-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-violet-300)}.dark\:text-yellow-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-yellow-300)}.dark\:text-zinc-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-300)}.dark\:ring-amber-800:where([data-theme=dark],[data-theme=dark] *){--tw-ring-color: var(--color-amber-800)}.dark\:ring-cyan-800:where([data-theme=dark],[data-theme=dark] *){--tw-ring-color: var(--color-cyan-800)}.dark\:ring-fuchsia-800:where([data-theme=dark],[data-theme=dark] *){--tw-ring-color: var(--color-fuchsia-800)}.dark\:ring-sky-800:where([data-theme=dark],[data-theme=dark] *){--tw-ring-color: var(--color-sky-800)}.dark\:ring-slate-600:where([data-theme=dark],[data-theme=dark] *){--tw-ring-color: var(--color-slate-600)}.dark\:ring-violet-800:where([data-theme=dark],[data-theme=dark] *){--tw-ring-color: var(--color-violet-800)}.dark\:ring-yellow-800:where([data-theme=dark],[data-theme=dark] *){--tw-ring-color: var(--color-yellow-800)}.dark\:ring-zinc-600:where([data-theme=dark],[data-theme=dark] *){--tw-ring-color: var(--color-zinc-600)}.\[\&_svg\]\:size-3\.5 svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\]\:size-5 svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\[\&_svg\]\:size-\[18px\] svg{width:18px;height:18px}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}}:root{color-scheme:light;--bgi-background: #f4f5f7;--bgi-sidebar: #f8f9fb;--bgi-surface: #fcfdfe;--bgi-surface-elevated: #fcfdfe;--bgi-surface-muted: #e9ebef;--bgi-footer: #fcfdfe;--bgi-text-primary: #1e2a44;--bgi-text-secondary: #4a5470;--bgi-text-muted: #7d8395;--bgi-text-muted-small: #62687a;--bgi-text-inverse: #ffffff;--bgi-on-primary: #ffffff;--bgi-border: #e0e3e9;--bgi-border-soft: #e8eaef;--bgi-border-hover: #c8cdd7;--bgi-border-focus: #1e2a44;--bgi-match-player-card-border: #e8eaef;--bgi-primary: #7e641a;--bgi-primary-hover: #6b5516;--bgi-primary-active: #5a4812;--bgi-primary-tint: rgba(154, 123, 30, .09);--bgi-accent-ink: #b07800;--bgi-cta-from: #28395f;--bgi-cta-mid: #1e2a44;--bgi-cta-mid-stop: 55%;--bgi-cta-to: #182338;--bgi-on-cta: #f6edd8;--bgi-cta-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 1px 2px rgba(24, 35, 56, .3), 0 12px 26px -12px rgba(30, 42, 68, .55);--bgi-cta-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .14), 0 2px 4px rgba(24, 35, 56, .3), 0 14px 30px -12px rgba(30, 42, 68, .6);--bgi-gold-btn-from: #d7ac4e;--bgi-gold-btn-to: #c0932f;--bgi-on-gold-btn: #241b04;--bgi-gold-btn-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 6px 14px -8px rgba(154, 123, 30, .5);--bgi-secondary: #1e2a44;--bgi-secondary-hover: #28395f;--bgi-secondary-active: #182338;--bgi-btn-quiet-bg: #fcfdfe;--bgi-btn-quiet-border: #e0e3e9;--bgi-btn-quiet-border-hover: #c8cdd7;--bgi-btn-quiet-ink: #1e2a44;--bgi-hover-tint: rgba(30, 42, 68, .05);--bgi-success: #4a6b5a;--bgi-success-bg: #edf3ee;--bgi-success-border: #c4d6c9;--bgi-warning: #b97f16;--bgi-warning-bg: #fdf6e7;--bgi-warning-border: #f0d9a6;--bgi-danger: #b65c43;--bgi-danger-hover: #a04b35;--bgi-danger-bg: #f9efec;--bgi-danger-border: #e8c8bc;--bgi-success-strong: #3e5a4b;--bgi-warning-strong: #8a5e08;--bgi-danger-strong: #954634;--bgi-info-bg: #eef0f5;--bgi-info-border: #dcdfe7;--bgi-overlay: #1e2a44;--bgi-gold-strong: #7e641a;--bgi-benefits-tint: #e9ecf2;--bgi-piece-terracotta: #b65c43;--bgi-piece-ocher: #c99b3f;--bgi-piece-navy: #35507e;--bgi-piece-fir: #4a6b5a;--bgi-connect4-board: #35507e;--bgi-connect4-board-dark: #2c4369;--bgi-connect4-well: #111b30;--bgi-connect4-one: #faf7f1;--bgi-connect4-two: #d8b24a;--bgi-connect4-one-detail: #1e2a44;--bgi-connect4-two-detail: #5f4a12;--bgi-tictactoe-x: #b65c43;--bgi-tictactoe-o: #93751c;--bgi-mill-board: #edeef1;--bgi-mill-line: rgba(30, 42, 68, .45);--bgi-mill-piece-light: #d8b24a;--bgi-mill-piece-light-detail: #5f4a12;--bgi-mill-piece-dark: #1e2a44;--bgi-mill-piece-dark-detail: #6e8cc0;--bgi-checkers-board: #fffdf9;--bgi-checkers-square-dark: #1e2a44;--bgi-checkers-square-light: #faf7f1;--bgi-checkers-piece-one: #faf7f1;--bgi-checkers-piece-one-detail: #1e2a44;--bgi-checkers-piece-two: #d8b24a;--bgi-checkers-piece-two-detail: #5f4a12;--bgi-accent-yellow: #c99b3f;--bgi-tile: #edeff3;--bgi-shadow-card: 0 2px 6px rgba(30, 42, 68, .06), 0 14px 36px rgba(30, 42, 68, .09);--bgi-shadow-card-sm: 0 1px 2px rgba(30, 42, 68, .05), 0 3px 10px rgba(30, 42, 68, .05);--bgi-shadow-header: 0 1px 0 rgba(30, 42, 68, .08)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bgi-background: #15181e;--bgi-sidebar: #11141a;--bgi-surface: #1b1f26;--bgi-surface-elevated: #222731;--bgi-surface-muted: #1f242c;--bgi-footer: #11141a;--bgi-text-primary: #ece9e3;--bgi-text-secondary: #c3c7cf;--bgi-text-muted: #8b909c;--bgi-text-muted-small: #979ca8;--bgi-text-inverse: #ffffff;--bgi-on-primary: #1a1d23;--bgi-border: #2a2f38;--bgi-border-soft: #23282f;--bgi-border-hover: #3a414d;--bgi-border-focus: #a9b4c6;--bgi-match-player-card-border: #686e7b;--bgi-primary: #c8a75f;--bgi-primary-hover: #d3b46e;--bgi-primary-active: #dcc07f;--bgi-primary-tint: rgba(200, 167, 95, .12);--bgi-accent-ink: #cbaa63;--bgi-cta-from: #cfae66;--bgi-cta-mid: #c8a75f;--bgi-cta-mid-stop: 50%;--bgi-cta-to: #b8964e;--bgi-on-cta: #1a1d23;--bgi-cta-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 -1px 0 rgba(0, 0, 0, .2), 0 8px 18px -12px rgba(0, 0, 0, .65);--bgi-cta-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 -1px 0 rgba(0, 0, 0, .2), 0 10px 22px -12px rgba(0, 0, 0, .7);--bgi-gold-btn-from: #cfae66;--bgi-gold-btn-to: #b8964e;--bgi-on-gold-btn: #191c22;--bgi-gold-btn-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 6px 14px -8px rgba(0, 0, 0, .5);--bgi-secondary: #2b313c;--bgi-secondary-hover: #353d4a;--bgi-secondary-active: #232833;--bgi-btn-quiet-bg: transparent;--bgi-btn-quiet-border: #3a414d;--bgi-btn-quiet-border-hover: #4c5563;--bgi-btn-quiet-ink: #e4e1db;--bgi-hover-tint: rgba(236, 233, 227, .07);--bgi-success: #6e937f;--bgi-success-bg: rgba(110, 147, 127, .16);--bgi-success-border: rgba(110, 147, 127, .38);--bgi-success-strong: #9db8a8;--bgi-warning: #d3854a;--bgi-warning-bg: rgba(211, 133, 74, .14);--bgi-warning-border: rgba(211, 133, 74, .36);--bgi-warning-strong: #eaa571;--bgi-danger: #c97b5f;--bgi-danger-hover: #d68c72;--bgi-danger-bg: rgba(201, 123, 95, .14);--bgi-danger-border: rgba(201, 123, 95, .36);--bgi-danger-strong: #e0a08c;--bgi-info-bg: #1c212a;--bgi-info-border: #2a303a;--bgi-overlay: #05070a;--bgi-gold-strong: #d2b26c;--bgi-benefits-tint: #1c212a;--bgi-piece-terracotta: #c97b5f;--bgi-piece-ocher: #cbaa63;--bgi-piece-navy: #7593c4;--bgi-piece-fir: #6e937f;--bgi-connect4-board: #4f6fac;--bgi-connect4-board-dark: #4967a1;--bgi-connect4-well: #0c1120;--bgi-connect4-one: #ece9e3;--bgi-connect4-two: #cbaa63;--bgi-connect4-one-detail: #1e2a44;--bgi-connect4-two-detail: #5f4d1a;--bgi-tictactoe-x: #d08a6b;--bgi-tictactoe-o: #cbaa63;--bgi-mill-board: #21262f;--bgi-mill-line: rgba(236, 233, 227, .34);--bgi-mill-piece-light: #cbaa63;--bgi-mill-piece-light-detail: #5f4d1a;--bgi-mill-piece-dark: #5a7bb8;--bgi-mill-piece-dark-detail: #1e2a44;--bgi-checkers-board: #6a7383;--bgi-checkers-square-dark: #20262f;--bgi-checkers-square-light: #505b70;--bgi-checkers-piece-one: #ece9e3;--bgi-checkers-piece-one-detail: #1e2a44;--bgi-checkers-piece-two: #cbaa63;--bgi-checkers-piece-two-detail: #5f4d1a;--bgi-accent-yellow: #cbaa63;--bgi-tile: #f4efe3;--bgi-shadow-card: 0 2px 6px rgba(0, 0, 0, .42), 0 14px 36px rgba(0, 0, 0, .5);--bgi-shadow-card-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 3px 10px rgba(0, 0, 0, .32);--bgi-shadow-header: 0 1px 0 rgba(236, 233, 227, .08)}}:root[data-theme=light]{color-scheme:light;--bgi-background: #f4f5f7;--bgi-sidebar: #f8f9fb;--bgi-surface: #fcfdfe;--bgi-surface-elevated: #fcfdfe;--bgi-surface-muted: #e9ebef;--bgi-footer: #fcfdfe;--bgi-text-primary: #1e2a44;--bgi-text-secondary: #4a5470;--bgi-text-muted: #7d8395;--bgi-text-muted-small: #62687a;--bgi-text-inverse: #ffffff;--bgi-on-primary: #ffffff;--bgi-border: #e0e3e9;--bgi-border-soft: #e8eaef;--bgi-border-hover: #c8cdd7;--bgi-border-focus: #1e2a44;--bgi-match-player-card-border: #e8eaef;--bgi-primary: #7e641a;--bgi-primary-hover: #6b5516;--bgi-primary-active: #5a4812;--bgi-primary-tint: rgba(154, 123, 30, .09);--bgi-accent-ink: #b07800;--bgi-cta-from: #28395f;--bgi-cta-mid: #1e2a44;--bgi-cta-mid-stop: 55%;--bgi-cta-to: #182338;--bgi-on-cta: #f6edd8;--bgi-cta-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 1px 2px rgba(24, 35, 56, .3), 0 12px 26px -12px rgba(30, 42, 68, .55);--bgi-cta-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .14), 0 2px 4px rgba(24, 35, 56, .3), 0 14px 30px -12px rgba(30, 42, 68, .6);--bgi-gold-btn-from: #d7ac4e;--bgi-gold-btn-to: #c0932f;--bgi-on-gold-btn: #241b04;--bgi-gold-btn-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 6px 14px -8px rgba(154, 123, 30, .5);--bgi-secondary: #1e2a44;--bgi-secondary-hover: #28395f;--bgi-secondary-active: #182338;--bgi-btn-quiet-bg: #fcfdfe;--bgi-btn-quiet-border: #e0e3e9;--bgi-btn-quiet-border-hover: #c8cdd7;--bgi-btn-quiet-ink: #1e2a44;--bgi-hover-tint: rgba(30, 42, 68, .05);--bgi-success: #4a6b5a;--bgi-success-bg: #edf3ee;--bgi-success-border: #c4d6c9;--bgi-warning: #b97f16;--bgi-warning-bg: #fdf6e7;--bgi-warning-border: #f0d9a6;--bgi-danger: #b65c43;--bgi-danger-hover: #a04b35;--bgi-danger-bg: #f9efec;--bgi-danger-border: #e8c8bc;--bgi-success-strong: #3e5a4b;--bgi-warning-strong: #8a5e08;--bgi-danger-strong: #954634;--bgi-info-bg: #eef0f5;--bgi-info-border: #dcdfe7;--bgi-overlay: #1e2a44;--bgi-gold-strong: #7e641a;--bgi-benefits-tint: #e9ecf2;--bgi-piece-terracotta: #b65c43;--bgi-piece-ocher: #c99b3f;--bgi-piece-navy: #35507e;--bgi-piece-fir: #4a6b5a;--bgi-connect4-board: #35507e;--bgi-connect4-board-dark: #2c4369;--bgi-connect4-well: #111b30;--bgi-connect4-one: #faf7f1;--bgi-connect4-two: #d8b24a;--bgi-connect4-one-detail: #1e2a44;--bgi-connect4-two-detail: #5f4a12;--bgi-tictactoe-x: #b65c43;--bgi-tictactoe-o: #93751c;--bgi-mill-board: #edeef1;--bgi-mill-line: rgba(30, 42, 68, .45);--bgi-mill-piece-light: #d8b24a;--bgi-mill-piece-light-detail: #5f4a12;--bgi-mill-piece-dark: #1e2a44;--bgi-mill-piece-dark-detail: #6e8cc0;--bgi-checkers-board: #fffdf9;--bgi-checkers-square-dark: #1e2a44;--bgi-checkers-square-light: #faf7f1;--bgi-checkers-piece-one: #faf7f1;--bgi-checkers-piece-one-detail: #1e2a44;--bgi-checkers-piece-two: #d8b24a;--bgi-checkers-piece-two-detail: #5f4a12;--bgi-accent-yellow: #c99b3f;--bgi-tile: #edeff3;--bgi-shadow-card: 0 2px 6px rgba(30, 42, 68, .06), 0 14px 36px rgba(30, 42, 68, .09);--bgi-shadow-card-sm: 0 1px 2px rgba(30, 42, 68, .05), 0 3px 10px rgba(30, 42, 68, .05);--bgi-shadow-header: 0 1px 0 rgba(30, 42, 68, .08)}:root[data-theme=dark]{color-scheme:dark;--bgi-background: #15181e;--bgi-sidebar: #11141a;--bgi-surface: #1b1f26;--bgi-surface-elevated: #222731;--bgi-surface-muted: #1f242c;--bgi-footer: #11141a;--bgi-text-primary: #ece9e3;--bgi-text-secondary: #c3c7cf;--bgi-text-muted: #8b909c;--bgi-text-muted-small: #979ca8;--bgi-text-inverse: #ffffff;--bgi-on-primary: #1a1d23;--bgi-border: #2a2f38;--bgi-border-soft: #23282f;--bgi-border-hover: #3a414d;--bgi-border-focus: #a9b4c6;--bgi-match-player-card-border: #686e7b;--bgi-primary: #c8a75f;--bgi-primary-hover: #d3b46e;--bgi-primary-active: #dcc07f;--bgi-primary-tint: rgba(200, 167, 95, .12);--bgi-accent-ink: #cbaa63;--bgi-cta-from: #cfae66;--bgi-cta-mid: #c8a75f;--bgi-cta-mid-stop: 50%;--bgi-cta-to: #b8964e;--bgi-on-cta: #1a1d23;--bgi-cta-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 -1px 0 rgba(0, 0, 0, .2), 0 8px 18px -12px rgba(0, 0, 0, .65);--bgi-cta-shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 -1px 0 rgba(0, 0, 0, .2), 0 10px 22px -12px rgba(0, 0, 0, .7);--bgi-gold-btn-from: #cfae66;--bgi-gold-btn-to: #b8964e;--bgi-on-gold-btn: #191c22;--bgi-gold-btn-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 6px 14px -8px rgba(0, 0, 0, .5);--bgi-secondary: #2b313c;--bgi-secondary-hover: #353d4a;--bgi-secondary-active: #232833;--bgi-btn-quiet-bg: transparent;--bgi-btn-quiet-border: #3a414d;--bgi-btn-quiet-border-hover: #4c5563;--bgi-btn-quiet-ink: #e4e1db;--bgi-hover-tint: rgba(236, 233, 227, .07);--bgi-success: #6e937f;--bgi-success-bg: rgba(110, 147, 127, .16);--bgi-success-border: rgba(110, 147, 127, .38);--bgi-success-strong: #9db8a8;--bgi-warning: #d3854a;--bgi-warning-bg: rgba(211, 133, 74, .14);--bgi-warning-border: rgba(211, 133, 74, .36);--bgi-warning-strong: #eaa571;--bgi-danger: #c97b5f;--bgi-danger-hover: #d68c72;--bgi-danger-bg: rgba(201, 123, 95, .14);--bgi-danger-border: rgba(201, 123, 95, .36);--bgi-danger-strong: #e0a08c;--bgi-info-bg: #1c212a;--bgi-info-border: #2a303a;--bgi-overlay: #05070a;--bgi-gold-strong: #d2b26c;--bgi-benefits-tint: #1c212a;--bgi-piece-terracotta: #c97b5f;--bgi-piece-ocher: #cbaa63;--bgi-piece-navy: #7593c4;--bgi-piece-fir: #6e937f;--bgi-connect4-board: #4f6fac;--bgi-connect4-board-dark: #4967a1;--bgi-connect4-well: #0c1120;--bgi-connect4-one: #ece9e3;--bgi-connect4-two: #cbaa63;--bgi-connect4-one-detail: #1e2a44;--bgi-connect4-two-detail: #5f4d1a;--bgi-tictactoe-x: #d08a6b;--bgi-tictactoe-o: #cbaa63;--bgi-mill-board: #21262f;--bgi-mill-line: rgba(236, 233, 227, .34);--bgi-mill-piece-light: #cbaa63;--bgi-mill-piece-light-detail: #5f4d1a;--bgi-mill-piece-dark: #5a7bb8;--bgi-mill-piece-dark-detail: #1e2a44;--bgi-checkers-board: #6a7383;--bgi-checkers-square-dark: #20262f;--bgi-checkers-square-light: #505b70;--bgi-checkers-piece-one: #ece9e3;--bgi-checkers-piece-one-detail: #1e2a44;--bgi-checkers-piece-two: #cbaa63;--bgi-checkers-piece-two-detail: #5f4d1a;--bgi-accent-yellow: #cbaa63;--bgi-tile: #f4efe3;--bgi-shadow-card: 0 2px 6px rgba(0, 0, 0, .42), 0 14px 36px rgba(0, 0, 0, .5);--bgi-shadow-card-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 3px 10px rgba(0, 0, 0, .32);--bgi-shadow-header: 0 1px 0 rgba(236, 233, 227, .08)}@layer base{:root{color-scheme:light;font-family:var(--font-sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{min-height:100%;background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-sans);scrollbar-gutter:stable}body{min-height:100vh;margin:0;color:var(--color-text-primary);line-height:1.55}::selection{background:#9a7b1e38}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px}:where(button:not(:disabled),[role=button]:not([aria-disabled=true]),select:not(:disabled)){cursor:pointer}:where(button:disabled,[role=button][aria-disabled=true],select:disabled){cursor:not-allowed}:where(button,input,select,textarea,[role=button],[role=listbox],[role=option]){font:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}}@layer components{.route-content>router-outlet+*{display:flex;min-width:0;flex:1 1 auto;flex-direction:column}.page-shell{width:100%;max-width:var(--container-page);margin-inline:auto;padding-inline:1.25rem}.page-shell-wide{max-width:var(--container-page-wide)}.page-shell-narrow{max-width:var(--container-page-narrow)}@media(min-width:640px){.page-shell{padding-inline:1.75rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:var(--font-weight-bold);letter-spacing:.005em;border-radius:12px;padding:12px 22px;transition:transform .18s var(--ease-out-soft),box-shadow .18s ease,background .18s ease,filter .18s ease;will-change:transform}.btn:active{transform:translateY(0) scale(.97)}.btn-primary{background:linear-gradient(180deg,var(--color-cta-from) 0%,var(--color-cta-mid) var(--bgi-cta-mid-stop, 50%),var(--color-cta-to) 100%);color:var(--color-on-cta);box-shadow:var(--shadow-cta)}.btn-primary:hover{transform:translateY(-1.5px);filter:brightness(1.06);box-shadow:var(--shadow-cta-hover)}.btn-secondary{background:var(--bgi-btn-quiet-bg);color:var(--bgi-btn-quiet-ink);border:1px solid var(--bgi-btn-quiet-border);box-shadow:var(--shadow-card-sm)}.btn-secondary:hover{transform:translateY(-1px);border-color:var(--bgi-btn-quiet-border-hover);box-shadow:var(--shadow-card)}.btn-gold{background:linear-gradient(180deg,var(--color-gold-btn-from),var(--color-gold-btn-to));color:var(--color-on-gold-btn);box-shadow:var(--shadow-gold-btn)}.btn-gold:hover{transform:translateY(-1.5px);filter:brightness(1.04);box-shadow:var(--shadow-gold-btn)}.btn-ghost{color:var(--color-text-secondary)}.btn-ghost:hover{color:var(--color-text-primary);background:var(--color-primary-tint)}.btn-danger{background:linear-gradient(180deg,var(--color-danger),var(--color-danger-hover));color:#fff;box-shadow:inset 0 1px #ffffff38,0 1px 2px #9646344d,0 6px 16px #96463438}.btn-danger:hover{transform:translateY(-1.5px);filter:brightness(1.06);box-shadow:inset 0 1px #ffffff38,0 2px 4px #9646344d,0 10px 24px #9646344d}.btn-ghost-danger{color:var(--color-danger-strong)}.btn-ghost-danger:hover{color:var(--color-danger-hover);background:var(--color-danger-bg)}.btn-sm{padding:9px 18px;border-radius:10px;font-size:14.5px}.btn-lg{padding:15px 30px;border-radius:14px;font-size:16.5px}.tap-target{position:relative}@media(pointer:coarse){.tap-target:after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}}.card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:22px;box-shadow:var(--shadow-card-sm)}.card-hover{transition:transform .2s var(--ease-out-soft),box-shadow .2s ease,border-color .2s ease}.card-hover:hover{transform:translateY(-3px);border-color:var(--color-border);box-shadow:var(--shadow-card)}.display{font-family:var(--font-display);font-weight:var(--font-weight-semibold);letter-spacing:-.015em;line-height:1.08}.eyebrow{font-size:12.5px;font-weight:var(--font-weight-bold);letter-spacing:.13em;text-transform:uppercase;color:var(--color-text-muted-small)}.section-head .eyebrow{display:block;margin-bottom:10px;color:var(--color-primary)}.section-head .section-sub{margin-top:10px;font-size:16.5px;line-height:1.6;color:var(--color-text-secondary)}.uline{position:relative;font-style:italic;font-weight:var(--font-weight-semibold)}.swash{position:absolute;left:3%;right:0;bottom:-.08em;width:96%;height:.11em;color:var(--color-accent-ink);opacity:.9;overflow:visible;pointer-events:none}.swash path{stroke-dasharray:220;stroke-dashoffset:220}.panel{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-l);box-shadow:var(--shadow-card-sm);padding:22px 24px}.panel-title{font-size:13px;font-weight:var(--font-weight-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted-small);margin-bottom:14px}.game-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin-bottom:14px}.game-head-title{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:clamp(22px,2.2vw,27px);letter-spacing:-.015em;line-height:1.1}@media(max-width:1023px){.game-head-titlegroup>.game-head-title{padding-block:max(0px,(32px - 1.1em) / 2)}}.game-head-meta{font-size:12.5px;font-weight:var(--font-weight-bold);letter-spacing:.13em;text-transform:uppercase;color:var(--color-text-muted-small)}@media(max-width:767px){.game-head-meta{display:none}}.page-title{font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:clamp(34px,4vw,48px);letter-spacing:-.02em;line-height:1.06}.back-link{display:inline-flex;align-items:center;gap:7px;font-size:14.5px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:6px 10px 6px 6px;margin-left:-6px;border-radius:9px;transition:color .15s ease,background .15s ease}.back-link svg{width:15px;height:15px;transition:transform .2s var(--ease-out-soft)}.back-link:hover{color:var(--color-text-primary);background:var(--color-hover-tint)}.back-link:hover svg{transform:translate(-2px)}.page-enter{opacity:0;animation:fade-up .6s var(--ease-out-soft) .05s both}.pop-in{animation:pop-in .45s var(--ease-spring)}.alert{display:block;border-radius:var(--radius-m);border:1px solid var(--color-border-soft);background:var(--color-surface-muted);color:var(--color-text-secondary);padding:14px 18px;font-size:14.5px;line-height:1.55}.alert-error{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger-strong)}.alert-success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-strong)}.alert-warning{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-strong)}.alert-info{background:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-text-primary)}.badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 15px;font-size:13.5px;font-weight:var(--font-weight-semibold);border:1px solid var(--color-border-soft);background:var(--color-surface-muted);color:var(--color-text-secondary)}.badge .pulse-dot{width:8px;height:8px}.badge-live{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-strong)}.badge-err{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger-strong)}.badge-err .pulse-dot{display:none}.pulse-dot{position:relative;width:10px;height:10px;border-radius:50%;background:var(--color-success);flex-shrink:0}.pulse-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--color-success);animation:pulse-ring 2.2s ease-out infinite}.skl{display:block;border-radius:8px;background:linear-gradient(100deg,var(--color-surface-muted) 40%,var(--color-surface) 50%,var(--color-surface-muted) 60%);background-size:200% 100%;animation:skl-shimmer 1.4s ease-in-out infinite}.skl-text{height:13px;border-radius:6px}.skl-row{height:44px;border-radius:12px}.pcard{display:flex;align-items:center;gap:12px;background:var(--color-surface);border:1.5px solid var(--color-border-soft);border-radius:var(--radius-m);padding:12px 16px;position:relative;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}.pc-avatar{width:40px;height:40px;flex:none;border-radius:50%;background:var(--av, var(--color-text-primary));color:var(--av-ink, #ffffff);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:var(--font-weight-bold)}.pc-avatar.is-empty{background:var(--color-surface-muted);color:var(--color-text-muted-small)}.pc-info{min-width:0}.pc-name{display:block;font-weight:var(--font-weight-semibold);font-size:15.5px;line-height:1.3}.pc-sub{display:block;font-size:13px;color:var(--color-text-muted-small)}.pc-marker{margin-left:auto;width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--color-surface-muted);border:1px solid var(--color-border-soft)}.pc-marker svg{width:18px;height:18px}}@layer components{[data-theme=dark] .btn-danger{box-shadow:inset 0 1px #ffffff2e,0 1px 2px #00000080,0 6px 16px #00000073}[data-theme=dark] .btn-danger:hover{box-shadow:inset 0 1px #ffffff2e,0 2px 4px #00000080,0 10px 24px #00000080}}@layer base{[data-theme=dark] ::selection{background:#d8b24a4d}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .75s var(--ease-out-soft);transition-delay:var(--rd, 0s)}.reveal.in{opacity:1;transform:none}.reveal.reveal-snap{transition:none}.reveal .swash path{transition:stroke-dashoffset .9s var(--ease-out-soft) .45s}.reveal.in .swash path{stroke-dashoffset:0}.reveal.reveal-snap .swash path{transition:none}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.94)}to{opacity:1;transform:none}}@keyframes skl-shimmer{0%{background-position:120% 0}to{background-position:-80% 0}}@keyframes pulse-ring{0%{transform:scale(.6);opacity:.9}70%,to{transform:scale(1.9);opacity:0}}@media(prefers-reduced-motion:reduce){.page-enter,.pop-in{animation:none;opacity:1}.pulse-dot:after{animation:none;opacity:0}.skl{animation:none;background:var(--color-surface-muted)}.reveal{opacity:1!important;transform:none!important;transition:none!important}.swash path{animation:none!important;transition:none!important;stroke-dashoffset:0!important}}html[data-page-hidden] *,html[data-page-hidden] *:before,html[data-page-hidden] *:after{animation-play-state:paused!important}@property --tw-border-spacing-x{syntax: "<length>"; inherits: false; initial-value: 0;}@property --tw-border-spacing-y{syntax: "<length>"; inherits: false; initial-value: 0;}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-divide-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-ordinal{syntax: "*"; inherits: false;}@property --tw-slashed-zero{syntax: "*"; inherits: false;}@property --tw-numeric-figure{syntax: "*"; inherits: false;}@property --tw-numeric-spacing{syntax: "*"; inherits: false;}@property --tw-numeric-fraction{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-backdrop-blur{syntax: "*"; inherits: false;}@property --tw-backdrop-brightness{syntax: "*"; inherits: false;}@property --tw-backdrop-contrast{syntax: "*"; inherits: false;}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false;}@property --tw-backdrop-invert{syntax: "*"; inherits: false;}@property --tw-backdrop-opacity{syntax: "*"; inherits: false;}@property --tw-backdrop-saturate{syntax: "*"; inherits: false;}@property --tw-backdrop-sepia{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-content{syntax: "*"; initial-value: ""; inherits: false;}@property --tw-gradient-position{syntax: "*"; inherits: false;}@property --tw-gradient-from{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: "*"; inherits: false;}@property --tw-gradient-via-stops{syntax: "*"; inherits: false;}@property --tw-gradient-from-position{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: "<length-percentage>"; inherits: false; initial-value: 100%;}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-space-y-reverse: 0;--tw-divide-y-reverse: 0;--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-duration: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-content: "";--tw-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%}}}