@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-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-text-shadow-color:initial;--tw-text-shadow-alpha:100%;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@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-400:#ff6568;--color-red-500:#fb2c36;--color-amber-400:#fcbb00;--color-cyan-300:#53eafd;--color-cyan-400:#00d2ef;--color-cyan-500:#00b7d7;--color-purple-500:#ac4bff;--color-fuchsia-400:#ec6cff;--color-fuchsia-500:#e12afb;--color-pink-500:#f6339a;--color-rose-400:#ff667f;--color-rose-500:#ff2357;--color-neutral-400:#a1a1a1;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-4xl:56rem;--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:calc(1.5 / 1);--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:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tighter:-.05em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--drop-shadow-sm:0 1px 2px #00000026;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-cyan-300:lab(85.3886% -36.7636 -21.5716);--color-cyan-400:lab(76.6045% -40.9406 -29.6231);--color-cyan-500:lab(67.805% -35.3952 -30.2018);--color-purple-500:lab(52.0183% 66.11 -78.2316);--color-fuchsia-400:lab(66.1178% 66.0652 -52.4733);--color-fuchsia-500:lab(56.4256% 83.132 -64.639);--color-pink-500:lab(56.9303% 76.8162 -8.07021);--color-rose-400:lab(64.4125% 63.0291 19.2068);--color-rose-500:lab(56.101% 79.4328 31.4532);--color-neutral-400:lab(66.128% -.0000298023 .0000119209)}}}@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;-webkit-text-decoration:inherit;-webkit-text-decoration: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}html,body{height:100%;overflow:hidden}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0 0 1px #00000003;line-height:1.5}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-\[2px\]{top:-2px}.top-3{top:calc(var(--spacing) * 3)}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-5{top:calc(var(--spacing) * 5)}.top-6{top:calc(var(--spacing) * 6)}.top-8{top:calc(var(--spacing) * 8)}.top-9{top:calc(var(--spacing) * 9)}.top-\[10\%\]{top:10%}.top-\[20\%\]{top:20%}.top-\[40\%\]{top:40%}.top-\[50\%\]{top:50%}.top-\[70\%\]{top:70%}.-right-\[2px\]{right:-2px}.right-0{right:calc(var(--spacing) * 0)}.right-3{right:calc(var(--spacing) * 3)}.right-\[5\%\]{right:5%}.right-\[10\%\]{right:10%}.right-\[25\%\]{right:25%}.right-\[30\%\]{right:30%}.-bottom-\[2px\]{bottom:-2px}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-\[15\%\]{bottom:15%}.bottom-\[30\%\]{bottom:30%}.bottom-\[50\%\]{bottom:50%}.-left-\[2px\]{left:-2px}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-3\.5{left:calc(var(--spacing) * 3.5)}.left-5{left:calc(var(--spacing) * 5)}.left-6{left:calc(var(--spacing) * 6)}.left-\[5\%\]{left:5%}.left-\[15\%\]{left:15%}.left-\[20\%\]{left:20%}.left-\[35\%\]{left:35%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[100\]{z-index:100}.z-\[20000\]{z-index:20000}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0{margin-top:calc(var(--spacing) * 0)}.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-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.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-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-\[1px\]{height:1px}.h-\[2px\]{height:2px}.h-\[100dvh\]{height:100dvh}.h-full{height:100%}.max-h-\[180px\]{max-height:180px}.max-h-\[260px\]{max-height:260px}.max-h-\[300px\]{max-height:300px}.max-h-\[360px\]{max-height:360px}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[100px\]{min-height:100px}.min-h-\[150px\]{min-height:150px}.w-1\.5{width:calc(var(--spacing) * 1.5)}.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-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-64{width:calc(var(--spacing) * 64)}.w-\[72px\]{width:72px}.w-auto{width:auto}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[70\%\]{max-width:70%}.max-w-\[100px\]{max-width:100px}.max-w-\[200px\]{max-width:200px}.max-w-\[580px\]{max-width:580px}.max-w-none{max-width:none}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);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-\[modal-glow-fade_0\.2s_ease-out\]{animation:.2s ease-out modal-glow-fade}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}: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-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)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.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-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-r-4{border-right-style:var(--tw-border-style);border-right-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-\[\#00c3ff\]\/30{border-color:#00c3ff4d;border-color:lab(73.013% -25.91 -41.7265/.3)}.border-\[\#00f0ff\]\/30{border-color:#00f0ff4d;border-color:lab(86.2704% -44.9224 -21.5145/.3)}.border-\[\#00fbfb\]{border-color:#00fbfb}.border-\[\#00fbfb\]\/10{border-color:#00fbfb1a;border-color:lab(89.3954% -50.0532 -14.7834/.1)}.border-\[\#00fbfb\]\/20{border-color:#00fbfb33;border-color:lab(89.3954% -50.0532 -14.7834/.2)}.border-\[\#00fbfb\]\/30{border-color:#00fbfb4d;border-color:lab(89.3954% -50.0532 -14.7834/.3)}.border-\[\#00fbfb\]\/40{border-color:#00fbfb66;border-color:lab(89.3954% -50.0532 -14.7834/.4)}.border-\[\#1d1d00\]\/10{border-color:#1d1d001a;border-color:lab(10.2148% -3.63426 15.0375/.1)}.border-\[\#93000a\]\/50{border-color:#93000a80;border-color:lab(30.6646% 53.6938 41.1105/.5)}.border-\[\#564052\]\/20{border-color:#56405233;border-color:lab(30.0529% 12.4289 -7.0006/.2)}.border-\[\#d900ff\]\/30{border-color:#d900ff4d;border-color:lab(53.4926% 87.0363 -71.6365/.3)}.border-\[\#d946ef\]\/30{border-color:#d946ef4d;border-color:lab(57.1351% 72.4919 -56.896/.3)}.border-\[\#eab308\]\/40{border-color:#eab30866;border-color:lab(76.4589% 11.7467 77.37/.4)}.border-\[\#f43f5e\]\/30{border-color:#f43f5e4d;border-color:lab(56.4564% 69.5782 26.8307/.3)}.border-\[\#ffabf3\]{border-color:#ffabf3}.border-\[\#ffabf3\]\/10{border-color:#ffabf31a;border-color:lab(80.1104% 39.5774 -23.0362/.1)}.border-\[\#ffabf3\]\/20{border-color:#ffabf333;border-color:lab(80.1104% 39.5774 -23.0362/.2)}.border-\[\#ffabf3\]\/30{border-color:#ffabf34d;border-color:lab(80.1104% 39.5774 -23.0362/.3)}.border-\[\#ffabf3\]\/40{border-color:#ffabf366;border-color:lab(80.1104% 39.5774 -23.0362/.4)}.border-\[\#ffabf3\]\/60{border-color:#ffabf399;border-color:lab(80.1104% 39.5774 -23.0362/.6)}.border-\[\#ffabf3\]\/80{border-color:#ffabf3cc;border-color:lab(80.1104% 39.5774 -23.0362/.8)}.border-cyan-400{border-color:var(--color-cyan-400)}.border-cyan-400\/30{border-color:#00d2ef4d}@supports (color:color-mix(in lab, red, red)){.border-cyan-400\/30{border-color:color-mix(in oklab, var(--color-cyan-400) 30%, transparent)}}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.border-red-500\/30{border-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}}.border-transparent{border-color:#0000}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-t-transparent{border-top-color:#0000}.bg-\[\#00fbfb\]{background-color:#00fbfb}.bg-\[\#00fbfb\]\/10{background-color:#00fbfb1a;background-color:lab(89.3954% -50.0532 -14.7834/.1)}.bg-\[\#00fbfb\]\/15{background-color:#00fbfb26;background-color:lab(89.3954% -50.0532 -14.7834/.15)}.bg-\[\#00fbfb\]\/20{background-color:#00fbfb33;background-color:lab(89.3954% -50.0532 -14.7834/.2)}.bg-\[\#1b0a1a\]{background-color:#1b0a1a}.bg-\[\#1c0f1a\]{background-color:#1c0f1a}.bg-\[\#160a15\]{background-color:#160a15}.bg-\[\#291b27\]\/80{background-color:#291b27cc;background-color:lab(11.9714% 9.0363 -5.34935/.8)}.bg-\[\#93000a\]\/20{background-color:#93000a33;background-color:lab(30.6646% 53.6938 41.1105/.2)}.bg-\[\#120811\]{background-color:#120811}.bg-\[\#cdcd00\]{background-color:#cdcd00}.bg-\[\#dcbed4\]\/30{background-color:#dcbed44d;background-color:lab(80.083% 13.7976 -6.91513/.3)}.bg-\[\#eab308\]\/20{background-color:#eab30833;background-color:lab(76.4589% 11.7467 77.37/.2)}.bg-\[\#eaea00\]{background-color:#eaea00}.bg-\[\#f4dcec\]{background-color:#f4dcec}.bg-\[\#ffabf3\]{background-color:#ffabf3}.bg-black{background-color:var(--color-black)}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-black\/75{background-color:#000000bf}@supports (color:color-mix(in lab, red, red)){.bg-black\/75{background-color:color-mix(in oklab, var(--color-black) 75%, transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-cyan-500\/10{background-color:#00b7d71a}@supports (color:color-mix(in lab, red, red)){.bg-cyan-500\/10{background-color:color-mix(in oklab, var(--color-cyan-500) 10%, transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-transparent{background-color:#0000}.bg-white\/3{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.bg-white\/3{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.bg-white\/\[0\.01\]{background-color:#ffffff03}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.01\]{background-color:color-mix(in oklab, var(--color-white) 1%, transparent)}}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-none{background-image:none}.from-\[\#00c3ff\]{--tw-gradient-from:#00c3ff;--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))}.from-\[\#00fbfb\]{--tw-gradient-from:#00fbfb;--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))}.from-\[\#d900ff\]{--tw-gradient-from:#d900ff;--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))}.from-purple-500\/20{--tw-gradient-from:#ac4bff33}@supports (color:color-mix(in lab, red, red)){.from-purple-500\/20{--tw-gradient-from:color-mix(in oklab, var(--color-purple-500) 20%, transparent)}}.from-purple-500\/20{--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))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#ffabf3\]{--tw-gradient-via:#ffabf3;--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)}.to-\[\#3a00ff\]{--tw-gradient-to:#3a00ff;--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-\[\#5900ff\]{--tw-gradient-to:#5900ff;--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-\[\#cdcd00\]{--tw-gradient-to:#cdcd00;--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-\[\#eaea00\]{--tw-gradient-to:#eaea00;--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-\[\#ffabf3\]\/40{--tw-gradient-to:#ffabf366;--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))}@supports (color:lab(0% 0 0)){.to-\[\#ffabf3\]\/40{--tw-gradient-to:lab(80.1104% 39.5774 -23.0362/.4)}}.to-pink-500\/20{--tw-gradient-to:#f6339a33}@supports (color:color-mix(in lab, red, red)){.to-pink-500\/20{--tw-gradient-to:color-mix(in oklab, var(--color-pink-500) 20%, transparent)}}.to-pink-500\/20{--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}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-18{padding-top:calc(var(--spacing) * 18)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-28{padding-bottom:calc(var(--spacing) * 28)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.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)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.4em\]{--tw-tracking:.4em;letter-spacing:.4em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-\[\#00f0ff\]{color:#00f0ff}.text-\[\#00fbfb\]{color:#00fbfb}.text-\[\#00fbfb\]\/10{color:#00fbfb1a;color:lab(89.3954% -50.0532 -14.7834/.1)}.text-\[\#00fbfb\]\/60{color:#00fbfb99;color:lab(89.3954% -50.0532 -14.7834/.6)}.text-\[\#00fbfb\]\/70{color:#00fbfbb3;color:lab(89.3954% -50.0532 -14.7834/.7)}.text-\[\#1d1d00\]{color:#1d1d00}.text-\[\#3b82f6\]{color:#3b82f6}.text-\[\#10b981\]{color:#10b981}.text-\[\#38bdf8\]{color:#38bdf8}.text-\[\#b45309\]{color:#b45309}.text-\[\#cbd5e1\]{color:#cbd5e1}.text-\[\#cdcd00\]\/10{color:#cdcd001a;color:lab(80.3753% -13.361 79.2278/.1)}.text-\[\#d946ef\]{color:#d946ef}.text-\[\#dcbed4\]{color:#dcbed4}.text-\[\#dcbed4\]\/40{color:#dcbed466;color:lab(80.083% 13.7976 -6.91513/.4)}.text-\[\#dcbed4\]\/50{color:#dcbed480;color:lab(80.083% 13.7976 -6.91513/.5)}.text-\[\#dcbed4\]\/60{color:#dcbed499;color:lab(80.083% 13.7976 -6.91513/.6)}.text-\[\#dcbed4\]\/90{color:#dcbed4e6;color:lab(80.083% 13.7976 -6.91513/.9)}.text-\[\#eab308\]{color:#eab308}.text-\[\#eaea00\]{color:#eaea00}.text-\[\#f4dcec\]{color:#f4dcec}.text-\[\#f4dcec\]\/10{color:#f4dcec1a;color:lab(90.1003% 10.5546 -4.67856/.1)}.text-\[\#f4dcec\]\/40{color:#f4dcec66;color:lab(90.1003% 10.5546 -4.67856/.4)}.text-\[\#f43f5e\]{color:#f43f5e}.text-\[\#ffabf3\]{color:#ffabf3}.text-\[\#ffabf3\]\/10{color:#ffabf31a;color:lab(80.1104% 39.5774 -23.0362/.1)}.text-\[\#ffabf3\]\/50{color:#ffabf380;color:lab(80.1104% 39.5774 -23.0362/.5)}.text-\[\#ffabf3\]\/60{color:#ffabf399;color:lab(80.1104% 39.5774 -23.0362/.6)}.text-amber-400{color:var(--color-amber-400)}.text-cyan-300{color:var(--color-cyan-300)}.text-cyan-400{color:var(--color-cyan-400)}.text-fuchsia-400{color:var(--color-fuchsia-400)}.text-fuchsia-500{color:var(--color-fuchsia-500)}.text-neutral-400{color:var(--color-neutral-400)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-500\/70{color:#fb2c36b3}@supports (color:color-mix(in lab, red, red)){.text-red-500\/70{color:color-mix(in oklab, var(--color-red-500) 70%, transparent)}}.text-rose-500{color:var(--color-rose-500)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\/20{color:#fff3}@supports (color:color-mix(in lab, red, red)){.text-white\/20{color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.text-white\/30{color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-\[\#00fbfb\]\/20::placeholder{color:#00fbfb33;color:lab(89.3954% -50.0532 -14.7834/.2)}.placeholder-\[\#ffabf3\]\/20::placeholder{color:#ffabf333;color:lab(80.1104% 39.5774 -23.0362/.2)}.opacity-30{opacity:.3}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.mix-blend-overlay{mix-blend-mode:overlay}.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-\[0_0_8px_rgba\(0\,251\,251\,0\.8\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#00fbfbcc);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(0\,251\,251\,0\.1\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#00fbfb1a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(234\,234\,0\,0\.4\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#eaea0066);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(255\,171\,243\,0\.3\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#ffabf34d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(255\,171\,243\,0\.35\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#ffabf359);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(0\,195\,255\,0\.25\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#00c3ff40);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(217\,0\,255\,0\.25\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#d900ff40);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_25px_rgba\(255\,171\,243\,0\.3\)\]{--tw-shadow:0 0 25px var(--tw-shadow-color,#ffabf34d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_25px_rgba\(255\,171\,243\,0\.4\)\]{--tw-shadow:0 0 25px var(--tw-shadow-color,#ffabf366);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_30px_rgba\(255\,171\,243\,0\.3\)\]{--tw-shadow:0 0 30px var(--tw-shadow-color,#ffabf34d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_50px_rgba\(0\,251\,251\,0\.1\)\]{--tw-shadow:0 0 50px var(--tw-shadow-color,#00fbfb1a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_10px_rgba\(0\,243\,255\,0\.05\)\]{--tw-shadow:inset 0 0 10px var(--tw-shadow-color,#00f3ff0d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow-\[0_0_4px_\#00fbfb\]{--tw-drop-shadow-size:drop-shadow(0 0 4px var(--tw-drop-shadow-color,#00fbfb));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.drop-shadow-\[0_0_4px_white\]{--tw-drop-shadow-size:drop-shadow(0 0 4px var(--tw-drop-shadow-color,white));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.drop-shadow-\[0_0_5px_rgba\(56\,0\,56\,0\.6\)\]{--tw-drop-shadow-size:drop-shadow(0 0 5px var(--tw-drop-shadow-color,#38003899));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.drop-shadow-\[0_0_5px_rgba\(255\,255\,255\,0\.5\)\]{--tw-drop-shadow-size:drop-shadow(0 0 5px var(--tw-drop-shadow-color,#ffffff80));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.drop-shadow-\[0_0_15px_rgba\(255\,0\,255\,0\.3\)\]{--tw-drop-shadow-size:drop-shadow(0 0 15px var(--tw-drop-shadow-color,#ff00ff4d));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.drop-shadow-\[0_0_20px_rgba\(255\,0\,255\,0\.4\)\]{--tw-drop-shadow-size:drop-shadow(0 0 20px var(--tw-drop-shadow-color,#f0f6));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.drop-shadow-\[0_2px_4px_rgba\(0\,0\,0\,0\.5\)\]{--tw-drop-shadow-size:drop-shadow(0 2px 4px var(--tw-drop-shadow-color,#00000080));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.text-shadow-\[0_0_8px_rgba\(0\,243\,255\,0\.4\)\]{text-shadow:0 0 8px var(--tw-text-shadow-color,#00f3ff66)}@media (hover:hover){.group-hover\:-translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-125:is(:where(.group):hover *){--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:rotate-90:is(:where(.group):hover *){rotate:90deg}.group-hover\/btn\:border-\[\#00c3ff\]\/70:is(:where(.group\/btn):hover *){border-color:#00c3ffb3;border-color:lab(73.013% -25.91 -41.7265/.7)}.group-hover\/btn\:border-\[\#d900ff\]\/70:is(:where(.group\/btn):hover *){border-color:#d900ffb3;border-color:lab(53.4926% 87.0363 -71.6365/.7)}.group-hover\/btn\:opacity-100:is(:where(.group\/btn):hover *){opacity:1}.group-hover\/btn\:brightness-110:is(:where(.group\/btn):hover *){--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,)}.group-hover\/btn\:drop-shadow-\[0_0_10px_rgba\(255\,255\,255\,0\.8\)\]:is(:where(.group\/btn):hover *){--tw-drop-shadow-size:drop-shadow(0 0 10px var(--tw-drop-shadow-color,#fffc));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.group-hover\/tooltip\:block:is(:where(.group\/tooltip):hover *){display:block}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-115:hover{--tw-scale-x:115%;--tw-scale-y:115%;--tw-scale-z:115%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-\[\#00c3ff\]\/70:hover{border-color:#00c3ffb3;border-color:lab(73.013% -25.91 -41.7265/.7)}.hover\:border-\[\#00fbfb\]:hover{border-color:#00fbfb}.hover\:border-\[\#d900ff\]\/70:hover{border-color:#d900ffb3;border-color:lab(53.4926% 87.0363 -71.6365/.7)}.hover\:border-\[\#ffabf3\]\/50:hover{border-color:#ffabf380;border-color:lab(80.1104% 39.5774 -23.0362/.5)}.hover\:border-cyan-400:hover{border-color:var(--color-cyan-400)}.hover\:border-cyan-400\/30:hover{border-color:#00d2ef4d}@supports (color:color-mix(in lab, red, red)){.hover\:border-cyan-400\/30:hover{border-color:color-mix(in oklab, var(--color-cyan-400) 30%, transparent)}}.hover\:border-rose-500\/40:hover{border-color:#ff235766}@supports (color:color-mix(in lab, red, red)){.hover\:border-rose-500\/40:hover{border-color:color-mix(in oklab, var(--color-rose-500) 40%, transparent)}}.hover\:bg-\[\#93000a\]\/80:hover{background-color:#93000acc;background-color:lab(30.6646% 53.6938 41.1105/.8)}.hover\:bg-\[\#ffabf3\]\/10:hover{background-color:#ffabf31a;background-color:lab(80.1104% 39.5774 -23.0362/.1)}.hover\:bg-\[\#ffabf3\]\/20:hover{background-color:#ffabf333;background-color:lab(80.1104% 39.5774 -23.0362/.2)}.hover\:bg-rose-500\/20:hover{background-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.hover\:bg-rose-500\/20:hover{background-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:bg-white\/\[0\.04\]:hover{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.04\]:hover{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.hover\:text-\[\#00fbfb\]:hover{color:#00fbfb}.hover\:text-\[\#ffabf3\]:hover{color:#ffabf3}.hover\:text-rose-400:hover{color:var(--color-rose-400)}.hover\:text-white:hover{color:var(--color-white)}.hover\:shadow-\[0_0_25px_rgba\(0\,195\,255\,0\.6\)\]:hover{--tw-shadow:0 0 25px var(--tw-shadow-color,#00c3ff99);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_0_25px_rgba\(217\,0\,255\,0\.6\)\]:hover{--tw-shadow:0 0 25px var(--tw-shadow-color,#d900ff99);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:brightness-110:hover{--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,)}.hover\:drop-shadow-\[0_0_5px_rgba\(255\,171\,243\,0\.8\)\]:hover{--tw-drop-shadow-size:drop-shadow(0 0 5px var(--tw-drop-shadow-color,#ffabf3cc));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.hover\:drop-shadow-\[0_0_8px_rgba\(0\,251\,251\,0\.6\)\]:hover{--tw-drop-shadow-size:drop-shadow(0 0 8px var(--tw-drop-shadow-color,#00fbfb99));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.hover\:drop-shadow-\[0_0_8px_rgba\(0\,251\,251\,0\.8\)\]:hover{--tw-drop-shadow-size:drop-shadow(0 0 8px var(--tw-drop-shadow-color,#00fbfbcc));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.hover\:drop-shadow-\[0_0_8px_rgba\(255\,171\,243\,0\.8\)\]:hover{--tw-drop-shadow-size:drop-shadow(0 0 8px var(--tw-drop-shadow-color,#ffabf3cc));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}}.focus\:border-cyan-400:focus{border-color:var(--color-cyan-400)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (min-width:40rem){.sm\:top-4{top:calc(var(--spacing) * 4)}.sm\:top-5{top:calc(var(--spacing) * 5)}.sm\:right-4{right:calc(var(--spacing) * 4)}.sm\:left-5{left:calc(var(--spacing) * 5)}.sm\:inline{display:inline}.sm\:h-5{height:calc(var(--spacing) * 5)}.sm\:h-7{height:calc(var(--spacing) * 7)}.sm\:w-5{width:calc(var(--spacing) * 5)}.sm\:w-7{width:calc(var(--spacing) * 7)}.sm\:w-auto{width:auto}.sm\:max-w-\[180px\]{max-width:180px}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:justify-start{justify-content:flex-start}.sm\:gap-0{gap:calc(var(--spacing) * 0)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media (min-width:48rem){.md\:top-5{top:calc(var(--spacing) * 5)}.md\:top-10{top:calc(var(--spacing) * 10)}.md\:right-5{right:calc(var(--spacing) * 5)}.md\:mt-6{margin-top:calc(var(--spacing) * 6)}.md\:hidden{display:none}.md\:inline{display:inline}.md\:h-8{height:calc(var(--spacing) * 8)}.md\:max-h-\[460px\]{max-height:460px}.md\:w-8{width:calc(var(--spacing) * 8)}.md\:justify-center{justify-content:center}.md\:gap-2{gap:calc(var(--spacing) * 2)}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:px-4{padding-inline:calc(var(--spacing) * 4)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:px-12{padding-inline:calc(var(--spacing) * 12)}.md\:py-3{padding-block:calc(var(--spacing) * 3)}.md\:py-4{padding-block:calc(var(--spacing) * 4)}.md\:pt-0{padding-top:calc(var(--spacing) * 0)}.md\:pt-8{padding-top:calc(var(--spacing) * 8)}.md\:pb-4{padding-bottom:calc(var(--spacing) * 4)}.md\:pb-8{padding-bottom:calc(var(--spacing) * 8)}.md\:pb-12{padding-bottom:calc(var(--spacing) * 12)}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.md\:text-\[9px\]{font-size:9px}.md\:tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}}@media (min-width:64rem){.lg\:block{display:block}}}:root{--c-bg:#0f0f23;--c-surface:#14142f;--c-surface-2:#1b1b3d;--c-border:#7c3aed40;--c-text:#e2e8f0;--c-muted:#8b8ba7;--c-accent:#7c3aed;--c-accent-2:#f43f5e;--c-dynamic-accent:#f43f5e;--c-accent-3:#a78bfa;--c-gold:#f90;--c-danger:#f43f5e;--c-success:#10b981;--radius:2px;--radius-lg:4px;--radius-full:9999px;--shadow:0 8px 30px #000000e6;--glow:0 0 15px #7c3aed73, 0 0 45px #7c3aed33;--glow-cyan:0 0 15px #00f0ff80, 0 0 45px #00f0ff33;--glow-purple:0 0 15px #7c3aed99, 0 0 45px #7c3aed4d;--glow-rose:0 0 15px #f43f5e99, 0 0 45px #f43f5e4d;--glow-dynamic:0 0 15px var(--c-dynamic-accent), 0 0 45px #f43f5e26;--font-display:var(--font-display,"Press Start 2P"), monospace;--font-retro:var(--font-display,"Press Start 2P"), monospace;--font-body:var(--font-body,"VT323"), monospace;--font-modern:var(--font-modern,"Outfit"), system-ui, sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#00f0ff05;border-radius:10px}::-webkit-scrollbar-thumb{background:#00f0ff26;border-radius:10px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#00f0ff66}*{scrollbar-width:thin;scrollbar-color:#00f0ff26 #00f0ff05}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000a 2px 4px);position:fixed;inset:0}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}@keyframes glitch{0%{clip-path:inset(0 0 95%);transform:translate(0)}10%{clip-path:inset(0 0 60%);transform:translate(-4px)}20%{clip-path:inset(40% 0 0);transform:translate(4px)}30%{clip-path:inset(60% 0 0);transform:translate(-3px)}40%{clip-path:inset(0 0 80%);transform:translate(0)}50%{clip-path:inset(20% 0 50%);transform:translate(2px)}60%{clip-path:inset(0 0 40%);transform:translate(-1px)}to{clip-path:inset(0 0 95%);transform:translate(0)}}@keyframes neon-flicker{0%,18%,22%,25%,53%,57%,to{opacity:1}20%,24%,55%{opacity:.6}}@keyframes timer-pulse-urgent{0%,to{filter:brightness(1) drop-shadow(0 0 10px var(--c-accent-2));transform:translate(-50%)scale(1)}50%{filter:brightness(2) drop-shadow(0 0 30px var(--c-accent-2));transform:translate(-50%)scale(1.18)}}@keyframes neon-gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes border-trace{0%{box-shadow:0 0 5px var(--c-accent), inset 0 0 5px #00f0ff0d}50%{box-shadow:0 0 20px var(--c-accent), 0 0 40px #00f0ff4d, inset 0 0 10px #00f0ff1a}}@keyframes border-trace-cyan{0%{box-shadow:0 0 5px #00fbfb33,inset 0 0 5px #00fbfb0d}50%{box-shadow:0 0 20px #00fbfb80,0 0 40px #00fbfb4d,inset 0 0 10px #00fbfb1a}to{box-shadow:0 0 5px #00fbfb33,inset 0 0 5px #00fbfb0d}}@keyframes border-trace-magenta{0%{box-shadow:0 0 5px #ffabf340,inset 0 0 5px #ffabf30d}50%{box-shadow:0 0 20px #ffabf399,0 0 40px #ffabf34d,inset 0 0 10px #ffabf31a}to{box-shadow:0 0 5px #ffabf340,inset 0 0 5px #ffabf30d}}.lobby-bg{background:radial-gradient(at 20% 0,#00f0ff14 0%,#0000 50%),radial-gradient(at 80% 0,#ff00ff0f 0%,#0000 50%),radial-gradient(at 50% 100%,#a0ff000a 0%,#0000 50%),#05050a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.lobby-bg:before{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#00f0ff04 50%,#0000 100%) 0 0/100% 8px;animation:8s linear infinite bg-scanlines;position:absolute;inset:0}@keyframes bg-scanlines{0%{background-position:0 0}to{background-position:0 200px}}.lobby-particles{pointer-events:none;background-image:radial-gradient(1px 1px at 20% 30%,#fff6 0%,#0000 100%),radial-gradient(1px 1px at 60% 70%,#ffffff4d 0%,#0000 100%),radial-gradient(1px 1px at 80% 20%,#ffffff80 0%,#0000 100%),radial-gradient(2px 2px at 10% 80%,#7c3aed99 0%,#0000 100%),radial-gradient(2px 2px at 90%,#06b6d480 0%,#0000 100%);animation:20s linear infinite alternate particles-drift;position:absolute;inset:0}@keyframes particles-drift{0%{transform:translateY(0)}to{transform:translateY(-30px)}}.lobby-card{z-index:1;-webkit-backdrop-filter:blur(40px)saturate(1.5);backdrop-filter:blur(40px)saturate(1.5);border-radius:var(--radius-lg);width:min(480px,95vw);box-shadow:var(--shadow), 0 0 20px #00f0ff26, inset 0 0 60px #00f0ff08;background:#050514b8;border:1px solid #00f0ff33;border-top:2px solid #00f0ff8c;padding:2.5rem 2rem;animation:.5s cubic-bezier(.16,1,.3,1) both card-appear,3s ease-in-out infinite border-trace;position:relative}@keyframes card-appear{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:none}}.lobby-logo{text-align:center;margin-bottom:2rem}.logo-emoji{font-size:3rem;animation:2s ease-in-out infinite pulse-emoji;display:block}@keyframes pulse-emoji{0%,to{transform:scale(1)}50%{transform:scale(1.12)rotate(-5deg)}}.logo-title{font-family:var(--font-display);letter-spacing:.05em;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 12px #00f0ff99)drop-shadow(0 0 30px #ff00ff4d);background:linear-gradient(135deg,#00f0ff,#f0f,#a0ff00);-webkit-background-clip:text;background-clip:text;font-weight:900;animation:6s infinite neon-flicker}.logo-sub{color:var(--c-muted);margin-top:.25rem;font-size:.9rem}.lobby-content-wrapper{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.room-content-wrapper,.overlay-content-wrapper{flex-direction:column;flex:1;gap:1.5rem;min-height:0;margin-top:1.5rem;display:flex}.lobby-section{margin-bottom:0}.lobby-label{text-transform:uppercase;letter-spacing:.08em;color:var(--c-muted);margin-bottom:.4rem;font-size:.78rem;font-weight:600;display:block}.lobby-input{border:1px solid var(--c-border);border-radius:var(--radius);width:100%;color:var(--c-text);background:#ffffff0d;outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.lobby-input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px #7c3aed40}.lobby-input::placeholder{color:var(--c-muted)}select.lobby-input option{color:#fff;background-color:#0c0c16}.lobby-input--code{text-align:center;text-transform:uppercase;letter-spacing:.15em;width:160px;margin:.5rem auto;font-size:1.3rem;font-weight:700}.lobby-section--centered{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.lobby-help{color:var(--c-muted);text-align:center;margin-top:.5rem;font-size:.8rem}.direct-join-badge{border-radius:var(--radius);background:#ffaa0014;border:1px solid #ffaa0073;justify-content:center;align-items:center;gap:.6rem;margin-top:.5rem;margin-bottom:1.5rem;padding:.65rem 1.2rem;animation:2s ease-in-out infinite gold-pulse;display:flex;box-shadow:0 0 15px #ffaa0026,inset 0 0 10px #ffaa000d}@keyframes gold-pulse{0%,to{border-color:#ffaa0073;box-shadow:0 0 12px #ffaa001f}50%{border-color:#fa0c;box-shadow:0 0 22px #fa06}}.direct-join-text{font-family:var(--font-display);letter-spacing:.04em;color:var(--c-gold);text-shadow:0 0 8px #ffaa0073;font-size:.95rem;font-weight:800}.lobby-actions{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.lobby-btn{border-radius:var(--radius);justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;transition:all .15s;display:flex}.lobby-btn:disabled{opacity:.4;cursor:not-allowed}.lobby-btn--primary{color:#05050a;background:linear-gradient(135deg,#00f0ff,#7c3aed,#f0f) 0 0/200% 200%;font-weight:800;animation:4s infinite neon-gradient-shift;box-shadow:0 4px 20px #00f0ff66}.lobby-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #00f0ffb3,0 0 40px #ff00ff4d}.lobby-btn--secondary{color:var(--c-text);background:#00f0ff0f;border:1px solid #00f0ff33}.lobby-btn--secondary:hover:not(:disabled){border-color:var(--c-accent);background:#00f0ff1f;box-shadow:0 0 15px #00f0ff33}.lobby-btn--accent{color:#fff;background:linear-gradient(135deg,#f0f,#7c3aed);padding:.75rem 1.25rem;box-shadow:0 4px 20px #ff00ff4d}.lobby-btn--accent:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 30px #ff00ff80}.lobby-divider{text-align:center;color:var(--c-muted);margin:1.25rem 0 1rem;font-size:.82rem;position:relative}.lobby-divider:before,.lobby-divider:after{content:"";background:var(--c-border);width:38%;height:1px;position:absolute;top:50%}.lobby-divider:before{left:0}.lobby-divider:after{right:0}.lobby-code-row{align-items:center;gap:.75rem;display:flex}.lobby-link{text-align:center;color:var(--c-muted);cursor:pointer;background:0 0;border:none;width:100%;margin-top:1.25rem;font-size:.85rem;text-decoration:underline;transition:color .2s;display:block}.lobby-link:hover{color:var(--c-text)}.lobby-room-list-view{flex-direction:column;gap:.8rem;width:100%;max-height:280px;padding:5px .5rem 5px 0;display:flex;overflow-y:auto}.lobby-room-row{background:var(--c-surface-2);border-radius:var(--radius);border:1px solid var(--c-border);justify-content:space-between;align-items:center;padding:.8rem 1.2rem;transition:transform .2s,border-color .2s;display:flex}.lobby-room-row:hover{border-color:var(--c-accent);transform:translateY(-2px)}.room-info{flex-direction:column;gap:.2rem;display:flex}.room-host{font-size:1.1rem;font-weight:700}.room-count{color:var(--c-muted);font-size:.85rem}.room-status{border-radius:var(--radius);padding:.2rem .5rem;font-size:.75rem}.room-status--waiting{color:#22c55e;background:#22c55e26}.room-status--playing{color:#fbbf24;background:#fbbf2426}.room-status--finished{color:#6b7280;background:#6b728026}.room-join-btn{background:var(--c-accent);color:#fff;border-radius:6px;padding:.3rem .75rem;font-size:.8rem;font-weight:600;transition:opacity .15s}.room-join-btn:disabled{opacity:.3;cursor:not-allowed}.lobby-empty{text-align:center;color:var(--c-muted);padding:1rem;font-size:.88rem}.lobby-error{border-radius:var(--radius);color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d;margin-top:1rem;padding:.65rem 1rem;font-size:.88rem}.room-lobby-bg{background:radial-gradient(at 20% 0,#00f0ff14 0%,#0000 50%),radial-gradient(at 80% 0,#ff00ff0f 0%,#0000 50%),#05050a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}@media (max-height:600px) and (orientation:landscape){.lobby-bg,.room-lobby-bg{align-items:flex-start;padding:20px 0}}.room-lobby-card{-webkit-backdrop-filter:blur(40px)saturate(1.5);backdrop-filter:blur(40px)saturate(1.5);border-radius:var(--radius-lg);width:min(520px,95vw);max-height:95vh;box-shadow:var(--shadow), 0 0 20px #00f0ff26, inset 0 0 60px #00f0ff08;background:#050514b8;border:1px solid #00f0ff33;border-top:2px solid #00f0ff8c;flex-direction:column;padding:2rem;animation:.4s cubic-bezier(.16,1,.3,1) both card-appear;display:flex;position:relative}.room-header{text-align:center;margin-bottom:1.5rem}.room-title{font-family:var(--font-display);letter-spacing:.06em;color:var(--c-accent);text-shadow:0 0 15px #00f0ff80;font-size:1.4rem;font-weight:700}.room-code-badge{border-radius:var(--radius-lg);cursor:pointer;background:#00f0ff14;border:1px solid #00f0ff66;align-items:center;gap:.5rem;margin:.5rem 0;padding:.4rem 1rem;transition:all .2s;display:inline-flex;box-shadow:0 0 10px #00f0ff1a}.room-code-badge:hover{background:#00f0ff2e;box-shadow:0 0 20px #00f0ff4d}.room-code-text{font-family:var(--font-display);letter-spacing:.25em;color:var(--c-gold);text-shadow:0 0 12px #ff9900b3;font-size:1.5rem;font-weight:900}.room-code-copy{font-size:1rem}.room-hint{color:var(--c-muted);font-size:.85rem}.room-players{flex-direction:column;flex:1;gap:.5rem;min-height:0;margin-bottom:1.5rem;padding-right:.5rem;display:flex;overflow-y:auto}.room-player-row{border-radius:var(--radius);border:1px solid var(--c-border);background:#ffffff0a;align-items:center;gap:.75rem;padding:.6rem .9rem;transition:background .2s;display:flex;position:relative}.room-player-empty{opacity:.4}.room-player-avatar{border-radius:var(--radius);color:#000;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:800;display:flex}.room-avatar-empty{color:var(--c-muted);background:#ffffff1a!important}.room-player-name{flex:1;font-weight:600}.room-player-meta-container{flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:.45rem;width:100%;display:flex}.room-player-badges{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.room-player-display-name{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.room-name-empty{color:var(--c-muted);font-style:italic;font-weight:400}.room-host-badge{color:var(--c-gold);font-size:.85rem}.room-you-badge{color:var(--c-muted);font-size:.8rem}.room-ready-badge{border-radius:var(--radius);padding:.2rem .6rem;font-size:.78rem;font-weight:600}.room-ready-badge.ready{color:#22c55e;background:#22c55e26}.room-ready-badge.not-ready{color:#fbbf24;background:#fbbf2426}.room-kick-btn{color:var(--c-danger);cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;margin-left:.5rem;padding:0 .25rem;font-size:1.4rem;font-weight:700;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.room-kick-btn:hover{color:#f36;opacity:1;text-shadow:0 0 8px #f369;transform:scale(1.2)}.room-actions{flex-direction:column;gap:.75rem;display:flex}.room-btn{border-radius:var(--radius);text-align:center;padding:.8rem;font-size:1rem;font-weight:700;transition:all .15s}.room-btn--ready{color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e)}.room-btn--start{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 4px 16px #7c3aed66}.room-btn--start.disabled{opacity:.4;cursor:not-allowed}.room-btn--leave{color:var(--c-muted);border:1px solid var(--c-border);background:#ffffff0d}.room-btn--leave:hover{color:var(--c-text);background:#ffffff14}.room-footer-note{text-align:center;color:var(--c-muted);margin-top:1rem;font-size:.82rem}.auto-starting-note{text-shadow:0 0 10px #00f0ff99;font-size:1rem;font-weight:800;animation:.5s infinite alternate pulse-auto-start;color:#00f0ff!important}@keyframes pulse-auto-start{0%{opacity:.8;transform:scale(1)}to{opacity:1;text-shadow:0 0 20px #00f0ff;transform:scale(1.02)}}.lobby-settings-btn{border:1px solid var(--c-border);border-radius:var(--radius-lg);cursor:pointer;z-index:5;background:#ffffff0d;justify-content:center;align-items:center;padding:.5rem;font-size:1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 0 10px #00f0ff0d}.lobby-settings-btn:hover{border-color:var(--c-accent);text-shadow:0 0 10px #00f0ffcc;background:#00f0ff26;transform:rotate(45deg)scale(1.1);box-shadow:0 0 15px #00f0ff59,inset 0 0 10px #00f0ff1a}.lobby-cosmetics-btn{border-radius:var(--radius-lg);cursor:pointer;z-index:5;background:#ffffff0d;border:1px solid #d946ef40;justify-content:center;align-items:center;padding:.5rem;font-size:1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:1.5rem;left:1.5rem;box-shadow:0 0 10px #d946ef14}.lobby-cosmetics-btn:hover{text-shadow:0 0 10px #d946efcc;background:#d946ef26;border-color:#d946ef;transform:scale(1.1)translateY(-2px);box-shadow:0 0 15px #d946ef66,inset 0 0 10px #d946ef1a}.lobby-difficulty-status{border-radius:var(--radius);background:#ffffff05;border:1px solid #ffffff0d;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;padding:.35rem 1rem;font-size:.82rem;display:inline-flex;box-shadow:inset 0 0 10px #00f0ff03}.difficulty-indicator-dot{border-radius:0;width:8px;height:8px;box-shadow:0 0 8px}.difficulty-indicator-dot.val-4{color:#22c55e;background-color:#22c55e}.difficulty-indicator-dot.val-6{color:#3b82f6;background-color:#3b82f6}.difficulty-indicator-dot.val-8{color:#eab308;background-color:#eab308}.difficulty-indicator-dot.val-10{color:#ef4444;background-color:#ef4444}.difficulty-indicator-text{color:var(--c-muted)}.diff-highlight-easy{color:#22c55e;text-shadow:0 0 10px #22c55e4d}.diff-highlight-normal{color:#3b82f6;text-shadow:0 0 10px #3b82f64d}.diff-highlight-hard{color:#eab308;text-shadow:0 0 10px #eab3084d}.diff-highlight-extreme{color:#ef4444;text-shadow:0 0 10px #ef44444d}.settings-modal-overlay{-webkit-backdrop-filter:blur(25px)saturate(1.8);backdrop-filter:blur(25px)saturate(1.8);background:#020208cc;justify-content:center;align-items:center;animation:.25s cubic-bezier(.16,1,.3,1) both modal-fade-in;display:flex;position:fixed;inset:0;z-index:9999!important}@media (max-width:768px),(max-height:500px) and (orientation:landscape){:is(body:has(.settings-modal-overlay) .settings-menu-container,body:has(.locker-modal-overlay) .settings-menu-container,body:has(.settings-modal-overlay) .chat-tab-btn-lobby,body:has(.locker-modal-overlay) .chat-tab-btn-lobby){display:none!important}}.settings-modal-card{border:1px solid #00f0ff40;border-top:3px solid var(--c-accent);border-radius:var(--radius-lg);background:#080819d9;flex-direction:column;width:min(750px,92vw);padding:1.75rem;animation:.3s cubic-bezier(.34,1.56,.64,1) both modal-slide-up;display:flex;box-shadow:0 25px 50px -12px #000000bf,0 0 40px #00f0ff1a}.settings-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.settings-modal-title{font-family:var(--font-display);letter-spacing:.05em;color:var(--c-accent);text-shadow:0 0 10px #00f0ff66;text-transform:uppercase;font-size:1.2rem;font-weight:800}.settings-modal-close{color:var(--c-muted);cursor:pointer;background:0 0;border:none;font-size:1.75rem;line-height:1;transition:color .15s}.settings-modal-close:hover{color:#fff}.settings-modal-body--with-sidebar{grid-template-columns:200px 1fr;gap:1.5rem;max-height:60vh;padding-right:0;display:grid;overflow:hidden}@media (max-width:600px){.settings-modal-body--with-sidebar{flex-direction:column;gap:.75rem;max-height:65vh;display:flex;overflow:hidden}}.settings-sidebar{border-right:1px solid #ffffff14;flex-direction:column;gap:.5rem;padding-right:1rem;display:flex}@media (max-width:600px){.settings-sidebar{-webkit-overflow-scrolling:touch;border-bottom:1px solid #ffffff14;border-right:none;flex-direction:row;flex-shrink:0;padding-bottom:.5rem;padding-right:0;overflow-x:auto}.settings-sidebar::-webkit-scrollbar{display:none}}.settings-tab-btn{border-radius:var(--radius);color:var(--c-muted);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;flex-shrink:0;align-items:center;gap:.5rem;padding:.6rem;font-size:.58rem;font-weight:700;transition:all .2s;display:flex;position:relative}@media (max-width:600px){.settings-tab-btn{white-space:nowrap;padding:.5rem .75rem;font-size:.75rem}}.settings-tab-btn:hover:not(.disabled){color:var(--c-light);background:#ffffff0d}.settings-tab-btn.active{color:#fff;background:#00f0ff1a;border-color:#00f0ff4d;box-shadow:0 0 15px #00f0ff26}.settings-tab-btn.active:before{content:"";background:var(--c-accent);width:3px;box-shadow:0 0 8px var(--c-accent);border-radius:2px;position:absolute;top:10%;bottom:10%;left:-1px}@media (max-width:600px){.settings-tab-btn.active:before{width:auto;height:3px;inset:auto 10% -1px}}.settings-tab-btn.disabled{opacity:.4;cursor:not-allowed}.tab-icon{font-size:1.1rem}.settings-content-area{flex-direction:column;padding-right:.5rem;display:flex;overflow-y:auto}@media (max-width:600px){.settings-content-area{padding-right:0;overflow-y:visible}}.settings-content-area::-webkit-scrollbar{width:6px;height:6px}.settings-sidebar::-webkit-scrollbar{width:6px;height:6px}.settings-content-area::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.settings-sidebar::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.settings-content-area::-webkit-scrollbar-thumb{background:#00f0ff4d;border-radius:4px}.settings-sidebar::-webkit-scrollbar-thumb{background:#00f0ff4d;border-radius:4px}.settings-content-area::-webkit-scrollbar-thumb:hover{background:#00f0ff80}.settings-sidebar::-webkit-scrollbar-thumb:hover{background:#00f0ff80}.settings-tab-content{flex-direction:column;gap:1rem;animation:.2s ease-out forwards fade-in;display:flex}.settings-modal-subtitle{color:var(--c-light);font-size:.95rem;font-weight:700}.settings-modal-intro{color:var(--c-muted);margin-bottom:.5rem;font-size:.82rem;line-height:1.4}.difficulty-tiers-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;display:grid}.difficulty-tier-btn{border-radius:var(--radius);cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff0f;flex-direction:column;gap:.25rem;padding:.75rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.difficulty-tier-btn:before{content:"";background:radial-gradient(circle at 10% 50%, var(--theme-color-glow), transparent 60%);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.difficulty-tier-btn:hover:before,.difficulty-tier-btn.active:before{opacity:.08}.tier-header{letter-spacing:.02em;font-size:.62rem;font-weight:800;font-family:var(--font-display);align-items:center;gap:.5rem;display:flex}.tier-desc{color:var(--c-muted);font-size:.76rem;line-height:1.35;transition:color .2s}.difficulty-tier-btn:hover .tier-desc{color:var(--c-light)}.tier--easy{--theme-color:#22c55e;--theme-color-glow:#22c55e4d}.tier--easy.active{background:#22c55e08;border-color:#22c55e;box-shadow:0 0 15px #22c55e40,inset 0 0 10px #22c55e0d}.tier--easy.active .tier-name{color:#22c55e;text-shadow:0 0 8px #22c55e80}.tier--normal{--theme-color:#3b82f6;--theme-color-glow:#3b82f64d}.tier--normal.active{background:#3b82f608;border-color:#3b82f6;box-shadow:0 0 15px #3b82f640,inset 0 0 10px #3b82f60d}.tier--normal.active .tier-name{color:#3b82f6;text-shadow:0 0 8px #3b82f680}.tier--hard{--theme-color:#eab308;--theme-color-glow:#eab3084d}.tier--hard.active{background:#eab30808;border-color:#eab308;box-shadow:0 0 15px #eab30840,inset 0 0 10px #eab3080d}.tier--hard.active .tier-name{color:#eab308;text-shadow:0 0 8px #eab30880}.tier--extreme{--theme-color:#ef4444;--theme-color-glow:#ef44444d}.tier--extreme.active{background:#ef444408;border-color:#ef4444;box-shadow:0 0 15px #ef444440,inset 0 0 10px #ef44440d}.tier--extreme.active .tier-name{color:#ef4444;text-shadow:0 0 8px #ef444480}.tier--chill{--theme-color:#38bdf8;--theme-color-glow:#38bdf84d}.tier--chill.active{background:#38bdf808;border-color:#38bdf8;box-shadow:0 0 15px #38bdf840,inset 0 0 10px #38bdf80d}.tier--chill.active .tier-name{color:#38bdf8;text-shadow:0 0 8px #38bdf880}.tier--turbo{--theme-color:#eab308;--theme-color-glow:#eab3084d}.tier--turbo.active{background:#eab30808;border-color:#eab308;box-shadow:0 0 15px #eab30840,inset 0 0 10px #eab3080d}.tier--turbo.active .tier-name{color:#eab308;text-shadow:0 0 8px #eab30880}.settings-separator{background:#ffffff14;height:1px;margin:1.5rem 0 .5rem}.settings-modal-footer{border-top:1px solid #ffffff14;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;display:flex}.settings-modal-save-btn{border-radius:var(--radius);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;width:100%;font-size:.95rem;font-weight:700;font-family:var(--font-display);background:linear-gradient(135deg,#00f0ff,#f0f);padding:.75rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #00f0ff33}.settings-modal-save-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #00f0ff66,0 0 15px #ff00ff4d}.settings-modal-save-btn:active{transform:translateY(0)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lobby-chat-container{border-radius:var(--radius);background:#00051466;border:1px solid #00f0ff1a;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:inset 0 0 20px #00f0ff0d}.lobby-chat-messages{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex;overflow-y:auto}.lobby-chat-msg{color:var(--c-text);word-break:break-word;background:#001e3c66;border-left:3px solid #00f0ff;border-radius:0 4px 4px 0;padding:.5rem .75rem;font-size:.9rem;animation:.2s ease-out fade-in}.lobby-chat-msg.system-msg{background:#0000004d;border-left-color:#f43f5e}.lobby-chat-msg.system-msg .msg-text{color:#f43f5e}.lobby-chat-msg .msg-author{color:#00f0ff;margin-right:.25rem;font-weight:700}.lobby-chat-input-form{background:#0000004d;border-top:1px solid #00f0ff1a;gap:.5rem;padding:.75rem;display:flex}.lobby-chat-input{color:var(--c-text);background:#00142880;border:1px solid #00f0ff4d;border-radius:4px;outline:none;flex:1;padding:.5rem .75rem;font-family:inherit;transition:all .2s}.lobby-chat-input:focus{border-color:#00f0ff;box-shadow:0 0 10px #00f0ff33}.lobby-chat-submit{color:#00f0ff;cursor:pointer;background:#00f0ff1a;border:1px solid #00f0ff4d;border-radius:4px;padding:0 1rem;font-size:1.2rem;transition:all .2s}.lobby-chat-submit:hover{background:#00f0ff33;transform:translateY(-1px);box-shadow:0 0 10px #00f0ff66}@keyframes fade-in{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.game-screen{touch-action:none;background:#050510;position:fixed;inset:0}.hud-overlay{pointer-events:none;z-index:10;position:fixed;inset:0}.hud-mute-btn{border:1px solid var(--c-border);border-radius:var(--radius-lg);width:44px;height:44px;color:var(--c-text);cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10005;background:#0f0f23bf;justify-content:center;align-items:center;font-size:1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:1rem;right:calc(1rem + 104px);box-shadow:0 0 10px #7c3aed1a}.hud-mute-btn:hover{border-color:var(--c-accent);box-shadow:var(--glow-purple), inset 0 0 8px #7c3aed26;text-shadow:0 0 8px var(--c-accent);background:#7c3aed26;transform:scale(1.08)rotate(5deg)}.hud-camera-btn{border:1px solid var(--c-border);border-radius:var(--radius-lg);width:44px;height:44px;color:var(--c-text);cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10005;background:#0f0f23bf;justify-content:center;align-items:center;font-size:1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:1rem;right:calc(1rem + 156px);box-shadow:0 0 10px #7c3aed1a}.hud-camera-btn:hover{border-color:var(--c-accent);box-shadow:var(--glow-purple), inset 0 0 8px #7c3aed26;text-shadow:0 0 8px var(--c-accent);background:#7c3aed26;transform:scale(1.08)rotate(5deg)}.hud-timer{font-family:var(--font-display);letter-spacing:.05em;color:var(--c-dynamic-accent);text-shadow:0 0 10px var(--c-dynamic-accent), 0 0 30px #00f0ff80, 0 2px 4px #000c;text-align:center;min-width:80px;font-size:3rem;font-weight:900;transition:color .3s,text-shadow .3s;position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}.hud-timer--urgent{color:var(--c-dynamic-accent);text-shadow:0 0 10px var(--c-dynamic-accent), 0 0 30px #f0f9, 0 0 60px #ff00ff4d;animation:.4s ease-in-out infinite timer-pulse-urgent}@keyframes timer-pulse{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.12)}}.hud-phase{letter-spacing:.05em;color:var(--c-muted);text-transform:uppercase;background:#0006;border-radius:999px;padding:.3rem .8rem;font-size:.9rem;font-weight:700;position:absolute;top:5.5rem;left:50%;transform:translate(-50%)}.hud-banner{-webkit-backdrop-filter:blur(32px)saturate(1.8);border-radius:var(--radius);text-align:center;border:1px solid var(--c-border);border-top:2px solid var(--c-dynamic-accent);box-shadow:0 10px 40px #000000b3, var(--glow-dynamic), inset 0 0 20px #ffffff05;z-index:100;white-space:nowrap;width:max-content;max-width:90vw;font-family:var(--font-display);letter-spacing:.12em;color:var(--c-dynamic-accent);text-shadow:0 0 15px var(--c-dynamic-accent), 0 0 30px #f43f5e4d;text-transform:uppercase;background:#0f0f23cc;flex-direction:column;align-items:center;padding:1rem 2.5rem;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:900;transition:color .4s,text-shadow .4s;display:inline-flex;position:relative;top:40%;left:50%;transform:translate(-50%,-50%)}.hud-banner:before{content:attr(data-text);color:var(--c-dynamic-accent);opacity:.4;pointer-events:none;justify-content:center;align-items:center;transition:color .4s;animation:2s step-end infinite glitch;display:flex;position:absolute;inset:0}.hud-banner-sub{font-size:.9rem;font-family:var(--font-body);opacity:.7;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);margin-top:.35rem;display:block}.animate-banner{animation:.4s cubic-bezier(.16,1,.3,1) both banner-pop,.4s ease-in 2.1s forwards banner-fade}@keyframes banner-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes modal-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes banner-fade{to{opacity:0;transform:translate(-50%,-50%)scale(1.05)}}.hud-announce{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--c-border);border-top:3px solid var(--c-accent-2);border-radius:var(--radius-lg);box-shadow:var(--shadow), var(--glow-rose);background:#0f0f23f2;flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;padding:.6rem 2.2rem;animation:.4s cubic-bezier(.16,1,.3,1) both banner-pop;display:flex;position:absolute;top:150px;left:50%;transform:translate(-50%)}.hud-announce-color{align-items:center;gap:.75rem;display:flex}.hud-announce-label{font-family:var(--font-retro);letter-spacing:.05em;color:var(--c-muted);text-transform:uppercase;margin:0;font-size:.65rem;font-weight:600}.hud-color-block{border-radius:0;width:24px;height:24px;margin:0;animation:.6s ease-in-out infinite alternate color-pulse;box-shadow:0 0 10px}@keyframes color-pulse{0%{transform:scale(.95);box-shadow:0 0 10px}to{transform:scale(1.05);box-shadow:0 0 25px}}.hud-color-name{font-family:var(--font-retro);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:900}.hud-players{pointer-events:auto;-webkit-backdrop-filter:blur(28px)saturate(1.8);border:1px solid var(--c-border);border-top:2px solid var(--c-accent);border-radius:var(--radius);min-width:160px;box-shadow:0 4px 24px #000c, var(--glow-purple), inset 0 0 20px #7c3aed08;background:#0f0f23bf;padding:.75rem;position:absolute;top:3.5rem;left:1rem;right:auto}.hud-players-title{color:var(--c-muted);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:0;font-size:.75rem;font-weight:700;display:flex}.hud-players.expanded .hud-players-title{margin-bottom:.5rem}.hud-players-toggle-icon{color:var(--c-muted);font-size:.7rem;transition:transform .2s ease-in-out;display:inline-block}.hud-players.expanded .hud-players-toggle-icon{transform:rotate(180deg)}.hud-players:not(.expanded) .hud-player-row{display:none}.hud-player-row{align-items:center;gap:.4rem;padding:.2rem 0;font-size:.85rem;display:flex}.hud-player-dead{opacity:.4;text-decoration:line-through}.hud-player-local{color:var(--c-gold)}.hud-player-dot{border-radius:0;flex-shrink:0;width:10px;height:10px}.hud-player-name{white-space:nowrap;text-overflow:ellipsis;flex:1;max-width:110px;font-weight:500;overflow:hidden}.hud-player-skull{font-size:.8rem}.hud-round{-webkit-backdrop-filter:blur(28px)saturate(1.8);color:var(--c-muted);background:#05051473;border:1px solid #00f0ff2e;border-radius:8px;padding:.4rem .8rem;font-size:.8rem;font-weight:700;position:absolute;top:1rem;left:1rem;box-shadow:0 0 8px #00f0ff14}.hud-dpad{pointer-events:auto;z-index:10000;grid-template-rows:48px 48px;grid-template-columns:48px 48px 48px;gap:4px;display:grid;position:absolute;bottom:2rem;right:2rem;touch-action:none!important}.hud-dpad-spectator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-text);box-shadow:var(--glow-purple);z-index:10000;background:#0f0f23d9;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:700;animation:.4s cubic-bezier(.16,1,.3,1) both banner-pop;display:flex;position:absolute;bottom:2rem;right:2rem}.spectator-eye{font-size:1.2rem}.dpad-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-text);pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#ffffff0d;justify-content:center;align-items:center;font-size:1.1rem;transition:background .1s;display:flex}.dpad-btn:active,.dpad-btn--active{border-color:var(--c-accent-2);box-shadow:var(--glow-rose);background:#f43f5e73;transform:scale(.95)}.dpad-up{grid-area:1/2}.dpad-left{grid-area:2/1}.dpad-right{grid-area:2/3}.dpad-down{grid-area:2/2}.overlay{z-index:20;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay--death{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3}.overlay--winner{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#03030a47;animation:1.2s cubic-bezier(.16,1,.3,1) both overlay-fade-in}@keyframes overlay-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.victory-top-banner{z-index:10;-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);font-family:var(--font-display);color:#fff;text-transform:uppercase;letter-spacing:.15em;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#05051659;border:1px solid #fbbf2459;border-top:2px solid #fbbf24b3;max-width:90vw;padding:.6rem 2.2rem;font-size:1.1rem;font-weight:900;animation:.6s cubic-bezier(.16,1,.3,1) both banner-appear;position:fixed;top:2rem;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 30px #00000080,0 0 20px #fbbf2433,inset 0 0 10px #fbbf240d}@keyframes banner-appear{0%{opacity:0;transform:translate(-50%,-20px)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (max-width:600px){.victory-top-banner{letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;max-width:92vw;padding:.45rem 1.4rem;font-size:.6rem;top:8rem;overflow:hidden}}.overlay-card{-webkit-backdrop-filter:blur(40px)saturate(1.8);border-radius:var(--radius-lg);text-align:center;background:#05051699;border:1px solid #00f0ff26;border-top:2px solid #00f0ff73;width:min(440px,90vw);padding:3rem;animation:.6s cubic-bezier(.16,1,.3,1) both card-appear;box-shadow:0 20px 50px #000000b3,0 0 30px #00f0ff0d}.overlay-card--winner{border-color:#fbbf2499 #fbbf2433 #fbbf2433;border-top-style:solid;border-top-width:2px;box-shadow:0 20px 50px #000c,0 0 40px #fbbf2426,inset 0 0 20px #fbbf240d}.overlay-icon{margin-bottom:.5rem;font-size:3.5rem;display:block}.overlay-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:#fff;text-shadow:0 0 20px #fff3;word-wrap:break-word;max-width:100%;margin-top:.5rem;font-size:clamp(1.3rem,4vw,1.8rem);font-weight:900}.overlay-title--winner{color:var(--c-gold)}.overlay-sub{color:var(--c-muted);margin-top:.5rem}.overlay-winner-display{margin:1.5rem 0}.overlay-countdown{font-family:var(--font-body);color:var(--c-muted);opacity:.8;margin-bottom:1.5rem;font-size:.95rem;font-weight:500}.overlay-alive-list{flex-direction:column;gap:.3rem;margin-top:1rem;display:flex}.overlay-alive-player{color:var(--c-muted);font-size:.9rem}.overlay-spectating{color:var(--c-muted);margin-top:1rem;font-size:.85rem;font-style:italic}.overlay-actions{justify-content:center;gap:1rem;width:100%;margin-top:1.5rem;display:flex}.overlay-actions button{flex:1;min-width:140px}@media (max-width:480px){.overlay-actions{flex-direction:column;gap:.75rem}}.spectator-banner{-webkit-backdrop-filter:blur(28px)saturate(1.8);border:1px solid var(--c-border);border-top:2px solid var(--c-accent-2);border-radius:var(--radius);box-shadow:0 8px 32px #000000b3, var(--glow-rose);z-index:100;pointer-events:none;background:#140514bf;align-items:center;gap:1rem;padding:.6rem 2rem .6rem .8rem;animation:.5s cubic-bezier(.16,1,.3,1) both banner-pop,.5s ease-in 3.4s forwards banner-fade;display:flex;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.spectator-banner-icon{border:1px solid var(--c-accent-2);border-radius:var(--radius);background:#f43f5e26;justify-content:center;align-items:center;width:40px;height:40px;font-size:2rem;display:flex}.spectator-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:#fca5a5;margin:0;font-size:1.1rem;font-weight:800}.spectator-sub{color:var(--c-muted);margin:0;font-size:.8rem}@keyframes slide-down{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.confetti-bg{pointer-events:none;z-index:19;opacity:.5;background-image:radial-gradient(circle,#fbbf24 2px,#0000 2px),radial-gradient(circle,#7c3aed 2px,#0000 2px),radial-gradient(circle,#06b6d4 2px,#0000 2px),radial-gradient(circle,#22c55e 2px,#0000 2px),radial-gradient(circle,#ef4444 2px,#0000 2px);background-position:10% 20%,30% 80%,70% 10%,90% 60%,50% 40%;background-size:200px 200px;animation:3s linear infinite confetti-fall;position:fixed;inset:0}@keyframes confetti-fall{0%{background-position:10% -10%,30% 70%,70% 0,90%,50% 30%}to{background-position:10% 110%,30% 190%,70% 100%,90% 160%,50% 140%}}@media (max-width:768px){.lobby-card,.room-lobby-card,.overlay-card{width:95vw;padding:1.5rem}.room-lobby-card{height:80dvh;position:relative;padding-top:2.5rem!important}.room-header{margin-top:0!important;padding-top:0!important}.lobby-settings-btn{padding:.35rem!important;font-size:1rem!important;position:absolute!important;top:.8rem!important;right:.8rem!important}.lobby-cosmetics-btn{padding:.35rem!important;font-size:1rem!important;position:absolute!important;top:.8rem!important;left:.8rem!important}.room-title{font-size:1.2rem}.room-code-text{font-size:1.3rem}.hud-dpad{z-index:9999;bottom:4.5rem;right:50%;transform:translate(50%);touch-action:none!important}.dpad-btn{background:#ffffff26;font-size:1.8rem}.hud-mute-btn,.hud-camera-btn,.hud-dpad,.dpad-btn{-webkit-tap-highlight-color:transparent;pointer-events:auto!important}.hud-announce{background:#0f0f23f2;border-radius:var(--radius-lg)!important;min-width:auto!important;box-shadow:var(--shadow), var(--glow-rose)!important;flex-direction:row!important;align-items:center!important;gap:.6rem!important;padding:.35rem .8rem!important;top:7.8rem!important}.hud-announce-color{flex-direction:row!important;align-items:center!important;gap:.4rem!important;display:flex!important}.hud-announce-label{text-align:center;opacity:.85;font-family:var(--font-retro)!important;white-space:nowrap!important;margin:0!important;font-size:.45rem!important}.hud-color-block{flex-shrink:0;width:16px!important;height:16px!important}.hud-color-name{letter-spacing:.05em;font-family:var(--font-retro)!important;font-size:.55rem!important}.hud-timer{font-size:3rem;top:1rem}.hud-phase{padding:.3rem 1rem;font-size:.8rem;top:5rem}.hud-players{transform-origin:0 0;cursor:pointer;min-width:140px;padding:.5rem;position:absolute;top:3.2rem;left:.8rem;transform:scale(.7);pointer-events:auto!important}.hud-players.expanded{max-height:160px!important;overflow-y:auto!important}.hud-round{padding:.3rem .6rem;font-size:.75rem;top:.8rem;left:.8rem}.hud-mute-btn,.hud-camera-btn{display:none!important}.hud-dpad-spectator{bottom:5.5rem;right:1.5rem}.settings-menu-container{top:.3rem!important;right:.3rem!important;transform:scale(.85)!important}}@media (max-width:1024px){.chat-btn-text-ingame{display:none!important}.chat-tab-btn-ingame{padding:10px 14px!important;right:24px!important}.lobby-chat-container{width:calc(100% - 32px)!important;max-width:360px!important;bottom:24px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.chat-overlay{width:220px!important;bottom:12px!important;left:12px!important}.chat-overlay-msg{padding:4px 8px!important;font-size:.75rem!important}}@media (max-height:500px) and (orientation:landscape){.lobby-card,.room-lobby-card,.overlay-card{align-items:center;gap:2rem;flex-direction:row!important;width:90vw!important;max-height:95dvh!important;padding:1rem!important;display:flex!important}.lobby-logo,.room-header,.overlay-header{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;margin-bottom:0!important}.overlay-content-wrapper{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.logo-emoji{font-size:2rem!important}.lobby-content-wrapper{flex:2;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;align-items:end;gap:.8rem;display:grid}.lobby-section{flex-direction:column;grid-area:1/1;width:100%;display:flex;margin-bottom:0!important}.lobby-section--centered{align-items:center}.lobby-btn--primary{grid-area:1/2;width:100%}.lobby-btn--accent{grid-area:2/1;width:100%}.lobby-btn--secondary{grid-area:2/2;width:100%}:is(.lobby-content-wrapper:has(.lobby-section--centered) .lobby-btn--secondary,.lobby-content-wrapper:has(.lobby-room-list-view) .lobby-btn--secondary){grid-area:2/2}.lobby-room-list-view{grid-area:1/1/span 2;max-height:180px!important;margin-bottom:0!important;padding:5px .5rem 5px 0!important}.lobby-room-row{padding:.5rem .8rem!important}.room-host{font-size:.9rem!important}.room-count{font-size:.75rem!important}.room-join-btn{padding:.4rem .8rem!important;font-size:.8rem!important}.lobby-link{text-align:center;grid-area:3/1/auto/span 2;margin-top:.5rem!important}.lobby-btn,.lobby-input{justify-content:center;align-items:center;display:flex;height:42px!important;padding:0 1rem!important;font-size:.9rem!important}.lobby-input{justify-content:flex-start}.lobby-input--code{max-width:180px;justify-content:center!important;width:100%!important;margin:0!important}.lobby-label{margin-bottom:.2rem!important;font-size:.7rem!important}.lobby-help{margin-top:.2rem!important;font-size:.65rem!important}.room-lobby-card{align-items:center!important;gap:1rem!important;padding:1rem 1.5rem!important}.room-header{min-width:100px;text-align:left!important;flex:.4!important}.room-title,.room-code-text{font-size:1.1rem!important}.room-code-badge{margin:.2rem 0!important;padding:.15rem .5rem!important}.room-hint{font-size:.65rem!important}.room-content-wrapper{flex:2.2!important;grid-template-columns:2fr .8fr!important;align-items:start!important;gap:1rem!important;display:grid!important}.room-players{flex-direction:column!important;grid-template-columns:none!important;gap:.35rem!important;max-height:180px!important;padding-right:.3rem!important;display:flex!important}.room-player-row{border-radius:6px!important;gap:.4rem!important;padding:.25rem .5rem!important}.room-player-avatar{width:24px!important;height:24px!important;font-size:.7rem!important}.room-player-name{font-size:.7rem!important}.room-player-meta-container{flex-direction:column!important;align-items:flex-start!important;gap:.1rem!important}.room-player-display-name{max-width:80px!important;font-size:.68rem!important;line-height:1!important}.room-kick-btn{margin-left:.15rem!important}.room-status-text{display:none!important}.room-ready-badge{background:0 0!important;border:none!important;padding:0!important;font-size:1rem!important}.room-actions{flex:.8!important;gap:.3rem!important}.room-btn{width:100%;padding:.4rem!important;font-size:.8rem!important}.room-footer-note{text-align:center;opacity:.7;line-height:1.2;margin-top:.4rem!important;font-size:.65rem!important;display:block!important}.overlay-card{flex-direction:row!important;align-items:center!important;gap:1.5rem!important;width:90vw!important;max-height:95vh!important;padding:1.5rem!important;display:flex!important}.overlay-header{text-align:center;flex-direction:column;flex:1;align-items:center;gap:.4rem;display:flex}.overlay-icon{margin-bottom:0!important;font-size:2rem!important}.overlay-title{margin-bottom:0!important;font-size:1.4rem!important}.overlay-sub{opacity:.8;margin-bottom:0!important;font-size:.8rem!important}.overlay-content-wrapper{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;gap:.8rem!important;margin-top:0!important}.overlay-alive-list{width:100%;max-height:50px!important;margin-top:0!important;font-size:.7rem!important}.overlay-winner-name{margin-bottom:.1rem!important;font-size:.85rem!important}.overlay-play-again{min-width:150px;width:auto!important;height:34px!important;margin-top:0!important;padding:.4rem 1rem!important;font-size:.8rem!important}.lobby-room-list{max-height:120px!important}.room-players{max-height:140px!important}.hud-timer{font-size:2.2rem!important;top:.1rem!important}.hud-phase{padding:.15rem .6rem!important;font-size:.65rem!important;top:2.8rem!important}.hud-announce{gap:1rem!important;padding:.3rem 1.2rem!important;top:4rem!important;transform:translate(-50%)scale(.6)!important}.hud-banner{padding:.5rem 1.5rem!important;font-size:1.2rem!important}.hud-banner-sub{font-size:.65rem!important}.hud-dpad{transform-origin:100% 100%;bottom:1.5rem!important;right:3rem!important;transform:scale(1)!important}.hud-players{transform-origin:0 0;min-width:140px;padding:.5rem;position:absolute;top:3rem;left:.5rem;right:auto;transform:scale(.7)}.hud-round{transform-origin:0 0;top:.5rem!important;left:.5rem!important;transform:scale(.8)!important}.hud-mute-btn,.hud-camera-btn{display:none!important}.settings-menu-container{top:.3rem!important;right:.3rem!important;transform:scale(.75)!important}.lobby-settings-btn,.lobby-cosmetics-btn{top:.8rem!important;left:auto!important;right:.8rem!important}.lobby-settings-btn~.lobby-cosmetics-btn{right:3.3rem!important}.settings-modal-overlay{align-items:center!important;padding:.4rem!important}.settings-modal-card{width:95vw!important;max-height:95dvh!important;padding:.75rem 1.25rem!important}.settings-modal-header{margin-bottom:.6rem!important;padding-bottom:.4rem!important}.settings-modal-body--with-sidebar{grid-template-columns:180px 1fr!important;gap:.75rem!important;max-height:52vh!important;display:grid!important;overflow:hidden!important}.settings-sidebar{border-bottom:none!important;border-right:1px solid #ffffff14!important;flex-direction:column!important;gap:.3rem!important;padding-bottom:0!important;padding-right:.6rem!important;display:flex!important;overflow-y:auto!important}.settings-tab-btn{gap:.4rem!important;padding:.35rem .6rem!important;font-size:.62rem!important}.settings-content-area{max-height:52vh!important;padding-right:4px!important;overflow-y:auto!important}.settings-modal-subtitle{margin-bottom:.2rem!important;font-size:.85rem!important}.settings-modal-intro,.settings-modal-description{margin-bottom:.4rem!important;font-size:.65rem!important}.difficulty-tiers-list{gap:.4rem!important}.difficulty-tier-btn{padding:.4rem .6rem!important}.tier-name{font-size:.58rem!important;line-height:1.2!important}.tier-desc{font-size:.65rem!important}.settings-modal-footer{margin-top:.6rem!important;padding-top:.4rem!important}.locker-modal-overlay{align-items:center!important;padding:.4rem!important;overflow-y:hidden!important}.locker-modal-card{width:95vw!important;height:95dvh!important;max-height:95dvh!important;padding:.75rem 1.25rem!important;overflow:hidden!important}.locker-modal-header{margin-bottom:.6rem!important;padding-bottom:.4rem!important}.locker-modal-body{flex:1!important;grid-template-columns:1fr 1.2fr!important;gap:1rem!important;min-height:0!important;display:grid!important;overflow:hidden!important}.locker-modal-preview-panel{flex:1!important;height:100%!important;min-height:0!important}.locker-modal-tabs-panel{flex-direction:column!important;height:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}.locker-modal-tabs-headers{gap:.4rem!important;margin-bottom:.4rem!important}.locker-tab-header-btn{padding:.35rem .8rem!important;font-size:.75rem!important}.locker-tab-content-scroll{max-height:48vh!important;padding-right:4px!important;overflow-y:auto!important}.locker-modal-toggles-grid,.locker-modal-options-grid{grid-template-columns:1fr 1fr!important;gap:.4rem!important}.locker-modal-skin-btn{padding:.4rem .6rem!important;font-size:.75rem!important}.locker-color-swatches-grid{gap:.3rem!important}.locker-modal-footer{margin-top:.6rem!important;padding-top:.4rem!important}}.settings-menu-container{z-index:20005;flex-direction:row-reverse;gap:8px;display:flex;position:fixed;top:1rem;right:1rem}.settings-menu-btn{border-radius:var(--radius-lg);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffabf3;background:#160a15d9;border:1px solid #ffabf366;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 0 10px #ffabf333}@media (hover:hover){.settings-menu-btn:hover{color:#ffabf3;background:#ffabf326;border-color:#ffabf3;transform:rotate(-15deg)scale(1.1);box-shadow:0 0 15px #ffabf373}}.settings-dropdown{border:1px solid var(--c-border);border-top:3px solid var(--c-accent-2);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5);min-width:200px;box-shadow:var(--shadow), var(--glow-rose);background:#0f0f23f5;padding:.9rem 1.1rem;animation:.25s cubic-bezier(.16,1,.3,1) forwards settings-dropdown-in;position:absolute;top:52px;right:0}@keyframes settings-dropdown-in{0%{opacity:0;transform:translateY(-8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.settings-option{justify-content:space-between;align-items:center;gap:1rem;display:flex}.settings-label{color:#fffc;font-size:.9rem;font-family:var(--font-retro);letter-spacing:.05em;font-size:.65rem}.settings-toggle{border-radius:var(--radius);color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #7c3aed4d;padding:.3rem .6rem;font-size:.85rem;font-weight:600;transition:all .2s}.settings-toggle:hover{border-color:var(--c-accent);background:#7c3aed2e;box-shadow:0 0 8px #7c3aed4d}.settings-option:not(:last-child){border-bottom:1px solid #7c3aed26;margin-bottom:.75rem;padding-bottom:.75rem}.settings-volume-group{align-items:center;gap:.5rem;display:flex}.settings-mute-btn{border:1px solid var(--c-border);border-radius:var(--radius);cursor:pointer;background:#ffffff0d;justify-content:center;align-items:center;padding:.3rem .5rem;font-size:1.1rem;transition:all .2s;display:flex}.settings-mute-btn:hover{border-color:var(--c-accent);background:#7c3aed26;transform:scale(1.08);box-shadow:0 0 10px #7c3aed4d}.settings-mute-btn.muted{opacity:.5;background:#ef44441a;border-color:#ef44444d}.settings-slider{width:80px;height:6px;accent-color:var(--c-accent-2);cursor:pointer;appearance:none;background:#ffffff1a;border:none;border-radius:0;outline:none}.settings-slider::-webkit-slider-runnable-track{background:#ffffff1a;border-radius:0;height:6px}.settings-slider::-webkit-slider-thumb{appearance:none;background:var(--c-accent-2);cursor:pointer;width:14px;height:14px;box-shadow:0 0 8px var(--c-accent-2);border:none;border-radius:0;margin-top:-4px}.settings-slider::-moz-range-track{background:#ffffff1a;border-radius:0;height:6px}.settings-slider::-moz-range-thumb{background:var(--c-accent-2);cursor:pointer;width:14px;height:14px;box-shadow:0 0 8px var(--c-accent-2);border:none;border-radius:0}.settings-value{color:#ffffff80;text-align:right;min-width:30px;font-size:.75rem;font-family:var(--font-body)}.toast-container{pointer-events:none;flex-direction:column;gap:.6rem;max-height:40vh;transition:top .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:1.5rem;left:50%;overflow:visible;transform:translate(-50%);z-index:30000!important}body.game-starting .toast-container{top:5.8rem}.toast{-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5);border:1px solid var(--c-border);border-radius:var(--radius-lg);color:var(--c-text);font-family:var(--font-retro);letter-spacing:.05em;pointer-events:auto;background:#0f0f23f2;border-top:3px solid;align-items:center;gap:.75rem;padding:.6rem 1.5rem;font-size:.62rem;font-weight:600;animation:.35s cubic-bezier(.16,1,.3,1) forwards toast-slide-down;display:flex}.toast--error{box-shadow:var(--shadow), 0 0 15px #ef444459;border-color:#ef4444 #ef444466 #ef444466}.toast--info{border-color:#7c3aed66;border-top-color:var(--c-accent);box-shadow:var(--shadow), var(--glow-purple)}.toast--success{box-shadow:var(--shadow), 0 0 15px #10b98159;border-color:#10b981 #10b98166 #10b98166}.toast-icon{justify-content:center;align-items:center;font-size:1.1rem;display:flex}@keyframes toast-slide-down{0%{opacity:0;transform:translateY(-20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.lobby-player-cosmetics-badges{align-items:center;gap:.35rem;margin-top:.25rem;display:flex}.lobby-player-cosmetics-badges span{background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;justify-content:center;align-items:center;padding:.1rem .35rem;font-size:.85rem;display:inline-flex}.lobby-skin-badge{text-transform:uppercase;font-weight:800;font-size:.7rem!important}.lobby-skin-badge--chrome{color:#00f3ff;background:#00f0ff1f!important;border-color:#00f0ff66!important}.lobby-skin-badge--neon{color:#ff007f;background:#ff007f1f!important;border-color:#ff007f66!important}.locker-modal-overlay{-webkit-backdrop-filter:blur(25px)saturate(1.8);backdrop-filter:blur(25px)saturate(1.8);background:#020208cc;justify-content:center;align-items:center;animation:.25s cubic-bezier(.16,1,.3,1) both modal-fade-in;display:flex;position:fixed;inset:0;z-index:9999!important}.locker-modal-card{border:1px solid var(--c-border);border-top:3px solid var(--c-accent-2);border-radius:var(--radius-lg);background:#060614d9;flex-direction:column;width:min(780px,94vw);height:min(650px,85vh);padding:1.75rem;animation:.35s cubic-bezier(.34,1.56,.64,1) both modal-slide-up;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #000c,0 0 45px #f43f5e1f}.locker-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.locker-modal-title{font-family:var(--font-display);letter-spacing:.05em;color:var(--c-accent-2);text-shadow:var(--glow-rose);text-transform:uppercase;font-size:1.2rem;font-weight:800}.locker-modal-close{color:var(--c-muted);cursor:pointer;background:0 0;border:none;font-size:1.75rem;line-height:1;transition:color .15s,transform .15s}.locker-modal-close:hover{color:var(--c-accent-2);transform:scale(1.1)}.locker-modal-body{flex:1;grid-template-columns:1fr 1.2fr;gap:1.75rem;min-height:0;padding-right:.25rem;display:grid;overflow:hidden}@media (max-width:680px){.settings-modal-overlay{z-index:9999!important;align-items:center!important;padding:.75rem!important;overflow-y:hidden!important}.settings-modal-card{flex-direction:column!important;height:94dvh!important;max-height:660px!important;margin-top:0!important;margin-bottom:0!important;padding:1rem!important;display:flex!important;overflow:hidden!important}.settings-modal-title{font-size:.95rem!important}.settings-modal-header{margin-bottom:.6rem!important;padding-bottom:.4rem!important}.settings-modal-body--with-sidebar{flex-direction:column!important;flex:1!important;gap:.75rem!important;min-height:0!important;display:flex!important;overflow:hidden!important}.settings-sidebar{border-bottom:1px solid #ffffff14!important;border-right:none!important;flex-shrink:0!important;grid-template-columns:1fr 1fr!important;gap:.4rem!important;padding-bottom:.5rem!important;padding-right:0!important;display:grid!important}.settings-tab-btn{letter-spacing:.01em!important;white-space:nowrap!important;justify-content:center!important;gap:.2rem!important;padding:.45rem .3rem!important;font-size:.62rem!important}.settings-content-area{flex:1!important;min-height:0!important;padding-right:4px!important;overflow-y:auto!important}.settings-modal-footer{flex-shrink:0!important;margin-top:.5rem!important;padding-top:.4rem!important}.settings-modal-save-btn{padding:.5rem 1rem!important;font-size:.75rem!important}.settings-modal-subtitle{margin-bottom:.2rem!important;font-size:.85rem!important}.settings-modal-intro,.settings-modal-description{margin-bottom:.4rem!important;font-size:.65rem!important}.locker-modal-overlay{align-items:center!important;padding:.75rem!important;overflow-y:hidden!important}.locker-modal-title{font-size:.95rem!important}.locker-modal-header{margin-bottom:.6rem!important;padding-bottom:.4rem!important}.locker-modal-header .hud-terminal-sub{display:none!important}.locker-modal-card{flex-direction:column!important;height:94dvh!important;max-height:660px!important;margin-top:0!important;margin-bottom:0!important;padding:1rem!important;display:flex!important;overflow:hidden!important}.locker-modal-body{flex-direction:column!important;flex:1!important;grid-template-columns:1fr!important;gap:.75rem!important;min-height:0!important;display:flex!important;overflow:hidden!important}.locker-modal-preview-panel{box-sizing:border-box;flex:none!important;height:200px!important;min-height:200px!important;padding:.5rem!important}.locker-modal-canvas-container{flex:none!important;height:160px!important;max-height:160px!important}.locker-modal-controls-panel{flex-direction:column!important;flex:1!important;min-height:0!important;padding-right:0!important;display:flex!important;overflow:hidden!important}.locker-tab-content-scroll{flex:1!important;min-height:0!important;padding-right:4px!important;overflow-y:auto!important}.locker-modal-controls-panel>div.flex{gap:.2rem!important;margin-bottom:.5rem!important;padding:.2rem!important}.locker-modal-controls-panel>div.flex button{letter-spacing:.01em!important;gap:.2rem!important;padding:.45rem .2rem!important;font-size:.62rem!important}.locker-modal-controls-panel>div.flex button svg{width:.7rem!important;height:.7rem!important}.locker-modal-toggles-grid{grid-template-columns:1fr 1fr!important;gap:.45rem!important}.locker-modal-toggle-card{gap:.35rem!important;height:auto!important;min-height:0!important;padding:.5rem!important}.locker-modal-toggle-card svg{width:1.1rem!important;height:1.1rem!important}.locker-modal-toggle-label{font-size:.62rem!important;line-height:1.25!important}.locker-modal-options-grid{grid-template-columns:1fr 1fr!important;gap:.45rem!important}.locker-modal-option-btn{gap:.35rem!important;padding:.45rem .6rem!important;font-size:.65rem!important}.locker-modal-option-emoji,.locker-modal-option-btn svg{width:.9rem!important;height:.9rem!important;font-size:.9rem!important}}.locker-modal-preview-panel{border-radius:var(--radius-lg);box-sizing:border-box;background:radial-gradient(at 50% 35%,#7c3aed4d 0%,#1e1b4b99 50%,#0f172ad9 100%);border:1px solid #d946ef4d;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:0;max-height:100%;padding:1rem;display:flex;box-shadow:inset 0 0 20px #0006,0 0 25px #a855f733}.locker-modal-canvas-container{border-radius:var(--radius);flex:1;width:100%;min-height:0;overflow:hidden;box-shadow:inset 0 0 40px #0006,0 0 20px #00f3ff4d;background-color:#111827!important;background-image:radial-gradient(circle,#00f3ff4d 0%,#7c3aed33 60%,#0000 100%),linear-gradient(#00f3ff26 1px,#0000 1px),linear-gradient(90deg,#00f3ff26 1px,#0000 1px)!important;background-size:100% 100%,40px 40px,40px 40px!important;border:1px solid #00f3ff66!important}.locker-modal-hint{color:var(--c-muted);letter-spacing:.05em;text-align:center;margin-top:.8rem;font-size:.78rem;font-weight:500}.locker-modal-controls-panel{flex-direction:column;gap:1rem;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.locker-tab-content-scroll{flex-direction:column;flex:1;min-height:0;padding-right:.5rem;display:flex;overflow-y:auto}.locker-tab-content-scroll::-webkit-scrollbar{width:4px}.locker-tab-content-scroll::-webkit-scrollbar-track{background:#0003;border-radius:4px}.locker-tab-content-scroll::-webkit-scrollbar-thumb{background:#d946ef66;border-radius:4px}.locker-tab-content-scroll::-webkit-scrollbar-thumb:hover{background:#d946efb3}.locker-tab-header{border-bottom:2px solid #ffffff0d;gap:.5rem;margin-bottom:.75rem;display:flex}.locker-tab-btn{font-family:var(--font-display), monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);cursor:pointer;background:#ffffff05;border:1px solid #0000;border-bottom:none;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem .5rem;font-size:.75rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.locker-tab-btn:hover{color:#e0f0ff;background:#ffffff0d}.locker-tab-btn.active{color:#00f3ff;text-shadow:0 0 8px #00f3ff80;background:#00f3ff0f;border-color:#00f3ff40 #00f3ff40 #00f3ff;border-bottom-style:solid;border-bottom-width:2px;box-shadow:inset 0 0 10px #00f3ff08}.locker-modal-section{flex-direction:column;gap:.65rem;display:flex}.locker-modal-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--c-muted);border-left:3px solid var(--c-accent-2);padding-left:.5rem;font-size:.8rem;font-weight:700}.locker-modal-toggles-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.locker-modal-toggle-card{border-radius:var(--radius);color:var(--c-text);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:.85rem;transition:all .2s;display:flex}.locker-modal-toggle-card:hover{background:#ffffff0f;border-color:#ffffff26}.locker-modal-toggle-card.active{box-shadow:var(--glow-purple);border-color:var(--c-accent)!important;background:#7c3aed1f!important}.locker-modal-toggle-icon{font-size:1.4rem}.locker-modal-toggle-label{text-align:center;font-size:.75rem;font-weight:600}.locker-modal-options-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.locker-modal-option-btn{border-radius:var(--radius);color:var(--c-text);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;align-items:center;gap:.5rem;padding:.65rem .85rem;transition:all .2s;display:flex}.locker-modal-option-btn:hover{background:#ffffff0f;border-color:#ffffff26}.locker-modal-option-btn.active{box-shadow:var(--glow-rose);border-color:var(--c-accent-2)!important;background:#f43f5e1f!important}.locker-modal-option-emoji{font-size:1.1rem}.locker-modal-option-name{font-size:.75rem;font-weight:600}.locker-modal-skins-row{flex-direction:column;gap:.45rem;display:flex}.locker-modal-skin-btn{border-radius:var(--radius);width:100%;color:var(--c-text);cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff14;padding:.7rem 1rem;font-size:.8rem;font-weight:700;transition:all .2s}.locker-modal-skin-btn:hover{background:#ffffff0f}.locker-modal-skin-btn.active{color:#fff!important}.locker-modal-skin-btn--matte.active{box-shadow:0 0 10px #ffffff1a;background:#ffffff26!important;border-color:#fff!important}.locker-modal-skin-btn--chrome.active{box-shadow:var(--glow-purple);border-color:var(--c-accent)!important;color:var(--c-accent-3)!important;background:linear-gradient(90deg,#7c3aed33 0%,#fff3 100%)!important}.locker-modal-skin-btn--neon.active{box-shadow:var(--glow-rose);border-color:var(--c-accent-2)!important;color:var(--c-accent-2)!important;background:linear-gradient(90deg,#f43f5e40 0%,#7c3aed40 100%)!important}.locker-modal-footer{border-top:1px solid #ffffff14;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;display:flex}.locker-modal-save-btn{background:linear-gradient(90deg, var(--c-accent) 0%, var(--c-accent-2) 100%);border-radius:var(--radius);color:#fff;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:none;padding:.8rem 1.6rem;font-size:.9rem;font-weight:800;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #7c3aed40}.locker-modal-save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed73,0 0 15px #f43f5e40}.locker-color-customizer{border-radius:var(--radius);background:#00000040;border:1px solid #ffffff0d;flex-direction:column;gap:.9rem;margin-top:.5rem;padding:1rem;display:flex}.locker-color-row{flex-direction:column;gap:.4rem;display:flex}.locker-color-row-title{text-transform:uppercase;color:#ffffff80;letter-spacing:.05em;font-size:.75rem;font-weight:700}.locker-color-swatches-grid{flex-wrap:wrap!important;gap:.45rem!important;display:flex!important}.locker-color-swatch{cursor:pointer!important;border:2px solid #ffffff40!important;border-radius:50%!important;outline:none!important;flex-shrink:0!important;width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;margin:0!important;padding:0!important;transition:all .2s cubic-bezier(.175,.885,.32,1.275)!important;display:inline-block!important;box-shadow:inset 0 0 3px #0009!important}.locker-color-swatch:hover{box-shadow:0 0 8px var(--swatch-color)!important;border-color:#fffc!important;transform:scale(1.22)!important}.locker-color-swatch.active{box-shadow:0 0 10px var(--swatch-color), 0 0 4px #fff!important;border-color:#fff!important;transform:scale(1.28)!important}.locker-modal-card.hud-card{position:relative;overflow:visible;background:#060614e6!important;border:1px solid #00f3ff33!important;box-shadow:0 25px 50px -12px #000000e6,0 0 35px #00f3ff1f,inset 0 0 15px #00f3ff0d!important}.hud-terminal-sub{color:#00f3ff;letter-spacing:.1em;text-shadow:0 0 6px #00f3ff66;margin-top:.2rem;font-family:monospace;font-size:.7rem}.blinking-cursor{animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.hud-corner{pointer-events:none;z-index:5;border:2px solid #d946ef;width:14px;height:14px;position:absolute}.hud-corner.top-left{border-bottom:none;border-right:none;top:-2px;left:-2px;box-shadow:-2px -2px 6px #d946ef66}.hud-corner.top-right{border-bottom:none;border-left:none;top:-2px;right:-2px;box-shadow:2px -2px 6px #d946ef66}.hud-corner.bottom-left{border-top:none;border-right:none;bottom:-2px;left:-2px;box-shadow:-2px 2px 6px #d946ef66}.hud-corner.bottom-right{border-top:none;border-left:none;bottom:-2px;right:-2px;box-shadow:2px 2px 6px #d946ef66}.hud-terminal-container{position:relative;overflow:hidden;box-shadow:inset 0 0 15px #000c;background:#02020899!important;border:1px solid #ff007f26!important}.hud-scanlines{pointer-events:none;opacity:.4;z-index:2;background:repeating-linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,repeating-linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08) 0 0/6px 100%;position:absolute;inset:0}.hud-border-bracket{pointer-events:none;z-index:3;border:1.5px solid #ff007f;width:8px;height:8px;position:absolute}.hud-border-bracket.top-left{border-bottom:none;border-right:none;top:6px;left:6px}.hud-border-bracket.top-right{border-bottom:none;border-left:none;top:6px;right:6px}.hud-border-bracket.bottom-left{border-top:none;border-right:none;bottom:6px;left:6px}.hud-border-bracket.bottom-right{border-top:none;border-left:none;bottom:6px;right:6px}.hud-scanner-beam{pointer-events:none;z-index:3;background:linear-gradient(#00f3ffcc 0%,#00f3ff00 100%);width:100%;height:4px;animation:4s linear infinite hologram-scan;position:absolute;left:0;box-shadow:0 0 8px #00f3ff,0 0 2px #00f3ff}@keyframes hologram-scan{0%{top:0%}50%{top:100%}to{top:0%}}@media (max-width:480px){.locker-modal-overlay{align-items:center!important;padding:.5rem!important}.locker-modal-card{padding:1rem!important}.locker-modal-toggles-grid,.locker-modal-options-grid{grid-template-columns:1fr 1fr!important}.locker-modal-skin-btn{padding:.55rem .75rem!important;font-size:.75rem!important}.locker-color-swatches-grid{gap:.3rem!important}.room-header{margin-bottom:.5rem;padding-top:.4rem!important}.room-content-wrapper{gap:.5rem;margin-top:.5rem}.room-players{margin-bottom:.5rem}.room-player-row{gap:.45rem!important;padding:.45rem .6rem!important}.room-player-meta-container{flex-direction:column!important;align-items:flex-start!important;gap:.15rem!important}.room-player-display-name{max-width:90px!important;font-size:.82rem!important}.room-kick-btn{margin-left:.15rem!important}.lobby-settings-btn{padding:.35rem!important;font-size:1rem!important;top:.8rem!important;right:.8rem!important}.lobby-cosmetics-btn{padding:.35rem!important;font-size:1rem!important;top:.8rem!important;left:.8rem!important}}.locker-color-swatch-btn.taken{position:relative;opacity:.8!important;cursor:not-allowed!important;box-shadow:none!important;border-color:#ffffff4d!important;transform:scale(1)!important}.locker-color-swatch-btn.taken:after{content:"";pointer-events:none;background:#f05;width:100%;height:2.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 6px #f05c}.lobby-floating-banner{z-index:10005;pointer-events:none;width:90%;max-width:max-content;animation:.4s cubic-bezier(.175,.885,.32,1.275) both banner-slide-down;position:fixed;top:2.5rem;left:50%;transform:translate(-50%)}.banner-content{-webkit-backdrop-filter:blur(10px)saturate(1.5);backdrop-filter:blur(10px)saturate(1.5);color:#fff;background:#050514d9;border:1px solid #00f0ff4d;border-radius:9999px;align-items:center;gap:10px;padding:.75rem 1.75rem;transition:all .3s;display:flex;box-shadow:0 4px 20px #00000080,0 0 15px #00f0ff26}.banner-content.critical{border-color:#f43f5e80;box-shadow:0 4px 20px #00000080,0 0 20px #f43f5e4d}.banner-pulse-dot{background:#00f0ff;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite banner-ping;box-shadow:0 0 8px #00f0ff}.banner-content.critical .banner-pulse-dot{background:#f43f5e;box-shadow:0 0 8px #f43f5e}.banner-text{font-family:var(--font-display);letter-spacing:.05em;white-space:nowrap;font-size:.95rem;font-weight:700}.banner-text strong{color:#00f0ff;text-shadow:0 0 8px #00f0ff99;margin-left:4px;font-size:1.15rem;font-weight:900}.banner-content.critical .banner-text strong{color:#f43f5e;text-shadow:0 0 8px #f43f5e99}@keyframes banner-slide-down{0%{opacity:0;transform:translate(-50%,-100%)}to{opacity:1;transform:translate(-50%)}}@keyframes banner-ping{0%{opacity:.6;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}to{opacity:.6;transform:scale(.85)}}.mobile-controls-container{display:none}@media (max-width:768px){.hud-dpad{display:none!important}.mobile-controls-container{pointer-events:none;z-index:10000;justify-content:space-between;align-items:center;width:calc(100% - 3rem);display:flex;position:absolute;bottom:2rem;left:1.5rem;right:1.5rem}.mobile-joystick{pointer-events:auto;-webkit-backdrop-filter:blur(28px)saturate(1.8);touch-action:none;-webkit-user-select:none;user-select:none;background:#05051473;border:2px solid #00f0ff59;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;display:flex;position:relative;box-shadow:0 0 20px #00f0ff26}.joystick-base{background:#00f0ff14;border:1px dashed #00f0ff4d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.joystick-knob{background:radial-gradient(circle, var(--c-accent-2) 0%, #f43f5ed9 100%);width:44px;height:44px;box-shadow:var(--glow-rose), 0 0 15px #f43f5e99;cursor:pointer;touch-action:none;border:2px solid #fff;border-radius:50%;transition:transform 50ms ease-out;position:absolute}.mobile-dash-btn{pointer-events:auto;color:#fff;width:76px;height:76px;box-shadow:var(--glow-rose), 0 5px 20px #f43f5e80;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#f43f5e 0%,#be123c 100%);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:900;transition:transform .1s,filter .1s;animation:2s infinite alternate dash-pulse;display:flex}.mobile-dash-btn:active{filter:brightness(1.2);transform:scale(.9)}}@media (max-width:576px){.mobile-controls-container{width:calc(100% - 2rem);bottom:1.5rem;left:1rem;right:1rem}.mobile-joystick{width:90px;height:90px}.joystick-knob{width:36px;height:36px}.mobile-dash-btn{width:66px;height:66px;font-size:.85rem}}@keyframes dash-pulse{0%{box-shadow:0 0 8px #f43f5e66}to{box-shadow:0 0 24px #f43f5ecc,inset 0 0 8px #ffffff59}}@keyframes dash-ready-flash{0%{filter:brightness();box-shadow:0 0 #fffc}50%{filter:brightness(1.8);box-shadow:0 0 35px #fff}to{box-shadow:var(--glow-rose), 0 5px 20px #f43f5e80;filter:brightness()}}@media (max-width:768px){.hud-mute-btn,.hud-camera-btn{display:none!important}}.camera-select-overlay{-webkit-backdrop-filter:blur(15px);z-index:20000;pointer-events:auto;box-sizing:border-box;background:#05050fd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.camera-select-overlay *{box-sizing:border-box}.camera-select-modal{text-align:center;background:#0c0c1cf2;border:2px solid #7c3aed4d;border-radius:20px;width:92%;max-width:580px;padding:2.5rem;animation:.4s cubic-bezier(.16,1,.3,1) both modal-pop;box-shadow:0 0 30px #7c3aed40,inset 0 0 20px #7c3aed1a}.camera-select-title{font-family:var(--font-retro);letter-spacing:.05em;color:#fff;text-shadow:0 0 10px #7c3aed99;text-transform:uppercase;margin-bottom:2rem;font-size:1.5rem;font-weight:900}.camera-select-cards{justify-content:center;gap:1.5rem;margin-bottom:2.5rem;display:flex}.camera-select-card{cursor:pointer;background:#ffffff08;border:1.5px solid #ffffff26;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:1rem;width:100%;max-width:220px;padding:1.5rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.camera-select-card:hover{background:#7c3aed14;border-color:#7c3aed99;transform:translateY(-5px);box-shadow:0 10px 25px #7c3aed26}.camera-select-card.active{border-color:var(--c-accent);background:#7c3aed26;box-shadow:0 0 25px #7c3aed66,inset 0 0 10px #7c3aed33}.camera-select-icon-wrapper{width:52px;height:52px;color:var(--c-text);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.camera-select-card.active .camera-select-icon-wrapper{color:#fff;background:#7c3aed4d;box-shadow:0 0 15px #7c3aed66}.camera-select-text-group{flex-direction:column;align-items:center;gap:.35rem;display:flex}.camera-select-card-title{font-family:var(--font-retro);color:#fff;margin:0;font-size:.9rem;font-weight:800}.camera-select-card-desc{color:var(--c-muted);text-align:center;margin:0;font-size:.72rem;line-height:1.4}.camera-select-badge{background:var(--c-accent-2);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 6px;font-size:.55rem;font-weight:900;position:absolute;top:.5rem;right:.5rem;box-shadow:0 0 8px #f43f5e80}.camera-select-confirm-btn{color:#fff;font-family:var(--font-retro);letter-spacing:.05em;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%);border:1px solid #fff3;border-radius:10px;padding:.8rem 2.2rem;font-size:.85rem;font-weight:800;transition:all .2s;box-shadow:0 5px 15px #7c3aed4d}.camera-select-confirm-btn:hover{border-color:#ffffff80;transform:scale(1.05);box-shadow:0 0 25px #7c3aed99}@media (max-width:768px){.camera-select-modal{border-radius:16px;max-width:330px;padding:1.5rem}.camera-select-title{margin-bottom:1.25rem;font-size:1.1rem}.camera-select-cards{flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.camera-select-card{text-align:left;border-radius:10px;flex-direction:row;align-items:center;gap:.75rem;max-width:100%;padding:.75rem 1rem}.camera-select-card:hover{box-shadow:none;transform:none}.camera-select-card.active{box-shadow:0 0 15px #7c3aed4d,inset 0 0 5px #7c3aed33}.camera-select-icon-wrapper{flex-shrink:0;width:38px;height:38px}.camera-select-icon-wrapper svg{width:20px;height:20px}.camera-select-text-group{flex:1;align-items:flex-start;gap:.15rem}.camera-select-card-title{font-size:.8rem}.camera-select-card-desc{text-align:left;font-size:.62rem;line-height:1.2}.camera-select-badge{border-radius:2px;padding:1px 4px;font-size:.45rem;position:absolute;top:.25rem;right:.4rem}.camera-select-confirm-btn{border-radius:8px;width:100%;padding:.6rem 1.8rem;font-size:.75rem}}.mobile-dpad-container{pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;grid-template-rows:repeat(2,58px);grid-template-columns:repeat(3,58px);gap:8px;margin-bottom:1.2rem;display:grid}.dpad-btn{border:1.5px solid var(--c-border);color:#fff;font-weight:900;font-family:var(--font-retro);cursor:pointer;background:#0c0c1cd9;border-radius:12px;justify-content:center;align-items:center;font-size:1.3rem;transition:all .1s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 10px #0000004d,inset 0 0 6px #7c3aed1a}.dpad-btn:active,.dpad-btn.active{text-shadow:0 0 5px #fffc;transform:scale(.9);box-shadow:0 0 15px #f43f5e66,inset 0 0 8px #f43f5e33;border-color:var(--c-accent-2)!important;background:#f43f5e40!important}.dpad-btn-up{grid-area:1/2}.dpad-btn-left{grid-area:2/1}.dpad-btn-down{grid-area:2/2}.dpad-btn-right{grid-area:2/3}.mobile-dash-btn{width:76px;height:76px}@media (max-height:500px) and (orientation:landscape){.mobile-dash-btn{width:60px;height:60px}}.hud-score{-webkit-backdrop-filter:blur(28px)saturate(1.8);color:#eab308;pointer-events:auto;background:#05051473;border:1px solid #eab3084d;border-radius:8px;padding:.4rem .8rem;font-size:.8rem;font-weight:700;position:absolute;top:3.5rem;left:1rem;box-shadow:0 0 8px #eab30826}.scanline-overlay{pointer-events:none;background:linear-gradient(#12101000 50%,#00000026 50%) 0 0/100% 4px}.noise-bg{pointer-events:none;z-index:40;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:fixed;inset:0}.text-glow-cyan{text-shadow:0 0 10px #00fbfbcc}.text-glow-magenta{text-shadow:0 0 10px #f0fc}.music-float{animation:6s ease-in-out infinite float}@keyframes float{0%,to{opacity:.1;transform:translateY(0)translate(0)rotate(0)}50%{opacity:.25;transform:translateY(-20px)translate(10px)rotate(10deg)}}.game-card{background:#160a15d9;border-radius:4px;flex-direction:column;align-items:stretch;width:100%;max-width:480px;padding:48px 32px 32px;display:flex;position:relative}@media (max-width:640px){.game-card{padding:36px 20px 24px}}.game-card-cyan{border:2px solid #00fbfb4d;animation:3s ease-in-out infinite border-trace-cyan;box-shadow:0 0 40px #00fbfb1a}.game-card-magenta{border:2px solid #ffabf366;animation:3s ease-in-out infinite border-trace-magenta;box-shadow:0 0 35px #ffabf326}.game-card-hybrid{border:2px solid #00fbfb4d;animation:3s ease-in-out infinite border-trace;box-shadow:0 0 50px #00fbfb1a}.game-input{width:100%;height:52px;font-family:var(--font-retro), monospace;color:#00fbfb;text-align:center;background:#0c050bd9;border:1px solid #00fbfb4d;border-radius:4px;outline:none;padding:0 16px;font-size:16px;transition:all .3s;box-shadow:inset 0 0 8px #0009}.game-input-cyan:focus{border-color:#00fbfb;box-shadow:0 0 15px #00fbfb40,inset 0 0 8px #0009}.game-input-magenta{color:#ffabf3;border-color:#ffabf366}.game-input-magenta:focus{border-color:#ffabf3;box-shadow:0 0 15px #ffabf340,inset 0 0 8px #0009}.game-btn{letter-spacing:.15em;text-transform:uppercase;cursor:pointer;width:100%;height:52px;font-size:11px;font-weight:700;font-family:var(--font-retro), monospace;border-radius:4px;justify-content:space-between;align-items:center;padding:0 24px;transition:all .3s;display:flex}.game-btn:hover:not(:disabled){transform:translateY(-2px)}.game-btn-cyan{color:#002020;text-shadow:0 0 5px #00fbfb66;background:linear-gradient(90deg,#007070 0%,#00fbfb 100%);border:none;box-shadow:0 0 15px #00fbfb26}.game-btn-cyan:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 25px #00fbfb66}.game-btn-magenta{color:#fff;text-shadow:0 0 5px #f0f6;background:linear-gradient(90deg,#a900a9 0%,#f0f 100%);border:none;box-shadow:0 0 15px #ff00ff26}.game-btn-magenta:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 25px #f0f6}.game-btn-outline{color:#f4dcec;background:0 0;border:1px solid #f4dcec33;box-shadow:0 0 10px #ffffff0d}.game-btn-outline:hover:not(:disabled){background:#ffffff0d;border-color:#f4dcec66}.leaderboard-btn-container{z-index:20005;position:fixed;top:1rem;right:calc(1rem + 104px)}.leaderboard-toggle-btn{border-radius:var(--radius-lg);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#00fbfb;background:#160a15d9;border:1px solid #00fbfb66;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 0 10px #00fbfb33}@media (hover:hover){.leaderboard-toggle-btn:hover{color:#00fbfb;background:#00fbfb26;border-color:#00fbfb;transform:rotate(-15deg)scale(1.1);box-shadow:0 0 15px #00fbfb73}}@media (max-width:768px){.leaderboard-btn-container{top:.3rem!important;right:calc(.3rem + 88px)!important;transform:scale(.85)!important}}@media (max-height:500px) and (orientation:landscape){.leaderboard-btn-container{top:.3rem!important;right:calc(.3rem + 80px)!important;transform:scale(.75)!important}}.leaderboard-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20010;background:#0c050bcc;justify-content:center;align-items:center;padding:16px 16px 80px;display:flex;position:fixed;inset:0;overflow-y:auto}.leaderboard-modal-card{background:#160a15f2;border:2px solid #ffabf3;border-radius:4px;flex-direction:column;width:100%;max-width:360px;max-height:calc(100dvh - 120px);padding:28px 20px 20px;animation:.3s ease-out modal-glow-fade;display:flex;position:relative;box-shadow:0 0 30px #ffabf340}@keyframes modal-glow-fade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tooltip-container{cursor:help;display:inline-flex;position:relative}.tooltip-box{color:#fff;font-family:var(--font-mono), monospace;white-space:normal;text-align:center;z-index:1000;opacity:0;pointer-events:none;text-transform:none;background:#120814f2;border:1px solid #00f0ff66;border-radius:4px;width:max-content;max-width:220px;padding:8px 12px;font-size:11px;font-weight:400;line-height:1.4;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:125%;left:50%;transform:translate(-50%)translateY(4px)scale(.95);box-shadow:0 0 15px #00f0ff33,inset 0 0 8px #00f0ff1a}.tooltip-box:after{content:"";border:5px solid #0000;border-top-color:#00f0ff66;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-container:hover .tooltip-box,.tooltip-container:focus .tooltip-box,.tooltip-container:focus-within .tooltip-box{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}.tooltip-box.tooltip-magenta{border-color:#ffabf366;box-shadow:0 0 15px #ffabf333,inset 0 0 8px #ffabf31a}.tooltip-box.tooltip-magenta:after{border-color:#ffabf366 #0000 #0000}.tooltip-box.tooltip-rose{border-color:#f43f5e66;box-shadow:0 0 15px #f43f5e33,inset 0 0 8px #f43f5e1a}.tooltip-box.tooltip-rose:after{border-color:#f43f5e66 #0000 #0000}.tooltip-box.tooltip-purple{border-color:#d946ef66;box-shadow:0 0 15px #d946ef33,inset 0 0 8px #d946ef1a}.tooltip-box.tooltip-purple:after{border-color:#d946ef66 #0000 #0000}.tooltip-box.tooltip-green{border-color:#10b98166;box-shadow:0 0 15px #10b98133,inset 0 0 8px #10b9811a}.tooltip-box.tooltip-green:after{border-color:#10b98166 #0000 #0000}.tooltip-box.tooltip-amber{border-color:#eab30866;box-shadow:0 0 15px #eab30833,inset 0 0 8px #eab3081a}.tooltip-box.tooltip-amber:after{border-color:#eab30866 #0000 #0000}.tooltip-box.tooltip-blue{border-color:#3b82f666;box-shadow:0 0 15px #3b82f633,inset 0 0 8px #3b82f61a}.tooltip-box.tooltip-blue:after{border-color:#3b82f666 #0000 #0000}.sp-cosmetics-btn,.sp-settings-btn{border-radius:var(--radius-lg);cursor:pointer;z-index:20;background:#ffffff0d;border:1px solid #d946ef40;justify-content:center;align-items:center;padding:.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:1.25rem;box-shadow:0 0 10px #d946ef14}.sp-settings-btn{border-color:#00f0ff40;box-shadow:0 0 10px #00f0ff14}.sp-cosmetics-btn:hover{background:#d946ef26;border-color:#d946ef;transform:scale(1.1)translateY(-2px)}.sp-settings-btn:hover{background:#00f0ff26;border-color:#00f0ff;transform:scale(1.1)translateY(-2px)}.sp-cosmetics-btn{left:auto;right:1.25rem}.sp-settings-btn{left:auto;right:4rem}@media (max-width:768px){.sp-cosmetics-btn,.sp-settings-btn{padding:.35rem!important;position:absolute!important;top:.8rem!important}.sp-cosmetics-btn{left:auto!important;right:.8rem!important}.sp-settings-btn{left:auto!important;right:3.2rem!important}}.tooltip-container.tooltip-align-left .tooltip-box{left:0!important;right:auto!important;transform:translateY(4px)scale(.95)!important}.tooltip-container.tooltip-align-left .tooltip-box:after{left:20px!important;right:auto!important;transform:none!important}.tooltip-container.tooltip-align-left:hover .tooltip-box,.tooltip-container.tooltip-align-left:focus .tooltip-box,.tooltip-container.tooltip-align-left:focus-within .tooltip-box{transform:translateY(0)scale(1)!important}.tooltip-container.tooltip-align-right .tooltip-box{left:auto!important;right:0!important;transform:translateY(4px)scale(.95)!important}.tooltip-container.tooltip-align-right .tooltip-box:after{left:auto!important;right:20px!important;transform:none!important}.tooltip-container.tooltip-align-right:hover .tooltip-box,.tooltip-container.tooltip-align-right:focus .tooltip-box,.tooltip-container.tooltip-align-right:focus-within .tooltip-box{transform:translateY(0)scale(1)!important}:is(body:has(.settings-modal-overlay) .settings-menu-container,body:has(.locker-modal-overlay) .settings-menu-container,body:has(.leaderboard-modal-overlay) .settings-menu-container,body:has(.settings-modal-overlay) .leaderboard-btn-container,body:has(.locker-modal-overlay) .leaderboard-btn-container,body:has(.leaderboard-modal-overlay) .leaderboard-btn-container){display:none!important}@media (max-width:768px){.hud-banner{white-space:normal!important;word-break:break-word!important;text-align:center!important;width:85vw!important;max-width:320px!important;padding:.6rem 1.2rem!important;font-size:clamp(1.1rem,6vw,1.6rem)!important}}@keyframes rankAppear{0%{opacity:0;transform:scale(.6)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.rank-loading-container{flex-direction:column;align-items:center;gap:.6rem;margin-top:1.2rem;display:flex}.equalizer-bars{justify-content:center;align-items:flex-end;gap:4px;height:24px;display:flex}.equalizer-bar{border-radius:3px;width:5px;animation:.8s ease-in-out infinite alternate eqBounce}.equalizer-bar:first-child{background-color:#00f0ff;height:60%;animation-delay:.1s;box-shadow:0 0 8px #00f0ff}.equalizer-bar:nth-child(2){background-color:#f0f;height:100%;animation-delay:.35s;box-shadow:0 0 8px #f0f}.equalizer-bar:nth-child(3){background-color:#eab308;height:40%;animation-delay:.15s;box-shadow:0 0 8px #eab308}.equalizer-bar:nth-child(4){background-color:#22c55e;height:85%;animation-delay:.45s;box-shadow:0 0 8px #22c55e}.equalizer-bar:nth-child(5){background-color:#38bdf8;height:50%;animation-delay:.25s;box-shadow:0 0 8px #38bdf8}@keyframes eqBounce{0%{opacity:.5;height:20%}to{opacity:1;height:100%}}.rank-loading-text{font-family:var(--font-retro);color:#38bdf8;letter-spacing:.08em;text-shadow:0 0 8px #38bdf880;font-size:.78rem;animation:1.5s ease-in-out infinite pulse}@media (max-height:500px) and (orientation:landscape){.overlay-card{max-width:90vw!important;max-height:92vh!important;padding:1rem 1.5rem!important;overflow-y:auto!important}.overlay-title{margin-top:.2rem!important;margin-bottom:.2rem!important;font-size:1.3rem!important}.overlay-sub{margin-top:.3rem!important;font-size:.9rem!important}.overlay-icon svg{width:32px!important;height:32px!important}.sp-config-col-right{padding-top:1.8rem!important}.sp-cosmetics-btn,.sp-settings-btn{transform:scale(.85);top:.4rem!important}.sp-cosmetics-btn{right:.6rem!important}.sp-settings-btn{right:2.8rem!important}.mp-col-right .game-btn{min-height:36px!important;padding:.45rem .8rem!important;font-size:.75rem!important}.mp-col-right .game-btn svg{width:16px!important;height:16px!important}.room-content-wrapper{flex-direction:column!important;align-items:center!important;width:100%!important;display:flex!important}.room-actions #btn-start,.room-actions #btn-ready{z-index:30!important;width:auto!important;height:34px!important;min-height:34px!important;padding:.2rem .85rem!important;font-size:.75rem!important;position:absolute!important;top:.6rem!important;right:5.5rem!important}.room-actions #btn-start svg,.room-actions #btn-ready svg{width:14px!important;height:14px!important}.sp-cosmetics-btn{top:.6rem!important;right:.6rem!important}.sp-settings-btn{top:.6rem!important;right:3rem!important}.room-players{flex-direction:column!important;grid-template-columns:none!important;gap:.35rem!important;width:100%!important;max-width:420px!important;max-height:180px!important;margin:0 auto!important;padding-top:1rem!important;display:flex!important;overflow-y:auto!important}.room-players>div{width:100%!important;min-height:38px!important;padding:.35rem .75rem!important}.room-actions{justify-content:center!important;width:100%!important;margin-top:.4rem!important;display:flex!important}.room-footer-note{margin-top:.2rem!important;font-size:.7rem!important}.room-header{margin-bottom:6px!important}.room-header h1{font-size:1.3rem!important}.room-header .tooltip-container>div>span:not(.w-1\.5){display:none!important}.room-header .tooltip-container>div{padding:4px 6px!important}.room-actions+div,.room-content-wrapper>div:last-child{display:none!important}.leaderboard-modal-card{max-width:440px!important;max-height:94vh!important;padding:10px 18px!important}.leaderboard-modal-card .custom-scrollbar{max-height:140px!important}:is(body:has(#leaderboard-page),html:has(#leaderboard-page)){height:auto!important;min-height:100%!important;overflow-y:auto!important}#leaderboard-page{-webkit-overflow-scrolling:touch!important;max-height:100dvh!important;padding:.4rem 1rem!important;overflow-y:auto!important}.leaderboard-body{flex-direction:row!important;flex:1!important;align-items:flex-start!important;gap:16px!important;width:100%!important;height:100%!important;min-height:0!important;display:flex!important}.leaderboard-col-left{flex-direction:column!important;gap:6px!important;width:30%!important;display:flex!important}.leaderboard-header{text-align:center!important;margin-top:0!important;margin-bottom:.2rem!important}.leaderboard-header h1{gap:4px!important;margin-bottom:0!important;font-size:.95rem!important}.leaderboard-header h1 svg{width:16px!important;height:16px!important}.leaderboard-filters{flex-direction:column!important;gap:4px!important;width:100%!important;margin-bottom:0!important;padding:4px!important;display:flex!important}.leaderboard-filters button{text-align:center!important;width:100%!important;padding:4px 6px!important;font-size:9px!important}.leaderboard-col-right{flex-direction:column!important;flex:1!important;justify-content:space-between!important;width:70%!important;height:100%!important;min-height:0!important;display:flex!important}.leaderboard-scroll{flex:1!important;width:100%!important;height:190px!important;max-height:190px!important;overflow-y:auto!important}.leaderboard-scroll>div{padding:5px 10px!important}.leaderboard-footer{margin-top:4px!important;padding-top:4px!important}.leaderboard-help-wrapper{top:auto!important;bottom:.35rem!important;right:1.2rem!important}.leaderboard-tooltip-box{max-height:145px!important;padding:6px 10px!important;font-size:9px!important;top:auto!important;bottom:1.8rem!important;right:0!important;overflow-y:auto!important}.leaderboard-detail-modal-card{max-width:320px!important;max-height:94vh!important;padding:.5rem 1rem .8rem!important;overflow-y:auto!important}.leaderboard-detail-modal-card svg{width:22px!important;height:22px!important;margin-bottom:2px!important}.leaderboard-detail-modal-card h3{margin-bottom:2px!important;font-size:.75rem!important}.leaderboard-detail-modal-card p.text-xl{margin-bottom:.4rem!important;font-size:1rem!important}.leaderboard-detail-modal-card .border-t{gap:.2rem!important;padding-top:.4rem!important}.leaderboard-detail-modal-card .border-t>div{padding-bottom:2px!important}}@media (max-width:640px) and (min-height:501px){#leaderboard-page{flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:100dvh!important;padding:1.5rem .5rem!important;display:flex!important;overflow-y:auto!important}#leaderboard-page>div.start-container{flex-direction:column!important;max-height:none!important;margin-top:auto!important;margin-bottom:auto!important;padding:.75rem .75rem .5rem!important;display:flex!important}.leaderboard-header{margin-top:1.6rem!important;margin-bottom:.5rem!important;padding:0 10px!important}.leaderboard-header h1{gap:4px!important;font-size:1.05rem!important;line-height:1.25!important}.leaderboard-header h1 svg{width:20px!important;height:20px!important}.leaderboard-filters{margin-bottom:.4rem!important;padding:2px!important}.leaderboard-filters button{padding:4px 6px!important;font-size:8.5px!important}.leaderboard-scroll{flex:1!important;max-height:380px!important;padding-bottom:6px!important;overflow-y:auto!important}}@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-tracking{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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-text-shadow-color{syntax:"*";inherits:false}@property --tw-text-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}