/*! tailwindcss v4.2.0 | 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{--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-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}::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-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:#fb2c36;--color-yellow-500:#edb200;--color-green-500:#00c758;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-blue-700:#1447e6;--color-indigo-400:#7d87ff;--color-indigo-500:#625fff;--color-indigo-600:#4f39f6;--color-indigo-900:#312c85;--color-purple-500:#ac4bff;--color-purple-900:#59168b;--color-fuchsia-300:#f2a9ff;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cad5e2;--color-slate-400:#90a1b9;--color-slate-500:#62748e;--color-slate-700:#314158;--color-slate-800:#1d293d;--color-gray-700:#364153;--color-gray-800:#1e2939;--color-gray-900:#101828;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--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-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-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--aspect-video:16 / 9;--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:color(display-p3 0 0 0)){:root,:host{--color-red-500:color(display-p3 .903738 .262579 .253307);--color-yellow-500:color(display-p3 .903651 .703062 .0745389);--color-green-500:color(display-p3 .308734 .774754 .374307);--color-blue-500:color(display-p3 .266422 .491219 .988624);--color-blue-600:color(display-p3 .174493 .358974 .950247);--color-blue-700:color(display-p3 .1379 .274983 .867624);--color-indigo-400:color(display-p3 .494992 .525291 .985107);--color-indigo-500:color(display-p3 .380374 .372235 .971707);--color-indigo-600:color(display-p3 .297656 .227891 .929242);--color-indigo-900:color(display-p3 .188425 .173312 .503066);--color-purple-500:color(display-p3 .629519 .30089 .990817);--color-purple-900:color(display-p3 .321698 .107597 .524563);--color-fuchsia-300:color(display-p3 .91137 .670052 .986215);--color-slate-50:color(display-p3 .974377 .979815 .986207);--color-slate-100:color(display-p3 .947345 .959969 .97483);--color-slate-200:color(display-p3 .890322 .909405 .939294);--color-slate-300:color(display-p3 .800294 .834432 .882803);--color-slate-400:color(display-p3 .577446 .629622 .716602);--color-slate-500:color(display-p3 .397645 .452653 .547642);--color-slate-700:color(display-p3 .205992 .253487 .336039);--color-slate-800:color(display-p3 .121994 .158688 .232363);--color-gray-700:color(display-p3 .219968 .253721 .318679);--color-gray-800:color(display-p3 .125854 .159497 .216835);--color-gray-900:color(display-p3 .070423 .0928982 .151928)}}@supports (color:lab(0% 0 0)){:root,:host{--color-red-500:lab(55.4814% 75.0732 48.8528);--color-yellow-500:lab(76.3898% 14.5258 98.4589);--color-green-500:lab(70.5521% -66.5147 45.8072);--color-blue-500:lab(54.1736% 13.3368 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-700:lab(36.9089% 35.0961 -85.6872);--color-indigo-400:lab(59.866% 22.4833 -64.4485);--color-indigo-500:lab(48.295% 38.3129 -81.9673);--color-indigo-600:lab(38.4009% 52.6132 -92.3857);--color-indigo-900:lab(23.3911% 24.6978 -50.4719);--color-purple-500:lab(52.0183% 66.11 -78.2316);--color-purple-900:lab(24.9401% 45.2703 -51.2728);--color-fuchsia-300:lab(78.5378% 39.3533 -32.9615);--color-slate-50:lab(98.1434% -.369549 -1.05968);--color-slate-100:lab(96.286% -.852466 -2.46847);--color-slate-200:lab(91.7353% -.998765 -4.76968);--color-slate-300:lab(84.7652% -1.94535 -7.93337);--color-slate-400:lab(65.5349% -2.25151 -14.5072);--color-slate-500:lab(48.0876% -2.03595 -16.5814);--color-slate-700:lab(26.9569% -1.47018 -15.6993);--color-slate-800:lab(16.132% -.318021 -14.6672);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-800:lab(16.1051% -1.18239 -11.7533);--color-gray-900:lab(8.11897% .811279 -12.254)}}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{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,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}::-webkit-file-upload-button{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:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::-webkit-file-upload-button{margin-inline-end:4px}::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-start:0;padding-block-end:0}::-webkit-datetime-edit-year-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-month-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-day-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-hour-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-minute-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-second-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-millisecond-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-meridiem-field{padding-block-start:0;padding-block-end:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{-webkit-appearance:button;appearance:button}input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-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}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}.start:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}.start:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}.start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}.end:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing)}.end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing)}.end:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing)}.end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing)}.top-full{top:100%}.right-0{right:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.z-10{z-index:10}.z-\[1000\]{z-index:1000}.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-start:auto;margin-inline-end:auto}.my-4{margin-block:calc(var(--spacing) * 4)}.my-5{margin-block:calc(var(--spacing) * 5)}.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-5{margin-top:calc(var(--spacing) * 5)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-14{height:calc(var(--spacing) * 14)}.h-auto{height:auto}.h-full{height:100%}.max-h-80{max-height:calc(var(--spacing) * 80)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-\[60vh\]{min-height:60vh}.w-6{width:calc(var(--spacing) * 6)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-14{width:calc(var(--spacing) * 14)}.w-32{width:calc(var(--spacing) * 32)}.w-full{width:100%}.max-w-40{max-width:calc(var(--spacing) * 40)}.max-w-100{max-width:calc(var(--spacing) * 100)}.max-w-150{max-width:calc(var(--spacing) * 150)}.max-w-\[320px\]{max-width:320px}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.flex-shrink-0,.shrink-0{flex-shrink:0}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;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,)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-\(--border-color\,\#334155\){border-color:var(--border-color,#334155)}.border-green-500\/50{border-color:#00c75880}@supports (color:color-mix(in lab, red, red)){.border-green-500\/50{border-color:color-mix(in oklab, var(--color-green-500) 50%, transparent)}}.border-indigo-500\/60{border-color:#625fff99}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/60{border-color:color-mix(in oklab, var(--color-indigo-500) 60%, 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-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-yellow-500\/30{border-color:#edb2004d}@supports (color:color-mix(in lab, red, red)){.border-yellow-500\/30{border-color:color-mix(in oklab, var(--color-yellow-500) 30%, transparent)}}.bg-\(--accent-color\,\#3498db\){background-color:var(--accent-color,#3498db)}.bg-\(--card-bg\,\#1e293b\){background-color:var(--card-bg,#1e293b)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-gray-900\/60{background-color:#10182899}@supports (color:color-mix(in lab, red, red)){.bg-gray-900\/60{background-color:color-mix(in oklab, var(--color-gray-900) 60%, transparent)}}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-indigo-600\/40{background-color:#4f39f666}@supports (color:color-mix(in lab, red, red)){.bg-indigo-600\/40{background-color:color-mix(in oklab, var(--color-indigo-600) 40%, transparent)}}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-transparent{background-color:#0000}.bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}.bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.from-indigo-400{--tw-gradient-from:var(--color-indigo-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-900{--tw-gradient-from:var(--color-indigo-900);--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-purple-500{--tw-gradient-via:var(--color-purple-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-fuchsia-300{--tw-gradient-to:var(--color-fuchsia-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-900{--tw-gradient-to:var(--color-purple-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-7{padding-inline:calc(var(--spacing) * 7)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-10{padding-block:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.font-\[Audiowide\,sans-serif\]{font-family:Audiowide,sans-serif}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.95rem\]{font-size:.95rem}.text-\[15px\]{font-size:15px}.text-\[120px\]{font-size:120px}.leading-\[1\.65\]{--tw-leading:1.65;line-height:1.65}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-\(--accent-color\,\#3498db\){color:var(--accent-color,#3498db)}.text-\(--text-muted\,\#94a3b8\){color:var(--text-muted,#94a3b8)}.text-\(--text-primary\,\#e2e8f0\){color:var(--text-primary,#e2e8f0)}.text-green-500{color:var(--color-green-500)}.text-red-500{color:var(--color-red-500)}.text-slate-50{color:var(--color-slate-50)}.text-slate-100{color:var(--color-slate-100)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\/25{color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.text-white\/25{color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.text-yellow-500{color:var(--color-yellow-500)}.italic{font-style:italic}.not-italic{font-style:normal}.no-underline{text-decoration-line:none}.opacity-50{opacity:.5}.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-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{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-200{--tw-duration:.2s;transition-duration:.2s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-slate-500::placeholder{color:var(--color-slate-500)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-\(--accent-color\,\#3498db\):hover{border-color:var(--accent-color,#3498db)}.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\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-indigo-500:hover{background-color:var(--color-indigo-500)}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:text-white:hover{color:var(--color-white)}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--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)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:bg-gray-900\/80:focus{background-color:#101828cc}@supports (color:color-mix(in lab, red, red)){.focus\:bg-gray-900\/80:focus{background-color:color-mix(in oklab, var(--color-gray-900) 80%, transparent)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-blue-500\/25:focus{--tw-ring-color:#3080ff40}@supports (color:color-mix(in lab, red, red)){.focus\:ring-blue-500\/25:focus{--tw-ring-color:color-mix(in oklab, var(--color-blue-500) 25%, transparent)}}.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)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}}*,:before,:after{box-sizing:border-box}:root{--bg-color:#0f1117;--bg-pattern:#1a1c28;--container-bg:#161822;--text-color:#e8e6f0;--text-muted:#8b8fa3;--border-color:#2a2d3e;--accent-color:#7c5cfc;--accent-hover:#9b7fff;--card-bg:#1c1e2e;--card-hover:#252840;--success:#22c55e;--error:#ef4444;--warning:#eab308;--info:#3b82f6;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}[data-theme=light],body.light-mode{--bg-color:#f0f2f5;--bg-pattern:#c8cad0;--container-bg:#fff;--text-color:#1a1a2e;--text-muted:#6b7280;--border-color:#e2e4ea;--accent-color:#6c47ff;--accent-hover:#5a35e0;--card-bg:#f7f8fa;--card-hover:#ecedf2;--success:#16a34a;--error:#dc2626;--warning:#ca8a04;--info:#2563eb}body{background-color:var(--bg-color);background-image:radial-gradient(var(--bg-pattern) 1px, transparent 1px);color:var(--text-color);background-size:30px 30px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{letter-spacing:.5px;font-family:Audiowide,cursive;font-weight:400}.footer{border-top:1px solid var(--border-color);flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:15px;padding-top:10px;display:flex}.footer-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.footer-links a{color:var(--text-muted);font-size:.85rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent-color)}.social-links{gap:12px;display:flex}.social-links a{color:var(--text-muted);background:var(--container-bg);border:1px solid var(--border-color);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.social-links a:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.social-links a[title*=Twitter] i,.social-links a[title*=X] i{transition:color .25s}.social-links a[title*=Twitter]:hover,.social-links a[title*=X]:hover{color:#fff;background:#000;border-color:#333}.social-links a[title*=Instagram]:hover{color:#fff;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:#dc2743}.social-links a[title*=GitHub]:hover{color:#fff;background:#24292e;border-color:#444}.footer-bottom{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:0;font-size:.8rem;display:flex}.footer-bottom p{margin:0}.version{background:var(--container-bg);border:1px solid var(--border-color);border-radius:8px;padding:4px 12px;font-family:Courier New,monospace;font-size:.8rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--container-bg)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.back-btn{border:1px solid var(--border-color);color:var(--text-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-radius:14px;align-items:center;gap:10px;margin-bottom:25px;padding:10px 20px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.back-btn i{color:var(--accent-color);font-size:.9rem;transition:transform .3s}.back-btn:hover{border-color:var(--accent-color);background:#ffffff14;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d,0 0 15px #3498db33}.back-btn:hover i{transform:translate(-5px)}.htp-left-panel{display:none!important}.sidebar-panel{background:var(--container-bg);border:1px solid var(--border-color);z-index:100;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;border-radius:16px;flex-direction:column;width:190px;max-height:calc(100dvh - 32px);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex;position:fixed;top:16px;right:16px;overflow-y:auto;box-shadow:0 8px 32px #00000040}@media (min-width:1101px){.sidebar-toggle,.sidebar-close,.sidebar-overlay{display:none!important}}@media (max-width:1100px){.sidebar-toggle{display:flex}.sidebar-close{display:block}.sidebar-panel{border-radius:16px 0 0 16px;width:260px;height:100dvh;max-height:100dvh;transition:right .3s cubic-bezier(.4,0,.2,1);top:0;right:-280px;box-shadow:-4px 0 20px #0000004d}.sidebar-panel.sidebar-open{right:0}}.sidebar-panel::-webkit-scrollbar{width:4px}.sidebar-panel::-webkit-scrollbar-track{background:0 0}.sidebar-panel::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.sidebar-brand-link{color:var(--text-color);align-items:center;gap:8px;text-decoration:none;transition:opacity .2s;display:flex}.sidebar-brand-link:hover{opacity:.8}.sidebar-brand{color:var(--text-color);font-family:Audiowide,cursive;font-size:.9rem}.sidebar-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1rem;transition:color .2s;display:none}.sidebar-close:hover{color:var(--text-color)}.sidebar-section{border-bottom:1px solid var(--border-color);padding:8px 0}.sidebar-section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);padding:0 14px 4px;font-size:.6rem;font-weight:600}.sidebar-link{color:var(--text-color);border-left:3px solid #0000;align-items:center;gap:10px;padding:6px 14px;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover,.sidebar-link.active{background:var(--card-bg);border-left-color:var(--accent-color)}.sidebar-link i{text-align:center;width:20px;color:var(--accent-color);flex-shrink:0;font-size:.9rem}.sidebar-link-title{font-size:.8rem;font-weight:500}.sidebar-link-desc{color:var(--text-muted);margin-top:1px;font-size:.65rem}.sidebar-htp-trigger{cursor:pointer;text-align:left;width:100%;color:var(--text-color);background:0 0;border:none;font-family:inherit}.sidebar-htp-trigger:hover{background:var(--card-bg);border-left-color:var(--accent-color)}.htp-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.htp-modal-overlay.htp-modal-visible{display:flex}.htp-modal{background:var(--container-bg);border:1px solid var(--border-color);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;border-radius:16px;width:100%;max-width:520px;max-height:80dvh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;animation:.25s htpModalIn;overflow-y:auto;box-shadow:0 16px 48px #0006}@keyframes htpModalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.htp-modal-header{border-bottom:1px solid var(--border-color);color:var(--text-color);justify-content:space-between;align-items:center;padding:16px 20px;font-size:1rem;font-weight:600;display:flex}.htp-modal-header i{color:var(--accent-color);margin-right:8px}.htp-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.2rem;transition:all .2s}.htp-modal-close:hover{background:var(--card-bg);color:var(--text-color)}.htp-modal-body{padding:16px 20px}.htp-modal-body .how-to-play{box-shadow:none;background:0 0;border:none;border-radius:0;margin:0}.htp-modal-body .how-to-play summary{display:none}.htp-modal-body .how-to-play p{color:var(--text-color);margin:0 0 12px;font-size:.9rem;line-height:1.6}.htp-modal-body .how-to-play ol,.htp-modal-body .how-to-play ul{margin:0 0 12px;padding-left:20px}.htp-modal-body .how-to-play li{color:var(--text-color);margin-bottom:6px;font-size:.9rem;line-height:1.5}.htp-modal-body .how-to-play .tip{margin:12px 0 4px;padding:10px 14px;font-size:.85rem}.sidebar-toggle{z-index:101;border:1px solid var(--border-color);background:var(--container-bg);width:38px;height:38px;color:var(--text-muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:none;position:fixed;top:12px;right:12px;box-shadow:0 2px 8px #0003}.sidebar-toggle:hover{color:var(--accent-color);border-color:var(--accent-color)}.sidebar-overlay{z-index:99;opacity:0;background:#00000080;transition:opacity .3s;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar-overlay-visible{opacity:1;display:block}body.sidebar-body-lock{overflow:hidden!important}body.light-mode .sidebar-panel,[data-theme=light] .sidebar-panel{box-shadow:0 8px 32px #0000001a}.content-section{margin:24px 0}.content-section h2{color:var(--text-color);border-bottom:1px solid var(--border-color);margin-bottom:12px;padding-bottom:8px;font-size:1.15rem}.content-section h3{color:var(--text-color);margin-top:16px;margin-bottom:8px;font-size:1rem}.content-section p{color:var(--text-muted);margin-bottom:12px;font-size:.95rem;line-height:1.7}.content-section ul,.content-section ol{color:var(--text-muted);margin-bottom:12px;padding-left:20px;font-size:.95rem;line-height:1.7}.content-section li{margin-bottom:6px}.content-section a{color:var(--accent-color);text-decoration:none;transition:opacity .2s}.content-section a:hover{opacity:.8}.content-section strong{color:var(--text-color)}.how-to-play{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;margin:20px 0;padding:0}.how-to-play summary{color:var(--text-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:14px;align-items:center;gap:8px;padding:14px 20px;font-size:1.05rem;font-weight:600;list-style:none;transition:background .2s;display:flex}.how-to-play summary::-webkit-details-marker{display:none}.how-to-play summary:after{content:"";color:var(--text-muted);margin-left:auto;font-family:"Font Awesome 6 Free";font-size:.75rem;font-weight:900;transition:transform .25s}.how-to-play[open] summary:after{transform:rotate(180deg)}.how-to-play summary:hover{background:#3498db0f}.how-to-play summary i{color:var(--accent-color)}.how-to-play[open] summary{border-bottom:1px solid var(--border-color);border-radius:14px 14px 0 0}.how-to-play ol,.how-to-play ul{margin:0;padding:0 20px 0 40px}.how-to-play li{color:var(--text-muted);margin-bottom:6px;font-size:.9rem;line-height:1.6}.how-to-play p{color:var(--text-muted);margin:8px 0;padding:0 20px;font-size:.9rem;line-height:1.6}.how-to-play .tip{color:var(--text-color);background:#3498db1a;border:1px solid #3498db33;border-radius:10px;margin:12px 20px 16px;padding:12px 14px;font-size:.85rem}.how-to-play .tip i{color:var(--accent-color);margin-right:6px}.breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;font-size:.8rem;display:flex}.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--accent-color)}.breadcrumb .separator{color:var(--border-color)}.breadcrumb .current{color:var(--text-color);font-weight:500}.faq-item{border:1px solid var(--border-color);border-radius:12px;margin-bottom:10px;overflow:hidden}.faq-question{text-align:left;background:var(--card-bg);width:100%;color:var(--text-color);cursor:pointer;border:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-family:inherit;font-size:.95rem;font-weight:500;transition:background .2s;display:flex}.faq-question:hover{background:var(--card-hover)}.faq-question i{color:var(--accent-color);flex-shrink:0;transition:transform .3s}.faq-item.open .faq-question i{transform:rotate(180deg)}.faq-answer{max-height:0;color:var(--text-muted);padding:0 20px;font-size:.9rem;line-height:1.7;transition:max-height .3s,padding .3s;overflow:hidden}.faq-item.open .faq-answer{max-height:500px;padding:0 20px 16px}.blog-grid{flex-direction:column;gap:8px;display:flex}.blog-card{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:12px;align-items:flex-start;gap:12px;padding:12px 14px;text-decoration:none;transition:all .25s;display:flex}.blog-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 6px 18px #3498db21}.blog-card-icon{color:var(--accent-color);background:#3498db1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:1px;font-size:1.2rem;display:flex}.blog-card-content{flex:1;min-width:0}.blog-card-date{color:var(--text-muted);margin-bottom:3px;font-size:.7rem;display:block}.blog-card-content h3{margin-bottom:3px;font-size:.92rem;font-weight:600;line-height:1.3}.blog-card-content p{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.45}.contact-form{flex-direction:column;gap:14px;margin-top:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-color);font-size:.85rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-color)}.form-group textarea{resize:vertical;min-height:120px}.form-submit{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s}.form-submit:hover{opacity:.9;transform:translateY(-1px)}a.form-submit,a.form-submit:visited{color:#fff;text-decoration:none;display:inline-block}a.form-submit:hover{color:#fff;opacity:.9;transform:translateY(-1px)}.tahmi-ad{text-align:center;width:100%;min-height:90px;margin:1rem 0;overflow:hidden}.tahmi-ad:empty{display:none}.hint-box{background-color:var(--card-bg,#1f2937);border:1px solid var(--border-color);text-align:center;color:var(--text-color);border-radius:8px;margin:10px 0;padding:8px 12px;font-size:14px;font-weight:500;box-shadow:inset 0 1px 2px #0003}.hint-box i{opacity:.8;margin-right:6px}.pagination{flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;margin:16px 0;display:flex}.page{border:1px solid var(--border-color);background-color:var(--card-bg,#1f2937);width:34px;height:34px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.page:hover:not(.active):not(:disabled){border-color:var(--accent-color);box-shadow:0 0 8px #3b82f64d}.page.unlocked{cursor:pointer}.page:not(.unlocked){opacity:.5;cursor:not-allowed}.page.active{color:#fff;background-color:#3b82f6;border-color:#2563eb;box-shadow:0 0 10px #3b82f666}.page.correct{color:#10b981;background-color:#10b98133;border-color:#059669}.page.wrong,.page.failed{color:#fca5a5;background-color:#ef444433;border-color:#ef4444;box-shadow:0 0 5px #ef444433}.page.skipped{color:#fcd34d;background-color:#eab30833;border-color:#eab308;box-shadow:0 0 5px #eab30833}.page.latest{z-index:5;border-color:#fff;box-shadow:0 0 8px #fff9}.page.clickable{cursor:pointer}.page.clickable:hover{transform:scale(1.15);box-shadow:0 0 10px #fff6}.skip-btn{color:#fff;cursor:pointer;background-color:#475569;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:70px;height:34px;padding:0 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.skip-btn:hover{background-color:#3b82f6;border-color:#2563eb;box-shadow:0 0 10px #3b82f666}.skip-btn:disabled{opacity:.5;cursor:not-allowed}.guesses-info{text-align:center;color:#60a5fa;margin:12px 0;font-size:14px;font-weight:600}.search-section{gap:10px;margin-top:20px;display:flex;position:relative}.search-area{flex:1;position:relative}.guesses-list{flex-direction:column;gap:8px;margin-top:20px;display:flex}.guess{border:1px solid var(--border-color);background:#ffffff08;border-radius:10px;align-items:center;gap:12px;padding:12px;animation:.25s guessSlideIn;display:flex}@keyframes guessSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.guess.correct{background:#10b9811a;border-color:#10b981}.guess.wrong{background:#ef444414;border-color:#ef4444}.result{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s overlayFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.result-card{background:var(--container-bg,#1a1a1b);border:1px solid var(--border-color);text-align:center;border-radius:16px;width:90%;max-width:360px;padding:24px;animation:.35s cardSlideUp}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.result-card.success{border-color:#10b981;box-shadow:0 0 30px #10b98133}.result-card.failure{border-color:#ef4444;box-shadow:0 0 30px #ef444433}.result-card h2{margin:0 0 12px;font-size:1.4rem}.result-card.success h2{color:#10b981}.result-card.failure h2{color:#ef4444}.result-title{margin-bottom:8px;font-family:Audiowide,cursive;font-size:1.3rem;font-weight:600}.result-card.success .result-title{color:#10b981}.result-card.failure .result-title{color:#ef4444}.result-subtitle{color:#94a3b8;margin-bottom:16px;font-size:.88rem;line-height:1.5}.result-text{color:#e2e8f0;margin-bottom:20px;font-size:.92rem;line-height:1.7}.result-text strong{color:#fff;margin-top:4px;font-size:1.05rem;display:block}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 20px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:#3b82f6;border-color:#3b82f6}.btn-primary:hover{background:#2563eb;border-color:#2563eb}.btn-ghost{color:#94a3b8;background:0 0;border-color:#ffffff1f}.btn-ghost:hover{color:#e2e8f0;background:#ffffff0a;border-color:#ffffff4d}.header-nav{z-index:5;gap:8px;display:flex;position:absolute;top:14px;right:14px}.top-right-link{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:13px;text-decoration:none;transition:all .2s;display:flex;position:relative}.top-right-link:hover{color:#fff;border-color:#ffffff4d;box-shadow:0 0 8px #fff3}.skeleton-loading{position:relative;overflow:hidden}.skeleton-loading:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);animation:1.5s infinite skeleton-shimmer;position:absolute;top:0;bottom:0;left:0;right:0}.skeleton-text{background:#ffffff1a;border-radius:4px;width:70%;height:16px;margin:0 auto;display:block}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.section-title{color:#e2e8f0;align-items:center;gap:8px;margin-bottom:12px;font-size:16px;font-weight:600;display:flex}body.light-mode .skip-btn{color:#1f2937;background-color:#d1d5db;border-color:#9ca3af}body.light-mode .skip-btn:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}body.light-mode .guesses-info{color:var(--accent-color)}body.light-mode .guess{background:#00000005}body.light-mode .top-right-link{color:var(--text-muted);border-color:var(--border-color)}body.light-mode .top-right-link:hover{color:var(--text-color);border-color:var(--accent-color);box-shadow:0 0 8px #2563eb33}body.light-mode .section-title{color:var(--text-color)}body.light-mode .skeleton-loading:after{background:linear-gradient(90deg,#0000,#0000000f,#0000)}body.light-mode .skeleton-text{background:#00000014}body.light-mode .page.latest{border-color:var(--text-color);box-shadow:0 0 8px #0003}body.light-mode .result{background:#ffffffd9}body.light-mode .back-btn{background:#00000008}body.light-mode .back-btn:hover{background:#0000000f;box-shadow:0 8px 25px #0000001a,0 0 15px #2563eb26}body.light-mode header{border-bottom-color:var(--border-color)}body.light-mode header h1{color:var(--text-color);text-shadow:none}body.light-mode header p{color:var(--text-muted)}.blog-breadcrumb{color:var(--text-muted);align-items:center;gap:8px;padding:16px 0 8px;font-size:.85rem;display:flex}.blog-breadcrumb a{color:var(--accent-color);text-decoration:none}.blog-breadcrumb a:hover{text-decoration:underline}.blog-breadcrumb-sep{opacity:.4}.blog-article{max-width:760px;margin:0 auto;padding:24px 0 40px}.blog-article-header{border-bottom:1px solid var(--border-color);margin-bottom:32px;padding-bottom:24px}.blog-article-header h1{color:var(--text-color);margin:0 0 16px;font-family:Audiowide,sans-serif;font-size:1.75rem;line-height:1.3}.blog-article-meta{color:var(--text-muted);flex-wrap:wrap;gap:16px;font-size:.85rem;display:flex}.blog-article-content{color:var(--text-color);font-size:1rem;line-height:1.8}.blog-article-content h2{color:var(--text-color);border-bottom:1px solid var(--border-color);margin:36px 0 16px;padding-bottom:8px;font-family:Audiowide,sans-serif;font-size:1.35rem}.blog-article-content h3{color:var(--accent-color);margin:24px 0 12px;font-size:1.1rem;font-weight:600}.blog-article-content p{margin:0 0 16px}.blog-article-content a{color:var(--accent-color);text-underline-offset:3px;-webkit-text-decoration:underline #3498db4d;text-decoration:underline #3498db4d}.blog-article-content a:hover{-webkit-text-decoration-color:var(--accent-color);-webkit-text-decoration-color:var(--accent-color);-webkit-text-decoration-color:var(--accent-color);text-decoration-color:var(--accent-color)}.blog-article-content ul,.blog-article-content ol{margin:0 0 20px;padding-left:24px}.blog-article-content li{margin-bottom:8px}.blog-cta-box{background:var(--glass-bg);border:1px solid var(--border-color);text-align:center;border-radius:12px;margin:32px 0;padding:24px}.blog-cta-box h3{color:var(--text-color);border-bottom:none;margin:0 0 16px;font-family:Audiowide,sans-serif;font-size:1.15rem}.blog-cta-links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.blog-cta-link{background:var(--accent-color);color:#fff;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.blog-cta-link:hover{opacity:.85;transform:translateY(-1px)}.blog-article-footer{border-top:1px solid var(--border-color);margin-top:40px;padding-top:24px}.blog-back-link{color:var(--accent-color);align-items:center;gap:8px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.blog-back-link:hover{opacity:.8}.skip-to-content{background:var(--accent-color);color:#fff;z-index:10000;border-radius:0 0 8px 8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:16px}.skip-to-content:focus{top:0}body.light-mode .btn-ghost{color:var(--text-muted);border-color:var(--border-color)}body.light-mode .btn-ghost:hover{color:var(--text-color);border-color:var(--accent-color);background:#2563eb0a}body.light-mode .result-subtitle{color:var(--text-muted)}body.light-mode .result-text,body.light-mode .result-text strong{color:var(--text-color)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.stat-card{text-align:center;background-color:#1f293766;border:1px solid #ffffff0d;border-radius:12px;padding:16px}.stat-value{color:#f8fafc;font-size:24px;font-weight:700}.stat-label{color:#94a3b8;margin-top:4px;font-size:12px}.distribution-chart{margin-bottom:24px}.chart-row{align-items:center;margin-bottom:6px;font-size:13px;display:flex}.chart-label{color:#cbd5e1;width:20px}.chart-bar-container{flex:1;padding-left:8px}.chart-bar{background:linear-gradient(90deg, var(--accent-color), var(--accent-color))}@supports (color:color-mix(in lab, red, red)){.chart-bar{background:linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 80%, black))}}.chart-bar{color:#fff;border-radius:4px;justify-content:flex-end;align-items:center;min-width:24px;height:24px;padding-right:8px;font-size:12px;font-weight:600;display:flex;position:relative}.chart-bar.wins{background:linear-gradient(90deg,#10b981,#059669)}.history-link-container{text-align:center;margin-top:24px}.history-btn{color:#cbd5e1;background:#3498db1a;border:1px solid #3498db4d;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.history-btn:hover{color:#f8fafc;background:#3498db33;border-color:#3498db80;transform:translateY(-2px);box-shadow:0 4px 12px #3498db33}.history-btn i:first-child{color:var(--accent-color);font-size:16px}.history-btn i:last-child{opacity:.5;font-size:12px;transition:transform .3s,opacity .3s}.history-btn:hover i:last-child{opacity:1;transform:translate(4px)}body.light-mode .stat-card{border-color:var(--border-color);background-color:#f3f4f699}body.light-mode .stat-value{color:var(--text-color)}body.light-mode .stat-label,body.light-mode .chart-label{color:var(--text-muted)}body.light-mode .history-btn{color:var(--text-muted);background:#2563eb0f;border-color:#2563eb33}body.light-mode .history-btn:hover{color:var(--text-color);background:#2563eb1f;border-color:#2563eb66;box-shadow:0 4px 12px #2563eb26}body.light-mode .history-btn i:first-child{color:var(--accent-color)}.history-list{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:16px}.history-item{color:inherit;border-bottom:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 10px;text-decoration:none;transition:background .2s;display:flex}.history-item:hover{background:0 0;box-shadow:inset 0 0 0 1px #ffffff1a,0 0 10px #0003}.history-day{color:#e2e8f0;flex-shrink:0;min-width:45px;font-weight:600}.history-meta{flex-direction:row;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.history-book{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin-top:0;font-size:13px;overflow:hidden}.history-hints{align-items:center;gap:4px;margin-top:0;margin-left:auto;padding-right:10px;display:flex}.spoiler{filter:blur(5px);-webkit-user-select:none;user-select:none;cursor:pointer;background:#ffffff1a;border-radius:4px;padding:0 4px;transition:filter .3s}.spoiler:hover{filter:blur();background:0 0}.hint-dot{background-color:#ffffff1a;border-radius:50%;width:12px;height:12px}.hint-dot.skip{background-color:#fbbf24}.hint-dot.wrong{background-color:#ef4444}.hint-dot.win{background-color:#10b981}.history-status{white-space:nowrap;text-align:center;border-radius:6px;align-self:center;min-width:70px;padding:4px 8px;font-size:12px;font-weight:600}.status-win{color:#34d399;background:#10b98133}.status-loss{color:#f87171;background:#ef444433}.status-play{background:var(--accent-color);color:#fff}.history-date{color:#64748b;margin-right:8px;font-size:12px}body.light-mode .history-list{border-top-color:var(--border-color)}body.light-mode .history-item{border-bottom-color:var(--border-color)}body.light-mode .history-item:hover{box-shadow:inset 0 0 0 1px var(--border-color), 0 0 10px #0000000d}body.light-mode .history-day{color:var(--text-color)}body.light-mode .history-book{color:var(--text-muted)}body.light-mode .spoiler{background:#00000014}body.light-mode .hint-dot{background-color:#0000001a}body.light-mode .status-win{color:#059669;background:#10b9811f}body.light-mode .status-loss{color:#dc2626;background:#ef44441f}body.light-mode .status-play{background:var(--accent-color);color:#fff}body.light-mode .history-date{color:var(--text-muted)}.countdown-timer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1f293766;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:16px;max-width:280px;margin-top:24px;margin-left:auto;margin-right:auto;padding:12px 24px;animation:.3s fadeIn;display:flex}.countdown-timer .timer-icon{color:#94a3b8;font-size:1.5rem}.countdown-timer .timer-label{color:#94a3b8;font-size:.75rem;font-weight:500}.countdown-timer .timer-value{color:#e2e8f0;font-variant-numeric:tabular-nums;letter-spacing:.05em;margin-top:4px;font-size:1.125rem;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body.light-mode .countdown-timer{border-color:var(--border-color);background:#f3f4f699}body.light-mode .countdown-timer .timer-icon,body.light-mode .countdown-timer .timer-label{color:var(--text-muted)}body.light-mode .countdown-timer .timer-value{color:var(--text-color)}.hafiza-game-container{flex-direction:column;align-items:center;width:100%;margin:0 auto;padding:0;display:flex}.hafiza-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:12px;display:flex}.hafiza-logo-title{align-items:center;gap:8px;display:flex}.hafiza-logo-title h1{margin:0;font-size:1.1rem;font-weight:700}.hafiza-logo{object-fit:contain;border-radius:6px;width:28px;height:28px}.hafiza-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hafiza-selector-group{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:4px;display:flex}.hafiza-btn-select{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 11px;font-size:.8rem;font-weight:600;transition:all .2s}.hafiza-btn-select.active{background:var(--card-bg);color:var(--text-color);box-shadow:0 2px 8px #0000001a}.hafiza-info-panel{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;justify-content:center;align-items:center;width:100%;margin-bottom:10px;padding:6px 10px;display:flex}.hafiza-scoreboard{justify-content:center;gap:15px;display:flex}.hafiza-score-item{opacity:.7;border:2px solid #0000;border-radius:8px;flex-direction:row;align-items:center;gap:6px;padding:5px 12px;transition:all .3s;display:flex}.hafiza-score-item.active{opacity:1;border-color:var(--accent-color);background:#3498db26;transform:scale(1.05)}.hafiza-score-item .hafiza-label{color:var(--text-muted);font-size:.75rem;font-weight:600}.hafiza-score-item .hafiza-value{color:var(--text-color);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:800}.hafiza-p1.active{background:#3498db1a;border-color:#3498db}.hafiza-p2.active{background:#e74c3c1a;border-color:#e74c3c}.hafiza-restart-btn{cursor:pointer;background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;align-items:center;height:30px;padding:5px 10px;font-size:.9rem;font-weight:600;line-height:1;transition:all .2s;display:flex}.hafiza-restart-btn:hover{background:var(--card-bg);border-color:var(--text-muted)}.hafiza-board{perspective:1000px;flex-wrap:wrap;flex:1;place-content:flex-start center;gap:8px;width:100%;padding:5px 0;display:flex}.hafiza-card{transform-style:preserve-3d;cursor:pointer;aspect-ratio:1;border-radius:16px;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.hafiza-grid-4x4 .hafiza-card{width:calc(25% - 6px)}.hafiza-grid-6x6 .hafiza-card{width:calc(16.666% - 6.66px)}.hafiza-grid-8x8 .hafiza-card{border-radius:6px;width:calc(12.5% - 7px)}.hafiza-grid-8x8{gap:4px}.hafiza-card.flip{transform:rotateY(180deg)}.hafiza-front,.hafiza-back{border-radius:inherit;-webkit-backface-visibility:hidden;backface-visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 10px #0000001a}.hafiza-front{color:#2d3436;z-index:2;background:#e0e0e0;font-size:2.5rem;transform:rotateY(180deg)}.hafiza-back{background:var(--border-color);color:#555;border:2px solid var(--border-color);z-index:1;font-size:1.8rem;transition:all .3s}.hafiza-card:hover .hafiza-back{border-color:var(--text-muted)}.hafiza-card.matched .hafiza-front{background:var(--accent-color);color:#fff;box-shadow:0 0 20px #3498db66}.hafiza-card.matched-p1 .hafiza-front{color:#fff;background:#3498db}.hafiza-card.matched-p2 .hafiza-front{color:#fff;background:#e74c3c}.hafiza-grid-8x8 .hafiza-front{font-size:1.5rem}.hafiza-grid-8x8 .hafiza-back{font-size:1.2rem}.hafiza-grid-6x6 .hafiza-front{font-size:2rem}.hafiza-grid-6x6 .hafiza-back{font-size:1.4rem}.hafiza-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.hafiza-modal-content{background:var(--container-bg);color:var(--text-color);text-align:center;border:1px solid var(--border-color);border-radius:24px;width:90%;max-width:400px;padding:40px;box-shadow:0 20px 60px #0003}.hafiza-modal-content h2{margin-bottom:15px;font-size:1.8rem}.hafiza-modal-stats{color:var(--text-muted);margin:25px 0;font-size:1.1rem}.hafiza-modal-stats p{justify-content:center;align-items:center;gap:10px;margin:10px 0;display:flex}.hafiza-modal-restart{background:var(--text-color);color:var(--bg-color);cursor:pointer;border:none;border-radius:12px;padding:14px 35px;font-size:1rem;font-weight:700;transition:all .2s}.hafiza-modal-restart:hover{opacity:.9;transform:scale(1.02)}body.light-mode .hafiza-front{color:#1f2937;background:#f9fafb}body.light-mode .hafiza-back{color:#9ca3af;background:#4b5563}@media (max-width:500px){.hafiza-header{flex-direction:column;align-items:flex-start;gap:6px}.hafiza-controls{justify-content:flex-start;gap:6px}.hafiza-score-item{gap:4px;padding:4px 8px}}.hafiza-online-lobby{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;width:100%;margin-bottom:12px;padding:24px 16px}.hafiza-online-lobby h3{color:var(--text-color);margin:0 0 16px;font-size:1.05rem}.hafiza-online-lobby h3 i{color:var(--accent-color,#6366f1)}.hafiza-lobby-options{flex-direction:column;align-items:center;gap:12px;display:flex}.hafiza-lobby-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:300px;padding:14px}.hafiza-lobby-card p{color:var(--text-color);margin:0 0 6px;font-size:.9rem}.hafiza-lobby-desc{color:var(--text-muted)!important;font-size:.78rem!important}.hafiza-lobby-btn{background:var(--accent-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:8px 18px;font-size:.85rem;font-weight:700;transition:opacity .2s}.hafiza-lobby-btn:hover{opacity:.9}.hafiza-lobby-btn:disabled{opacity:.5;cursor:not-allowed}.hafiza-lobby-btn-secondary{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:10px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:background .2s}.hafiza-lobby-btn-secondary:hover{background:var(--bg-color)}.hafiza-lobby-divider{color:var(--text-muted);font-size:.8rem;font-weight:600}.hafiza-lobby-join{justify-content:center;gap:8px;margin-top:6px;display:flex}.hafiza-lobby-input{border:2px solid var(--border-color);background:var(--card-bg);width:110px;color:var(--text-color);text-align:center;letter-spacing:2px;text-transform:uppercase;border-radius:10px;outline:none;padding:8px 12px;font-size:1rem;font-weight:800}.hafiza-lobby-input:focus{border-color:var(--accent-color,#6366f1)}.hafiza-lobby-loading{color:var(--text-muted);padding:20px 0;font-size:.9rem}.hafiza-lobby-waiting{padding:10px 0}.hafiza-lobby-waiting p{color:var(--text-muted);margin:0 0 6px;font-size:.85rem}.hafiza-room-code{letter-spacing:6px;color:var(--accent-color,#6366f1);-webkit-user-select:all;user-select:all;margin:8px 0;font-size:2rem;font-weight:900}.hafiza-lobby-error{color:#ef4444;margin-top:8px;font-size:.82rem}.hafiza-online-status{background:var(--card-bg);border:1px solid var(--border-color);width:100%;color:var(--text-color);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;padding:6px 14px;font-size:.8rem;font-weight:600;display:flex}.hafiza-status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite hafiza-pulse}@keyframes hafiza-pulse{0%,to{opacity:1}50%{opacity:.4}}.hafiza-room-badge{color:var(--text-muted);margin-left:4px;font-size:.72rem}.arrows-game-container{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:100%;margin:0 auto;padding:4px 0;display:flex}.arrows-loading{color:var(--primary-color,#d7dadc);justify-content:center;align-items:center;gap:8px;padding:40px;font-size:1rem;display:flex}.arrows-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:4px;display:flex}.arrows-logo-title{align-items:center;gap:8px;display:flex}.arrows-logo{object-fit:contain;width:36px;height:36px}.arrows-header h1{letter-spacing:3px;color:var(--text-color,#fff);text-shadow:0 2px 4px #0003;margin:0;font-size:1.4rem;font-weight:400}.arrows-header-buttons{gap:6px;display:flex}.arrows-header-buttons button{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:1rem;transition:all .2s;display:flex}.arrows-header-buttons button:hover{color:#fff;border-color:#ffffff4d;box-shadow:0 0 8px #fff3}.arrows-header-buttons button svg{stroke:currentColor;width:16px;height:16px}.arrows-difficulty-selection{gap:8px;margin-bottom:4px;display:flex}.arrows-difficulty-btn{background-color:var(--bg-secondary,#272729);border:1px solid var(--border-color,#3a3a3c);color:var(--primary-color,#d7dadc);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}.arrows-difficulty-btn:hover{background-color:var(--bg-tertiary,#4a4a4e)}.arrows-difficulty-btn.active{background-color:var(--primary-color,#d7dadc);color:var(--bg-color,#121213);border-color:var(--primary-color,#d7dadc)}.arrows-timer{color:var(--primary-color,#d7dadc);opacity:.8;letter-spacing:1px;margin:2px 0;font-size:.95rem;font-weight:600}.arrows-board{gap:4px;width:100%;display:grid}.arrows-cell{border:2px solid var(--border-color,#3a3a3c);aspect-ratio:1;border-radius:8px;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;transition:background-color .2s,border-color .2s,transform .1s;display:flex}.arrows-number-cell{background-color:var(--bg-primary,#1a1a1b);position:relative}.arrows-number-cell .arrows-target-number{color:var(--primary-color,#d7dadc);opacity:.6;font-size:1.6em}.arrows-number-cell .arrows-current-count{color:var(--primary-color,#d7dadc);opacity:.7;font-size:.7em;transition:opacity .3s;position:absolute;bottom:1px;right:4px}.arrows-number-cell .arrows-current-count.blind{opacity:0}.arrows-number-cell.correct-count{background-color:var(--correct-color,#538d4e);border-color:var(--correct-color,#538d4e)}.arrows-number-cell.incorrect-count{background-color:var(--incorrect-color,#8a2222);border-color:var(--incorrect-color,#8a2222)}.arrows-arrow-slot{cursor:pointer;background-color:var(--bg-secondary,#272729)}.arrows-arrow-slot svg{width:65%;height:65%;stroke:var(--primary-color,#d7dadc);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;fill:none}.arrows-arrow-slot.valid-slot{outline:2px solid var(--primary-color,#d7dadc);outline-offset:-2px;background-color:#3a3a3c}.arrows-corner{background-color:#0000;border-color:#0000}.arrows-message{min-height:18px;color:var(--primary-color,#d7dadc);margin:4px 0;font-size:.85rem;font-weight:600}.arrows-controls-wrapper{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.arrows-arrow-panel{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:6px;width:100%;max-width:180px;margin:0 auto;display:grid}.arrows-arrow-key{aspect-ratio:1;color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:100%;font-size:1.5rem;transition:all .2s;display:flex}.arrows-arrow-key:active{transform:scale(.95)}.arrows-arrow-key:hover:not(:disabled){color:#fff;border-color:#ffffff4d;box-shadow:0 0 8px #ffffff26}.arrows-arrow-key svg{stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:70%;height:70%}.arrows-arrow-key.selected-tool{color:#fff;background-color:#d7dadc26;border-color:#ffffff80}.arrows-arrow-key.selected-tool svg{stroke:#fff}.arrows-clear-key{color:#c85050cc;font-weight:700}.arrows-button-group{justify-content:center;gap:10px;width:100%;display:flex}.arrows-game-control-btn{background-color:var(--bg-secondary,#272729);border:1px solid var(--border-color,#3a3a3c);color:var(--primary-color,#d7dadc);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border-radius:8px;flex:1;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.arrows-game-control-btn:hover{background-color:var(--primary-color,#d7dadc);border-color:var(--primary-color,#d7dadc);color:var(--bg-color,#121213)}.arrows-game-control-btn:disabled{opacity:.5;cursor:not-allowed}.arrows-modal-overlay{z-index:1000;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.arrows-modal-content{background-color:var(--bg-primary,#1a1a1b);border:1px solid var(--border-color,#3a3a3c);text-align:left;border-radius:16px;width:90%;max-width:380px;max-height:90vh;padding:25px 30px;position:relative;overflow-y:auto}.arrows-modal-content h2{color:var(--primary-color,#d7dadc);text-align:center;margin-top:0;margin-bottom:20px;font-weight:600}.arrows-close-modal-btn{color:var(--primary-color,#d7dadc);cursor:pointer;opacity:.7;background:0 0;border:none;font-size:2.5rem;line-height:1;position:absolute;top:10px;right:15px}.arrows-close-modal-btn:hover{opacity:1}.arrows-rules-text h3{color:var(--primary-color,#d7dadc);border-bottom:1px solid var(--border-color,#3a3a3c);margin-top:20px;margin-bottom:15px;padding-bottom:8px;font-size:1.2rem}.arrows-rules-text p{opacity:.9;margin-bottom:15px;line-height:1.7}.arrows-rules-text strong{color:var(--primary-color,#d7dadc);font-weight:600}.arrows-modal-buttons{justify-content:center;gap:15px;margin-top:25px;display:flex}.arrows-modal-button{background-color:var(--correct-color,#538d4e);border:1px solid var(--correct-color,#538d4e);color:#fff;cursor:pointer;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.arrows-modal-button:hover{opacity:.9}.arrows-modal-button.secondary{border-color:var(--border-color,#3a3a3c);color:var(--primary-color,#d7dadc);background-color:#0000}.arrows-modal-button.secondary:hover{background-color:var(--bg-secondary,#272729)}.arrows-settings-list{flex-direction:column;gap:20px;display:flex}.arrows-setting-item{justify-content:space-between;align-items:center;font-size:1rem;display:flex}.arrows-setting-item label{color:var(--primary-color,#d7dadc);opacity:.9}.arrows-setting-description{color:var(--primary-color,#d7dadc);opacity:.7;font-size:.85rem;line-height:1.5}.arrows-toggle-switch{width:50px;height:28px;display:inline-block;position:relative}.arrows-toggle-switch input{opacity:0;width:0;height:0}.arrows-toggle-switch .slider{cursor:pointer;background-color:var(--bg-secondary,#272729);border-radius:28px;transition:background-color .3s;position:absolute;top:0;bottom:0;left:0;right:0}.arrows-toggle-switch .slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;bottom:4px;left:4px}.arrows-toggle-switch input:checked+.slider{background-color:var(--correct-color,#538d4e)}.arrows-toggle-switch input:checked+.slider:before{transform:translate(22px)}.arrows-stats-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin:20px 0;display:grid}.arrows-stat-box{background:var(--bg-secondary,#272729);border:1px solid var(--border-color,#3a3a3c);text-align:center;border-radius:8px;padding:15px}.arrows-stat-value{color:var(--correct-color,#538d4e);margin-bottom:5px;font-size:2rem;font-weight:700}.arrows-stat-label{color:var(--primary-color,#d7dadc);opacity:.7;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.arrows-difficulty-stats{margin-top:15px}.arrows-diff-stat{border-bottom:1px solid var(--border-color,#3a3a3c);justify-content:space-between;padding:8px 0;display:flex}.arrows-diff-stat strong{color:var(--primary-color,#d7dadc)}.arrows-diff-stat span{color:var(--correct-color,#538d4e);font-weight:600}@keyframes arrowsCorrectPop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes arrowsShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (prefers-reduced-motion:no-preference){.arrows-number-cell.correct-count{animation:.4s arrowsCorrectPop}.arrows-number-cell.incorrect-count{animation:.3s arrowsShake}}body.light-mode .arrows-arrow-slot.valid-slot{background-color:#e0e0e0}body.light-mode .arrows-number-cell.correct-count{background-color:#6aaa64;border-color:#6aaa64}body.light-mode .arrows-number-cell.incorrect-count{background-color:#c93a46;border-color:#c93a46}body.light-mode .arrows-header-buttons button{border-color:var(--border-color,#dcdcdc);color:var(--text-muted,#6b7280)}body.light-mode .arrows-header-buttons button:hover{color:var(--text-color,#121213);border-color:var(--accent-color,#2563eb);box-shadow:0 0 8px #2563eb33}body.light-mode .arrows-arrow-key{border-color:var(--border-color,#dcdcdc);color:var(--text-muted,#6b7280)}body.light-mode .arrows-arrow-key:hover:not(:disabled){color:var(--text-color,#121213);border-color:var(--accent-color,#2563eb);box-shadow:0 0 6px #2563eb26}body.light-mode .arrows-arrow-key.selected-tool{border-color:var(--accent-color,#2563eb);color:var(--accent-color,#2563eb);background-color:#2563eb1f}.header{justify-content:space-between;align-items:center;margin-bottom:20px;padding-top:10px;display:flex}.logo-title{align-items:center;gap:12px;display:flex}.logo{object-fit:contain;width:40px;height:40px}.header h1{letter-spacing:-1px;color:var(--text-color);margin:0;font-size:1.3rem;font-weight:800;line-height:1.3}.games-grid{flex-direction:column;gap:8px;display:flex}.game-card{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;border-radius:12px;flex-direction:row;align-items:center;gap:13px;padding:12px 14px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.game-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 24px #3498db26}.game-icon{color:var(--accent-color);text-align:center;flex-shrink:0;min-width:36px;font-size:1.4rem;transition:transform .25s}.game-card:hover .game-icon{transform:scale(1.15)}.game-card-text{flex-direction:column;gap:2px;min-width:0;display:flex}.game-title{letter-spacing:.3px;color:var(--text-color);font-size:.92rem;font-weight:600}.game-description{color:var(--text-muted);font-size:.82rem;line-height:1.4}body.light-mode .game-card:hover{border-color:var(--accent-color);box-shadow:0 8px 24px #2563eb1f}@media (max-width:768px){.header{margin-bottom:16px}.header h1{font-size:1.15rem}.game-card{padding:10px 12px}.game-icon{min-width:30px;font-size:1.25rem}.game-title{font-size:.88rem}.game-description{font-size:.78rem}}.bayrak-container{width:100%;max-width:600px;margin:0 auto;padding:16px}.bayrak-modes{text-align:center}.bayrak-modes-title{color:var(--text-color);justify-content:center;align-items:center;gap:10px;margin:0 0 4px;font-size:1.5rem;font-weight:800;display:flex}.bayrak-modes-title i{color:var(--accent-color,#6366f1)}.bayrak-modes-sub{color:var(--text-muted);margin:0 0 24px;font-size:.9rem}.bayrak-modes-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.bayrak-mode-card{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;text-align:center;color:var(--text-color);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:20px 16px 16px;transition:transform .2s,box-shadow .2s;display:flex}.bayrak-mode-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000026}.bayrak-mode-icon{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;display:flex}.bayrak-mode-card h3{margin:0;font-size:1.15rem;font-weight:700}.bayrak-mode-card p{color:var(--text-muted);flex:1;margin:0;font-size:.82rem;line-height:1.4}.bayrak-mode-hs{color:var(--accent-color,#6366f1);font-size:.78rem;font-weight:600}.bayrak-mode-hs i{color:#f59e0b}.bayrak-mode-play{color:#fff;border-radius:10px;margin-top:4px;padding:6px 28px;font-size:.88rem;font-weight:700;transition:opacity .2s;display:inline-block}.bayrak-mode-card:hover .bayrak-mode-play{opacity:.9}.bayrak-play{flex-direction:column;align-items:center;display:flex}.bayrak-play-header{justify-content:space-between;align-items:center;gap:10px;width:100%;margin-bottom:16px;display:flex}.bayrak-back-btn{border:1px solid var(--border-color);background:var(--card-bg);width:36px;height:36px;color:var(--text-color);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:.9rem;transition:background .2s;display:flex}.bayrak-back-btn:hover{background:var(--bg-color)}.bayrak-play-info{align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.bayrak-play-info i{font-size:1.1rem}.bayrak-play-stats{align-items:center;gap:10px;display:flex}.bayrak-stat{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:.82rem;font-weight:700;display:flex}.bayrak-stat i.fa-check{color:#22c55e}.bayrak-timer{color:var(--text-color)}.bayrak-timer i{color:var(--text-muted)}.bayrak-timer.danger{color:#ef4444;background:#ef444426;border-color:#ef4444;animation:.6s infinite alternate bayrak-pulse}.bayrak-timer.danger i{color:#ef4444}@keyframes bayrak-pulse{0%{opacity:1}to{opacity:.6}}.bayrak-play-flag{border:3px solid var(--border-color);background:var(--card-bg);border-radius:14px;width:100%;max-width:360px;margin:0 auto 16px;overflow:hidden;box-shadow:0 6px 24px #0003}.bayrak-play-flag img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.bayrak-play-label{color:var(--text-muted);text-align:center;margin:0 0 14px;font-size:.9rem}.bayrak-options{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-bottom:16px;display:grid}.bayrak-option{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;font-size:.92rem;font-weight:600;transition:border-color .2s,background .2s,transform .15s;display:flex}.bayrak-option:hover:not(:disabled){border-color:var(--accent-color,#6366f1);background:#6366f10f;transform:translateY(-1px)}.bayrak-option-letter{background:var(--bg-color);width:28px;height:28px;color:var(--text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}.bayrak-option-text{flex:1}.bayrak-option.correct{background:#22c55e1f;border-color:#22c55e;animation:.3s bayrak-pop}.bayrak-option.correct .bayrak-option-letter{color:#fff;background:#22c55e}.bayrak-option.wrong{background:#ef44441a;border-color:#ef4444;animation:.4s bayrak-shake}.bayrak-option.wrong .bayrak-option-letter{color:#fff;background:#ef4444}.bayrak-option.dimmed{opacity:.35}@keyframes bayrak-pop{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes bayrak-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.bayrak-quit-btn{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 28px;font-size:.9rem;font-weight:600;transition:background .2s;display:flex}.bayrak-quit-btn:hover{background:var(--bg-color)}.bayrak-over{justify-content:center;align-items:center;min-height:400px;display:flex}.bayrak-over-card{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:20px;width:100%;max-width:380px;padding:32px 28px;animation:.4s bayrak-pop}.bayrak-over-icon{color:#fff;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 14px;font-size:1.6rem;display:flex}.bayrak-over-card h2{color:var(--text-color);margin:0 0 8px;font-size:1.4rem;font-weight:800}.bayrak-over-record{color:#f59e0b;margin-bottom:14px;font-size:1rem;font-weight:700;animation:.5s bayrak-pop}.bayrak-over-stats{justify-content:center;gap:24px;margin:18px 0;display:flex}.bayrak-over-stat{flex-direction:column;align-items:center;display:flex}.bayrak-over-val{color:var(--text-color);font-size:1.8rem;font-weight:800;line-height:1}.bayrak-over-lbl{color:var(--text-muted);margin-top:4px;font-size:.78rem}.bayrak-over-hs{color:var(--text-muted);margin:0 0 18px;font-size:.85rem}.bayrak-over-hs i{color:#f59e0b}.bayrak-over-actions{justify-content:center;gap:10px;display:flex}.bayrak-btn-primary{color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-size:.92rem;font-weight:700;transition:opacity .2s;display:flex}.bayrak-btn-primary:hover{opacity:.9}.bayrak-btn-secondary{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-size:.92rem;font-weight:700;transition:background .2s;display:flex}.bayrak-btn-secondary:hover{background:var(--bg-color)}@media (max-width:520px){.bayrak-modes-grid,.bayrak-options{grid-template-columns:1fr}.bayrak-play-flag{max-width:280px}.bayrak-play-header{flex-wrap:wrap;justify-content:center}.bayrak-over-stats{gap:16px}}.aci-game-container{flex-direction:column;align-items:center;width:100%;max-width:480px;margin:0 auto;padding:0;display:flex}.aci-header{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:12px;display:flex}.aci-logo-title{align-items:center;gap:8px;display:flex}.aci-logo-title h1{color:var(--text-color);margin:0;font-size:1.1rem;font-weight:700}.aci-logo{object-fit:contain;border-radius:6px;width:28px;height:28px}.aci-controls{align-items:center;gap:6px;display:flex}.aci-round-badge{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:20px;padding:4px 10px;font-size:.78rem;font-weight:700}.aci-score-badge{background:var(--accent-color,#6366f1);color:#fff;border-radius:20px;padding:4px 12px;font-size:.78rem;font-weight:700}.aci-icon-btn{border:1px solid var(--border-color);background:var(--card-bg);width:34px;height:34px;color:var(--text-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.aci-icon-btn:hover{background:var(--bg-color)}.aci-visual{justify-content:center;margin-bottom:8px;display:flex}.aci-svg{filter:drop-shadow(0 2px 8px #00000014)}.aci-guesses{flex-direction:column;gap:4px;width:100%;margin-bottom:12px;display:flex}.aci-guess-row{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:10px;padding:8px 14px;font-size:.88rem;animation:.25s aci-pop;display:flex}.aci-guess-row.correct{background:#22c55e14;border-color:#22c55e}.aci-guess-num{color:var(--text-muted);min-width:28px;font-weight:700}.aci-guess-value{color:var(--text-color);min-width:50px;font-weight:800}.aci-guess-arrow{align-items:center;gap:4px;font-size:.82rem;font-weight:600;display:flex}.aci-guess-arrow.up{color:#ef4444}.aci-guess-arrow.down{color:#3b82f6}.aci-guess-arrow.correct{color:#22c55e}.aci-input-area{text-align:center;width:100%;margin-bottom:12px}.aci-instruction{color:var(--text-color);margin:0 0 10px;font-size:1rem;font-weight:600}.aci-input-row{justify-content:center;gap:8px;display:flex}.aci-input{border:2px solid var(--border-color);background:var(--card-bg);width:120px;color:var(--text-color);text-align:center;-moz-appearance:textfield;border-radius:12px;outline:none;padding:10px 14px;font-size:1.1rem;font-weight:700;transition:border-color .2s}.aci-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.aci-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.aci-input:focus{border-color:var(--accent-color,#6366f1)}.aci-submit-btn{background:linear-gradient(135deg, var(--accent-color,#6366f1) 0%, #818cf8 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 20px;font-size:.95rem;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #6366f14d}.aci-submit-btn:disabled{opacity:.5;cursor:not-allowed}.aci-submit-btn:hover:not(:disabled){opacity:.9}@keyframes aci-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.aci-progress{justify-content:center;gap:8px;margin-top:8px;display:flex}.aci-progress-dot{background:var(--border-color);border-radius:50%;width:12px;height:12px;transition:all .3s}.aci-progress-dot.current{box-shadow:0 0 0 3px var(--accent-color,#6366f1);transform:scale(1.15)}.aci-progress-dot.correct{background:#22c55e}.aci-progress-dot.wrong{background:#ef4444}.aci-gameover{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;width:100%;padding:24px 16px;animation:.4s aci-pop;box-shadow:0 4px 24px #0000000f}.aci-gameover h2{color:var(--text-color);margin:0 0 14px;font-size:1.3rem}.aci-final-score{margin-bottom:8px}.aci-final-number{color:var(--accent-color,#6366f1);font-size:2.2rem;font-weight:900}.aci-final-label{color:var(--text-muted);margin-left:4px;font-size:1rem}.aci-gameover-actions{justify-content:center;gap:8px;margin-top:16px;display:flex}.aci-share-btn{background:linear-gradient(135deg, var(--accent-color,#6366f1) 0%, #818cf8 100%);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 22px;font-size:.9rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #6366f14d}.aci-share-btn:hover{opacity:.9}.aci-loading,.aci-error{text-align:center;width:100%;color:var(--text-muted);padding:40px 16px;font-size:.95rem}.aci-error{color:#ef4444}@media (max-width:480px){.aci-input-row{flex-direction:column;align-items:center}.aci-input{width:100%;max-width:200px}}.achievement-toast{background:var(--card-bg);border:1px solid var(--border-color);z-index:9999;cursor:pointer;opacity:0;border-left:4px solid #6366f1;border-radius:14px;align-items:center;gap:12px;max-width:380px;padding:14px 18px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:20px;right:20px;transform:translate(120%);box-shadow:0 8px 32px #0000002e}.achievement-toast.show{opacity:1;transform:translate(0)}.achievement-toast-icon{flex-shrink:0;font-size:1.5rem}.achievement-toast-content{flex:1;min-width:0}.achievement-toast-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:2px;font-size:.7rem}.achievement-toast-title{color:var(--text-color);font-size:.95rem;font-weight:700}.achievement-toast-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.achievement-toast-rarity{text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:700}.basarimlar-container{max-width:680px;margin:0 auto;padding-bottom:40px}.basarimlar-title{color:var(--text-color);align-items:center;gap:8px;margin:0 0 16px;font-size:1.3rem;font-weight:800;display:flex}.basarimlar-title i{color:#eab308}.basarimlar-progress{margin-bottom:20px}.basarimlar-progress-info{color:var(--text-muted);justify-content:space-between;margin-bottom:6px;font-size:.82rem;display:flex}.basarimlar-progress-bar{background:var(--border-color);border-radius:10px;height:8px;overflow:hidden}.basarimlar-progress-fill{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:10px;height:100%;transition:width .6s}.basarimlar-section{margin-bottom:20px}.basarimlar-section-title{color:var(--text-color);border-bottom:1px solid var(--border-color);margin:0 0 8px;padding-bottom:4px;font-size:.95rem;font-weight:700}.basarimlar-grid{flex-direction:column;gap:6px;display:flex}.basarimlar-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.basarimlar-card.locked{opacity:.5}.basarimlar-card.unlocked{opacity:1}.basarimlar-card-icon{text-align:center;flex-shrink:0;width:36px;font-size:1.3rem}.basarimlar-card-info{flex:1;min-width:0}.basarimlar-card-title{color:var(--text-color);font-size:.9rem;font-weight:700}.basarimlar-card-desc{color:var(--text-muted);font-size:.78rem}.basarimlar-card-rarity{text-transform:uppercase;letter-spacing:.3px;font-size:.68rem;font-weight:700}.basarimlar-card-date{color:var(--text-muted);white-space:nowrap;font-size:.72rem}@media (max-width:480px){.achievement-toast{max-width:none;bottom:12px;left:12px;right:12px}}.streak-badge{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-muted);border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:700;transition:all .3s;display:inline-flex}.streak-badge.active{color:#f97316;border-color:#f97316}.streak-badge.active i{color:#f97316}.streak-fire-active{animation:1.5s ease-in-out infinite streak-pulse}@keyframes streak-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.streak-count{font-weight:800}.streak-label{opacity:.8;font-weight:500}.streak-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;align-items:center;gap:14px;margin-bottom:12px;padding:14px 18px;display:flex}.streak-card-icon{color:#f97316;flex-shrink:0;font-size:1.6rem}.streak-card-info{flex:1}.streak-card-main{align-items:baseline;gap:6px;display:flex}.streak-card-number{color:#f97316;font-size:1.6rem;font-weight:900;line-height:1}.streak-card-unit{color:var(--text-color);font-size:.85rem;font-weight:600}.streak-card-sub{color:var(--text-muted);margin-top:2px;font-size:.75rem}.streak-card-warning{color:#eab308;margin-top:4px;font-size:.75rem}.streak-card-check{color:#22c55e;margin-top:4px;font-size:.75rem}.asmaca-name-inputs{flex-direction:column;gap:8px;margin-top:8px;display:flex}.asmaca-name-field{align-items:center;gap:8px;display:flex}.asmaca-name-field label{color:var(--text-muted);min-width:65px;font-size:.78rem;font-weight:600}.asmaca-name-field .asmaca-lobby-input{letter-spacing:0;text-align:left;text-transform:none;flex:1;width:auto;font-size:.85rem;font-weight:600}.asmaca-turn-banner{color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:.85rem;font-weight:600;animation:2s infinite asmaca-pulse-banner;display:flex}[data-theme=dark] .asmaca-turn-banner,:root:not([data-theme=light]) .asmaca-turn-banner{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b66}@keyframes asmaca-pulse-banner{0%,to{opacity:1}50%{opacity:.7}}.asmaca-confirm-ready{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;width:100%;padding:30px 16px}.asmaca-confirm-ready h3{margin:8px 0;font-size:1.1rem}.asmaca-confirm-ready p{color:var(--text-color);margin:4px 0;font-size:.9rem}.asmaca-ready-icon{font-size:2.5rem}.asmaca-guesser-badge{text-align:center;color:var(--accent-color,#6366f1);background:#6366f11a;border:1px solid #6366f14d;border-radius:10px;margin-bottom:6px;padding:6px 14px;font-size:.82rem}.asmaca-word-hint{color:var(--text-muted);margin:0;font-size:.75rem}.asmaca-game-container{flex-direction:column;align-items:center;gap:6px;width:100%;margin:0 auto;padding:0;display:flex}.asmaca-header{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg,16px);justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:6px;padding:10px 16px;display:flex}.asmaca-logo-title{align-items:center;gap:8px;display:flex}.asmaca-logo-title h1{margin:0;font-size:1.1rem;font-weight:700}.asmaca-logo{object-fit:contain;border-radius:6px;width:28px;height:28px}.asmaca-controls{align-items:center;gap:8px;display:flex}.asmaca-icon-btn{cursor:pointer;background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;align-items:center;height:30px;padding:5px 10px;font-size:.9rem;line-height:1;transition:all .2s;display:flex}.asmaca-icon-btn:hover{background:var(--card-bg);border-color:var(--text-muted)}.asmaca-round-badge{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:8px;padding:4px 10px;font-size:.78rem;font-weight:700}.asmaca-lobby{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg,16px);width:100%;padding:24px 20px}.asmaca-lobby-intro{margin-bottom:20px}.asmaca-lobby-intro .asmaca-svg{width:100px;height:100px;color:var(--text-muted);margin-bottom:8px}.asmaca-lobby-intro h2{margin:0 0 6px;font-size:1.15rem}.asmaca-lobby-intro p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.4}.asmaca-lobby-options{flex-direction:column;align-items:center;gap:12px;display:flex}.asmaca-lobby-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:300px;padding:14px}.asmaca-lobby-card p{color:var(--text-color);margin:0 0 6px;font-size:.9rem}.asmaca-lobby-desc{color:var(--text-muted)!important;font-size:.78rem!important}.asmaca-lobby-btn{border-radius:var(--radius-md,12px);background:var(--accent-color);color:#fff;cursor:pointer;border:none;padding:8px 18px;font-size:.85rem;font-weight:700;transition:background .15s}.asmaca-lobby-btn:hover{background:var(--accent-hover,#9b7fff)}.asmaca-lobby-btn:disabled{opacity:.5;cursor:not-allowed}.asmaca-lobby-btn-secondary{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:10px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:background .2s}.asmaca-lobby-btn-secondary:hover{background:var(--bg-color)}.asmaca-lobby-divider{color:var(--text-muted);font-size:.8rem;font-weight:600}.asmaca-lobby-join{justify-content:center;gap:8px;margin-top:6px;display:flex}.asmaca-lobby-input{border:2px solid var(--border-color);background:var(--card-bg);width:110px;color:var(--text-color);text-align:center;letter-spacing:2px;text-transform:uppercase;border-radius:10px;outline:none;padding:8px 12px;font-size:1rem;font-weight:800}.asmaca-lobby-input:focus{border-color:var(--accent-color,#6366f1)}.asmaca-lobby-loading{color:var(--text-muted);padding:20px 0;font-size:.9rem}.asmaca-lobby-waiting{padding:10px 0}.asmaca-lobby-waiting p{color:var(--text-muted);margin:0 0 6px;font-size:.85rem}.asmaca-room-code{letter-spacing:6px;color:var(--accent-color,#6366f1);-webkit-user-select:all;user-select:all;margin:8px 0;font-size:2rem;font-weight:900}.asmaca-lobby-error{color:#ef4444;margin-top:8px;font-size:.82rem}.asmaca-score-bar{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg,16px);flex-direction:column;align-items:center;gap:4px;width:100%;margin-bottom:0;padding:6px 12px;display:flex}.asmaca-score-players{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.asmaca-round-bar{justify-content:center;align-items:center;gap:4px;width:100%;display:flex}.asmaca-round-dot{background:var(--border-color);border-radius:50%;width:10px;height:10px;transition:background .2s}.asmaca-round-dot.done{background:var(--accent-color,#6366f1)}.asmaca-round-dot.current{background:var(--accent-color,#6366f1);box-shadow:0 0 0 3px #6366f140}.asmaca-player{border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:4px 10px;transition:all .3s;display:flex}.asmaca-player.me{border-color:var(--accent-color,#6366f1);background:#6366f114}.asmaca-player.entering .asmaca-player-label:after{content:" ✏️";font-size:.7rem}.asmaca-player-label{color:var(--text-muted);font-size:.7rem;font-weight:600}.asmaca-player-score{color:var(--text-color);font-size:1.15rem;font-weight:900}.asmaca-vs{color:var(--text-muted);letter-spacing:1px;font-size:.75rem;font-weight:800}.asmaca-enter-word{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;width:100%;padding:24px 16px}.asmaca-enter-word h3{margin:0 0 6px;font-size:1rem}.asmaca-enter-desc{color:var(--text-muted);margin:0 0 16px;font-size:.82rem}.asmaca-enter-form{flex-direction:column;align-items:center;gap:10px;display:flex}.asmaca-category-wrapper{width:100%;max-width:280px}.asmaca-category-input{border:2px solid var(--border-color);background:var(--bg-color);width:100%;color:var(--text-color);box-sizing:border-box;border-radius:10px;outline:none;padding:10px 14px;font-size:.9rem;font-weight:600}.asmaca-category-input:focus{border-color:var(--accent-color,#6366f1)}.asmaca-word-input{border:2px solid var(--border-color);background:var(--bg-color);width:100%;max-width:280px;color:var(--text-color);text-align:center;border-radius:10px;outline:none;padding:12px 16px;font-size:1.1rem;font-weight:700}.asmaca-word-input:focus{border-color:var(--accent-color,#6366f1)}.asmaca-word-error{color:#ef4444;margin:0;font-size:.8rem}.asmaca-waiting{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;width:100%;padding:30px 16px}.asmaca-waiting .asmaca-svg{width:120px;height:120px;color:var(--text-muted);margin-bottom:12px}.asmaca-waiting p{color:var(--text-muted);font-size:.9rem}.asmaca-play-area{width:100%;padding-bottom:144px}.asmaca-category-badge{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);color:var(--accent-color,#6366f1);border-radius:10px;width:100%;margin-bottom:10px;padding:5px 14px;font-size:.8rem;font-weight:700;display:inline-block}.asmaca-play-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;align-items:center;gap:6px;margin-bottom:6px;padding:6px 10px;display:flex}.asmaca-hangman-area{flex-direction:column;align-items:center;display:flex}.asmaca-svg{width:140px;height:140px;color:var(--text-color)}.asmaca-part{animation:.4s ease-out asmaca-appear}@keyframes asmaca-appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.asmaca-wrong-count{color:var(--text-muted);margin-top:4px;font-size:.78rem;font-weight:700}.asmaca-word-display{flex-wrap:wrap;justify-content:center;gap:6px;padding:8px 0;display:flex}.asmaca-letter{border-bottom:3px solid var(--text-muted);width:36px;height:42px;color:var(--text-color);justify-content:center;align-items:center;font-size:1.3rem;font-weight:800;transition:all .3s;display:flex}.asmaca-letter.revealed{border-bottom-color:#22c55e;animation:.3s ease-out asmaca-letter-pop}@keyframes asmaca-letter-pop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.asmaca-letter-space{width:16px}.asmaca-keyboard{flex-direction:column;align-items:center;gap:5px;width:100%;display:flex}.asmaca-key-row{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.asmaca-key{border:1px solid var(--border-color);background:var(--card-bg);width:32px;height:38px;color:var(--text-color);cursor:pointer;box-shadow:0 2px 0 var(--border-color);border-radius:8px;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;transition:all .15s;display:flex}.asmaca-key:hover:not(:disabled){background:var(--bg-color);border-color:var(--text-muted);box-shadow:0 4px 0 var(--border-color);transform:translateY(-2px)}.asmaca-key:active:not(:disabled){box-shadow:0 0px 0 var(--border-color);transform:translateY(1px)}.asmaca-key:disabled{cursor:not-allowed;opacity:.4}.asmaca-key.correct{color:#fff;background:#22c55e;border-color:#22c55e;opacity:1!important}.asmaca-key.wrong{color:#fff;background:#ef4444;border-color:#ef4444;opacity:.7!important}.asmaca-watching{text-align:center;color:var(--text-muted);padding:14px;font-size:.9rem}.asmaca-round-result{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg,16px);width:100%;padding:30px 16px}@keyframes asmaca-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.asmaca-result-icon{margin-bottom:8px;font-size:2.5rem}.asmaca-round-result h3{margin:0 0 10px;font-size:1.1rem}.asmaca-result-word{color:var(--text-color);margin:0 0 4px;font-size:1rem}.asmaca-result-category{color:var(--text-muted);margin:0 0 16px;font-size:.82rem}.asmaca-game-over{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg,16px);width:100%;padding:24px 16px}.asmaca-game-over h2{margin:0 0 16px;font-size:1.5rem}.asmaca-final-scores{justify-content:center;align-items:center;gap:16px;margin-bottom:20px;display:flex}.asmaca-final-player{flex-direction:column;align-items:center;gap:4px;display:flex}.asmaca-final-player span:first-child{color:var(--text-muted);font-size:.8rem;font-weight:600}.asmaca-final-score{color:var(--text-color);font-size:2rem;font-weight:900}.asmaca-final-vs{color:var(--text-muted);font-size:1.2rem}.asmaca-results-list{margin:12px 0 20px}.asmaca-results-list h4{color:var(--text-muted);margin:0 0 8px;font-size:.85rem}.asmaca-result-row{background:var(--bg-color);border-radius:8px;align-items:center;gap:8px;margin-bottom:4px;padding:6px 12px;font-size:.8rem;display:flex}.asmaca-result-row.won{border-left:3px solid #22c55e}.asmaca-result-row.lost{border-left:3px solid #ef4444}.asmaca-result-num{color:var(--text-muted);min-width:24px;font-weight:800}.asmaca-result-word-sm{color:var(--text-color);text-align:left;flex:1;font-weight:700}.asmaca-result-cat-sm{color:var(--text-muted);font-size:.72rem}.asmaca-game-over-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.asmaca-round-selector{align-items:center;gap:10px;margin:10px 0;display:flex}.asmaca-round-selector-label{color:var(--text-muted);font-size:.82rem;font-weight:600}.asmaca-round-selector-options{gap:6px;display:flex}.asmaca-round-selector-btn{border-radius:var(--radius-sm,8px);border:1px solid var(--border-color);width:36px;height:32px;color:var(--text-color);cursor:pointer;background:0 0;font-size:.82rem;font-weight:600;transition:background .15s,border-color .15s}.asmaca-round-selector-btn:hover{background:var(--bg-color)}.asmaca-round-selector-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.asmaca-lobby-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg,16px);text-align:center;width:100%;padding:18px 16px}.asmaca-lobby-card p{margin:0;font-size:.85rem}.asmaca-kb-fixed{z-index:50;background:var(--bg-color);border-top:1px solid var(--border-color);justify-content:center;padding:8px 8px 14px;display:flex;position:fixed;bottom:0;left:0;right:0}.asmaca-kb-fixed .asmaca-keyboard{width:100%;max-width:520px}.asmaca-modal-overlay{z-index:200;background:#0000008c;justify-content:center;align-items:flex-end;animation:.2s asmaca-overlay-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes asmaca-overlay-in{0%{opacity:0}to{opacity:1}}.asmaca-modal{background:var(--bg-color);border:1px solid var(--border-color);border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:92dvh;padding:20px 20px 32px;animation:.28s cubic-bezier(.34,1.56,.64,1) asmaca-modal-slide;overflow-y:auto}@keyframes asmaca-modal-slide{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.asmaca-modal-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.asmaca-modal-title{color:var(--text-color);margin:0;font-size:1rem;font-weight:700}.asmaca-modal-close{background:var(--card-bg);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;transition:background .15s;display:flex}.asmaca-modal-close:hover{background:var(--border-color)}.asmaca-hero{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg,16px);flex-direction:column;align-items:center;gap:12px;width:100%;padding:32px 20px;display:flex}.asmaca-hero h2{margin:0;font-size:1.2rem}.asmaca-hero p{color:var(--text-muted);max-width:260px;margin:0;font-size:.82rem;line-height:1.45}.asmaca-hero-play-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 28px;font-size:.95rem;font-weight:700;transition:background .15s}.asmaca-hero-play-btn:hover{background:var(--accent-hover,#9b7fff)}@media (max-width:500px){.asmaca-header{flex-wrap:wrap;gap:6px}.asmaca-key{width:27px;height:34px;font-size:.75rem}.asmaca-letter{width:28px;height:34px;font-size:1rem}.asmaca-svg{width:110px;height:110px}}.duello-game-container{flex-direction:column;align-items:center;gap:6px;width:100%;margin:0 auto;display:flex}.duello-header{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg,16px);justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:0;padding:10px 16px;display:flex}.duello-logo-title{align-items:center;gap:8px;display:flex}.duello-logo-title h1{margin:0;font-size:1.1rem;font-weight:700}.duello-logo{object-fit:contain;border-radius:6px;width:28px;height:28px}.duello-controls{align-items:center;gap:8px;display:flex}.duello-icon-btn{cursor:pointer;background:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;align-items:center;height:30px;padding:5px 10px;font-size:.9rem;line-height:1;transition:all .2s;display:flex}.duello-icon-btn:hover{background:var(--card-bg);border-color:var(--text-muted)}.duello-round-badge{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:8px;padding:4px 10px;font-size:.78rem;font-weight:700}.duello-lobby{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg,16px);width:100%;padding:24px 20px}.duello-lobby-intro{margin-bottom:20px}.duello-intro-grid{justify-content:center;gap:5px;margin-bottom:12px;display:flex}.duello-intro-cell{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:36px;height:40px;font-size:1.1rem;font-weight:800;animation:.5s ease-out backwards duello-flip-in;display:flex}.duello-intro-cell:first-child{animation-delay:0s}.duello-intro-cell:nth-child(2){animation-delay:.1s}.duello-intro-cell:nth-child(3){animation-delay:.2s}.duello-intro-cell:nth-child(4){animation-delay:.3s}.duello-intro-cell:nth-child(5){animation-delay:.4s}.duello-intro-cell.correct{background:#22c55e}.duello-intro-cell.present{background:#eab308}.duello-intro-cell.absent{background:#6b7280}.duello-lobby-intro h2{margin:0 0 6px;font-size:1.15rem}.duello-lobby-intro p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.5}.duello-lobby-options{flex-direction:column;align-items:center;gap:12px;display:flex}.duello-lobby-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:300px;padding:14px}.duello-lobby-card p{color:var(--text-color);margin:0 0 6px;font-size:.9rem}.duello-lobby-desc{color:var(--text-muted)!important;font-size:.78rem!important}.duello-lobby-btn{border-radius:var(--radius-md,12px);background:var(--accent-color);color:#fff;cursor:pointer;border:none;padding:10px 22px;font-size:.85rem;font-weight:700;transition:background .15s}.duello-lobby-btn:hover{background:var(--accent-hover,#9b7fff)}.duello-lobby-btn:disabled{opacity:.5;cursor:not-allowed}.duello-length-selector{justify-content:center;align-items:center;gap:8px;margin:8px 0 12px;display:flex}.duello-length-label{color:var(--text-muted);font-size:.8rem;font-weight:600}.duello-length-options{gap:4px;display:flex}.duello-length-btn{border:2px solid var(--border-color);background:var(--card-bg);width:34px;height:34px;color:var(--text-color);cursor:pointer;border-radius:8px;font-size:.9rem;font-weight:800;transition:all .2s}.duello-length-btn:hover{border-color:var(--text-muted)}.duello-length-btn.active{background:var(--accent-color,#6366f1);color:#fff;border-color:var(--accent-color,#6366f1)}.duello-lobby-btn-secondary{border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);cursor:pointer;border-radius:10px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:background .2s}.duello-lobby-btn-secondary:hover{background:var(--bg-color)}.duello-lobby-divider{color:var(--text-muted);font-size:.8rem;font-weight:600}.duello-lobby-join{justify-content:center;gap:8px;margin-top:6px;display:flex}.duello-lobby-input{border:2px solid var(--border-color);background:var(--card-bg);width:110px;color:var(--text-color);text-align:center;letter-spacing:2px;text-transform:uppercase;border-radius:10px;outline:none;padding:8px 12px;font-size:1rem;font-weight:800}.duello-lobby-input:focus{border-color:var(--accent-color,#6366f1)}.duello-lobby-loading{color:var(--text-muted);padding:20px 0;font-size:.9rem}.duello-lobby-waiting{padding:10px 0}.duello-lobby-waiting p{color:var(--text-muted);margin:0 0 6px;font-size:.85rem}.duello-room-code{letter-spacing:6px;color:var(--accent-color,#6366f1);-webkit-user-select:all;user-select:all;margin:8px 0;font-size:2rem;font-weight:900}.duello-lobby-error{color:#ef4444;margin-top:8px;font-size:.82rem}.duello-play-area{width:100%}.duello-score-bar{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg,16px);justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:0;padding:10px 16px;display:flex}.duello-player{border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 16px;transition:all .3s;display:flex}.duello-player.me{border-color:var(--accent-color,#6366f1);background:#6366f114}.duello-player-label{color:var(--text-muted);font-size:.75rem;font-weight:600}.duello-player-score{color:var(--text-color);font-size:1.4rem;font-weight:900}.duello-vs{color:var(--text-muted);letter-spacing:1px;font-size:.75rem;font-weight:800}.duello-opponent-progress{text-align:center;background:var(--bg-color);border:1px solid var(--border-color);width:100%;color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-bottom:10px;padding:6px 12px;font-size:.78rem;font-weight:600;display:flex}.duello-grid{flex-direction:column;align-items:center;gap:5px;margin-bottom:10px;display:flex}.duello-row{gap:5px;display:flex}.duello-row.shake{animation:.4s duello-shake}@keyframes duello-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.duello-cell{width:clamp(32px, calc(100% / var(--word-length,5) - 6px), 50px);aspect-ratio:1/1.1;border-radius:var(--radius-sm,8px);border:2px solid var(--border-color);font-size:clamp(.9rem, calc(1.4rem - var(--word-length,5) * .06rem), 1.3rem);color:var(--text-color);background:var(--card-bg);justify-content:center;align-items:center;font-weight:800;transition:border-color .15s;display:flex}.duello-cell.filled{border-color:var(--text-muted)}.duello-cell.cursor{border-color:var(--accent-color,#6366f1)}.duello-correct{animation:.5s ease-out duello-flip-in;color:#fff!important;background:#22c55e!important;border-color:#22c55e!important}.duello-present{animation:.5s ease-out duello-flip-in;color:#fff!important;background:#eab308!important;border-color:#eab308!important}.duello-absent{animation:.5s ease-out duello-flip-in;color:#fff!important;background:#6b7280!important;border-color:#6b7280!important}@keyframes duello-flip-in{0%{opacity:0;transform:rotateX(90deg)}50%{transform:rotateX(-10deg)}to{opacity:1;transform:rotateX(0)}}.duello-input-error{text-align:center;color:#ef4444;margin:4px 0 0;font-size:.8rem}.duello-my-status{text-align:center;color:var(--text-color);background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;margin-bottom:10px;padding:10px;font-size:.85rem;font-weight:600}.duello-keyboard{flex-direction:column;align-items:center;gap:5px;width:100%;display:flex}.duello-key-row{justify-content:center;gap:4px;display:flex}.duello-key{border:1px solid var(--border-color);background:var(--card-bg);min-width:28px;height:40px;color:var(--text-color);cursor:pointer;box-shadow:0 2px 0 var(--border-color);border-radius:8px;justify-content:center;align-items:center;padding:0 6px;font-size:.8rem;font-weight:700;transition:all .15s;display:flex}.duello-key-wide{min-width:42px;font-size:.85rem}.duello-key:hover:not(:disabled){background:var(--bg-color);box-shadow:0 4px 0 var(--border-color);transform:translateY(-2px)}.duello-key:active:not(:disabled){box-shadow:0 0px 0 var(--border-color);transform:translateY(1px)}.duello-key:disabled{opacity:.5;cursor:not-allowed}.duello-key-correct{color:#fff!important;background:#22c55e!important;border-color:#22c55e!important}.duello-key-present{color:#fff!important;background:#eab308!important;border-color:#eab308!important}.duello-key-absent{opacity:.6;color:#fff!important;background:#6b7280!important;border-color:#6b7280!important}.duello-round-end{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg,16px);width:100%;padding:24px 16px}@keyframes duello-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.duello-round-end h3{margin:0 0 8px;font-size:1.1rem}.duello-reveal-word{color:var(--text-color);margin:0 0 12px;font-size:1rem}.duello-round-summary{justify-content:center;align-items:center;gap:12px;margin-bottom:6px;display:flex}.duello-round-player{flex-direction:column;align-items:center;gap:2px;display:flex}.duello-round-player span:first-child{color:var(--text-muted);font-size:.78rem;font-weight:600}.duello-round-guess-count{color:var(--text-color);font-size:1.5rem;font-weight:900}.duello-round-divider{color:var(--text-muted);font-size:.8rem}.duello-game-over{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg,16px);width:100%;padding:24px 16px}.duello-game-over h2{margin:0 0 16px;font-size:1.5rem}.duello-final-scores{justify-content:center;align-items:center;gap:16px;margin-bottom:20px;display:flex}.duello-final-player{flex-direction:column;align-items:center;gap:4px;display:flex}.duello-final-player span:first-child{color:var(--text-muted);font-size:.8rem;font-weight:600}.duello-final-score{color:var(--text-color);font-size:2rem;font-weight:900}.duello-final-vs{color:var(--text-muted);font-size:1.2rem}.duello-results-list{margin:12px 0 20px}.duello-results-list h4{color:var(--text-muted);margin:0 0 8px;font-size:.85rem}.duello-result-row{background:var(--bg-color);border-radius:8px;align-items:center;gap:8px;margin-bottom:4px;padding:6px 12px;font-size:.8rem;display:flex}.duello-result-num{color:var(--text-muted);min-width:24px;font-weight:800}.duello-result-word{color:var(--text-color);text-align:left;flex:1;font-weight:700}.duello-result-guesses{color:var(--text-muted);font-size:.78rem;font-weight:600}.duello-game-over-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.duello-enter-word{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.duello-word-entry{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:420px;display:flex}.duello-word-entry h3{color:var(--text-color);margin:0;font-size:1rem;font-weight:700}.duello-entry-grid{justify-content:center;gap:6px;display:flex}.duello-waiting-opponent{flex-direction:column;align-items:center;gap:8px;padding:24px 16px;display:flex}.duello-waiting-opponent h3{color:var(--text-color);margin:0;font-size:1rem}@media (max-width:500px){.duello-header{flex-wrap:wrap;gap:6px}.duello-cell{width:clamp(26px, calc(100% / var(--word-length,5) - 5px), 40px);font-size:clamp(.8rem, calc(1.2rem - var(--word-length,5) * .05rem), 1.1rem)}.duello-key{min-width:24px;height:36px;font-size:.72rem}.duello-key-wide{min-width:36px}}#root{width:100%}body{min-height:100dvh;margin:0;padding:clamp(6px,4vw,16px)}.container{background-color:var(--container-bg);border:1px solid var(--border-color);border-radius:24px;max-width:450px;margin:0 auto;padding:30px;position:relative;box-shadow:0 20px 50px #0000001a}.container.container-wide{max-width:700px}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}