@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap";@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-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-border-style:solid;--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%;--tw-leading:initial;--tw-font-weight: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-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-tracking:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-700:oklch(50.5% .213 27.518);--color-amber-500:oklch(76.9% .188 70.08);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-800:oklch(45% .085 224.283);--color-sky-500:oklch(68.5% .169 237.323);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-pink-500:oklch(65.6% .241 354.308);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--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-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--container-4xl:56rem;--container-6xl:72rem;--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);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-widest:.1em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--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);--spacing-md:1.5rem}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;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{vertical-align:baseline;font-size:75%;line-height:0;position:relative}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{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}: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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.header-main{padding-inline:calc(var(--spacing)*8);padding-block:calc(var(--spacing)*6);color:var(--color-white);background-color:#0000}.footer-main{border-top-style:var(--tw-border-style);border-color:#31415880;border-top-width:1px}@supports (color:color-mix(in lab,red,red)){.footer-main{border-color:color-mix(in oklab,var(--color-slate-700)50%,transparent)}}.footer-main{background-color:#0f172b8c}@supports (color:color-mix(in lab,red,red)){.footer-main{background-color:color-mix(in oklab,var(--color-slate-900)55%,transparent)}}.footer-main{color:var(--color-slate-300);--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,)}.footer-content{width:100%;max-width:var(--container-6xl);justify-content:space-between;align-items:center;gap:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*4);flex-direction:column;margin-inline:auto;display:flex}@media(min-width:40rem){.footer-content{padding-inline:calc(var(--spacing)*6)}}@media(min-width:48rem){.footer-content{flex-direction:row}}.footer-copy{color:#cad5e2d9}@supports (color:color-mix(in lab,red,red)){.footer-copy{color:color-mix(in oklab,var(--color-slate-300)85%,transparent)}}.footer-links{align-items:center;gap:calc(var(--spacing)*6);color:#cad5e2e6;display:flex}@supports (color:color-mix(in lab,red,red)){.footer-links{color:color-mix(in oklab,var(--color-slate-300)90%,transparent)}}.main-bg{background-color:var(--color-gray-100)}.btn-base{justify-content:center;align-items:center;gap:calc(var(--spacing)*2);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing)*8);padding-block:calc(var(--spacing)*4);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:flex}.btn-primary{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab,red,red)){.btn-primary{--tw-gradient-position:to right in oklab}}.btn-primary{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-cyan-400);--tw-gradient-to:var(--color-blue-600);--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));color:var(--color-white)}@media(hover:hover){.btn-primary:hover{--tw-gradient-from:var(--color-cyan-500);--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));--tw-gradient-to:var(--color-blue-700)}}.btn-secondary{background-color:var(--color-gray-700);color:var(--color-white)}@media(hover:hover){.btn-secondary:hover{background-color:var(--color-gray-600)}}.link-base{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))}@media(hover:hover){.link-base:hover{color:var(--color-white)}}.heading-1{margin-bottom:calc(var(--spacing)*6);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white)}@media(min-width:40rem){.heading-1{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}.heading-2{margin-bottom:calc(var(--spacing)*4);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white)}@media(min-width:40rem){.heading-2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}.container-main{--tw-gradient-position:to bottom right;flex-direction:column;height:100vh;display:flex;overflow:hidden}@supports (background-image:linear-gradient(in lab,red,red)){.container-main{--tw-gradient-position:to bottom right in oklab}}.container-main{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-slate-900);--tw-gradient-via:var(--color-slate-800);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--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));--tw-gradient-to:var(--color-slate-900)}.content-main{flex-direction:column;flex:1;display:flex;overflow:hidden auto}.btn-hero{justify-content:center;align-items:center;gap:calc(var(--spacing)*3);--tw-gradient-position:to right;border-radius:3.40282e38px;width:100%;display:flex}@supports (background-image:linear-gradient(in lab,red,red)){.btn-hero{--tw-gradient-position:to right in oklab}}.btn-hero{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-cyan-400);--tw-gradient-to:var(--color-blue-600);--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));padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*4);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.btn-hero:hover{--tw-gradient-from:var(--color-cyan-500);--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));--tw-gradient-to:var(--color-blue-700);--tw-shadow:0 0 20px var(--tw-shadow-color,#06b6d480);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(min-width:40rem){.btn-hero{width:auto;padding-inline:calc(var(--spacing)*12)}}.card-feature{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:#00b7d74d;width:100%}@supports (color:color-mix(in lab,red,red)){.card-feature{border-color:color-mix(in oklab,var(--color-cyan-500)30%,transparent)}}.card-feature{background-color:#1d293d80}@supports (color:color-mix(in lab,red,red)){.card-feature{background-color:color-mix(in oklab,var(--color-slate-800)50%,transparent)}}.card-feature{padding:calc(var(--spacing)*8);--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,);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.card-feature:hover{border-color:#00b7d799}@supports (color:color-mix(in lab,red,red)){.card-feature:hover{border-color:color-mix(in oklab,var(--color-cyan-500)60%,transparent)}}}@media(min-width:40rem){.card-feature{width:calc(var(--spacing)*64)}}.profile-shell{width:100%;max-width:var(--container-4xl);margin-inline:auto}:where(.profile-shell>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.profile-shell{border-radius:var(--radius-3xl);border-style:var(--tw-border-style);border-width:1px;border-color:#31415880}@supports (color:color-mix(in lab,red,red)){.profile-shell{border-color:color-mix(in oklab,var(--color-slate-700)50%,transparent)}}.profile-shell{background-color:#1d293d80}@supports (color:color-mix(in lab,red,red)){.profile-shell{background-color:color-mix(in oklab,var(--color-slate-800)50%,transparent)}}.profile-shell{padding:calc(var(--spacing)*6);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--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,)}@media(min-width:40rem){.profile-shell{padding:calc(var(--spacing)*8)}}.profile-nav-shell{top:calc(var(--spacing)*0);z-index:200;border-bottom-style:var(--tw-border-style);border-color:#31415880;border-bottom-width:1px;width:100%;position:sticky}@supports (color:color-mix(in lab,red,red)){.profile-nav-shell{border-color:color-mix(in oklab,var(--color-slate-700)50%,transparent)}}.profile-nav-shell{background-color:#0f172b99}@supports (color:color-mix(in lab,red,red)){.profile-nav-shell{background-color:color-mix(in oklab,var(--color-slate-900)60%,transparent)}}.profile-nav-shell{--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,)}.profile-nav{width:100%;max-width:var(--container-6xl);align-items:center;gap:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*4);grid-template-columns:auto 1fr auto;margin-inline:auto;display:grid}@media(min-width:40rem){.profile-nav{padding-inline:calc(var(--spacing)*6)}}.profile-nav-menu-wrap button{color:var(--color-white)}.profile-nav-menu-wrap button>svg{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6)}.hamburger-trigger{z-index:10;height:calc(var(--spacing)*9);width:calc(var(--spacing)*9);cursor:pointer;border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--color-cyan-300)50%,transparent);--tw-gradient-position:to bottom right;justify-content:center;align-items:center;display:flex;position:relative}@supports (background-image:linear-gradient(in lab,red,red)){.hamburger-trigger{--tw-gradient-position:to bottom right in oklab}}.hamburger-trigger{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-sky-500);--tw-gradient-to:var(--color-blue-700);--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));color:var(--color-white);--tw-shadow:0 8px 16px -10px var(--tw-shadow-color,#0ea5e9d9);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hamburger-trigger:hover{--tw-shadow:0 12px 20px -12px var(--tw-shadow-color,#0ea5e9f2);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-brightness:brightness(110%);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,)}}.hamburger-trigger:focus{--tw-outline-style:none;outline-style:none}.hamburger-trigger: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);--tw-ring-color:#53eafdb3}@supports (color:color-mix(in lab,red,red)){.hamburger-trigger:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-cyan-300)70%,transparent)}}.hamburger-trigger>svg{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}.profile-page-content{min-height:calc(var(--spacing)*0);padding-inline:calc(var(--spacing)*4);padding-top:calc(var(--spacing)*5);padding-bottom:calc(var(--spacing)*3);flex-direction:column;flex:1;display:flex}@media(min-width:40rem){.profile-page-content{padding-inline:calc(var(--spacing)*6);padding-top:calc(var(--spacing)*6);padding-bottom:calc(var(--spacing)*4)}}.profile-page-layout{min-height:calc(var(--spacing)*0);width:100%;max-width:var(--container-2xl);flex-direction:column;flex:1;margin-inline:auto;display:flex}.profile-page-user-card{min-height:calc(var(--spacing)*0);gap:calc(var(--spacing)*4);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:#31415880;flex-direction:column;flex:1;display:flex}@supports (color:color-mix(in lab,red,red)){.profile-page-user-card{border-color:color-mix(in oklab,var(--color-slate-700)50%,transparent)}}.profile-page-user-card{background-color:#1d293d80}@supports (color:color-mix(in lab,red,red)){.profile-page-user-card{background-color:color-mix(in oklab,var(--color-slate-800)50%,transparent)}}.profile-page-user-card{padding:calc(var(--spacing)*4);text-align:center;--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,)}:where(.light) .profile-page-user-card{border-color:var(--color-gray-200);background-color:#fffc}@supports (color:color-mix(in lab,red,red)){:where(.light) .profile-page-user-card{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}@media(min-width:40rem){.profile-page-user-card{padding:calc(var(--spacing)*6)}}.profile-page-avatar-wrap{justify-content:center;display:flex}.profile-page-avatar{height:calc(var(--spacing)*20);width:calc(var(--spacing)*20);--tw-gradient-position:to right;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}@supports (background-image:linear-gradient(in lab,red,red)){.profile-page-avatar{--tw-gradient-position:to right in oklab}}.profile-page-avatar{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-cyan-400);--tw-gradient-to:var(--color-purple-600);--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));font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.profile-page-avatar-image{object-fit:cover;border-radius:3.40282e38px;width:100%;height:100%}.profile-page-name{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white)}:where(.light) .profile-page-name{color:var(--color-gray-900)}.profile-page-email{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-slate-400)}:where(.light) .profile-page-email{color:var(--color-gray-500)}.profile-page-section-card{background-color:#1d293d80}@supports (color:color-mix(in lab,red,red)){.profile-page-section-card{background-color:color-mix(in oklab,var(--color-slate-800)50%,transparent)}}:where(.light) .profile-page-section-card{border-color:var(--color-gray-200);background-color:#fffc}@supports (color:color-mix(in lab,red,red)){:where(.light) .profile-page-section-card{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.settings-page-content{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*8)}@media(min-width:40rem){.settings-page-content{padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*10)}}.settings-page-layout{width:100%;max-width:var(--container-2xl);margin-inline:auto}:where(.settings-page-card>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.settings-page-card{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:#31415880}@supports (color:color-mix(in lab,red,red)){.settings-page-card{border-color:color-mix(in oklab,var(--color-slate-700)50%,transparent)}}.settings-page-card{background-color:#1d293d80}@supports (color:color-mix(in lab,red,red)){.settings-page-card{background-color:color-mix(in oklab,var(--color-slate-800)50%,transparent)}}.settings-page-card{padding:calc(var(--spacing)*8);--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,)}:where(.light) .settings-page-card{border-color:var(--color-gray-200);background-color:#fffc}@supports (color:color-mix(in lab,red,red)){:where(.light) .settings-page-card{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.settings-card-header{align-items:center;gap:calc(var(--spacing)*2);display:flex}.settings-card-title{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white)}:where(.light) .settings-card-title{color:var(--color-gray-900)}.settings-card-title{font-family:Outfit,sans-serif}:where(.settings-form>: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)))}.settings-form{text-align:left}.settings-field-group{gap:calc(var(--spacing)*1.5);flex-direction:column;display:flex}.settings-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-slate-300)}:where(.light) .settings-label{color:var(--color-gray-700)}.settings-input{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:#31415880;width:100%}@supports (color:color-mix(in lab,red,red)){.settings-input{border-color:color-mix(in oklab,var(--color-slate-700)50%,transparent)}}.settings-input{background-color:#0f172bcc}@supports (color:color-mix(in lab,red,red)){.settings-input{background-color:color-mix(in oklab,var(--color-slate-900)80%,transparent)}}.settings-input{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);color:var(--color-white);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));--tw-outline-style:none;outline-style:none}.settings-input::placeholder{color:var(--color-slate-500)}.settings-input:focus{border-color:#00b7d7b3}@supports (color:color-mix(in lab,red,red)){.settings-input:focus{border-color:color-mix(in oklab,var(--color-cyan-500)70%,transparent)}}.settings-input:focus{--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);--tw-ring-color:#00b7d74d}@supports (color:color-mix(in lab,red,red)){.settings-input:focus{--tw-ring-color:color-mix(in oklab,var(--color-cyan-500)30%,transparent)}}:where(.light) .settings-input{border-color:var(--color-gray-300);background-color:var(--color-gray-100);color:var(--color-gray-900)}:where(.light) .settings-input::placeholder{color:var(--color-gray-400)}.settings-hint{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-slate-500)}:where(.light) .settings-hint{color:var(--color-gray-500)}.settings-error{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-rose-400)}:where(.light) .settings-error{color:var(--color-rose-600)}.settings-success{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-emerald-400)}:where(.light) .settings-success{color:var(--color-emerald-600)}.settings-save-btn{border-radius:var(--radius-xl);width:100%;padding-block:calc(var(--spacing)*3);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;display:flex}.settings-avatar-edit-modern{margin-bottom:calc(var(--spacing)*6);align-items:flex-start;gap:calc(var(--spacing)*4);flex-direction:column;display:flex}.settings-avatar-container{display:inline-block;position:relative}.settings-avatar-circle{height:calc(var(--spacing)*20);width:calc(var(--spacing)*20);--tw-gradient-position:to right;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}@supports (background-image:linear-gradient(in lab,red,red)){.settings-avatar-circle{--tw-gradient-position:to right in oklab}}.settings-avatar-circle{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-cyan-400);--tw-gradient-to:var(--color-purple-600);--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));font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.settings-avatar-img-modern{object-fit:cover;border-radius:3.40282e38px;width:100%;height:100%}.settings-edit-btn-modern{bottom:calc(var(--spacing)*0);left:calc(var(--spacing)*0);cursor:pointer;align-items:center;gap:calc(var(--spacing)*1.5);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-slate-600);background-color:var(--color-slate-800);padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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));display:flex;position:absolute}@media(hover:hover){.settings-edit-btn-modern:hover{background-color:var(--color-slate-700)}}.settings-edit-icon{height:calc(var(--spacing)*3.5);width:calc(var(--spacing)*3.5)}.settings-danger-zone{margin-top:calc(var(--spacing)*6);border-top-style:var(--tw-border-style);border-color:#ff23574d;border-top-width:1px}@supports (color:color-mix(in lab,red,red)){.settings-danger-zone{border-color:color-mix(in oklab,var(--color-rose-500)30%,transparent)}}.settings-danger-zone{padding-top:calc(var(--spacing)*6)}.settings-danger-title{margin-bottom:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-rose-400);text-transform:uppercase}.settings-delete-btn{border-radius:var(--radius-xl);background-color:var(--color-rose-600);padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);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));justify-content:center;align-items:center;display:flex}@media(hover:hover){.settings-delete-btn:hover{background-color:var(--color-rose-700)}}.settings-modal-overlay{inset:calc(var(--spacing)*0);z-index:50;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed}@supports (color:color-mix(in lab,red,red)){.settings-modal-overlay{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.settings-modal-overlay{padding-inline:calc(var(--spacing)*4);--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,)}.settings-modal{width:100%;max-width:var(--spacing-md);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:#31415899}@supports (color:color-mix(in lab,red,red)){.settings-modal{border-color:color-mix(in oklab,var(--color-slate-700)60%,transparent)}}.settings-modal{background-color:var(--color-slate-900);padding:calc(var(--spacing)*8);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.settings-modal-title{margin-bottom:calc(var(--spacing)*3);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white)}:where(.light) .settings-modal-title{color:var(--color-gray-900)}.settings-modal-title{font-family:Outfit,sans-serif}.settings-page-title h1{text-align:left;color:var(--color-white)}.friends-page-content{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*8)}@media(min-width:40rem){.friends-page-content{padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*10)}}.friends-page-layout{width:100%;max-width:var(--container-2xl);margin-inline:auto}:where(.friends-page-layout>:not(:last-child)),:where(.friends-page-card>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.friends-page-card{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:#31415880}@supports (color:color-mix(in lab,red,red)){.friends-page-card{border-color:color-mix(in oklab,var(--color-slate-700)50%,transparent)}}.friends-page-card{background-color:#1d293d80}@supports (color:color-mix(in lab,red,red)){.friends-page-card{background-color:color-mix(in oklab,var(--color-slate-800)50%,transparent)}}.friends-page-card{padding:calc(var(--spacing)*8);--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,)}:where(.light) .friends-page-card{border-color:var(--color-gray-200);background-color:#fffc}@supports (color:color-mix(in lab,red,red)){:where(.light) .friends-page-card{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.friends-page-card button{cursor:pointer;--tw-duration:.5s;transition-duration:.5s}.friends-page-card button:disabled{cursor:default}.friends-page-section-title{margin-bottom:calc(var(--spacing)*3);align-items:center;gap:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-gray-400);text-transform:uppercase;display:flex}.friends-page-input{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:#31415880;flex:1}@supports (color:color-mix(in lab,red,red)){.friends-page-input{border-color:color-mix(in oklab,var(--color-slate-700)50%,transparent)}}.friends-page-input{background-color:#0f172bcc}@supports (color:color-mix(in lab,red,red)){.friends-page-input{background-color:color-mix(in oklab,var(--color-slate-900)80%,transparent)}}.friends-page-input{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-white)}.friends-page-input::placeholder{color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.friends-page-input::placeholder{color:color-mix(in oklab,var(--color-white)30%,transparent)}}.friends-page-input{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));--tw-duration:.5s;transition-duration:.5s}.friends-page-input:focus{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.friends-page-input:focus{border-color:color-mix(in oklab,var(--color-white)15%,transparent)}}.friends-page-input:focus{--tw-outline-style:none;outline-style:none}.friends-page-add-btn{border-radius:var(--radius-xl);--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab,red,red)){.friends-page-add-btn{--tw-gradient-position:to right in oklab}}.friends-page-add-btn{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-cyan-500);--tw-gradient-to:var(--color-blue-600);--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));padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.friends-page-add-btn:hover{opacity:.8}}.friends-page-request-badge{margin-left:calc(var(--spacing)*1);height:calc(var(--spacing)*5);min-width:calc(var(--spacing)*5);--tw-gradient-position:to right;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}@supports (background-image:linear-gradient(in lab,red,red)){.friends-page-request-badge{--tw-gradient-position:to right in oklab}}.friends-page-request-badge{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-cyan-500);--tw-gradient-to:var(--color-blue-600);--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));padding-inline:calc(var(--spacing)*1);text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-bold);line-height:1;font-weight:var(--font-weight-bold);color:var(--color-white)}.friends-page-friends-badge{margin-left:calc(var(--spacing)*1);height:calc(var(--spacing)*5);min-width:calc(var(--spacing)*5);background-color:var(--color-gray-600);padding-inline:calc(var(--spacing)*1);text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-bold);line-height:1;font-weight:var(--font-weight-bold);color:var(--color-white);border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}.friends-page-friend-request-card{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:#31415880;justify-content:space-between;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.friends-page-friend-request-card{border-color:color-mix(in oklab,var(--color-slate-700)50%,transparent)}}.friends-page-friend-request-card{background-color:#0f172bcc}@supports (color:color-mix(in lab,red,red)){.friends-page-friend-request-card{background-color:color-mix(in oklab,var(--color-slate-900)80%,transparent)}}.friends-page-friend-request-card{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3)}:where(.light) .friends-page-friend-request-card{background-color:var(--color-gray-100)}.friends-page-friend-card{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:#31415880;justify-content:space-between;align-items:center;display:flex}@supports (color:color-mix(in lab,red,red)){.friends-page-friend-card{border-color:color-mix(in oklab,var(--color-slate-700)50%,transparent)}}.friends-page-friend-card{background-color:#0f172bcc}@supports (color:color-mix(in lab,red,red)){.friends-page-friend-card{background-color:color-mix(in oklab,var(--color-slate-900)80%,transparent)}}.friends-page-friend-card{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3)}:where(.light) .friends-page-friend-card{background-color:var(--color-gray-100)}.friends-page-friend-card .friends-page-user-status-online{color:var(--color-green-500)}.friends-page-friend-card .friends-page-user-status-offline{color:var(--color-gray-400)}.friends-page-username{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-white)}:where(.light) .friends-page-username{color:var(--color-gray-900)}.friends-page-accept-btn{height:calc(var(--spacing)*8);width:calc(var(--spacing)*8);border-radius:var(--radius-lg);background-color:var(--color-green-500);color:var(--color-white);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));justify-content:center;align-items:center;display:inline-flex}@media(hover:hover){.friends-page-accept-btn:hover{background-color:var(--color-green-700)}}.friends-page-decline-btn{height:calc(var(--spacing)*8);width:calc(var(--spacing)*8);border-radius:var(--radius-lg);background-color:var(--color-red-500);color:var(--color-white);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));justify-content:center;align-items:center;display:inline-flex}@media(hover:hover){.friends-page-decline-btn:hover{background-color:var(--color-red-700)}}.friends-page-challenge-btn{align-items:center;gap:calc(var(--spacing)*1.5);border-radius:var(--radius-lg);--tw-gradient-position:to right;display:flex}@supports (background-image:linear-gradient(in lab,red,red)){.friends-page-challenge-btn{--tw-gradient-position:to right in oklab}}.friends-page-challenge-btn{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-cyan-500);--tw-gradient-via:var(--color-blue-500);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--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));--tw-gradient-to:var(--color-cyan-400);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-position:0;background-size:200%}@media(hover:hover){.friends-page-challenge-btn:hover{background-position:100%}}.friends-page-challenge-btn:disabled{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.friends-page-challenge-btn:disabled{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.friends-page-challenge-btn:disabled{color:#ffffff4d;background-image:none}@supports (color:color-mix(in lab,red,red)){.friends-page-challenge-btn:disabled{color:color-mix(in oklab,var(--color-white)30%,transparent)}}.friends-page-view-profile-btn{align-items:center;gap:calc(var(--spacing)*1.5);border-radius:var(--radius-lg);background-color:#ffffff1a;display:flex}@supports (color:color-mix(in lab,red,red)){.friends-page-view-profile-btn{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.friends-page-view-profile-btn{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);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))}@media(hover:hover){.friends-page-view-profile-btn:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.friends-page-view-profile-btn:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}}:where(.light) .friends-page-view-profile-btn{color:var(--color-gray-700)}.dashboard-main{padding:calc(var(--spacing)*4)}@media(min-width:40rem){.dashboard-main{padding:calc(var(--spacing)*8)}}.dashboard-layout{width:100%;max-width:var(--container-2xl);margin-inline:auto}:where(.dashboard-layout>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.dashboard-card{z-index:10;margin-top:calc(var(--spacing)*2);border-radius:var(--radius-2xl);border-color:#31415880;position:relative}@supports (color:color-mix(in lab,red,red)){.dashboard-card{border-color:color-mix(in oklab,var(--color-slate-700)50%,transparent)}}.dashboard-card{background-color:#1d293d80}@supports (color:color-mix(in lab,red,red)){.dashboard-card{background-color:color-mix(in oklab,var(--color-slate-800)50%,transparent)}}.dashboard-card{--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,)}:where(.light) .dashboard-card{border-color:var(--color-gray-200);background-color:#fffc}@supports (color:color-mix(in lab,red,red)){:where(.light) .dashboard-card{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.dashboard-profile-card{border-style:var(--tw-border-style);border-width:1px;border-color:#31415880}@supports (color:color-mix(in lab,red,red)){.dashboard-profile-card{border-color:color-mix(in oklab,var(--color-slate-700)50%,transparent)}}.dashboard-profile-card{padding:calc(var(--spacing)*8);text-align:center}.dashboard-card-content{z-index:10;position:relative}:where(.dashboard-card-content>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.dashboard-avatar-wrap{justify-content:center;display:flex}.dashboard-avatar{height:calc(var(--spacing)*20);width:calc(var(--spacing)*20);--tw-gradient-position:to right;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex}@supports (background-image:linear-gradient(in lab,red,red)){.dashboard-avatar{--tw-gradient-position:to right in oklab}}.dashboard-avatar{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-cyan-400);--tw-gradient-to:var(--color-purple-600);--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));font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.dashboard-avatar-image{object-fit:cover;border-radius:3.40282e38px;width:100%;height:100%}.dashboard-user-name{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white)}:where(.light) .dashboard-user-name{color:var(--color-gray-900)}.dashboard-user-email{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-slate-400)}.dashboard-game-card{position:relative}.dashboard-game-card{border-style:var(--tw-border-style);padding:calc(var(--spacing)*6);border-width:1px;border-color:#0000;position:relative;overflow:hidden}:where(.dashboard-game-card>: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)))}.dashboard-game-card{padding:calc(var(--spacing)*6);overflow:hidden}.dashboard-game-animation-bg{pointer-events:none;inset:calc(var(--spacing)*0);opacity:.55;position:absolute}.dashboard-game-content{z-index:10;position:relative}.dashboard-game-title{align-items:center;gap:calc(var(--spacing)*2);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);display:flex}:where(.light) .dashboard-game-title{color:var(--color-gray-900)}.dashboard-game-title{letter-spacing:.02em;font-family:DM Sans,Segoe UI,Helvetica Neue,Arial,sans-serif}.dashboard-game-icon{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);flex-shrink:0}.dashboard-game-text{margin-top:calc(var(--spacing)*1);text-align:left;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-slate-400)}:where(.light) .dashboard-game-text{color:var(--color-gray-500)}.dashboard-game-text{letter-spacing:.01em;font-family:DM Sans,Segoe UI,Helvetica Neue,Arial,sans-serif}.dashboard-play-btn{z-index:10;justify-content:center;align-items:center;gap:calc(var(--spacing)*2);border-radius:var(--radius-xl);width:100%;padding-block:calc(var(--spacing)*3);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);display:flex;position:relative}@media(hover:hover){.dashboard-play-btn:hover{--tw-shadow-color:#00b7d74d}@supports (color:color-mix(in lab,red,red)){.dashboard-play-btn:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-cyan-500)30%,transparent)var(--tw-shadow-alpha),transparent)}}}.dashboard-play-btn{letter-spacing:.03em;font-family:Play,sans-serif}.profile-nav-btn{margin-right:calc(var(--spacing)*.5);height:calc(var(--spacing)*9);width:calc(var(--spacing)*9);cursor:pointer;border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in oklab,var(--color-cyan-400)60%,transparent);--tw-gradient-position:to bottom right;justify-content:center;align-items:center;display:inline-flex}@supports (background-image:linear-gradient(in lab,red,red)){.profile-nav-btn{--tw-gradient-position:to bottom right in oklab}}.profile-nav-btn{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-sky-500);--tw-gradient-to:var(--color-blue-600);--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));color:var(--color-white);--tw-shadow:0 8px 16px -10px var(--tw-shadow-color,#0ea5e9d9);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.profile-nav-btn:hover{--tw-shadow:0 12px 20px -12px var(--tw-shadow-color,#0ea5e9f2);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-brightness:brightness(110%);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,)}}.profile-nav-title{justify-content:flex-start;align-items:center;gap:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-white);justify-self:flex-start;display:flex}@media(min-width:40rem){.profile-nav-title{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.profile-nav-title{font-family:Outfit,sans-serif;font-weight:700}.profile-nav-arrow{height:calc(var(--spacing)*7);width:calc(var(--spacing)*7);object-fit:contain;filter:brightness(0)invert()}.profile-nav-icon{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);object-fit:contain}@media(min-width:40rem){.profile-nav-icon{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6)}}.profile-theme-btn{height:calc(var(--spacing)*9);width:calc(var(--spacing)*9);cursor:pointer;border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:#00b7d766;justify-content:center;align-items:center;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.profile-theme-btn{border-color:color-mix(in oklab,var(--color-cyan-500)40%,transparent)}}.profile-theme-btn{color:var(--color-cyan-300);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))}@media(hover:hover){.profile-theme-btn:hover{background-color:#1d293d99}@supports (color:color-mix(in lab,red,red)){.profile-theme-btn:hover{background-color:color-mix(in oklab,var(--color-slate-800)60%,transparent)}}.profile-theme-btn:hover{color:var(--color-white)}}.profile-header{align-items:center;gap:calc(var(--spacing)*2);text-align:center;flex-direction:column;display:flex}.profile-initials{height:calc(var(--spacing)*24);width:calc(var(--spacing)*24);border-style:var(--tw-border-style);border-width:2px;border-color:color-mix(in oklab,var(--color-cyan-500)60%,transparent);--tw-gradient-position:to right;border-radius:3.40282e38px;place-items:center;display:grid}@supports (background-image:linear-gradient(in lab,red,red)){.profile-initials{--tw-gradient-position:to right in oklab}}.profile-initials{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-cyan-400);--tw-gradient-to:var(--color-purple-600);--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));font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);text-transform:uppercase;--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.profile-name{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white)}.profile-email{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-400)}.profile-section-title{margin-bottom:calc(var(--spacing)*3);text-align:left;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:.14em;letter-spacing:.14em;color:var(--color-gray-400);text-transform:uppercase}@media(min-width:40rem){.profile-section-title{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}.help-fab{right:calc(var(--spacing)*4);bottom:calc(var(--spacing)*4);z-index:20;height:calc(var(--spacing)*9);width:calc(var(--spacing)*9);cursor:pointer;border-style:var(--tw-border-style);--tw-shadow:0 4px 14px var(--tw-shadow-color,#00000073);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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));background-color:#2d3139;border-width:1px;border-color:#59606b;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex;position:fixed}.help-fab:hover{background-color:#383e49;border-color:#68707d}.profile-help-icon{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);object-fit:contain;opacity:.95}.stats-grid{gap:calc(var(--spacing)*4);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media(min-width:40rem){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat-card{align-items:center;gap:calc(var(--spacing)*2);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:#005f7866;flex-direction:column;display:flex}@supports (color:color-mix(in lab,red,red)){.stat-card{border-color:color-mix(in oklab,var(--color-cyan-800)40%,transparent)}}.stat-card{background-color:#31415833}@supports (color:color-mix(in lab,red,red)){.stat-card{background-color:color-mix(in oklab,var(--color-slate-700)20%,transparent)}}.stat-card{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*4);text-align:center}.stat-icon{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6);object-fit:contain}.stat-value{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.stat-label{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-300)}.history-list{flex:1}:where(.history-list>: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)))}.history-list{padding-right:calc(var(--spacing)*1);overflow-y:auto}.history-item{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*4);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:#005f7866;display:flex}@supports (color:color-mix(in lab,red,red)){.history-item{border-color:color-mix(in oklab,var(--color-cyan-800)40%,transparent)}}.history-item{background-color:#31415833}@supports (color:color-mix(in lab,red,red)){.history-item{background-color:color-mix(in oklab,var(--color-slate-700)20%,transparent)}}.history-item{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.history-item:hover{border-color:#62748eb3}@supports (color:color-mix(in lab,red,red)){.history-item:hover{border-color:color-mix(in oklab,var(--color-slate-500)70%,transparent)}}.history-item:hover{background-color:#0f172b99}@supports (color:color-mix(in lab,red,red)){.history-item:hover{background-color:color-mix(in oklab,var(--color-slate-900)60%,transparent)}}}.history-icon{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);object-fit:contain}.history-icon-badge{height:calc(var(--spacing)*9);width:calc(var(--spacing)*9);border-style:var(--tw-border-style);border-width:1px;border-radius:3.40282e38px;place-items:center;display:grid}.history-icon-badge-win{border-color:#00d29459}@supports (color:color-mix(in lab,red,red)){.history-icon-badge-win{border-color:color-mix(in oklab,var(--color-emerald-400)35%,transparent)}}.history-icon-badge-win{background-color:#00bb7f26}@supports (color:color-mix(in lab,red,red)){.history-icon-badge-win{background-color:color-mix(in oklab,var(--color-emerald-500)15%,transparent)}}.history-icon-badge-loss{border-color:#ff667f59}@supports (color:color-mix(in lab,red,red)){.history-icon-badge-loss{border-color:color-mix(in oklab,var(--color-rose-400)35%,transparent)}}.history-icon-badge-loss{background-color:#ff235726}@supports (color:color-mix(in lab,red,red)){.history-icon-badge-loss{background-color:color-mix(in oklab,var(--color-rose-500)15%,transparent)}}.history-text{text-align:left;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-white);flex:1}@media(min-width:40rem){.history-text{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}.history-score{min-width:calc(var(--spacing)*18);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:#31415899}@supports (color:color-mix(in lab,red,red)){.history-score{border-color:color-mix(in oklab,var(--color-slate-700)60%,transparent)}}.history-score{background-color:#0f172b80}@supports (color:color-mix(in lab,red,red)){.history-score{background-color:color-mix(in oklab,var(--color-slate-900)50%,transparent)}}.history-score{padding-inline:calc(var(--spacing)*2.5);padding-block:calc(var(--spacing)*1);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.history-score-win{color:var(--color-emerald-400)}.history-score-loss{color:var(--color-rose-400)}.play-game-bg{pointer-events:none;inset:calc(var(--spacing)*0);position:absolute;overflow:hidden}.play-game-mark{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black);-webkit-user-select:none;user-select:none;color:#22d3ee33;text-shadow:0 0 14px #22d3ee3d;animation-name:play-mark-float;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}.play-game-mark-1{font-size:1.05rem;animation-duration:10s;animation-delay:-2s;top:78%;left:10%}.play-game-mark-2{font-size:.95rem;animation-duration:12s;animation-delay:-6s;top:86%;left:28%}.play-game-mark-3{font-size:1.15rem;animation-duration:11s;animation-delay:-4s;top:80%;left:44%}.play-game-mark-4{font-size:.9rem;animation-duration:13s;animation-delay:-8s;top:88%;left:62%}.play-game-mark-5{font-size:1rem;animation-duration:9s;animation-delay:-3s;top:84%;left:76%}.play-game-mark-6{font-size:1.2rem;animation-duration:14s;animation-delay:-7s;top:90%;left:88%}.icon-svg{opacity:.95}.icon-cyan{filter:brightness(0)saturate()invert(78%)sepia(39%)saturate(6167%)hue-rotate(144deg)brightness(98%)contrast(92%)}.icon-rose{filter:brightness(0)saturate()invert(66%)sepia(44%)saturate(4833%)hue-rotate(316deg)brightness(99%)contrast(98%)}.icon-emerald{filter:brightness(0)saturate()invert(73%)sepia(23%)saturate(1408%)hue-rotate(103deg)brightness(94%)contrast(92%)}.icon-blue{filter:brightness(0)saturate()invert(46%)sepia(95%)saturate(1279%)hue-rotate(203deg)brightness(96%)contrast(93%)}.icon-white{filter:brightness(0)invert()}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-10{z-index:10}.z-50{z-index:50}.mx-3{margin-inline:calc(var(--spacing)*3)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-8{margin-top:calc(var(--spacing)*8)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-6\.5{height:calc(var(--spacing)*6.5)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-full{height:100%}.h-px{height:1px}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-screen{min-height:100vh}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-6\.5{width:calc(var(--spacing)*6.5)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-48{width:calc(var(--spacing)*48)}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-125{max-width:calc(var(--spacing)*125)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-x-1{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing)*6);translate:var(--tw-translate-x)var(--tw-translate-y)}.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)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*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-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-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.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-\[\#0d1b2a\]{border-color:#0d1b2a}.border-red-500{border-color:var(--color-red-500)}.border-slate-600{border-color:var(--color-slate-600)}.border-slate-700\/50{border-color:#31415880}@supports (color:color-mix(in lab,red,red)){.border-slate-700\/50{border-color:color-mix(in oklab,var(--color-slate-700)50%,transparent)}}.bg-\(--border-color\){background-color:var(--border-color)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-500{background-color:var(--color-green-500)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-800\/50{background-color:#1d293d80}@supports (color:color-mix(in lab,red,red)){.bg-slate-800\/50{background-color:color-mix(in oklab,var(--color-slate-800)50%,transparent)}}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-900\/50{background-color:#0f172b80}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/50{background-color:color-mix(in oklab,var(--color-slate-900)50%,transparent)}}.bg-slate-950{background-color:var(--color-slate-950)}.bg-white{background-color:var(--color-white)}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-cyan-400{--tw-gradient-from:var(--color-cyan-400);--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))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--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))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.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-8{padding-inline:calc(var(--spacing)*8)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-4{padding-top:calc(var(--spacing)*4)}.pb-0\.5{padding-bottom:calc(var(--spacing)*.5)}.pl-2{padding-left:calc(var(--spacing)*2)}.text-center{text-align:center}.text-left{text-align:left}.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-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--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-\[1\.12rem\]{font-size:1.12rem}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.wrap-break-word{overflow-wrap:break-word}.text-blue-400{color:var(--color-blue-400)}.text-cyan-400{color:var(--color-cyan-400)}.text-emerald-400{color:var(--color-emerald-400)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-400\/50{color:#99a1af80}@supports (color:color-mix(in lab,red,red)){.text-gray-400\/50{color:color-mix(in oklab,var(--color-gray-400)50%,transparent)}}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-rose-400{color:var(--color-rose-400)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.placeholder-slate-500::placeholder{color:var(--color-slate-500)}.accent-cyan-500{accent-color:var(--color-cyan-500)}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);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,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);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,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-cyan-500\/20{--tw-shadow-color:#00b7d733}@supports (color:color-mix(in lab,red,red)){.shadow-cyan-500\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-cyan-500)20%,transparent)var(--tw-shadow-alpha),transparent)}}.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-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,)}.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))}@media(hover:hover){.hover\:bg-gray-700\/50:hover{background-color:#36415380}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-700\/50:hover{background-color:color-mix(in oklab,var(--color-gray-700)50%,transparent)}}.hover\:bg-red-500\/10:hover{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/10:hover{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.hover\:bg-slate-700\/50:hover{background-color:#31415880}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-700\/50:hover{background-color:color-mix(in oklab,var(--color-slate-700)50%,transparent)}}.hover\:bg-slate-700\/60:hover{background-color:#31415899}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-700\/60:hover{background-color:color-mix(in oklab,var(--color-slate-700)60%,transparent)}}.hover\:text-cyan-300:hover{color:var(--color-cyan-300)}.hover\:text-cyan-400:hover{color:var(--color-cyan-400)}.hover\:text-red-300:hover{color:var(--color-red-300)}.hover\:text-white:hover{color:var(--color-white)}.hover\:shadow-blue-500\/50:hover{--tw-shadow-color:#3080ff80}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-blue-500\/50:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-500)50%,transparent)var(--tw-shadow-alpha),transparent)}}}.focus\:border-transparent:focus{border-color:#0000}.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-cyan-500:focus{--tw-ring-color:var(--color-cyan-500)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}:where(.light) .in-\[\.light\]\:border-gray-200{border-color:var(--color-gray-200)}:where(.light) .in-\[\.light\]\:border-gray-300{border-color:var(--color-gray-300)}:where(.light) .in-\[\.light\]\:bg-gray-100{background-color:var(--color-gray-100)}:where(.light) .in-\[\.light\]\:bg-gray-300{background-color:var(--color-gray-300)}:where(.light) .in-\[\.light\]\:bg-white{background-color:var(--color-white)}:where(.light) .in-\[\.light\]\:from-white{--tw-gradient-from:var(--color-white);--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))}:where(.light) .in-\[\.light\]\:to-white{--tw-gradient-to:var(--color-white);--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))}:where(.light) .in-\[\.light\]\:text-cyan-600{color:var(--color-cyan-600)}:where(.light) .in-\[\.light\]\:text-gray-500{color:var(--color-gray-500)}:where(.light) .in-\[\.light\]\:text-gray-600{color:var(--color-gray-600)}:where(.light) .in-\[\.light\]\:text-gray-700{color:var(--color-gray-700)}:where(.light) .in-\[\.light\]\:text-gray-900{color:var(--color-gray-900)}:where(.light) .in-\[\.light\]\:placeholder-gray-500::placeholder{color:var(--color-gray-500)}:where(.light) .in-\[\.light\]\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:where(.light) .in-\[\.light\]\: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)}:where(.light) .in-\[\.light\]\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:where(.light) .in-\[\.light\]\:brightness-0{--tw-brightness:brightness(0%);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,)}@media(hover:hover){:where(.light) .in-\[\.light\]\:hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}:where(.light) .in-\[\.light\]\:hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}:where(.light) .in-\[\.light\]\:hover\:text-cyan-600:hover{color:var(--color-cyan-600)}:where(.light) .in-\[\.light\]\:hover\:text-cyan-700:hover{color:var(--color-cyan-700)}:where(.light) .in-\[\.light\]\:hover\:text-gray-500:hover{color:var(--color-gray-500)}:where(.light) .in-\[\.light\]\:hover\:text-gray-900:hover{color:var(--color-gray-900)}:where(.light) .in-\[\.light\]\:hover\:brightness-98:hover{--tw-brightness:brightness(98%);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,)}}@media(min-width:40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-6{gap:calc(var(--spacing)*6)}:where(.sm\:space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}.sm\:p-8{padding:calc(var(--spacing)*8)}.sm\:px-8{padding-inline:calc(var(--spacing)*8)}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.light .\[\.light_\&\]\:border-gray-200{border-color:var(--color-gray-200)}.light .\[\.light_\&\]\:border-gray-300{border-color:var(--color-gray-300)}.light .\[\.light_\&\]\:bg-gray-100{background-color:var(--color-gray-100)}.light .\[\.light_\&\]\:bg-white{background-color:var(--color-white)}.light .\[\.light_\&\]\:text-gray-700{color:var(--color-gray-700)}.light .\[\.light_\&\]\:text-gray-900{color:var(--color-gray-900)}.light .\[\.light_\&\]\:placeholder-gray-500::placeholder{color:var(--color-gray-500)}.light .\[\.light_\&\]\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}html,body{-webkit-user-select:none;user-select:none;background-color:#1e293b;width:100%;margin:0;padding:0;font-family:DM Sans,sans-serif;overflow-x:hidden}html.light,html.light body{background-color:#ffffffe6}.light .header-main{color:var(--color-gray-900);background-color:#0000}@media(hover:hover){.light .header-main button:hover{background-color:var(--color-gray-200)}}.light .footer-main{border-color:var(--color-gray-300);background-color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.light .footer-main{background-color:color-mix(in oklab,var(--color-white)85%,transparent)}}.light .footer-main,.light .footer-copy,.light .footer-links{color:var(--color-gray-700)}.light .container-main{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab,red,red)){.light .container-main{--tw-gradient-position:to bottom right in oklab}}.light .container-main{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-gray-50);--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--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));--tw-gradient-to:var(--color-gray-100)}.light .card-feature{border-color:var(--color-blue-200);background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.light .card-feature{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.light .card-feature{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);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){.light .card-feature:hover{border-color:var(--color-blue-400)}}.light .profile-shell{border-color:var(--color-gray-200);background-color:var(--color-white);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.light .profile-nav{background-color:#0000}.light .profile-nav-shell{border-color:var(--color-gray-300);background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.light .profile-nav-shell{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.light .profile-nav-btn{border-color:var(--color-gray-300);background-color:var(--color-white);--tw-gradient-from:var(--color-white);--tw-gradient-to:var(--color-white);--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));--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(hover:hover){.light .profile-nav-btn:hover{--tw-brightness:brightness(98%);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,)}}.light .profile-nav-arrow,.light .profile-nav-icon.icon-cyan{filter:brightness(0)}.light .profile-nav-title,.light .profile-nav-menu-wrap button:not(.hamburger-trigger){color:var(--color-gray-900)}.light .dashboard-card{border-color:var(--color-gray-400);background-color:var(--color-white)}.light .dashboard-game-card{border-color:var(--color-gray-300)}.light .dashboard-user-email{color:var(--color-gray-700)}.light .profile-theme-btn{border-color:var(--color-blue-300);color:var(--color-blue-700)}@media(hover:hover){.light .profile-theme-btn:hover{background-color:var(--color-blue-50);color:var(--color-blue-800)}}.light .play-game-mark{color:#0e74902e;text-shadow:0 0 12px #0e74902e}.light .profile-initials{border-color:var(--color-blue-400);--tw-gradient-from:var(--color-cyan-400);--tw-gradient-to:var(--color-blue-500);--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))}.light .profile-name{color:var(--color-gray-900)}.light .profile-email{color:var(--color-gray-600)}.light .profile-section-title{color:var(--color-gray-700)}.light .help-fab{background-color:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a24}.light .help-fab:hover{background-color:#f1f5f9;border-color:#94a3b8}.light .profile-help-icon{filter:none;opacity:.9}.light .profile-page-user-card{border-color:var(--color-gray-400)}.light .profile-page-section-card{border-color:var(--color-gray-300);background-color:var(--color-white);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.light .profile-page-email{color:var(--color-gray-700)}.light .friends-page-friend-request-card,.light .friends-page-friend-card{border-color:var(--color-gray-300)}.light .friends-page-input{border-color:var(--color-gray-300);background-color:var(--color-gray-100);color:var(--color-gray-900)}.light .friends-page-input::placeholder{color:var(--color-gray-500)}.light .friends-page-input:focus{border-color:var(--color-gray-400)}.light .friends-page-card section h2{color:var(--color-black);font-family:Outfit,sans-serif}.light .friends-page-friend-card .friends-page-user-status-online{color:var(--color-green-500)}.light .friends-page-friend-card .friends-page-user-status-offline{color:var(--color-gray-400)}.light .friends-page-mini-circle-status{border-color:var(--color-gray-100)}.light .friends-page-accept-btn{background-color:var(--color-green-400)}@media(hover:hover){.light .friends-page-accept-btn:hover{background-color:var(--color-green-500)}}.light .friends-page-decline-btn{background-color:var(--color-red-400)}@media(hover:hover){.light .friends-page-decline-btn:hover{background-color:var(--color-red-500)}}.light .friends-page-challenge-btn:disabled{background-color:#99a1af33}@supports (color:color-mix(in lab,red,red)){.light .friends-page-challenge-btn:disabled{background-color:color-mix(in oklab,var(--color-gray-400)20%,transparent)}}.light .friends-page-challenge-btn:disabled{color:var(--color-gray-500)}.light .friends-page-view-profile-btn{background-color:#99a1af33}@supports (color:color-mix(in lab,red,red)){.light .friends-page-view-profile-btn{background-color:color-mix(in oklab,var(--color-gray-400)20%,transparent)}}@media(hover:hover){.light .friends-page-view-profile-btn:hover{background-color:#6a728266}@supports (color:color-mix(in lab,red,red)){.light .friends-page-view-profile-btn:hover{background-color:color-mix(in oklab,var(--color-gray-500)40%,transparent)}}}.light .stat-card{border-color:var(--color-gray-300);background-color:var(--color-white)}.light .stat-value{color:var(--color-gray-900)}.light .stat-label{color:var(--color-gray-700)}.light .history-item{border-color:var(--color-gray-300);background-color:var(--color-white)}@media(hover:hover){.light .history-item:hover{border-color:var(--color-gray-400)}}.light .history-icon-badge-win{border-color:var(--color-emerald-300);background-color:var(--color-emerald-100)}.light .history-icon-badge-loss{border-color:var(--color-rose-300);background-color:var(--color-rose-100)}.light .history-text{color:var(--color-gray-800)}.light .history-score-win{color:var(--color-emerald-600)}.light .history-score-loss{color:var(--color-rose-600)}.light .history-score{border-color:var(--color-gray-400);background-color:var(--color-gray-50)}.light .icon-svg{opacity:.85}.light .icon-cyan{filter:brightness(0)saturate()invert(37%)sepia(81%)saturate(2183%)hue-rotate(190deg)brightness(91%)contrast(92%)}.light .icon-rose{filter:brightness(0)saturate()invert(34%)sepia(74%)saturate(2096%)hue-rotate(324deg)brightness(99%)contrast(91%)}.light .icon-emerald{filter:brightness(0)saturate()invert(42%)sepia(34%)saturate(1169%)hue-rotate(108deg)brightness(92%)contrast(92%)}.light .icon-blue{filter:brightness(0)saturate()invert(33%)sepia(91%)saturate(2097%)hue-rotate(212deg)brightness(93%)contrast(94%)}.light .icon-violet{filter:brightness(0)saturate()invert(28%)sepia(72%)saturate(2045%)hue-rotate(244deg)brightness(92%)contrast(91%)}.light .text-gray-300{color:var(--color-gray-700)}.light .text-gray-400{color:var(--color-gray-600)}.light .btn-hero{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);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){.light .btn-hero:hover{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.light .heading-1,.light .heading-2,.light h1,.light h2,.light h3{color:var(--color-gray-900);filter:brightness()}.light .text-cyan-400{color:var(--color-cyan-600)}.light .bg-slate-800\/50{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.light .bg-slate-800\/50{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.light .border-slate-700\/50{border-color:var(--color-gray-200)}@keyframes play-mark-float{0%{opacity:0;transform:translateY(12px)rotate(-8deg)}20%{opacity:.5}80%{opacity:.35}to{opacity:0;transform:translateY(-140px)rotate(10deg)}}.game-main{padding:clamp(.5rem,2vh,1.5rem) 1rem;overflow-y:auto}.game-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#818cf8,#f472b6);-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:clamp(1.25rem,2.5vw,2rem);font-weight:700}.game-subtitle{color:#64748b;margin-bottom:2rem;font-size:.875rem}.game-btn{cursor:pointer;border:none;border-radius:8px;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;transition:transform .1s,box-shadow .2s}.game-btn:hover{transform:translateY(-1px)}.game-btn--primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d}.game-btn--secondary{color:#94a3b8;background:#1e293b;border:1px solid #334155;margin-top:1.5rem}.game-btn--secondary:hover{color:#e2e8f0;border-color:#475569}.game-btn:disabled{opacity:.5;cursor:default;transform:none}.game-container{text-align:center;flex-direction:column;gap:clamp(.4rem,1vh,1rem);width:100%;max-width:480px;margin:0 auto;display:flex}.game-info{flex-wrap:nowrap;justify-content:center;gap:.5rem;display:flex;overflow:hidden}.game-badge{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;background:#1e293b;border:1px solid #334155;border-radius:999px;max-width:180px;padding:.25rem .625rem;font-size:.75rem;overflow:hidden}.game-badge--connected{color:#4ade80;background:#22c55e26;border-color:#22c55e4d}.game-badge--copy{cursor:pointer;color:#94a3b8;border-color:#818cf84d;font-family:inherit;transition:border-color .2s}.game-badge--copy:hover{color:#e2e8f0;border-color:#818cf8}.game-badge--x{color:#818cf8;border-color:#818cf866}.game-badge--o{color:#f472b6;border-color:#f472b666}.game-status{color:#fff;padding:.5rem;font-size:1.1rem;font-weight:600}.game-error{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;padding:.5rem .75rem;font-size:.85rem}.game-session-info{color:#94a3b8;font-size:.85rem}.game-session-info code{color:#818cf8;background:#1e293b;border-radius:4px;padding:.15rem .5rem;font-size:.75rem}.game-event-log{text-align:left;margin-top:1rem}.game-event-log summary{cursor:pointer;color:#64748b;padding:.5rem;font-size:.8rem}.game-events{background:#0f172a;border:1px solid #1e293b;border-radius:8px;max-height:200px;padding:.5rem;font-family:JetBrains Mono,monospace;font-size:.7rem;overflow-y:auto}.game-event{color:#94a3b8;word-break:break-all;padding:.2rem 0}.game-event-type{color:#818cf8;margin-right:.5rem}.game-board-container{width:clamp(160px,100vh - 495px,320px);height:clamp(160px,100vh - 495px,320px);margin:0 auto;position:relative}.game-board{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:8px;width:100%;height:100%;display:grid}.game-cell{aspect-ratio:1;color:#e2e8f0;cursor:pointer;background:#1e293b;border:2px solid #334155;border-radius:12px;justify-content:center;align-items:center;margin:0;padding:0;font-size:3rem;font-weight:700;transition:background .15s,transform .1s,box-shadow .15s;display:flex}.game-cell:hover:not(:disabled){background:#334155;transform:scale(1.04);box-shadow:0 0 16px #6366f14d}.game-cell:disabled{cursor:default;opacity:.7}.game-cell--x{color:#818cf8;text-shadow:0 0 12px #818cf880}.game-cell--o{color:#f472b6;text-shadow:0 0 12px #f472b680}.game-cell--next-removed{opacity:.4;border-color:#ef444499;animation:1.4s ease-in-out infinite game-next-removed-pulse}@keyframes game-next-removed-pulse{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 10px 3px #ef444466}}.game-cell--removed{animation:.5s ease-out game-removed-flash}@keyframes game-removed-flash{0%{background:#ef444440;transform:scale(1.05)}to{background:#1e293b;transform:scale(1)}}.game-winning-line{pointer-events:none;z-index:10;background:#ffffffe6;border-radius:4px;animation:.4s ease-out forwards game-winning-unfold;position:absolute;top:0;left:0;box-shadow:0 0 15px #fffc,0 0 5px #ffffff80}.game-winning-line--row-0,.game-winning-line--row-1,.game-winning-line--row-2{width:90%;height:6px;left:5%}.game-winning-line--row-0{margin-top:-3px;top:16.66%}.game-winning-line--row-1{margin-top:-3px;top:50%}.game-winning-line--row-2{margin-top:-3px;top:83.33%}.game-winning-line--col-0,.game-winning-line--col-1,.game-winning-line--col-2{width:6px;height:90%;top:5%}.game-winning-line--col-0{margin-left:-3px;left:16.66%}.game-winning-line--col-1{margin-left:-3px;left:50%}.game-winning-line--col-2{margin-left:-3px;left:83.33%}.game-winning-line--diag-1,.game-winning-line--diag-2{transform-origin:50%;width:120%;height:6px;top:50%;left:50%}.game-winning-line--diag-1{animation:.4s ease-out forwards game-winning-diag1}.game-winning-line--diag-2{animation:.4s ease-out forwards game-winning-diag2}@keyframes game-winning-unfold{0%{opacity:0;transform:scale(.1)}to{opacity:1;transform:scale(1)}}@keyframes game-winning-diag1{0%{opacity:0;transform:translate(-50%,-50%)rotate(45deg)scaleX(0)}to{opacity:1;transform:translate(-50%,-50%)rotate(45deg)scaleX(1)}}@keyframes game-winning-diag2{0%{opacity:0;transform:translate(-50%,-50%)rotate(-45deg)scaleX(0)}to{opacity:1;transform:translate(-50%,-50%)rotate(-45deg)scaleX(1)}}.matchmaking-spinner{border:4px solid #818cf8;border-color:#818cf8 #f472b6 #334155 #334155;border-radius:50%;width:56px;height:56px;margin:0 auto;animation:1s linear infinite matchmaking-spin}@keyframes matchmaking-spin{to{transform:rotate(360deg)}}.game-scoreboard{background:#1e293bb3;border:1px solid #334155;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.game-scoreboard-player{color:#cbd5e1;font-size:.85rem;font-weight:600}.game-scoreboard-score{-webkit-text-fill-color:transparent;letter-spacing:.05em;background:linear-gradient(135deg,#818cf8,#f472b6);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800}.game-scoreboard-round{text-align:center;color:#64748b;text-transform:uppercase;letter-spacing:.1em;width:100%;font-size:.7rem}.game-round-overlay{background:#0f172ad9;border:1px solid #818cf84d;border-radius:12px;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out game-round-overlay-in;display:flex}.game-round-overlay-content{color:#e2e8f0;flex-direction:column;align-items:center;gap:.25rem;font-size:1.2rem;font-weight:700;display:flex}.game-round-overlay-sub{color:#64748b;font-size:.8rem;font-weight:400}@keyframes game-round-overlay-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.game-opponent-disconnected{color:#fbbf24;background:#eab30826;border:1px solid #eab3084d;border-radius:8px;padding:.625rem 1rem;font-size:.85rem;font-weight:600;animation:2s ease-in-out infinite game-disconnect-pulse}@keyframes game-disconnect-pulse{0%,to{box-shadow:0 0 #eab30800}50%{box-shadow:0 0 12px 3px #eab30840}}html.light .game-subtitle{color:#4f46e5}html.light .game-btn--secondary{color:#475569;background:#fff;border:1px solid #cbd5e1}html.light .game-btn--secondary:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}html.light .game-badge{color:#475569;background:#f8fafc;border-color:#cbd5e1}html.light .game-badge--connected{color:#16a34a;background:#dcfce7;border-color:#bbf7d0}html.light .game-badge--copy:hover{color:#4f46e5;border-color:#6366f1}html.light .game-error{color:#dc2626;background:#fef2f2;border-color:#fecaca}html.light .game-session-info{color:#475569}html.light .game-session-info code{color:#4f46e5;background:#f1f5f9}html.light .game-cell{color:#334155;background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}html.light .game-cell:hover:not(:disabled){background:#fff;box-shadow:0 0 12px #6366f166}html.light .game-status,html.light .game-scoreboard-player,html.light .game-title{color:#1e293b}html.light .game-scoreboard{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 1px 3px #0000000d}html.light .game-scoreboard-round{color:#64748b}html.light .game-scoreboard-score{filter:brightness(.8)}@keyframes game-removed-flash-light{0%{background:#fee2e2;transform:scale(1.05)}to{background:#fff;transform:scale(1)}}html.light .game-cell--removed{animation:.5s ease-out game-removed-flash-light}.game-avatars-container{justify-content:center;align-items:center;gap:1.5rem;margin:1.5rem 0;display:flex}.game-avatar-wrapper{flex-direction:column;align-items:center;gap:.5rem;width:90px;display:flex}.game-avatar-circle{color:#fff;background:linear-gradient(90deg,#22d3ee,#9333ea);border:2px solid #94a3b84d;border-radius:9999px;justify-content:center;align-items:center;width:clamp(44px,10vw,64px);height:clamp(44px,10vw,64px);font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0000001a}.game-avatar-image{object-fit:cover;border-radius:9999px;width:100%;height:100%}.game-avatar-name{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.85rem;font-weight:600;overflow:hidden}html.light .game-avatar-name{color:#1e293b}.game-vs-badge{color:#94a3b8;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:.25rem .5rem;font-family:inherit;font-size:1.25rem;font-style:italic;font-weight:800}html.light .game-vs-badge{color:#475569;background:#f1f5f9;border-color:#cbd5e1}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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:0}@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-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-tracking{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}