/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--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-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-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}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-yellow-400:oklch(85.2% .199 91.936);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-bounce:bounce 1s infinite;--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)}}@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%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.static{position:static}.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-1{margin-inline:var(--spacing)}.mx-auto{margin-inline:auto}.my-0{margin-block:0}.my-4{margin-block:calc(var(--spacing) * 4)}.my-6{margin-block:calc(var(--spacing) * 6)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-20{height:calc(var(--spacing) * 20)}.h-full{height:100%}.max-h-36{max-height:calc(var(--spacing) * 36)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-\[60vh\]{max-height:60vh}.max-h-\[88vh\]{max-height:88vh}.max-h-\[150px\]{max-height:150px}.max-h-\[180px\]{max-height:180px}.min-h-\[120px\]{min-height:120px}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-9{width:calc(var(--spacing) * 9)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-20{width:calc(var(--spacing) * 20)}.w-full{width:100%}.max-w-\[280px\]{max-width:280px}.max-w-\[360px\]{max-width:360px}.max-w-\[380px\]{max-width:380px}.max-w-\[400px\]{max-width:400px}.max-w-\[440px\]{max-width:440px}.max-w-\[500px\]{max-width:500px}.max-w-full{max-width:100%}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}: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-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[\#ffd700\]{border-color:gold}.border-\[\#ffd700\]\/60{border-color:#ffd70099}.border-red-500\/40{border-color:#fb2c3666}@supports (color:color-mix(in lab,red,red)){.border-red-500\/40{border-color:color-mix(in oklab,var(--color-red-500) 40%,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-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-\[rgba\(255\,215\,0\,0\.15\)\]{background-color:#ffd70026}.bg-\[var\(--bg\)\]{background-color:var(--bg)}.bg-\[var\(--dark\)\]{background-color:var(--dark)}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black) 20%,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-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/20{background-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-yellow-400\/20{background-color:#fac80033}@supports (color:color-mix(in lab,red,red)){.bg-yellow-400\/20{background-color:color-mix(in oklab,var(--color-yellow-400) 20%,transparent)}}.object-cover{object-fit:cover}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-1{padding-right:var(--spacing)}.pb-\[calc\(20px\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.pb-\[calc\(24px\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.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-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[26px\]{font-size:26px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-\[\#ffd700\]{color:gold}.text-red-200{color:var(--color-red-200)}.text-white{color:var(--color-white)}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,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)}}.uppercase{text-transform:uppercase}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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,)}.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))}@media(hover:hover){.hover\:border-white\/30:hover{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/30:hover{border-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.hover\:border-white\/40:hover{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/40:hover{border-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.hover\:underline:hover{text-decoration-line:underline}}}:root{--bg:#6366f1;--bg2:#161933;--quiz:#f59e0b;--blind:#06b6d4;--txt:#fff;--txt2:#ffffffb8;--dark:#0f1124;--darkcard:#101224bf;--whitecard:#ffffff24;--gold:gold;--ft:"Nunito", sans-serif;--k1:#e0524a;--k2:#2f7fd1;--k3:#e0a53a;--k4:#3aa564}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent}body{font-family:var(--ft);color:var(--txt);-webkit-font-smoothing:antialiased;background-color:#0b0c16;min-height:100dvh;font-weight:600;position:relative;overflow-x:hidden}.app-bg-layer{z-index:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:background-image .7s cubic-bezier(.16,1,.3,1),filter .7s;position:fixed;top:0;right:0;bottom:0;left:0}.app-bg-layer:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 30%,#0d0f1d8c,#080a14d9);position:absolute;top:0;right:0;bottom:0;left:0}button,input,textarea,select{font-family:inherit}button{cursor:pointer;color:inherit;background:0 0;border:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes screenFadeIn{0%{opacity:0;filter:blur(4px);transform:translateY(14px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes glowPulse{0%{box-shadow:0 0 10px #fff6,inset 0 0 0 2px #fff}to{box-shadow:0 0 26px #fffffff2,inset 0 0 0 3px #fff}}@keyframes shimmerSweep{0%{transform:translate(-120%)rotate(25deg)}to{transform:translate(200%)rotate(25deg)}}@keyframes timerPulse{0%{filter:drop-shadow(0 0 2px #ef444480);transform:scale(1)}to{filter:drop-shadow(0 0 14px #ef4444f2);transform:scale(1.12)}}@keyframes floatBadge{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(2deg)}}@keyframes sfxPop{0%{transform:scale(.88)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes winnerGlow{0%,to{box-shadow:0 0 15px #ffd70099}50%{box-shadow:0 0 32px #ffd700f2}}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes rise{0%{transform-origin:bottom;transform:scaleY(0)}to{transform-origin:bottom;transform:scaleY(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes dotB{0%,80%,to{opacity:.4;transform:scale(.5)}40%{opacity:1;transform:scale(1.2)}}@keyframes notePulse{0%,to{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes barA{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes enterA{0%{opacity:0;transform:scale(.7)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes confFall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}.game-screen{z-index:1;background:0 0;flex-direction:column;height:100dvh;min-height:100dvh;max-height:100dvh;animation:.32s cubic-bezier(.16,1,.3,1) forwards screenFadeIn;display:flex;position:relative;overflow:hidden}.wrap{z-index:1;flex-direction:column;flex:1;width:100%;max-width:520px;margin:0 auto;padding:20px 16px 100px;display:flex;position:relative}.app-header{-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#1c1938e0,#0f1124eb);border:1px solid #ffd70033;border-radius:20px;align-items:center;gap:12px;margin-bottom:22px;padding:12px 16px;display:flex;box-shadow:0 8px 24px #0006,inset 0 1px #ffffff1f}.hdr-avatar{background:var(--darkcard);cursor:pointer;border:2px solid #ffd70099;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:hidden;box-shadow:0 0 14px #ffd70040}.hdr-avatar:hover{border-color:gold;transform:scale(1.08)rotate(4deg);box-shadow:0 0 20px #ffd70080}.hdr-avatar img{object-fit:cover;width:100%;height:100%}.hdr-info{flex:1;min-width:0}.hdr-hi{color:gold;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.hdr-name{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;color:#fff;font-size:20px;font-weight:900;line-height:1.1;overflow:hidden}.hdr-btn{color:#0b0c16;background:linear-gradient(135deg,gold,#f59e0b);border-radius:14px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:900;transition:all .18s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 14px #f59e0b59}.hdr-btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 8px 20px #f59e0b8c}.hdr-btn.ghost{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:none;background:#ffffff14;border:1px solid #ffffff26}.hdr-btn.ghost:hover{background:#ffffff29;border-color:#ffd70066}.sect-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--txt2);margin:22px 4px 12px;font-size:11px;font-weight:800}.sect-title:first-of-type{margin-top:4px}.card{background:var(--whitecard);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff2e;border-radius:20px;margin-bottom:14px;padding:18px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 20px #00000026}.card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00000038}.card.dark{background:var(--darkcard);border:1px solid #ffffff14}.guest-banner{background:linear-gradient(135deg,#1c1938e6,#0f1124eb);border:1px solid #ffd70038;border-radius:20px;margin-bottom:12px;padding:18px 20px;box-shadow:0 8px 24px #00000059}.guest-banner h3{color:gold;margin-bottom:6px;font-size:17px;font-weight:900}.guest-banner p{color:#fffc;margin-bottom:14px;font-size:13px;line-height:1.5}.guest-banner .btn-signup{color:#0b0c16;background:linear-gradient(135deg,gold,#f59e0b);border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-size:14px;font-weight:900;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 16px #f59e0b66}.guest-banner .btn-signup:hover{transform:translateY(-2px);box-shadow:0 6px 22px #f59e0b99}.game-buttons-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.game-btn{cursor:pointer;text-align:center;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;width:100%;padding:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex}.game-btn:active{transform:scale(.94)}.game-btn-img-box{aspect-ratio:1;background:#0f172a99;border:2px solid #ffffff29;border-radius:24px;width:100%;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 8px 24px #00000059}.game-btn:hover .game-btn-img-box{border-color:gold;transform:translateY(-4px)scale(1.03);box-shadow:0 12px 32px #ffd70059,0 4px 14px #0009}.game-btn-img-box img{object-fit:cover;width:100%;height:100%;transition:transform .35s,filter .35s;display:block}.game-btn:hover .game-btn-img-box img{filter:brightness(1.08);transform:scale(1.06)}.game-btn-label{color:#fff;letter-spacing:-.2px;text-shadow:0 2px 4px #000000b3;margin-top:10px;font-size:15px;font-weight:900;line-height:1.2;transition:color .2s}.game-btn:hover .game-btn-label{color:gold}.play-grid{flex-direction:column;gap:12px;display:flex}.play-card{text-align:left;min-height:130px;color:var(--dark);border:1.5px solid #ffffff40;border-radius:20px;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:20px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #0000002e}.play-card:hover{border-color:#ffffff80;transform:translateY(-3px)scale(1.015);box-shadow:0 12px 28px #00000047}.play-card:active{transform:scale(.97)}.play-card.blind{background:var(--blind)}.play-card.quiz{background:var(--quiz)}.play-card.soon{background:var(--darkcard);color:#fff;box-shadow:none;border-color:#0000}.pc-badge{color:#fff;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000038;border-radius:9px;padding:4px 9px;font-size:11px;font-weight:900;position:absolute;top:14px;left:14px}.pc-icon{opacity:.28;pointer-events:none;font-size:82px;line-height:1;transition:transform .2s;position:absolute;bottom:0;right:8px}.play-card:hover .pc-icon{opacity:.38;transform:scale(1.1)rotate(-4deg)}.pc-title{font-size:24px;font-weight:900;line-height:1}.pc-sub{opacity:.78;margin-top:3px;font-size:13px;font-weight:700}.arcade-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.arcade-card{text-align:left;cursor:pointer;border:1.5px solid #ffffff2e;border-radius:18px;flex-direction:column;justify-content:flex-end;min-height:108px;padding:14px 12px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000038}.arcade-card:hover{border-color:#ffffff73;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 24px #00000059}.arcade-card:active{transform:scale(.95)}.arcade-card.speed{color:#fff;background:linear-gradient(135deg,#0284c7,#0369a1)}.arcade-card.survie{color:#fff;background:linear-gradient(135deg,#dc2626,#991b1b)}.arcade-card.intrus{color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6)}.arcade-card.blitz{color:#fff;background:linear-gradient(135deg,#d97706,#b45309)}.ac-badge{color:#fff;letter-spacing:.8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;border-radius:6px;padding:3px 6px;font-size:8.5px;font-weight:900;position:absolute;top:8px;left:8px}.ac-icon{opacity:.25;pointer-events:none;font-size:52px;line-height:1;position:absolute;bottom:-6px;right:2px}.ac-info{z-index:2;position:relative}.ac-title{font-size:15px;font-weight:900;line-height:1.25}.ac-sub{opacity:.88;margin-top:3px;font-size:10.5px;font-weight:700;line-height:1.2}.rooms-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;padding:2px 4px 8px;display:flex;overflow-x:auto}.rooms-scroll::-webkit-scrollbar{display:none}.room-card{background:var(--darkcard);cursor:pointer;border-radius:18px;flex-shrink:0;width:170px;padding:14px;transition:transform .12s;box-shadow:0 4px 14px #00000026}.room-card:active{transform:scale(.96)}.room-card .rc-top{align-items:center;gap:8px;margin-bottom:10px;display:flex}.room-card .rc-emoji{font-size:24px}.room-card .rc-code{letter-spacing:2px;color:var(--txt2);margin-left:auto;font-size:11px;font-weight:800}.room-card .rc-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;overflow:hidden}.room-card .rc-meta{color:var(--txt2);margin-top:4px;font-size:12px}.rooms-empty{color:var(--txt2);padding:8px 4px;font-size:13px;font-weight:700}.inp{color:#fff;background:#ffffff29;border:2px solid #0000;border-radius:14px;outline:none;width:100%;margin-bottom:10px;padding:13px 16px;font-size:15px;font-weight:700;transition:border-color .15s}.inp::placeholder{color:#fff9}.inp:focus{border-color:#fff}.inp-code{text-transform:uppercase;letter-spacing:5px;text-align:center;font-size:22px;font-weight:900}textarea.inp{resize:vertical;min-height:64px;font-size:15px;line-height:1.5}.btn{border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:10px;padding:15px;font-size:16px;font-weight:800;transition:transform .1s,filter .15s;display:flex}.btn:active{transform:scale(.97)}.btn-primary{color:var(--bg);background:#fff;box-shadow:0 4px 16px #0000002e}.btn-dark{background:var(--dark);color:#fff}.btn-secondary{background:var(--darkcard);color:#fff}.btn-ghost{color:#fff;background:#ffffff2e}.btn-danger{color:#ffd7d0;background:#0003}.btn:disabled,.btn.disabled{opacity:.5;pointer-events:none}.btn-sm{border-radius:11px;width:auto;margin-bottom:0;padding:9px 14px;font-size:13px}.btn-back{background:var(--darkcard);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:0;padding:0;font-size:20px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#fff;background:#ffffff29;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:700;display:flex}.chip .badge-guest{background:var(--dark);color:#fff;letter-spacing:.5px;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:800}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.pill{color:#fff;background:#ffffff29;border-radius:12px;padding:9px 14px;font-size:13px;font-weight:800;transition:all .12s}.pill.active{color:var(--bg);background:#fff}.divider{color:var(--txt2);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:12px;margin:16px 0;font-size:12px;font-weight:800;display:flex}.divider:before,.divider:after{content:"";background:#ffffff2e;border-radius:2px;flex:1;height:2px}.err{color:#fff;text-align:center;background:#00000038;border-radius:10px;margin-bottom:8px;padding:8px;font-size:13px;font-weight:700}.err.show{display:block}.bottom-nav{z-index:100;-webkit-backdrop-filter:blur(20px);padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:#0e1020f0;border-top:1px solid #ffd70038;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #00000080}.nav-tab{color:#fff9;flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 2px;font-size:10px;font-weight:800;transition:all .2s;display:flex}.nav-tab .ico{justify-content:center;align-items:center;width:28px;height:28px;line-height:1;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex}.nav-tab .ico img{object-fit:contain;filter:drop-shadow(0 2px 6px #00000073);border-radius:8px;width:100%;height:100%;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.nav-tab.active{color:gold}.nav-tab.active .ico img{filter:drop-shadow(0 0 10px #ffd700bf);transform:translateY(-3px)scale(1.18)}.profile-hero{text-align:center;flex-direction:column;align-items:center;padding:14px 0 4px;display:flex}.profile-photo{background:var(--darkcard);border:4px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:12px;font-size:52px;display:flex;overflow:hidden}.profile-photo img{object-fit:cover;width:100%;height:100%}.profile-name{font-size:24px;font-weight:900}.profile-email{color:var(--txt2);margin-top:2px;font-size:12px}.level-badge{background:var(--dark);border-radius:16px;align-items:center;gap:8px;margin:14px 0 10px;padding:8px 16px;font-size:15px;font-weight:800;display:inline-flex}.level-badge .lvl-num{color:var(--txt2);font-size:11px}.xp-bar-wrap{width:100%;max-width:340px}.xp-bar-labels{color:var(--txt2);justify-content:space-between;margin-bottom:6px;font-size:11px;font-weight:800;display:flex}.xp-bar-track{background:#00000038;border-radius:8px;height:14px;overflow:hidden}.xp-bar-fill{background:#fff;border-radius:8px;height:100%;transition:width 1s cubic-bezier(.34,1.4,.64,1)}.stats-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:18px;display:grid}.stat-box{background:var(--whitecard);text-align:center;border-radius:16px;padding:14px 8px;box-shadow:0 4px 14px #0000001f}.stat-box .sv{font-size:24px;font-weight:900}.stat-box .sl{text-transform:uppercase;letter-spacing:.5px;color:var(--txt2);margin-top:4px;font-size:10px;font-weight:800}.rank-row{background:var(--whitecard);border-radius:16px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex;box-shadow:0 3px 10px #0000001a}.rank-row.me{outline:2px solid #fff}.rank-pos{text-align:center;flex-shrink:0;width:34px;font-size:18px;font-weight:900}.rank-avatar{background:var(--darkcard);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;overflow:hidden}.rank-avatar img{object-fit:cover;width:100%;height:100%}.rank-info{flex:1;min-width:0}.rank-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;overflow:hidden}.rank-lvl{color:var(--txt2);font-size:11px;font-weight:700}.rank-xp{flex-shrink:0;font-size:16px;font-weight:900}.placeholder{text-align:center;color:var(--txt2);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.placeholder .ph-icon{opacity:.7;margin-bottom:16px;font-size:64px}.placeholder h3{color:#fff;margin-bottom:8px;font-size:20px;font-weight:900}.placeholder p{max-width:280px;font-size:14px;font-weight:700;line-height:1.5}.shop-header-card{background:linear-gradient(135deg,#1c1938e6,#0f1124eb);border:1px solid #ffd70033;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;display:flex;box-shadow:0 8px 24px #00000059}.stars-badge{background:var(--dark);color:gold;border-radius:14px;align-items:center;gap:8px;padding:8px 16px;font-size:18px;font-weight:900;display:flex;box-shadow:0 0 10px #ffd70040}.shop-grid{grid-template-columns:1fr;gap:12px;margin-bottom:24px;display:grid}.shop-card{background:var(--whitecard);border:1.5px solid #ffffff1f;border-radius:18px;align-items:center;gap:14px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #00000026}.shop-card.equipped{background:#ffd7001f;border-color:gold}.shop-preview{background:var(--darkcard);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex;overflow:hidden;box-shadow:inset 0 0 10px #0000004d}.shop-info{flex:1;min-width:0}.shop-title{flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;font-weight:900;display:flex}.shop-desc{color:var(--txt2);margin-top:2px;font-size:12px;line-height:1.35}.shop-tag{text-transform:uppercase;background:#fff3;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:900}.shop-btn{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:10px 14px;font-size:13px;font-weight:800;display:flex}.shop-btn.buy{color:#1a1a2e;background:gold}.shop-btn.equipped{color:#fff;cursor:default;background:#fff3}.shop-btn.activate{color:var(--bg);background:#fff}.shop-btn.locked{color:#ffffff80;background:#0000004d}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:10px;margin-bottom:24px;display:grid}.badge-card{background:var(--darkcard);text-align:center;opacity:.45;filter:grayscale(.8);border:1.5px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;padding:12px 8px;transition:all .25s;display:flex;position:relative}.badge-card.unlocked{opacity:1;filter:none;background:#ffd70014;border-color:#ffd70066;box-shadow:0 4px 14px #00000040}.badge-icon{filter:drop-shadow(0 2px 4px #0000004d);margin-bottom:6px;font-size:28px;line-height:1}.badge-name{color:#fff;font-size:11px;font-weight:800;line-height:1.25}.badge-desc{color:var(--txt2);margin-top:3px;font-size:9.5px;line-height:1.2}.badge-status{font-size:10px;position:absolute;top:6px;right:6px}.soundboard-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px;display:grid}.sfx-btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff1f;border:1.5px solid #ffffff29;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;transition:all .15s;display:flex}.sfx-btn:hover{background:#ffffff3d;border-color:#ffffff59;transform:translateY(-2px)}.sfx-btn:active{background:#ffffff59;transform:scale(.93)}.sfx-btn span:first-child{filter:drop-shadow(0 2px 4px #0000004d);font-size:22px;line-height:1}.sfx-btn span:last-child{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10.5px;font-weight:800;overflow:hidden}.fab-btn-icon{color:#fff;cursor:pointer;background:#ffffff38;border:none;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;margin-left:6px;font-size:20px;transition:all .15s;display:inline-flex;box-shadow:0 4px 12px #00000040}.fab-btn-icon:active{transform:scale(.92)}.setup-head{align-items:center;gap:12px;margin-bottom:18px;padding-top:6px;display:flex}.setup-head h2{flex:1;font-size:20px;font-weight:900}.ai-panel{background:var(--darkcard);border-radius:20px;margin-bottom:14px;padding:18px}.ai-panel .lbl{text-transform:uppercase;letter-spacing:1px;color:var(--txt2);margin-bottom:8px;font-size:11px;font-weight:800}.q-card{background:var(--whitecard);border-radius:16px;margin-bottom:12px;padding:14px;box-shadow:0 3px 10px #0000001a}.q-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.q-num{font-size:14px;font-weight:900}.q-del{color:#ffd7d0;background:#0003;border-radius:9px;padding:4px 10px;font-size:12px;font-weight:800}.choice-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.choice-mark{background:#0000002e;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:44px;font-size:14px;font-weight:900;display:flex}.choice-mark.correct{color:var(--bg);background:#fff}.deezer-row{align-items:stretch;gap:8px;margin-bottom:8px;display:flex}.deezer-row .inp{flex:1;margin-bottom:0}.btn-deezer{color:#fff;background:#0003;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;padding:0 16px;font-size:16px;display:flex}.deezer-wrap{border-radius:12px;margin-bottom:10px;overflow:hidden}.deezer-warn{color:#fff;text-align:center;background:#0003;border-radius:10px;margin-bottom:8px;padding:8px;font-size:12px;font-weight:700}.quiz-q-box{background:var(--dark);text-align:center;border:1.5px solid #ffffff26;border-radius:20px;padding:22px;font-size:18px;font-weight:900;line-height:1.4;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000059}.quiz-q-box:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:4s linear infinite shimmerSweep;position:absolute;top:0;left:-100%}.g-topbar{padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000004d;border-bottom:1px solid #ffffff1f;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.g-timer{flex-shrink:0;width:54px;height:54px;transition:transform .2s;position:relative}.g-timer.urgent{animation:.45s ease-in-out infinite alternate timerPulse}.g-timer svg{filter:drop-shadow(0 2px 8px #0000004d);position:absolute;top:0;left:0}.g-timer-num{color:#fff;justify-content:center;align-items:center;font-size:19px;font-weight:900;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.g-label{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:1px solid #ffffff26;border-radius:14px;flex:1;padding:9px 12px;font-size:15px;font-weight:900;line-height:1.2;box-shadow:0 4px 14px #00000026}.g-score{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:1px solid #ffffff26;border-radius:14px;flex-direction:column;flex-shrink:0;align-items:center;min-width:62px;padding:6px 12px;display:flex;box-shadow:0 4px 14px #00000026}.g-score-num{font-size:20px;font-weight:900;line-height:1}.g-score-lbl{color:var(--txt2);margin-top:1px;font-size:10px;font-weight:800}.g-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:14px 16px;display:flex;overflow-y:auto}.code-box{background:var(--dark);text-align:center;border:1.5px solid #ffffff26;border-radius:22px;margin-bottom:14px;padding:22px;box-shadow:0 10px 30px #00000059}.code-label{color:var(--txt2);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-size:11px;font-weight:800}.code-val{letter-spacing:10px;color:#fff;text-shadow:0 4px 12px #0006;font-size:52px;font-weight:900;line-height:1}.code-hint{color:var(--txt2);margin-top:10px;font-size:12px;font-weight:700}.waiting-dots{justify-content:center;gap:8px;padding:18px 0;display:flex}.waiting-dot{background:#fff;border-radius:50%;width:11px;height:11px;animation:1.2s ease-in-out infinite dotB;box-shadow:0 0 10px #fffc}.waiting-dot:nth-child(2){animation-delay:.2s}.waiting-dot:nth-child(3){animation-delay:.4s}.music-visual{flex-direction:column;align-items:center;display:flex}.note-bg{filter:drop-shadow(0 6px 16px #0000004d);font-size:64px;animation:1.5s ease-in-out infinite notePulse}.bars{align-items:flex-end;gap:5px;height:32px;margin:14px 0;display:flex}.bar{background:#fff;border-radius:4px;width:6px;animation:.8s ease-in-out infinite barA;box-shadow:0 0 10px #fff9}.bar:first-child{height:12px}.bar:nth-child(2){height:22px;animation-delay:.1s}.bar:nth-child(3){height:32px;animation-delay:.2s}.bar:nth-child(4){height:26px;animation-delay:.15s}.bar:nth-child(5){height:18px;animation-delay:50ms}.bar:nth-child(6){height:12px;animation-delay:.25s}.playing-txt{color:var(--txt2);text-align:center;margin-top:6px;font-size:13px;font-weight:700}.status-box .answered{text-align:center;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000047;border:1px solid #ffffff26;border-radius:16px;margin-top:10px;padding:12px 22px;font-size:14px;font-weight:800}.status-box .expired{text-align:center;color:var(--txt2);background:#0000002e;border-radius:16px;margin-top:10px;padding:12px 22px;font-size:13px;font-weight:800}.ans-list-card{background:var(--darkcard);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:18px;width:100%;max-width:440px;margin-top:12px;padding:14px}.ans-bar-label{color:var(--txt2);justify-content:space-between;font-size:12px;font-weight:800;display:flex}.p-row{background:#ffffff14;border-radius:12px;align-items:center;gap:10px;margin-top:6px;padding:8px 10px;transition:all .15s;display:flex}.p-row.me{outline:2px solid #fff;box-shadow:0 0 12px #fff6}.p-row.correct{background:#3aa56452;border:1px solid #3aa56480}.p-row.wrong{background:#e0524a47;border:1px solid #e0524a66}.p-avatar{background:var(--darkcard);border:1.5px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex;overflow:hidden}.p-avatar img{object-fit:cover;width:100%;height:100%}.p-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:800;overflow:hidden}.p-choice{color:var(--txt2);text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:11px;overflow:hidden}.p-status{font-size:18px}.choices{padding:10px 14px calc(14px + env(safe-area-inset-bottom));flex-shrink:0;grid-template-columns:1fr 1fr;align-items:stretch;gap:10px;width:100%;display:grid}.choice-btn{white-space:normal;word-break:break-word;text-align:center;color:#fff;border:1.5px solid #fff3;border-radius:16px;justify-content:center;align-items:center;gap:8px;height:auto;min-height:58px;padding:14px 18px;font-size:clamp(13px,3.6vw,16px);font-weight:900;line-height:1.3;transition:all .15s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px #00000038}.choice-btn:hover{border-color:#ffffff80;transform:translateY(-2px)scale(1.02);box-shadow:0 10px 24px #00000052}.choice-btn:active{transform:scale(.95)}.choice-btn .ci{opacity:.9;flex-shrink:0;font-size:16px}.choice-btn:disabled{cursor:default}.choice-btn:first-child{background:linear-gradient(135deg,#e0524a,#c0392b)}.choice-btn:nth-child(2){background:linear-gradient(135deg,#2f7fd1,#1e5ba8)}.choice-btn:nth-child(3){background:linear-gradient(135deg,#e0a53a,#c6831d)}.choice-btn:nth-child(4){background:linear-gradient(135deg,#3aa564,#288048)}.choice-btn.enter-1{animation:.35s cubic-bezier(.34,1.5,.64,1) both enterA}.choice-btn.enter-2{animation:.35s cubic-bezier(.34,1.5,.64,1) 70ms both enterA}.choice-btn.enter-3{animation:.35s cubic-bezier(.34,1.5,.64,1) .14s both enterA}.choice-btn.enter-4{animation:.35s cubic-bezier(.34,1.5,.64,1) .21s both enterA}.choice-btn.selected{filter:brightness(1.25);transform:scale(1.02);box-shadow:0 0 18px #fffc,inset 0 0 0 3px #fff}.choice-btn.correct{filter:brightness(1.2);animation:1s ease-in-out infinite alternate glowPulse;box-shadow:0 0 24px #fffffff2,inset 0 0 0 3.5px #fff}.choice-btn.wrong{filter:brightness(.35);opacity:.6;transform:scale(.96)}.choice-btn.dim{filter:brightness(.4);opacity:.6}.reveal-box{text-align:center;width:100%;max-width:400px}.reveal-label{color:var(--txt2);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px;font-size:11px;font-weight:800}.reveal-name{margin-bottom:16px;font-size:26px;font-weight:900;animation:.5s cubic-bezier(.34,1.5,.64,1) pop}.result-win{background:#3aa56459;border-radius:16px;width:100%;max-width:340px;margin-bottom:10px;margin-left:auto;margin-right:auto;padding:12px 20px;font-size:17px;font-weight:900}.result-lose{background:#00000038;border-radius:16px;width:100%;max-width:340px;margin-bottom:10px;margin-left:auto;margin-right:auto;padding:12px 20px;font-size:15px;font-weight:900}.reveal-row{border-radius:10px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:14px;font-weight:700;display:flex}.reveal-row.me{background:#ffffff1f}.reveal-nm{align-items:center;gap:8px;display:flex}.reveal-pts{font-weight:900}.host-fab{z-index:120;flex-flow:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:85vw;display:flex;position:fixed;top:72px;right:14px}.host-fab .fab-info{background:var(--dark);color:#fff;border-radius:14px;padding:8px 14px;font-size:13px;font-weight:800;box-shadow:0 6px 18px #0000004d}.host-fab .fab-btn{color:var(--bg);background:#fff;border-radius:16px;align-items:center;gap:6px;padding:12px 16px;font-size:14px;font-weight:900;display:flex;box-shadow:0 6px 18px #0000004d}.game-screen.host-playing .choices{padding-bottom:12px}.interlude{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.interlude-emoji{margin-bottom:16px;font-size:80px;animation:2s ease-in-out infinite floatBadge}.interlude-comment{margin-bottom:20px;font-size:22px;font-weight:900;line-height:1.3;animation:.5s cubic-bezier(.34,1.5,.64,1) slideUp}.mini-scores{width:100%;max-width:360px;margin-bottom:24px}.mini-row{background:var(--darkcard);border-radius:12px;align-items:center;gap:10px;margin-bottom:6px;padding:9px 14px;display:flex}.mini-pos{width:28px;font-size:18px;font-weight:900}.mini-nm{text-align:left;flex:1;font-size:14px;font-weight:800}.mini-pts{font-size:16px;font-weight:900}.wait-lbl{color:var(--txt2);margin-top:8px;font-size:13px;font-weight:700}.final{padding:24px 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;flex:1;align-items:center;display:flex;overflow-y:auto}.final-title{text-align:center;margin-bottom:6px;font-size:34px;font-weight:900;animation:.6s cubic-bezier(.34,1.5,.64,1) pop}.final-comment{background:var(--dark);text-align:center;border-radius:16px;max-width:400px;margin-bottom:20px;padding:14px 20px;font-size:15px;font-weight:700;animation:.5s .2s both slideUp}.podium{justify-content:center;align-items:flex-end;gap:12px;width:100%;max-width:420px;margin-bottom:24px;display:flex}.pod-col{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.pod-avatar{filter:drop-shadow(0 4px 10px #0000004d);font-size:32px}.pod-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:95px;font-size:13px;font-weight:800;overflow:hidden}.pod-pts{font-size:15px;font-weight:900}.pod-block{border:1.5px solid #ffffff40;border-bottom:none;border-radius:12px 12px 0 0;justify-content:center;align-items:center;width:100%;max-width:95px;font-size:28px;animation:.8s cubic-bezier(.34,1.5,.64,1) both rise;display:flex;box-shadow:0 8px 24px #00000047}.pod-1{background:linear-gradient(#ffd24a,#e0a53a);animation:.8s cubic-bezier(.34,1.5,.64,1) both rise,2s ease-in-out infinite winnerGlow}.pod-2{background:linear-gradient(#e8e8ee,#b8b8c4)}.pod-3{background:linear-gradient(#e39b6b,#c87b4a)}.final-list{width:100%;max-width:400px;margin-bottom:20px}.final-row{background:var(--whitecard);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff26;border-radius:16px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;display:flex;box-shadow:0 4px 14px #0000001f}.fr-medal{flex-shrink:0;width:30px;font-size:22px}.fr-avatar{font-size:22px}.fr-info{flex:1;min-width:0}.fr-name{font-size:15px;font-weight:800}.fr-comment{color:var(--txt2);margin-top:2px;font-size:11px;font-style:italic}.fr-pts{font-size:18px;font-weight:900}.xp-toast{background:var(--dark);text-align:center;border:1.5px solid #ffffff2e;border-radius:16px;margin-bottom:16px;padding:12px 20px;font-size:14px;font-weight:900;animation:.5s slideUp;box-shadow:0 8px 24px #00000059}.xp-toast.badge-toast{background:linear-gradient(135deg,#f59e0b,#d97706);margin-top:6px}.confetti-wrap{pointer-events:none;z-index:500;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.conf{border-radius:2px;width:10px;height:10px;animation:linear forwards confFall;position:absolute}.modal-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal-overlay.hidden{display:none}.modal-sheet{background:var(--bg2);border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:520px;max-height:88dvh;animation:.3s cubic-bezier(.34,1.5,.64,1) sheetUp;display:flex;overflow:hidden}.modal-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.modal-title{font-size:17px;font-weight:900}.modal-close{background:#0003;border-radius:10px;padding:8px 14px;font-size:14px;font-weight:800}.modal-search-row{gap:8px;padding:0 16px 12px;display:flex}.modal-search-row .inp{flex:1;margin-bottom:0}.modal-body{padding:8px 16px calc(16px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.search-result{background:var(--darkcard);border-radius:14px;align-items:center;gap:12px;margin-bottom:6px;padding:10px;display:flex}.search-cover{object-fit:cover;background:#0003;border-radius:10px;flex-shrink:0;width:48px;height:48px}.search-info{flex:1;min-width:0}.search-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;overflow:hidden}.search-artist{color:var(--txt2);font-size:12px}.search-pick{color:var(--bg);background:#fff;border-radius:10px;flex-shrink:0;padding:8px 14px;font-size:12px;font-weight:800}.search-empty{text-align:center;color:var(--txt2);padding:32px 0;font-size:14px;font-weight:700}.modal-box{background:var(--bg2);width:100%;max-width:520px;padding:22px 20px calc(32px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;max-height:90dvh;animation:.25s ease-out sheetUp;overflow-y:auto}.modal-label{text-transform:uppercase;letter-spacing:1px;color:var(--txt2);margin-bottom:8px;font-size:11px;font-weight:800}.color-grid{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.color-opt{cursor:pointer;border:3px solid #0000;border-radius:50%;flex-shrink:0;width:34px;height:34px}.color-opt.selected{border-color:#fff;transform:scale(1.12)}.emoji-grid{grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:16px;display:grid}.emoji-opt{background:#ffffff24;border:2px solid #0000;border-radius:11px;justify-content:center;align-items:center;height:42px;font-size:20px;display:flex}.emoji-opt.selected{background:#ffffff47;border-color:#fff}.modal-actions{gap:10px;margin-top:6px;display:flex}.modal-actions .btn{flex:1;margin-bottom:0}.admin-header{background:var(--bg2);padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top));flex-shrink:0;align-items:center;gap:14px;display:flex}.admin-header-info{flex:1}.admin-header-title{font-size:16px;font-weight:900}.admin-header-sub{color:var(--txt2);margin-top:2px;font-size:11px}.admin-tabs{background:var(--bg2);scrollbar-width:none;flex-shrink:0;display:flex;overflow-x:auto}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{color:var(--txt2);white-space:nowrap;cursor:pointer;border-bottom:3px solid #0000;padding:12px 16px;font-size:13px;font-weight:800}.admin-tab.active{color:#fff;border-bottom-color:#fff}.admin-content{flex:1;padding:16px;overflow-y:auto}.admin-section{margin-bottom:20px}.admin-section-title{text-transform:uppercase;letter-spacing:1px;color:var(--txt2);margin-bottom:12px;font-size:11px;font-weight:800}.a-item{background:var(--whitecard);border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.a-item-info{flex:1;min-width:0}.a-item-name{font-size:14px;font-weight:800}.a-item-meta{color:var(--txt2);margin-top:2px;font-size:11px}.btn-icon{color:#fff;background:#0000002e;border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.config-row{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.config-row:last-child{border-bottom:none}.config-label{font-size:14px;font-weight:800}.config-sub{color:var(--txt2);margin-top:2px;font-size:11px}.config-val{align-items:center;gap:8px;font-size:18px;font-weight:900;display:flex}.config-btn{background:#0003;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;font-weight:900;display:flex}.cfg-toggle{cursor:pointer;background:#00000040;border-radius:13px;flex-shrink:0;width:46px;height:26px;position:relative}.cfg-toggle.on{background:#fff}.cfg-toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:3px;left:3px}.cfg-toggle.on:after{background:var(--bg);left:23px}.spin-load{text-align:center;color:var(--txt2);padding:24px 0;font-size:14px;font-weight:700}.spin-icon{font-size:30px;animation:.8s linear infinite spin;display:inline-block}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-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-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-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}@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}}