:root{--night:#0f0726;--bg:#170b38;--surface:#231050;--surface-2:#2e1767;--edge:#4a2a9a;--edge-hi:#8b5cff;--gold:#ffc53d;--gold-deep:#c47a00;--gold-ink:#3d1a00;--green:#5ee63a;--green-deep:#238a12;--green-ink:#0d3304;--violet:#7b4dff;--violet-deep:#2d1180;--magenta:#ff4fb8;--magenta-deep:#7a0f55;--red-deep:#8a1426;--sky:#4cc3ff;--sky-deep:#1f5fbf;--ok:#5ee6a0;--bad:#ff6b7d;--high:#7cc4ff;--mid:#5ee6a0;--low:#ff8fa3;--eyebrow:#b89bff;--n-top:#3a1f80;--n-bot:#2c1566;--n-border:#5b37b5;--n-ledge:#1b0b47;--text:#fff;--text-2:#fffc;--text-off:#ffffff73;--line:#ffffff40;--shine-in:#ffffff1f;--ui:"Kanit","Sarabun",system-ui,sans-serif;--thai:"Sarabun","Leelawadee UI","Thonburi",serif;--fs-12:12px;--fs-14:14px;--fs-16:16px;--fs-18:18px;--fs-22:22px;--fs-30:30px;--th-20:20px;--th-28:28px;--th-36:36px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--r-s:12px;--r-m:16px;--r-l:22px;--r-pill:999px;--t-press:80ms;--t-fade:200ms;--t-slide:320ms;--t-pop:380ms;--t-shake:400ms;--t-fill:500ms;--ease-out:cubic-bezier(0.2,0.8,0.3,1);--ease-bounce:cubic-bezier(0.3,1.5,0.5,1);--ease-sheet:cubic-bezier(0.2,1.2,0.4,1)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root{font-family:Sarabun,sans-serif}body{background:radial-gradient(60% 40% at 15% 10%,#8b5cff59,#0000 70%),radial-gradient(50% 35% at 90% 55%,#ff4fb838,#0000 70%),var(--night);background-attachment:fixed;min-height:100vh}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.top-0{top:0}.z-10{z-index:10}.z-50{z-index:50}.mx-4{margin-left:1rem;margin-right:1rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.-mt-3{margin-top:-.75rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mt-0\.5{margin-top:.125rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-10{height:2.5rem}.h-20{height:5rem}.h-32{height:8rem}.h-6{height:1.5rem}.h-full{height:100%}.max-h-48{max-height:12rem}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-32{width:8rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-screen-xl{max-width:1280px}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.scale-110,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-y{resize:vertical}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-white\/5>:not([hidden])~:not([hidden]){border-color:#ffffff0d}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-amber-300{--tw-border-opacity:1;border-color:#fcd34d;border-color:rgb(252 211 77/var(--tw-border-opacity,1))}.border-amber-400\/20{border-color:#fbbf2433}.border-amber-400\/30{border-color:#fbbf244d}.border-emerald-400\/30{border-color:#34d3994d}.border-red-400\/30{border-color:#f871714d}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-white\/20{border-color:#fff3}.bg-amber-400\/20{background-color:#fbbf2433}.bg-amber-400\/40{background-color:#fbbf2466}.bg-amber-400\/5{background-color:#fbbf240d}.bg-amber-400\/90{background-color:#fbbf24e6}.bg-black\/20{background-color:#0003}.bg-black\/70{background-color:#000000b3}.bg-ds-bg{background-color:var(--bg)}.bg-emerald-400\/20{background-color:#34d39933}.bg-emerald-500\/20{background-color:#10b98133}.bg-emerald-500\/30{background-color:#10b9814d}.bg-indigo-500\/80{background-color:#6366f1cc}.bg-red-500\/20{background-color:#ef444433}.bg-red-500\/30{background-color:#ef44444d}.bg-rose-400\/15{background-color:#fb718526}.bg-sky-400\/15{background-color:#38bdf826}.bg-sky-400\/20{background-color:#38bdf833}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/5{background-color:#ffffff0d}.object-cover{object-fit:cover}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.font-ds-ui{font-family:Kanit,Sarabun,system-ui,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-7xl{font-size:4.5rem;line-height:1}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-ds-12{font-size:var(--fs-12)}.text-ds-14{font-size:var(--fs-14)}.text-ds-16{font-size:var(--fs-16)}.text-ds-30{font-size:var(--fs-30)}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-amber-200{--tw-text-opacity:1;color:#fde68a;color:rgb(253 230 138/var(--tw-text-opacity,1))}.text-amber-300{--tw-text-opacity:1;color:#fcd34d;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-amber-300\/80{color:#fcd34dcc}.text-amber-400\/60{color:#fbbf2499}.text-ds-eyebrow{color:var(--eyebrow)}.text-ds-gold{color:var(--gold)}.text-ds-text{color:var(--text)}.text-ds-text-2{color:var(--text-2)}.text-emerald-300{--tw-text-opacity:1;color:#6ee7b7;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-indigo-300{--tw-text-opacity:1;color:#a5b4fc;color:rgb(165 180 252/var(--tw-text-opacity,1))}.text-indigo-950{--tw-text-opacity:1;color:#1e1b4b;color:rgb(30 27 75/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-400\/60{color:#f8717199}.text-rose-300\/70{color:#fda4afb3}.text-sky-300{--tw-text-opacity:1;color:#7dd3fc;color:rgb(125 211 252/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/25{color:#ffffff40}.text-white\/30{color:#ffffff4d}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.placeholder-white\/30::placeholder{color:#ffffff4d}.accent-amber-400{accent-color:#fbbf24}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid #0000;outline-offset:2px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes quiz-slide-in{0%{opacity:0;transform:translateX(48px)}to{opacity:1;transform:translateX(0)}}@keyframes quiz-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes quiz-pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes quiz-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(3px)}}@keyframes quiz-combo-in{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes quiz-combo-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .25s ease-out both}@keyframes hero-letter-in{0%{opacity:0;transform:translateX(48px)}to{opacity:1;transform:translateX(0)}}@keyframes hero-letter-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-48px)}}.animate-hero-letter-in{animation:hero-letter-in .5s ease-out both}.animate-hero-letter-out{animation:hero-letter-out .5s ease-in both}@keyframes slide-from-right{0%{opacity:0}to{opacity:1}}@keyframes slide-from-left{0%{opacity:0}to{opacity:1}}@media (max-width:767px){.page-slide-right{animation:slide-from-right .15s ease-out both}.page-slide-left{animation:slide-from-left .15s ease-out both}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}html{scrollbar-color:#8b5cff99 #ffffff0f;scrollbar-width:thin}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:#ffffff0f}html::-webkit-scrollbar-thumb{background:#8b5cff99;border-radius:9999px}.table-scroll{scrollbar-color:#a5b4fc80 #ffffff14;scrollbar-width:thin}.table-scroll::-webkit-scrollbar{height:4px;width:4px}.table-scroll::-webkit-scrollbar-track{background:#ffffff14;border-radius:9999px}.table-scroll::-webkit-scrollbar-thumb{background:#a5b4fc80;border-radius:9999px}.hover\:bg-amber-400:hover{--tw-bg-opacity:1;background-color:#fbbf24;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.hover\:bg-amber-400\/30:hover{background-color:#fbbf244d}.hover\:bg-indigo-500:hover{--tw-bg-opacity:1;background-color:#6366f1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.hover\:bg-red-400\/10:hover{background-color:#f871711a}.hover\:bg-sky-400\/30:hover{background-color:#38bdf84d}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:text-indigo-200:hover{--tw-text-opacity:1;color:#c7d2fe;color:rgb(199 210 254/var(--tw-text-opacity,1))}.hover\:text-red-400:hover{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:text-white\/60:hover{color:#fff9}.hover\:text-white\/70:hover{color:#ffffffb3}.focus\:border-amber-300:focus{--tw-border-opacity:1;border-color:#fcd34d;border-color:rgb(252 211 77/var(--tw-border-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-20:disabled{opacity:.2}.disabled\:opacity-40:disabled{opacity:.4}@media (min-width:1024px){.lg\:hidden{display:none}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.ui-btn{--face:linear-gradient(180deg,#9dff75,var(--green) 45%,#3fc41f);--ink:var(--green-ink);--deep:var(--green-deep);--hi:#fff9;--glow:#5ee63a4d;--ts:0 1px 0 #ffffff73;--ring:0 0 0 0 #0000;--ledge:4px;align-items:center;background:var(--face);border:0;border-radius:var(--r-m);box-shadow:inset 0 2px 0 var(--hi),0 var(--ledge) 0 var(--deep),var(--ring),0 10px 22px var(--glow);color:var(--ink);cursor:pointer;display:inline-flex;font-family:var(--ui);font-size:var(--fs-16);font-weight:600;gap:8px;height:44px;isolation:isolate;justify-content:center;margin-bottom:var(--ledge);overflow:hidden;padding:0 16px;position:relative;text-shadow:var(--ts);transition:transform var(--t-press),box-shadow var(--t-press);white-space:nowrap}.ui-btn:active:not(:disabled){box-shadow:inset 0 2px 0 var(--hi),0 1px 0 var(--deep),var(--ring);transform:translateY(calc(var(--ledge) - 1px))}.ui-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.ui-btn svg{flex:none;height:20px;width:20px}.ui-btn--l{--ledge:5px;font-size:var(--fs-18);font-weight:800;height:54px;letter-spacing:.08em;text-transform:uppercase;width:100%}.ui-btn--sq{padding:0;width:44px}.ui-btn--sq svg{height:22px;width:22px}.ui-btn--alt{--face:linear-gradient(180deg,#9a78ff,var(--violet) 45%,#5b2bd9);--ink:#fff;--deep:var(--violet-deep);--hi:#ffffff59;--glow:#7b4dff4d;--ts:0 1px 0 #1e0a5a99}.ui-btn--sound{--face:linear-gradient(180deg,#e257ae,#cc2a8f 50%,#a31a74);--ink:#fff;--deep:var(--magenta-deep);--hi:#ffffff73;--glow:#ff4fb84d;--ts:0 1px 0 #5a003280}.ui-btn--premium{--face:linear-gradient(180deg,#ffe58a,var(--gold) 50%,#f39200);--ink:var(--gold-ink);--deep:var(--gold-deep);--glow:#ffaa004d}.ui-btn--retry{--face:linear-gradient(180deg,#f0445a,#d8324a 50%,#c01f35);--ink:#fff;--deep:var(--red-deep);--hi:#ffffff59;--glow:#ff506440;--ts:0 1px 0 #5a001499}.ui-btn--tool{--face:linear-gradient(180deg,var(--n-top),var(--n-bot));--ink:#fff;--deep:var(--n-ledge);--hi:#ffffff29;--glow:#0000;--ts:none;--ring:0 var(--ledge) 0 1px var(--n-border);border:1px solid var(--n-border)}.ui-btn--tool:active:not(:disabled){--ring:0 1px 0 1px var(--n-border)}.ui-btn--tool[aria-pressed=true]{--ring:0 var(--ledge) 0 1px var(--gold);border-color:var(--gold);color:var(--gold)}.ui-btn:disabled{--face:#26124f;--ink:var(--text-off);--deep:#1b0b47;--hi:#ffffff0f;--glow:#0000;--ts:none;--ring:0 0 0 0 #0000;border:1px dashed #8b5cff59;cursor:not-allowed;transform:none}.ui-btn--l.ui-btn--shine:after{animation:ui-shine 3.6s ease-in-out infinite;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);content:"";inset:0 auto 0 -60%;pointer-events:none;position:absolute;transform:skewX(-20deg);width:45%;z-index:-1}.ui-btn--shine:disabled:after{display:none}@keyframes ui-shine{0%,55%{left:-60%}85%,to{left:130%}}.ui-card{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--edge);border-radius:var(--r-l);box-shadow:inset 0 1px 0 #ffffff1a;padding:16px}.ui-bar{--h:16px;--fill:linear-gradient(180deg,#ffe58a,var(--gold) 50%,#f39200);--fill-glow:#ffc53d99;background:#0d0524;border:1px solid var(--edge);border-radius:var(--r-pill);box-shadow:inset 0 2px 4px #0009;height:var(--h);padding:2px;width:100%}.ui-bar>span{background:var(--fill);border-radius:var(--r-pill);box-shadow:inset 0 1px 0 #ffffffb3,0 0 12px var(--fill-glow);display:block;height:100%;transition:width var(--t-fill) var(--ease-bounce)}.ui-bar--unit{--h:12px;--fill:linear-gradient(180deg,#ffb3e2,var(--magenta) 50%,#c01f8c);--fill-glow:#ff4fb880}.ui-switch{background:#0d0524;border:0;border-radius:var(--r-pill);box-shadow:inset 0 2px 4px #0009,0 0 0 1px var(--edge);cursor:pointer;flex:none;height:32px;position:relative;transition:background var(--t-fade);width:56px}.ui-switch:after{background:linear-gradient(180deg,#fff,#d9d0f5);border-radius:50%;box-shadow:0 2px 0 #00000059;content:"";height:26px;left:3px;position:absolute;top:3px;transition:transform .22s var(--ease-bounce);width:26px}.ui-switch[aria-checked=true]{background:linear-gradient(180deg,var(--violet),#5b2bd9)}.ui-switch[aria-checked=true]:after{transform:translateX(24px)}.ui-switch:focus-visible{outline:3px solid #fff;outline-offset:3px}.ui-switch:disabled{background:#1a0c40;box-shadow:0 0 0 1px #8b5cff59;cursor:not-allowed}.ui-switch:disabled:after{background:#5b4a8a;box-shadow:none}.ui-combo{font-feature-settings:"tnum";align-items:center;animation:ui-combo-in .45s var(--ease-bounce) both;background:#ff783c24;border:1px solid #ff965073;border-radius:var(--r-pill);color:#ffc79a;display:inline-flex;font-family:var(--ui);font-size:var(--fs-14);font-variant-numeric:tabular-nums;font-weight:600;gap:6px;height:34px;padding:0 12px 0 6px}.ui-combo img{height:26px;object-fit:contain;width:26px}@keyframes ui-combo-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}.ui-chip{font-feature-settings:"tnum";align-items:center;background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-s);box-shadow:inset 0 1px 0 var(--shine-in);color:var(--text);display:inline-flex;font-family:var(--ui);font-size:var(--fs-16);font-variant-numeric:tabular-nums;font-weight:600;gap:4px;height:34px;padding:0 10px 0 4px}.ui-chip img{height:28px;object-fit:contain;width:28px}.ui-box{font-feature-settings:"tnum";align-items:center;background:#0d052499;border:1px solid var(--edge);border-radius:var(--r-pill);color:var(--text);display:inline-flex;font-family:var(--ui);font-size:var(--fs-14);font-variant-numeric:tabular-nums;font-weight:500;gap:8px;height:28px;padding:0 10px}.ui-box__pips{display:inline-flex;gap:3px}.ui-box__pips i{background:#ffffff24;border-radius:2px;height:12px;width:6px}.ui-box__pips i.is-on{background:var(--gold);box-shadow:0 0 6px #ffc53d80}.ui-box--top{background:#ffc53d1a;border-color:#ffc53d99;color:var(--gold)}.ui-box--new{border-style:dashed;color:var(--text-2)}@media (prefers-reduced-motion:reduce){.ui-btn--shine:after{animation:none;display:none}.ui-bar>span,.ui-switch,.ui-switch:after{transition:none}.ui-combo{animation:none}}.ui-tabbar{grid-gap:4px;background:linear-gradient(180deg,#231050f5,#12082cfa);border-top:1px solid var(--edge);bottom:0;box-shadow:0 -10px 30px #0006;display:grid;font-family:var(--ui);gap:4px;grid-template-columns:repeat(5,1fr);left:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;z-index:40}.ui-tab{align-items:center;background:none;border:0;border-radius:14px;color:var(--text-2);cursor:pointer;display:flex;flex-direction:column;font:inherit;font-size:var(--fs-12);font-weight:500;gap:2px;padding:6px 0;position:relative}.ui-tab svg{height:24px;width:24px}.ui-side-link[aria-current=page],.ui-tab[aria-current=page]{background:linear-gradient(180deg,var(--violet),#5b2bd9);box-shadow:inset 0 2px 0 #ffffff4d,0 3px 0 var(--violet-deep),0 0 18px #7b4dff80;color:#fff}.ui-side-link:focus-visible,.ui-side-user:focus-visible,.ui-tab:focus-visible{outline:2px solid #fff;outline-offset:2px}.ui-new{background:#cc2a8f;border-radius:6px;box-shadow:0 2px 0 var(--magenta-deep);color:#fff;font-size:9px;font-weight:600;letter-spacing:.06em;padding:1px 5px}.ui-new--count{font-feature-settings:"tnum";border-radius:999px;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:0;line-height:1.3;min-width:18px;padding:1px 5px;text-align:center}.ui-tab .ui-new{position:absolute;right:6px;top:-4px}.ui-sidenav{bottom:0;display:none;flex-direction:column;font-family:var(--ui);gap:16px;left:max(0px,calc(50% - 600px));left:var(--frame-left);overflow-y:auto;padding:24px 12px 24px 24px;position:fixed;top:0;width:256px;z-index:40}.ui-brand{align-items:center;display:flex;gap:10px;padding:4px 8px 8px}.ui-brand img{flex:none}.ui-logo{background:linear-gradient(180deg,#fff6d6,var(--gold) 55%,#f08a00);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(0 2px 0 #6b2a00);font-size:26px;font-weight:800;letter-spacing:.04em;line-height:.95;margin:0;text-transform:uppercase}.ui-logo span{display:block;font-size:var(--fs-16);letter-spacing:.3em}.ui-side-user{align-items:center;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--edge);border-radius:20px;box-shadow:inset 0 1px 0 #ffffff1a,0 14px 30px #00000059;color:var(--text);cursor:pointer;display:flex;font:inherit;gap:10px;padding:14px;text-align:left;width:100%}.ui-avatar{background:linear-gradient(180deg,var(--violet),#5b2bd9);border-radius:12px;box-shadow:inset 0 2px 0 #ffffff4d,0 3px 0 var(--violet-deep);color:#fff;display:grid;flex:none;font-size:var(--fs-18);font-weight:700;height:42px;place-items:center;width:42px}.ui-side-user b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-side-user small{color:var(--text-2);font-size:var(--fs-12)}.ui-premium-card{background:radial-gradient(120% 90% at 0 0,#ffc53d38,#0000 60%) padding-box,linear-gradient(180deg,#3b1d78,#24104f) padding-box,linear-gradient(135deg,#ffe58a,var(--gold) 40%,var(--gold-deep) 70%,#ffe58a) border-box;border:2px solid #0000;box-shadow:inset 0 1px 0 #ffffff1f,0 14px 30px #00000059,0 0 24px #ffaa002e;isolation:isolate;overflow:hidden;position:relative}.ui-premium-card:before{animation:ui-shine 6s ease-in-out infinite;background:linear-gradient(100deg,#0000,#ffe58a38,#0000);bottom:0;content:"";left:-60%;pointer-events:none;position:absolute;top:0;transform:skewX(-20deg);width:40%;z-index:-1}.ui-avatar.ui-avatar--premium{background:linear-gradient(180deg,#ffe58a,var(--gold) 50%,#f39200);box-shadow:inset 0 2px 0 #fff9,0 3px 0 var(--gold-deep);color:var(--gold-ink);position:relative}.ui-avatar__crown{filter:drop-shadow(0 2px 2px rgba(0,0,0,.45));height:28px;position:absolute;right:-12px;top:-14px;transform:rotate(20deg);width:28px}.ui-premium-pill,.ui-side-user .ui-premium-pill{background:linear-gradient(180deg,#ffe58a,var(--gold) 50%,#f39200);border-radius:999px;color:var(--gold-ink);display:inline-block;font-size:var(--fs-12);font-weight:700;letter-spacing:.08em;margin-top:2px;padding:0 8px;text-transform:uppercase}@media (prefers-reduced-motion:reduce){.ui-premium-card:before{animation:none;display:none}}.ui-menu-label{color:var(--eyebrow);font-size:var(--fs-12);font-weight:600;letter-spacing:.14em;margin:6px 8px 0;text-transform:uppercase}.ui-side-links{display:flex;flex-direction:column;gap:4px}.ui-side-link{align-items:center;background:none;border:0;border-radius:14px;color:var(--text-2);cursor:pointer;display:flex;font:inherit;font-size:var(--fs-16);font-weight:500;gap:12px;padding:11px 12px;text-align:left}.ui-side-link svg{color:var(--eyebrow);flex:none;height:22px;width:22px}.ui-side-link:hover{background:#8b5cff1f;color:#fff}.ui-side-link[aria-current=page] svg{color:#fff}.ui-side-link .ui-new{margin-left:auto}.ui-tabbar-slot{bottom:calc(76px + env(safe-area-inset-bottom, 0px));left:0;padding:12px 16px 8px;position:fixed;right:0;z-index:40}@media (min-width:1024px){.ui-sidenav{display:flex}}:root{--frame:1200px;--nav-w:256px;--frame-left:max(0px,calc((100% - var(--frame))/2))}.ui-app-main{padding-bottom:calc(84px + env(safe-area-inset-bottom, 0px))}@media (min-width:1024px){.ui-app-main{margin:0 auto;max-width:1200px;max-width:var(--frame);padding-bottom:0;padding-left:256px;padding-left:var(--nav-w)}.ui-after-nav{left:max(256px,calc(50% - 344px));left:max(var(--nav-w),calc((100% - var(--frame))/2 + var(--nav-w)));right:max(0px,calc(50% - 600px));right:var(--frame-left)}}.ui-screen-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#170b38f7,#170b38e0);border-bottom:1px solid #8b5cff40;padding:calc(12px + env(safe-area-inset-top, 0px)) 16px 14px;position:-webkit-sticky;position:sticky;top:0;transition:transform var(--t-slide) var(--ease-out);z-index:20}.ui-screen-header__row{align-items:center;display:flex;gap:8px}.ui-screen-back{margin-bottom:4px}@media (min-width:1024px){.ui-screen-back:not(.ui-screen-back--always){display:none}}.ui-screen-title{background:linear-gradient(180deg,#fff6d6,var(--gold) 55%,#f08a00);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(0 2px 0 #6b2a00);font-size:var(--fs-22);font-weight:800;letter-spacing:.04em;margin:0 auto 0 0;text-transform:uppercase}.ui-screen-header__chips{display:flex;gap:8px}.ui-screen-header__chips .ui-chip svg{color:#9be4ff;height:18px;margin:0 5px;width:18px}.ui-chip--freeze{color:#bfeeff}@media (min-width:1024px){.ui-screen-header{padding-top:12px}.ui-screen-header__chips{display:none}}.ui-seg{background:#0d0524;border:1px solid var(--edge);border-radius:var(--r-m);box-shadow:inset 0 2px 4px #0009;display:inline-grid;gap:4px;grid-auto-columns:1fr;grid-auto-flow:column;max-width:520px;padding:4px;width:100%}.ui-seg button{background:none;border:0;border-radius:var(--r-s);color:var(--text-2);cursor:pointer;font-family:var(--ui);font-size:var(--fs-14);font-weight:600;height:40px;padding:0 14px;transition:background var(--t-fade),color var(--t-fade);white-space:nowrap}.ui-seg button:hover:not([aria-selected=true]){background:#8b5cff24;color:#fff}.ui-seg button[aria-selected=true]{background:linear-gradient(180deg,#9a78ff,var(--violet) 45%,#5b2bd9);box-shadow:inset 0 2px 0 #ffffff4d,0 3px 0 var(--violet-deep);color:#fff;text-shadow:0 1px 0 #1e0a5a99}.ui-seg button:focus-visible{outline:3px solid #fff;outline-offset:2px}.ui-screen-header .ui-seg{margin-top:12px}.ui-fchips{display:flex;gap:4px;margin:0 -16px;overflow-x:auto;padding:2px 16px 6px;scroll-padding-inline:16px;scrollbar-width:none}.ui-fchips::-webkit-scrollbar{display:none}.ui-fchips{--fade-l:0px;--fade-r:0px;-webkit-mask-image:linear-gradient(to right,#0000,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),#0000);mask-image:linear-gradient(to right,#0000,#000 var(--fade-l),#000 calc(100% - var(--fade-r)),#0000)}.ui-fchips.is-more-left{--fade-l:48px}.ui-fchips.is-more-right{--fade-r:48px}.ui-fchips.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.ui-fchips.is-dragging .ui-fchip{cursor:grabbing}.ui-fchip{align-items:center;background:#0d0524;border:1px solid var(--edge);border-radius:var(--r-pill);box-shadow:inset 0 2px 4px #0009;color:var(--text-2);cursor:pointer;display:inline-flex;flex:none;font-family:var(--ui);font-size:var(--fs-14);font-weight:600;gap:6px;height:40px;margin-bottom:3px;padding:0 14px;transition:background var(--t-fade),color var(--t-fade),border-color var(--t-fade)}.ui-fchip span{font-feature-settings:"tnum";color:var(--text-off);font-variant-numeric:tabular-nums;font-weight:500}.ui-fchip:hover:not([aria-pressed=true]){border-color:#6a45c9;color:#fff}.ui-fchip[aria-pressed=true]{background:linear-gradient(180deg,#9a78ff,var(--violet) 45%,#5b2bd9);border-color:#0000;box-shadow:inset 0 2px 0 #ffffff4d,0 3px 0 var(--violet-deep);color:#fff}.ui-fchip[aria-pressed=true] span{color:var(--text-2)}.ui-fchip:focus-visible{outline:3px solid #fff;outline-offset:2px}.ui-search{align-items:center;display:flex;position:relative}.ui-search>svg{color:var(--eyebrow);height:20px;left:16px;pointer-events:none;position:absolute;width:20px}.ui-search input{background:#0d0524;border:1px solid var(--edge);border-radius:var(--r-m);box-shadow:inset 0 2px 4px #0009;caret-color:var(--gold);color:#fff;font-family:var(--ui);font-size:var(--fs-16);height:52px;outline:none;padding:0 48px 0 46px;transition:border-color var(--t-fade),box-shadow var(--t-fade);width:100%}.ui-search input::placeholder{color:var(--text-off)}.ui-search input:hover:not(:focus){border-color:#6a45c9}.ui-search input:focus{border-color:var(--gold);box-shadow:inset 0 2px 4px #0009,0 0 0 3px #ffc53d40}.ui-search input::-webkit-search-cancel-button{display:none}.ui-search button{background:none;border:0;border-radius:var(--r-s);color:var(--text-2);cursor:pointer;display:grid;height:40px;place-items:center;position:absolute;right:6px;width:40px}.ui-search button svg{height:18px;width:18px}.ui-search button:hover{background:#8b5cff24;color:#fff}.ui-search button:focus-visible{outline:3px solid #fff;outline-offset:0}.ui-sec-head{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.ui-sec-head h2{color:var(--eyebrow);font-size:13px;font-weight:600;letter-spacing:.14em;margin:0;text-transform:uppercase}.ui-sec-head small{font-feature-settings:"tnum";color:var(--text-2);font-size:var(--fs-14);font-variant-numeric:tabular-nums;white-space:nowrap}.ui-state{grid-gap:10px;background:radial-gradient(70% 45% at 50% 20%,#8b5cff40,#0000 70%),linear-gradient(180deg,#1d0d48,var(--bg));border:1px solid #8b5cff40;border-radius:var(--r-l);display:grid;gap:10px;justify-items:center;padding:24px 20px 20px;text-align:center}.ui-state img{height:120px;object-fit:contain;width:120px}.ui-state h1,.ui-state h3{text-wrap:balance;font-size:var(--fs-22);font-weight:800;line-height:1.2;margin:0}.ui-state p{text-wrap:pretty;color:var(--text-2);margin:0;max-width:32ch}.ui-state .ui-btn{margin-top:6px;max-width:340px;width:100%}.ui-state--bare{background:none;border:0;border-radius:0;padding:4px 0 0}.ui-state__help{grid-gap:10px;border-top:1px solid var(--line);display:grid;gap:10px;margin-top:10px;max-width:340px;padding-top:16px;text-align:left;width:100%}.ui-state__help h2{font-size:var(--fs-16);font-weight:800;margin:0}.ui-state__help ol{grid-gap:8px;color:var(--text-2);display:grid;gap:8px;list-style:decimal;margin:0;padding-left:1.3em}.ui-state__help li::marker{color:var(--gold);font-weight:800}.ui-state .ui-state__help p{font-size:var(--fs-14);max-width:none}.ui-state__help a{color:var(--gold);font-weight:600;overflow-wrap:anywhere}.ui-state__help details{color:var(--text-off);font-size:var(--fs-12)}.ui-state__help summary{cursor:pointer}.ui-state__help code{background:#00000040;border-radius:8px;color:var(--text-2);display:block;margin-top:6px;overflow-wrap:anywhere;padding:8px 10px}.ui-offline{align-items:center;background:var(--surface-2);border:1px solid var(--edge);border-radius:18px;box-shadow:0 8px 24px #00000073;color:#fff;display:flex;font-family:var(--ui);font-size:var(--fs-14);gap:8px;left:50%;line-height:1.3;max-width:calc(100vw - 32px);padding:8px 14px;position:fixed;top:calc(env(safe-area-inset-top, 0px) + 10px);transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:60}.ui-offline__dot{background:var(--gold);border-radius:50%;box-shadow:0 0 0 3px #ffc53d40;flex:none;height:8px;width:8px}.ui-stat-row{font-feature-settings:"tnum";color:var(--text-2);display:flex;font-size:var(--fs-14);font-variant-numeric:tabular-nums;gap:12px;justify-content:space-between;padding:4px 0}.ui-stat-row b{color:#fff;font-weight:600;text-align:right}.ui-week{grid-template-columns:repeat(7,1fr);list-style:none;margin:8px 0;max-width:340px;padding:0;width:100%}.ui-day,.ui-week{grid-gap:6px;display:grid;gap:6px}.ui-day{animation:ui-coin-in .3s ease-out both;animation-delay:calc(.2s + var(--i)*60ms);color:var(--text-2);font-size:var(--fs-12);justify-items:center}.ui-day i{background:#0d0524;border:1px solid var(--edge);border-radius:50%;box-shadow:inset 0 2px 4px #0009;display:grid;height:34px;place-items:center;width:34px}.ui-day i svg{stroke-width:3;height:18px;width:18px}.ui-day.is-done i{background:radial-gradient(circle at 50% 30%,#ffe89a,var(--gold) 45%,#e08600);border:0;box-shadow:inset 0 2px 0 #fff9,0 2px 0 var(--gold-deep);color:#5a2a00}.ui-day.is-today small{color:var(--text);font-weight:600}.ui-day.is-frozen i{background:radial-gradient(circle at 50% 30%,#d6f3ff,#8fdcff 50%,#4cc3ff);border:0;box-shadow:inset 0 2px 0 #fff9,0 2px 0 #1f5fbf;color:#0b2a66}@keyframes ui-coin-in{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}.ui-day.is-today:not(.is-done) i{border:2px solid var(--magenta);box-shadow:0 0 12px #ff4fb873}@media (prefers-reduced-motion:reduce){.ui-day{animation:none}}.ui-medal{--size:88px;--m1:#f0a86a;--m2:#b8672e;--m3:#7a3d17;--m-ink:#3a1a05;--m-glow:#f0a86a59;display:block;flex:none;height:var(--size);margin-bottom:calc(var(--size)*.08);position:relative;width:var(--size)}.ui-medal__rim{background:conic-gradient(from 210deg,var(--m1),var(--m2) 18%,var(--m3) 32%,var(--m2) 46%,var(--m1) 58%,var(--m2) 74%,var(--m3) 88%,var(--m1));border-radius:50%;box-shadow:inset 0 2px 0 #ffffff73,0 8px 18px #00000073,0 0 22px var(--m-glow);inset:0;position:absolute}.ui-medal__rim:after{background:radial-gradient(circle at 50% 30%,#4a2596,#231050 70%);border-radius:50%;box-shadow:inset 0 3px 8px #0009,0 0 0 2px #00000040;content:"";inset:8%;position:absolute}.ui-medal>img{filter:drop-shadow(0 4px 6px rgba(0,0,0,.45));height:72%;left:14%;object-fit:contain;position:absolute;top:8%;width:72%;z-index:1}.ui-medal__plate{font-feature-settings:"tnum";background:linear-gradient(180deg,var(--m1),var(--m2));border-radius:var(--r-pill);bottom:-8%;box-shadow:inset 0 1px 0 #ffffff8c,0 2px 0 var(--m3),0 3px 6px #0006;color:var(--m-ink);display:grid;font-size:calc(var(--size)*.15);font-variant-numeric:tabular-nums;font-weight:800;height:calc(var(--size)*.26);left:50%;line-height:1;min-width:46%;padding:0 .5em;place-items:center;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:2}.ui-medal__plate.th{font-family:var(--thai);font-size:calc(var(--size)*.17);font-weight:700}.ui-medal--silver{--m1:#f4f6ff;--m2:#b9c0d8;--m3:#6f7896;--m-ink:#1d2238;--m-glow:#c8d2ff4d}.ui-medal--gold{--m1:#fff1a8;--m2:#ffc53d;--m3:#c47a00;--m-ink:#3d1a00;--m-glow:#ffc53d66}.ui-medal--diamond{--m1:#effcff;--m2:#7fe3ff;--m3:#8b5cff;--m-ink:#10204a;--m-glow:#7fe3ff73}.ui-medal--diamond .ui-medal__rim{background:conic-gradient(from 200deg,#effcff,#7fe3ff 14%,#b89bff 28%,#ff9fe0 40%,#effcff 52%,#7fe3ff 64%,#8b5cff 80%,#effcff)}.ui-medal--locked{--m1:#5a5078;--m2:#413863;--m3:#2a2248;--m-ink:#fffc;--m-glow:#0000}.ui-medal--locked>img{filter:grayscale(1) brightness(.45) contrast(.9);opacity:.8}.ui-medal--locked .ui-medal__rim{box-shadow:inset 0 1px 0 #ffffff26,0 6px 14px #00000059}.ui-medal--new:before{animation:ui-medal-rays 14s linear infinite;background:repeating-conic-gradient(from var(--ui-ray),#ffdc8c38 0deg 9deg,#0000 9deg 24deg);border-radius:50%;content:"";inset:-34%;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 70%);mask-image:radial-gradient(circle,#000 30%,#0000 70%);position:absolute}.ui-medal--new .ui-medal__rim{overflow:hidden}.ui-medal--new .ui-medal__rim:before{animation:ui-shine 3.6s ease-in-out infinite;background:linear-gradient(100deg,#0000,#ffffff80,#0000);bottom:0;content:"";left:-60%;position:absolute;top:0;transform:skewX(-20deg);width:40%;z-index:3}.ui-medal--new>img{z-index:4}.ui-medal--new .ui-medal__plate{z-index:5}@property --ui-ray{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ui-medal-rays{to{--ui-ray:360deg}}@media (prefers-reduced-motion:reduce){.ui-medal--new .ui-medal__rim:before,.ui-medal--new:before{animation:none}}.ui-plan{grid-gap:12px;display:grid;gap:12px;justify-items:center;width:100%}.ui-plan>.ui-seg{max-width:360px}.ui-plan__save{background:#cc2a8f;border-radius:6px;color:#fff;font-size:11px;font-weight:600;letter-spacing:0;margin-left:6px;padding:1px 6px}.ui-plan__price{align-items:baseline;display:flex;gap:8px}.ui-plan .ui-plan__price b{color:var(--gold);font-size:40px;font-weight:800;letter-spacing:0;line-height:1;text-shadow:0 3px 0 #5b2a00;text-transform:none}.ui-plan .ui-plan__price small{color:var(--text-2);font-size:var(--fs-16)}.ui-plan>.ui-btn{font-size:var(--fs-16);letter-spacing:.06em;padding-inline:20px;width:100%}.ui-plan__renew{color:var(--text-2);margin-top:-4px}.ui-plan__error,.ui-plan__renew{font-size:var(--fs-14);text-align:center}.ui-plan__error{color:#ffb3bd;margin:0}.ui-loader{grid-gap:18px;background:radial-gradient(640px 320px at 50% 30%,#8b5cff47,#0000 70%) no-repeat,var(--bg);display:grid;font-family:var(--ui);gap:18px;justify-items:center;min-height:100vh;min-height:100dvh;padding:24px;place-content:center}.ui-loader__mascot{height:160px;object-fit:contain;width:160px}.ui-loader__bar{background:#0d0524;border:1px solid var(--edge);border-radius:var(--r-pill);box-shadow:inset 0 2px 3px #0009;height:12px;overflow:hidden;padding:2px;width:160px}.ui-loader__bar span{animation:ui-slide-load 1.4s ease-in-out infinite;background:linear-gradient(180deg,#ffe58a,var(--gold) 50%,#f39200);border-radius:var(--r-pill);box-shadow:0 0 10px #ffc53d99;display:block;height:100%;width:40%}@keyframes ui-slide-load{0%{transform:translateX(-110%)}to{transform:translateX(260%)}}.ui-loader__hello{color:var(--text-2);font-family:var(--thai);font-size:var(--th-28);font-weight:700;letter-spacing:.08em}.ui-sk-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.ui-sk{background:var(--surface);border:1px solid #8b5cff40;border-radius:var(--r-m);overflow:hidden;position:relative}.ui-sk:after{animation:ui-sk 1.6s ease-in-out infinite;background:linear-gradient(90deg,#0000,#8b5cff2e,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}@keyframes ui-sk{to{transform:translateX(100%)}}.ui-sk--line{border-radius:var(--r-pill);height:14px}.ui-sk--blk{height:150px}.ui-sk--card{border-radius:var(--r-l);height:200px}.ui-sk--row{height:56px}.ui-toast{align-items:center;background:linear-gradient(180deg,#3a1a7a,#2a1260);border:1px solid #ffc53d99;border-radius:var(--r-m);box-shadow:inset 0 1px 0 var(--shine-in),0 14px 30px #00000080,0 0 30px #ffc53d33;color:var(--text);display:flex;font-family:var(--ui);gap:14px;left:50%;max-width:360px;padding:12px 16px 12px 12px;pointer-events:none;position:fixed;top:16px;transform:translate(-50%);transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .2s;width:calc(100% - 32px);z-index:100}.ui-toast--out{opacity:0;transform:translate(-50%,-140%)}.ui-toast .ui-medal{flex:none;margin-bottom:4px}.ui-toast__t{flex:1 1;min-width:0}.ui-toast__t span{color:var(--gold);display:block;font-size:var(--fs-12);font-weight:600;letter-spacing:.14em;text-transform:uppercase}.ui-toast__t b{display:block;font-size:var(--fs-18);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (prefers-reduced-motion:reduce){.ui-loader__bar span{animation:none;transform:translateX(80%)}.ui-sk:after{display:none}.ui-toast{transition:opacity .2s}.ui-toast--out{transform:translate(-50%)}}.ui-cookies{bottom:0;color:var(--text);font-family:var(--ui);left:0;padding:12px;pointer-events:none;position:fixed;right:0;z-index:9999}.ui-cookies__box{grid-gap:12px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--edge);border-radius:var(--r-l);box-shadow:inset 0 1px 0 var(--shine-in),0 20px 50px #0009;display:grid;gap:12px;margin:0 auto;max-height:calc(100dvh - 24px);max-width:600px;overflow-y:auto;overscroll-behavior:contain;padding:18px;pointer-events:auto}.ui-cookies__box h2{align-items:center;display:flex;font-size:var(--fs-18);font-weight:800;gap:8px;margin:0}.ui-cookies__box h2 svg{color:var(--gold);height:22px;width:22px}.ui-cookies__box p{color:var(--text-2);font-size:var(--fs-14);line-height:1.45;margin:0}.ui-cookies__box a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}.ui-cookies__purposes{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.ui-cookies__purposes li{align-items:center;background:#0d052473;border:1px solid #8b5cff40;border-radius:var(--r-m);display:flex;gap:12px;padding:10px 12px}.ui-cookies__purposes li>div{grid-gap:2px;display:grid;flex:1 1;gap:2px;min-width:0}.ui-cookies__purposes b{font-size:var(--fs-14);font-weight:600}.ui-cookies__purposes small{color:var(--text-2);font-size:var(--fs-12);line-height:1.35}.ui-cookies__always{color:var(--ok);flex:none;font-size:var(--fs-12);font-weight:600}.ui-cookies__actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.ui-cookies__actions .ui-btn{font-size:var(--fs-14);height:auto;line-height:1.15;min-height:44px;padding:6px 8px;white-space:normal;width:100%}@media (min-width:640px){.ui-cookies__actions{gap:10px}.ui-cookies__actions .ui-btn{font-size:var(--fs-16)}.ui-cookies{padding:20px}.ui-cookies__box{padding:22px 24px}}.ui-cookies-reopen{background:#231050d9;border:1px solid var(--edge);border-radius:50%;bottom:14px;color:var(--text-2);cursor:pointer;display:grid;height:36px;left:14px;opacity:.6;padding:0;place-items:center;position:fixed;transition:opacity .15s;width:36px;z-index:9998}.ui-cookies-reopen:focus-visible,.ui-cookies-reopen:hover{opacity:1}.ui-cookies-reopen svg{height:18px;width:18px}.ui-public{color:var(--text);display:flex;flex-direction:column;font-family:var(--ui);min-height:100vh}.ui-public__top{align-items:center;background:#0f0726db;border-bottom:1px solid #8b5cff38;display:flex;height:68px;padding-inline:max(20px,calc(50% - 520px))}.ui-public__logo{align-items:center;display:flex;gap:10px;text-decoration:none}.ui-public__logo img{flex:none;height:40px;width:40px}.ui-authx__logo b span,.ui-public__logo b span{display:block;font-size:13.5px;letter-spacing:.3em}.ui-public__logo b{background:linear-gradient(180deg,#fff6d6,var(--gold) 55%,#f08a00);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(0 2px 0 #6b2a00);font-size:22px;font-weight:800;letter-spacing:.04em;line-height:.95;text-transform:uppercase}.ui-public__main{flex:1 1;margin:0 auto;max-width:760px;padding:28px 20px 56px;width:100%}.ui-public__main.is-narrow{display:grid;max-width:460px;place-items:center}.ui-public__main.is-narrow .ui-state{padding:28px 22px 24px;width:100%}.ui-state__big{background:linear-gradient(180deg,#fff6d6,var(--gold) 55%,#f08a00);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(0 3px 0 #6b2a00);font-size:56px;font-weight:800;line-height:1;margin:0}.ui-legal{grid-gap:16px;display:grid;gap:16px}.ui-legal__back{justify-self:start}.ui-legal .ui-screen-title{margin:0}.ui-legal__text{grid-gap:22px;display:grid;gap:22px;padding:22px}.ui-legal__text h2{color:var(--gold);font-size:var(--fs-18);font-weight:700;margin:0 0 6px}.ui-legal__p{color:var(--text-2);font-size:var(--fs-14);line-height:1.65;white-space:pre-line}.ui-legal__table{border:1px solid #8b5cff4d;border-radius:var(--r-s);margin-top:8px;overflow-x:auto}.ui-legal__table table{border-collapse:collapse;font-size:var(--fs-12);text-align:left;width:100%}.ui-legal__table th{background:#8b5cff24;color:var(--gold);font-weight:600;padding:8px 12px;white-space:nowrap}.ui-legal__table td{border-top:1px solid #8b5cff33;color:var(--text-2);padding:8px 12px;vertical-align:top}.ui-legal__cookies{grid-gap:12px;display:grid;gap:12px;justify-items:center;text-align:center}.ui-legal__cookies p{color:var(--text-2);margin:0}.ui-legal__home{background:none;border:0;color:var(--text-2);cursor:pointer;font:inherit;font-size:var(--fs-14);justify-self:center;margin-top:8px}.ui-legal__home:hover{color:var(--text)}.ui-field{grid-gap:6px;display:grid;font-size:var(--fs-14);font-weight:500;gap:6px;margin-bottom:16px;text-align:left;width:100%}.ui-input{background:#0d0524;border:1px solid var(--edge);border-radius:var(--r-m);box-shadow:inset 0 2px 4px #0009;caret-color:var(--gold);color:#fff;font-family:var(--ui);font-size:var(--fs-16);height:52px;outline:none;padding:0 16px;transition:border-color var(--t-fade),box-shadow var(--t-fade);width:100%}.ui-input:hover:not(:focus){border-color:#6a45c9}.ui-input:focus{border-color:var(--gold);box-shadow:inset 0 2px 4px #0009,0 0 0 3px #ffc53d40}textarea.ui-input{height:auto;line-height:1.5;min-height:96px;padding:12px 16px;resize:vertical}.ui-input::placeholder{color:var(--text-off)}.ui-feedback h2{margin:0 40px 4px 0}.ui-feedback__sub{color:var(--text-2);font-size:var(--fs-14);margin:0}.ui-feedback__cats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.ui-feedback__cats .ui-fchip{justify-content:center}.ui-feedback__error{color:var(--bad);font-size:var(--fs-14);margin:0;text-align:center}.ui-feedback__done{grid-gap:6px;display:grid;gap:6px;justify-items:center;padding:8px 0 12px;text-align:center}.ui-feedback__done img{height:140px;object-fit:contain;width:140px}.ui-feedback__done h2{margin:0}.ui-feedback__done p{color:var(--text-2);margin:0}.ui-input:-webkit-autofill{-webkit-text-fill-color:#fff;box-shadow:inset 0 0 0 1000px #0d0524,inset 0 2px 4px #0009;caret-color:var(--gold)}.ui-auth{grid-gap:16px;gap:16px;padding:22px 20px 24px;width:100%}.ui-auth,.ui-auth__fields{display:grid}.ui-auth__fields .ui-field:last-child{margin-bottom:0}.ui-auth__intro{color:var(--text-2);font-size:var(--fs-14);margin:0 0 14px}.ui-pass{position:relative}.ui-pass .ui-input{padding-right:52px}.ui-pass button{background:none;border:0;border-radius:var(--r-s);color:var(--text-2);cursor:pointer;display:grid;height:40px;place-items:center;position:absolute;right:6px;top:50%;translate:0 -50%;width:40px}.ui-pass button:hover{color:#fff}.ui-auth__link{background:none;border:0;color:var(--gold);cursor:pointer;font:inherit;font-size:var(--fs-14);font-weight:600;justify-self:center;padding:2px 0;text-decoration:underline;text-underline-offset:3px}.ui-auth__forgot{font-size:var(--fs-12);justify-self:end}.ui-check{align-items:flex-start;color:var(--text-2);cursor:pointer;display:flex;font-size:var(--fs-12);gap:10px;line-height:1.5;margin-bottom:10px;margin-top:4px}.ui-check input{-webkit-appearance:none;appearance:none;background:#0d0524;border:1px solid var(--edge);border-radius:7px;box-shadow:inset 0 2px 4px #0009;cursor:pointer;display:grid;flex:none;height:22px;margin:0;place-items:center;width:22px}.ui-check input:checked{background:linear-gradient(180deg,#9dff75,var(--green) 45%,#3fc41f);border-color:#0000;box-shadow:none}.ui-check input:checked:after{border:solid var(--green-ink);border-width:0 3px 3px 0;content:"";height:11px;margin-top:-2px;rotate:45deg;width:6px}.ui-check input:focus-visible{outline:3px solid #fff;outline-offset:2px}.ui-check a{color:var(--gold)}.ui-auth__msg{border-radius:var(--r-m);font-size:var(--fs-14);margin:0;padding:10px 14px}.ui-auth__msg.is-bad{background:#ff6b7d1f;border:1px solid #ff6b7d66;color:#ffb3bd}.ui-auth__msg.is-ok{background:#5ee6a01a;border:1px solid #5ee6a066;color:var(--ok)}.ui-auth__or{align-items:center;color:var(--text-off);display:flex;font-size:var(--fs-12);gap:12px;text-transform:uppercase}.ui-auth__or:after,.ui-auth__or:before{background:#8b5cff4d;content:"";flex:1 1;height:1px}.ui-auth__google{font-size:var(--fs-16);letter-spacing:0;text-transform:none}.ui-verify__email{color:var(--gold)!important;font-weight:600;word-break:break-all}.ui-verify__wait{align-items:center;display:inline-flex;font-size:var(--fs-14);gap:8px;margin-top:6px!important}.ui-verify__foot{grid-gap:10px;border-top:1px solid #8b5cff40;display:grid;gap:10px;justify-items:center;margin-top:10px;padding-top:16px;width:100%}.ui-verify__foot p{font-size:var(--fs-14)}.ui-verify__foot .ui-btn{margin-top:0;width:auto}.ui-verify__sent{color:var(--ok)!important;font-weight:600}.ui-verify__out{align-items:center;background:none;border:0;color:var(--text-2);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--fs-14);gap:6px;min-height:44px}.ui-verify__out:hover{color:#fff}.ui-public__main.is-full{display:flex;max-width:none;padding:0}.ui-lost{display:grid;flex:1 1;isolation:isolate;overflow:hidden;padding:32px 20px 48px;place-items:center;position:relative}.ui-lost__bg{inset:0;position:absolute;z-index:-1}.ui-lost__bg img{filter:saturate(1.1) blur(1px);height:100%;object-fit:cover;opacity:.35;width:100%}.ui-lost__bg:after{background:radial-gradient(60% 50% at 50% 40%,#0f072633,#0000 70%),linear-gradient(180deg,#0f07268c,var(--night) 92%);content:"";inset:0;position:absolute}.ui-lost__inner{grid-gap:8px;align-items:center;display:grid;gap:8px;max-width:1040px;text-align:center;width:100%}.ui-lost__art{align-items:flex-end;display:flex;justify-content:center}.ui-lost__digits{background:linear-gradient(180deg,#fff6d6,var(--gold) 55%,#f08a00);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(0 6px 0 #6b2a00) drop-shadow(0 24px 40px rgba(0,0,0,.5));font-family:var(--thai);font-size:clamp(96px,24vw,230px);font-weight:700;letter-spacing:.04em;line-height:1.25}.ui-lost__mascot{animation:ui-lost-bob 4s ease-in-out infinite;filter:drop-shadow(0 18px 28px rgba(0,0,0,.55));flex:none;margin:0 0 4% -1%;rotate:6deg;width:clamp(84px,20vw,180px)}@keyframes ui-lost-bob{0%,to{translate:0 0}50%{translate:0 -8px}}.ui-lost__copy{grid-gap:12px;display:grid;gap:12px;justify-items:center}.ui-lost__eyebrow{color:var(--eyebrow);font-size:var(--fs-12);font-weight:600;letter-spacing:.14em;text-transform:uppercase}.ui-lost h1{text-wrap:balance;font-size:clamp(28px,4.4vw,44px);font-weight:800;line-height:1.1;margin:0}.ui-lost__copy p{text-wrap:pretty;color:var(--text-2);font-size:var(--fs-18);margin:0;max-width:40ch}.ui-lost__read{color:var(--gold)!important;font-size:var(--fs-14)!important;font-weight:600}.ui-lost__copy .ui-btn{margin-top:8px;max-width:360px;width:100%}@media (min-width:900px){.ui-lost__inner{gap:48px;grid-template-columns:1.1fr 1fr;text-align:left}.ui-lost__copy{justify-items:start}}@media (prefers-reduced-motion:reduce){.ui-lost__mascot{animation:none}}.ui-authx{color:var(--text);display:grid;font-family:var(--ui);min-height:100vh;padding:24px;place-items:center}.ui-authx__frame{grid-gap:12px;background:linear-gradient(180deg,#2e1767d9,#231050d9);border:1px solid var(--edge);border-radius:28px;box-shadow:inset 0 1px 0 #ffffff1a,0 30px 70px #00000080;display:grid;gap:12px;grid-template-columns:1.05fr 1fr;max-width:1080px;min-height:min(720px,calc(100vh - 48px));padding:12px;width:100%}.ui-authx__panel{background:var(--night);border-radius:20px;-webkit-clip-path:inset(0 round 20px);clip-path:inset(0 round 20px);display:flex;flex-direction:column;isolation:isolate;justify-content:space-between;min-height:320px;overflow:hidden;padding:22px;position:relative}.ui-authx__img{height:100%;inset:0;object-fit:cover;opacity:0;position:absolute;scale:1.04;transition:opacity .9s ease,scale 6s ease-out;width:100%;z-index:-2}.ui-authx__img.is-on{opacity:1;scale:1}.ui-authx__panel:after{background:linear-gradient(180deg,#0f07268c,#0000 30%),linear-gradient(0deg,#0f0726eb,#0f072633 55%,#0000);content:"";inset:0;position:absolute;z-index:-1}.ui-authx__top{gap:12px;justify-content:space-between}.ui-authx__logo,.ui-authx__top{align-items:center;display:flex}.ui-authx__logo{gap:10px;text-decoration:none}.ui-authx__logo img{flex:none;height:40px;width:40px}.ui-authx__logo b{background:linear-gradient(180deg,#fff6d6,var(--gold) 55%,#f08a00);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(0 2px 0 #6b2a00);font-size:22px;font-weight:800;letter-spacing:.04em;line-height:.95;text-transform:uppercase}.ui-authx__back{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f07268c;border:1px solid #ffffff40;border-radius:var(--r-pill);color:#fff;font-size:var(--fs-14);font-weight:600;padding:7px 14px;text-decoration:none;white-space:nowrap}.ui-authx__back:hover{background:#0f0726cc}.ui-authx__caption{grid-gap:2px;display:grid;gap:2px;justify-items:center;text-align:center}.ui-authx__caption .th{color:var(--gold);font-size:34px;line-height:1.5;text-shadow:0 2px 0 #5b2a00,0 0 14px #0009}.ui-authx__caption small{color:var(--text-2);font-size:var(--fs-14);margin-bottom:14px}.ui-authx__caption b{text-wrap:balance;font-size:var(--fs-22);font-weight:800;line-height:1.2}.ui-authx__caption p{color:var(--text-2);font-size:var(--fs-14);margin:4px 0 0}.ui-authx__dots{display:flex;gap:6px;margin-top:16px}.ui-authx__dots button{background:#ffffff59;border:0;border-radius:99px;cursor:pointer;height:4px;padding:0;transition:width var(--t-fade),background var(--t-fade);width:22px}.ui-authx__dots button[aria-current=true]{background:#fff;width:36px}.ui-authx__form{align-content:center;display:grid;justify-self:center;max-width:440px;padding:28px 20px;width:100%}.ui-authx__form .ui-auth{background:none;border:0;box-shadow:none;padding:0}.ui-auth__title{font-size:clamp(28px,3.2vw,36px);font-weight:800;line-height:1.1;margin:0}.ui-auth__lead{color:var(--text-2);font-size:var(--fs-14);margin:-8px 0 4px}.ui-auth__lead .ui-auth__link{font-size:inherit}@media (max-width:859px){.ui-authx{padding:0;place-items:stretch}.ui-authx__frame{background:none;border:0;border-radius:0;box-shadow:none;gap:0;grid-template-columns:1fr;min-height:100vh;padding:0}.ui-authx__panel{border-radius:0 0 24px 24px;-webkit-clip-path:inset(0 round 0 0 24px 24px);clip-path:inset(0 round 0 0 24px 24px);min-height:230px;padding:16px}.ui-authx__caption b,.ui-authx__caption p,.ui-authx__caption small{display:none}.ui-authx__caption .th{font-size:26px}.ui-authx__dots{margin-top:6px}.ui-authx__form{align-content:start;padding:24px 20px 40px}}@media (prefers-reduced-motion:reduce){.ui-authx__img{transition:none}}.ui-bar--grow>span{animation:ui-bar-fill .9s var(--ease-bounce) both;animation-delay:.25s;animation-delay:calc(.25s + var(--i, 0)*90ms)}@keyframes ui-bar-fill{0%{width:0}}@media (prefers-reduced-motion:reduce){.ui-bar--grow>span{animation:none}}.ui-learn-page{color:var(--text);display:flex;font-family:var(--ui);justify-content:center}.ui-learn-col{background:radial-gradient(640px 280px at 50% 0,#8b5cff47,#0000 70%) no-repeat,var(--bg);box-shadow:0 0 0 1px #8b5cff26,0 30px 80px #0009;max-width:880px;min-height:100vh;position:relative;width:100%}.ui-learn-main{grid-gap:16px;display:grid;gap:16px;padding:16px 16px 32px}.ui-learn-layer .th,.ui-learn-main .th{font-family:var(--thai);font-weight:700}@media (min-width:1024px){.ui-learn-page{padding:24px 24px 48px}.ui-learn-col{border-radius:28px;min-height:0;overflow:clip}.ui-learn-main{padding:22px 28px 40px}}.ui-group{grid-gap:12px;display:grid;gap:12px}.ui-legend{color:var(--text-2);display:flex;flex-wrap:wrap;font-size:var(--fs-14);gap:4px 16px;margin-top:-4px}.ui-legend span{align-items:center;display:inline-flex;gap:6px}.ui-legend i{border-radius:50%;height:10px;width:10px}.ui-press{background:linear-gradient(180deg,var(--n-top),var(--n-bot));border:1px solid var(--n-border);border-radius:var(--r-m);box-shadow:inset 0 1px 0 #ffffff29,0 4px 0 var(--n-ledge),0 4px 0 1px var(--n-border);margin-bottom:4px;position:relative;transition:transform var(--t-press),box-shadow var(--t-press),border-color var(--t-fade)}.ui-press:hover{border-color:var(--edge-hi)}.ui-press:has(.ui-press__main:active),button.ui-press:active{box-shadow:inset 0 1px 0 #ffffff29,0 1px 0 var(--n-ledge),0 1px 0 1px var(--n-border);transform:translateY(3px)}.ui-press__main{background:none;border:0;border-radius:inherit;color:#fff;cursor:pointer;font-family:var(--ui);inset:0;position:absolute}.ui-press__main:focus-visible,button.ui-press:focus-visible{outline:3px solid #fff;outline-offset:3px}.ui-press .ui-btn--sound{bottom:8px;margin:0;position:absolute;right:8px;z-index:1}.ui-press .ui-box{font-size:var(--fs-12);gap:6px;height:24px;padding:0 8px;pointer-events:none;position:absolute;top:8px}.ui-press .ui-box__pips i{height:10px;width:4px}.ui-ltiles{grid-gap:20px 12px;display:grid;gap:20px 12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.ui-ltile{min-height:196px}.ui-ltile .ui-press__main{align-items:center;display:flex;flex-direction:column;gap:2px;justify-content:center;padding:30px 8px 60px}.ui-ltile .g{font-family:var(--thai);font-size:56px;font-weight:700;line-height:1.3}.ui-ltile .r{color:var(--text-2);font-size:var(--fs-14);text-align:center}.ui-ltile .ui-box{left:8px}.ui-ltile .dot{border-radius:50%;height:10px;pointer-events:none;position:absolute;right:12px;top:14px;width:10px}.ui-ctiles{grid-gap:20px 16px;display:grid;gap:20px 16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}@media (min-width:700px){.ui-ctiles{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}.ui-ctile{--face:#2e1770;background:linear-gradient(180deg,var(--face) 60%,var(--n-bot));color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:var(--ui);overflow:hidden;padding:0;text-align:left}.ui-ctile .cart{aspect-ratio:16/10;background:radial-gradient(80% 90% at 80% 0,#ffc53d29,#0000 70%),linear-gradient(180deg,#4a2596,#2a1260);max-width:100%;position:relative}.ui-ctile .cart img{display:block;height:100%;object-fit:cover;width:100%}.ui-ctile .cart:after{background:linear-gradient(180deg,#0000 30%,color-mix(in srgb,var(--face) 70%,#0000) 70%,var(--face));content:"";inset:0;position:absolute}.ui-ctile .cart .th{bottom:4px;color:var(--gold);font-size:24px;left:12px;line-height:1.35;overflow-wrap:anywhere;position:absolute;right:12px;text-shadow:0 2px 0 #5b2a00,0 0 12px #0009;z-index:1}.ui-ctile .cart .crown{filter:drop-shadow(0 3px 6px rgba(0,0,0,.6));height:36px;object-fit:contain;position:absolute;right:8px;top:8px;width:36px;z-index:1}.ui-ctile .cbody{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:10px 14px 14px}.ui-ctile b{font-size:var(--fs-16);font-weight:600;line-height:1.25}.ui-ctile .meta{font-feature-settings:"tnum";color:var(--text-2);font-size:var(--fs-14);font-variant-numeric:tabular-nums;margin-bottom:10px}.ui-ctile .ui-bar{margin-top:auto;width:100%}.ui-ctile--locked{--face:#25124f;background:linear-gradient(180deg,var(--face) 60%,#1f0e45)}.ui-ctile--locked .cart img:not(.crown){filter:saturate(.8) brightness(.75)}.ui-ctile--locked .cart .th{color:#ffe5a0cc}.ui-upsell{grid-gap:2px 14px;align-items:center;background:radial-gradient(80% 90% at 0 0,#ffc53d2e,#0000 70%),linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid #ffc53d8c;border-radius:var(--r-l);box-shadow:inset 0 1px 0 #ffffff1a;display:grid;gap:2px 14px;grid-template-columns:auto 1fr;padding:16px}.ui-upsell>img{filter:drop-shadow(0 6px 14px rgba(255,170,0,.35));grid-row:span 2;height:64px;object-fit:contain;width:64px}.ui-upsell b{font-size:var(--fs-18);font-weight:800;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.ui-upsell p{text-wrap:pretty;color:var(--text-2);font-size:var(--fs-14);margin:0}.ui-upsell__act{grid-gap:6px;display:grid;gap:6px;grid-column:1/-1;justify-items:center;margin-top:12px}.ui-upsell__act .ui-btn{width:100%}.ui-upsell__act small{color:var(--text-2);font-size:var(--fs-14)}.ui-cat-nav{align-items:center;display:flex;gap:8px;margin-top:12px}.ui-cat-nav .ui-btn{margin-bottom:4px}.ui-cat-nav .sp{color:var(--text-2);flex:1 1;font-weight:600;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ui-hero{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--edge);border-radius:var(--r-l);box-shadow:inset 0 1px 0 #ffffff1a,0 18px 40px #00000073;overflow:hidden;position:relative}.ui-hero__art{aspect-ratio:16/7;max-width:100%;position:relative}.ui-hero__art img{display:block;height:100%;object-fit:cover;width:100%}.ui-hero__art:after{background:linear-gradient(180deg,#170b3800 30%,#231050d9 78%,var(--surface-2));content:"";inset:0;position:absolute}.ui-hero__txt{bottom:12px;left:16px;position:absolute;right:16px;z-index:1}.ui-hero--plain{background:radial-gradient(70% 90% at 100% 0,#ffc53d24,#0000 70%),linear-gradient(180deg,var(--surface-2),var(--surface));padding:18px 16px 16px}.ui-hero--plain .ui-hero__txt{position:static}.ui-hero--plain .big{color:var(--gold);display:block;font-size:44px;line-height:1.3;text-shadow:0 3px 0 #5b2a00}.ui-hero .kicker{color:var(--text-2);font-size:var(--fs-12);font-weight:500;letter-spacing:.12em;text-transform:uppercase}.ui-hero h2{text-wrap:balance;font-size:var(--fs-30);font-weight:800;letter-spacing:.02em;line-height:1.05;margin:2px 0 0;text-shadow:0 3px 0 #2a0e5e,0 0 24px #8b5cff99;text-transform:uppercase}.ui-hero h2 .th{color:var(--gold);margin-left:6px;text-shadow:0 2px 0 #5b2a00;text-transform:none}.ui-hero h2 .th,.ui-hero--plain h2{font-size:var(--fs-22)}.ui-hero__meta{align-items:center;display:flex;gap:10px;padding:12px 16px 14px;position:relative}.ui-hero--plain .ui-hero__meta{padding:12px 0 0}.ui-hero__meta .ui-bar{flex:1 1}.ui-hero__meta small{font-feature-settings:"tnum";color:var(--text-2);font-size:var(--fs-14);font-variant-numeric:tabular-nums;white-space:nowrap}.ui-wtiles{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr))}.ui-wtile{min-height:112px}.ui-wtile .ui-press__main{align-items:center;display:flex;gap:14px;padding:12px 88px 12px 12px;text-align:left}.ui-wtile .ui-box{right:8px}.ui-pic{display:grid;flex:none;height:84px;place-items:center;width:84px}.ui-pic img{filter:drop-shadow(0 6px 10px rgba(0,0,0,.45));height:100%;object-fit:contain;width:100%}.ui-pic img:not(.art){border-radius:var(--r-s);filter:none;object-fit:cover}.ui-pic .emoji{font-size:48px;line-height:1}.ui-pic--fb,.ui-pic--lock{background:#0d0524;border:1px solid var(--edge);border-radius:var(--r-m);box-shadow:inset 0 2px 4px #0009}.ui-pic--fb{color:#b89bff8c;font-family:var(--thai);font-size:44px;font-weight:700;line-height:1}.ui-pic--lock{color:var(--text-off)}.ui-pic--lock svg{height:26px;width:26px}.ui-wtile .w{display:grid;min-width:0}.ui-wtile .w .th{font-size:var(--th-28);line-height:1.3}.ui-wtile .w b{font-size:var(--fs-16);font-weight:600;line-height:1.3}.ui-wtile .w small{color:var(--text-2);font-size:var(--fs-14)}.ui-wtile--locked{background:linear-gradient(180deg,#2c1766,#22104f)}.ui-wtile--locked .w b{color:var(--text-2)}.ui-ptag{align-items:center;background:#ffc53d1a;border:1px solid #ffc53d8c;border-radius:var(--r-pill);color:var(--gold);display:inline-flex;font-size:var(--fs-12);font-weight:600;gap:4px;height:26px;justify-self:start;letter-spacing:.06em;margin-bottom:4px;padding:0 10px 0 4px;text-transform:uppercase}.ui-ptag img{height:20px;object-fit:contain;width:20px}.ui-plist{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--edge);border-radius:var(--r-l);box-shadow:inset 0 1px 0 #ffffff1a;padding:4px 16px}.ui-prow{align-items:center;border-top:1px solid #8b5cff33;display:flex;gap:12px;padding:12px 0}.ui-prow:first-child{border-top:0}.ui-prow .n{display:grid;flex:1 1;min-width:0}.ui-prow .th{font-size:22px;line-height:1.4}.ui-prow b{font-weight:500}.ui-prow small{color:var(--text-2);font-size:var(--fs-14)}.ui-pwho{border:1px solid var(--edge);border-radius:var(--r-pill);color:var(--eyebrow);display:inline-block;font-size:var(--fs-12);margin-left:8px;padding:0 8px;white-space:nowrap}.ui-prow .ui-btn{flex:none;margin:0 0 4px}.ui-prow--locked .th{color:var(--text-off)}.ui-learn-layer{color:var(--text);font-family:var(--ui);inset:0;position:fixed;z-index:60}.ui-learn-layer .ui-sheet{grid-gap:16px;display:grid;gap:16px;margin:0 auto;max-height:90vh;max-width:560px;overflow-y:auto}.ui-sheet__close{position:absolute;right:12px;top:12px}.ui-wd{grid-gap:2px;display:grid;gap:2px;justify-items:center;text-align:center}.ui-wd .ui-pic{height:120px;margin-bottom:6px;width:120px}.ui-wd .ui-pic--fb{font-size:64px}.ui-wd .th{font-size:var(--th-36);line-height:1.3}.ui-wd b{font-size:var(--fs-18);font-weight:600}.ui-wd small{color:var(--text-2);font-size:var(--fs-14)}.ui-wd .ui-btn{margin-top:10px}.ui-learn-layer .ui-card h5{color:var(--eyebrow);font-size:13px;font-weight:600;letter-spacing:.14em;margin:0 0 8px;text-transform:uppercase}.ui-learn-layer .ui-card p{color:var(--text-2);margin:0}.ui-learn-layer .ui-stat-row b.ok{color:var(--ok)}.ui-learn-layer .ui-stat-row b.bad{color:var(--bad)}.ui-row-link{justify-content:flex-start;width:100%}.ui-row-link .end{display:inline-flex;margin-left:auto}.ui-letter-col{max-width:960px}.ui-letter-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#170b38f7,#170b38e0);border-bottom:1px solid #8b5cff40;display:flex;gap:8px;padding:calc(10px + env(safe-area-inset-top, 0px)) 16px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.ui-letter-bar .ui-btn{margin-bottom:4px}.ui-letter-bar h1{flex:1 1;font-size:var(--fs-18);font-weight:800;margin:0;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.ui-letter-grid{align-items:start;animation:ui-fade .25s ease-out both}.ui-letter-column{grid-gap:16px;display:grid;gap:16px;min-width:0}@media (min-width:900px){.ui-letter-grid{gap:20px;grid-template-columns:1fr 1fr}}.ui-letter-hero{align-items:center;display:flex;flex-direction:column;gap:8px;touch-action:pan-y}.ui-letter-hero .ui-glyph-box span{font-size:140px}.ui-letter-info{color:var(--text-2);line-height:1.5;margin:0}.ui-fact__dot{background:currentColor;border-radius:50%;box-shadow:0 0 8px currentColor;display:inline-block;height:10px;margin-right:6px;vertical-align:1px;width:10px}img.ui-example__pic{flex:none;height:84px;width:84px}.ui-letter-emoji.ui-example__pic{font-size:44px;line-height:1}.ui-card-head{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.ui-card-head small{color:var(--text-2)}.ui-card-head .ui-link,.ui-card-head small{font-size:var(--fs-14)}.ui-writing-card{grid-gap:14px;display:grid;gap:14px}.ui-writing-card .ui-stroke__pad{max-width:360px}.ui-writing-card .ui-stroke__tools{flex-wrap:wrap}.ui-writing-card .ui-stroke__tools .ui-btn{margin-bottom:4px}.ui-measure{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.ui-stroke__guide{stroke:#fff;stroke-opacity:.07;stroke-width:.5;stroke-dasharray:2 2}.ui-stroke__count{font-feature-settings:"tnum";background:linear-gradient(180deg,#ffe58a,var(--gold) 50%,#f39200);border-radius:var(--r-pill);box-shadow:0 3px 0 var(--gold-deep);color:var(--gold-ink);display:grid;font-size:var(--fs-14);font-variant-numeric:tabular-nums;font-weight:800;height:34px;min-width:34px;padding:0 8px;place-items:center;position:absolute;right:-8px;top:-8px}.ui-stroke__count.is-done{animation:ui-pop var(--t-pop) var(--ease-bounce) both;background:linear-gradient(180deg,#9dff75,var(--green) 45%,#3fc41f);box-shadow:0 3px 0 var(--green-deep);color:var(--green-ink)}.ui-stroke__count svg{height:18px;width:18px}.ui-stroke__draw-here{align-items:center;animation:ui-fade .2s ease-out both;background:var(--gold);border-radius:var(--r-pill);box-shadow:0 6px 18px #0006;color:var(--gold-ink);display:inline-flex;font-weight:800;gap:6px;left:50%;padding:8px 14px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.ui-stroke__draw-here svg{height:18px;width:18px}.ui-verdict{color:var(--text-2);font-size:var(--fs-14);margin:0;text-align:center}.ui-verdict.is-good{color:var(--ok);font-weight:600}.ui-verdict.is-almost{color:var(--gold)}.ui-legend--center{justify-content:center;margin-top:-6px}.ui-letter-soon{grid-gap:4px;display:grid;gap:4px;justify-items:center;padding:16px 0;text-align:center}.ui-letter-soon span{font-family:var(--thai);font-size:56px;font-weight:700;line-height:1.4;opacity:.3}.ui-letter-soon small{color:var(--text-2)}.ui-letter-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.ui-letter-stat{grid-gap:6px;align-content:center;background:#0d052473;border:1px solid #8b5cff4d;border-radius:16px;display:grid;gap:6px;justify-items:center;padding:12px;text-align:center}.ui-letter-stat small{color:var(--text-2);font-size:var(--fs-14)}.ui-letter-stat b{font-feature-settings:"tnum";font-size:var(--fs-22);font-variant-numeric:tabular-nums;font-weight:800}.ui-letter-stat b.sm{font-size:var(--fs-16);font-weight:600}.ui-letter-stat b.ok{color:var(--ok)}.ui-letter-stat b.bad{color:var(--bad)}.ui-letter-stat--wide{align-items:center;display:flex;gap:14px;grid-column:span 2;justify-content:center}.ui-ring{--pct:0;--c:var(--ok);font-feature-settings:"tnum";background:conic-gradient(var(--c) calc(var(--pct)*1%),#ffffff1a 0);border-radius:50%;display:grid;font-size:var(--fs-14);font-variant-numeric:tabular-nums;font-weight:800;height:64px;place-items:center;position:relative;width:64px}.ui-ring:before{background:var(--surface);border-radius:50%;content:"";inset:7px;position:absolute}.ui-ring{isolation:isolate}.ui-ring:before{z-index:-1}.ui-stroke__exit.ui-btn{height:40px;left:-10px;margin:0;position:absolute;top:-10px;width:40px;z-index:1}@media (max-width:379px){.ui-wide-only{display:none}}.ui-learn-layer .ui-offer{gap:12px;justify-items:center;text-align:center}.ui-offer__art{filter:drop-shadow(0 8px 18px rgba(255,197,61,.35));height:88px;object-fit:contain;width:88px}.ui-learn-layer .ui-offer h2{text-wrap:balance;font-size:var(--fs-22);letter-spacing:0;line-height:1.25;margin:0;max-width:28ch;text-transform:none}.ui-offer p{text-wrap:pretty;color:var(--text-2);line-height:1.45;margin:0;max-width:38ch}.ui-offer .ui-offer__benefit{font-size:var(--fs-14)}.ui-offer .ui-offer__note{background:#ffc53d14;border:1px solid #ffc53d59;border-radius:var(--r-m);color:var(--gold);font-size:var(--fs-14);padding:8px 12px}.ui-offer__actions{grid-gap:8px;display:grid;gap:8px;margin-top:4px;width:100%}.ui-upsell--plans{container-type:inline-size}.ui-upsell--plans>img{grid-row:auto;height:48px;width:48px}.ui-plans{grid-gap:16px 24px;border-top:1px solid #ffc53d40;display:grid;gap:16px 24px;grid-column:1/-1;grid-template-columns:1fr 1fr;margin-top:14px;padding-top:14px}.ui-plans__col{grid-gap:10px;align-content:start;display:grid;gap:10px}.ui-plans__col header{grid-gap:2px;display:grid;gap:2px}.ui-plans__col h3{font-size:var(--fs-16);font-weight:800;letter-spacing:.06em;margin:0;text-transform:uppercase}.ui-plans__col--prem h3{color:var(--gold)}.ui-plans__price{color:var(--text-2);font-size:var(--fs-14);margin:0}.ui-plans__list{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.ui-plans__list li{grid-gap:8px;align-items:start;display:grid;font-size:var(--fs-14);gap:8px;grid-template-columns:16px 1fr;line-height:1.4}.ui-plans__list svg{color:var(--green);height:16px;margin-top:2px;width:16px}.ui-plans__col--prem .ui-plans__list svg{color:var(--gold)}@container (max-width: 560px){.ui-plans{grid-template-columns:1fr}.ui-plans__col--free{display:none}}.ui-search-row{display:flex;gap:8px}.ui-search-row .ui-search{flex:1 1;min-width:0}.ui-filter-btn.ui-btn{flex:none;height:52px;padding:0;position:relative;width:52px}.ui-filter-btn.is-on:after{background:var(--gold);border-radius:50%;box-shadow:0 0 8px #ffc53db3;content:"";height:10px;position:absolute;right:8px;top:8px;width:10px}.ui-filter-sheet h2{margin:4px 48px 0 0}.ui-filter-opts{grid-gap:8px;display:grid;gap:8px}.ui-filter-opt{align-items:center;background:#0d0524;border:1px solid var(--edge);border-radius:var(--r-m);color:var(--text);cursor:pointer;display:flex;font:inherit;font-weight:600;gap:10px;min-height:52px;padding:0 16px;text-align:left;transition:border-color var(--t-fade);width:100%}.ui-filter-opt:hover{border-color:var(--edge-hi)}.ui-filter-opt small{font-feature-settings:"tnum";color:var(--text-2);font-variant-numeric:tabular-nums;font-weight:500}.ui-filter-opt svg{color:var(--gold);height:20px;margin-left:auto;width:20px}.ui-filter-opt.is-on{background:#ffc53d1a;border-color:var(--gold)}.ui-lesson{background:var(--night);color:var(--text);display:flex;font-family:var(--ui);inset:0;justify-content:center;position:fixed;z-index:60}.ui-lesson__screen{background:radial-gradient(80% 40% at 50% 30%,#8b5cff52,#0000 72%),linear-gradient(180deg,#1d0d48,var(--bg) 55%,#120830);box-shadow:0 0 0 1px #8b5cff26,0 30px 80px #0009;display:flex;flex-direction:column;height:100%;max-width:560px;overflow:hidden;position:relative;width:100%}@media (min-width:700px){.ui-lesson{padding-block:24px}.ui-lesson__screen{border-radius:28px}}.ui-qhead{align-items:center;display:flex;gap:10px;padding:calc(12px + env(safe-area-inset-top, 0px)) 16px 6px}@media (min-width:700px){.ui-qhead{padding-inline:28px}}.ui-qhead .ui-btn{margin-bottom:4px}.ui-qcount{font-feature-settings:"tnum";color:var(--text-2);font-size:var(--fs-14);font-variant-numeric:tabular-nums;font-weight:600;min-width:3ch;text-align:right}.ui-qbody{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 16px 24px}.ui-lesson__screen{--reserve:0px}@media (min-height:800px){.ui-lesson--reserve{--reserve:186px}.ui-lesson--reserve .ui-qbody{padding-bottom:210px}}@media (min-width:700px){.ui-qbody{padding-inline:28px}}.ui-combo-slot{display:grid;min-height:38px;place-items:center}.ui-retry-banner{color:var(--gold);font-size:var(--fs-12);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.ui-stage{display:flex;flex-direction:column;gap:18px;margin-block:auto;padding-top:4px}.ui-ask{color:var(--text-2);font-size:var(--fs-16);font-weight:500;margin:0;text-align:center}.ui-prompt{align-items:center;animation:ui-slide-in .3s ease-out both;display:flex;flex-direction:column;gap:10px;text-align:center}@keyframes ui-slide-in{0%{opacity:0;transform:translateX(48px)}to{opacity:1;transform:none}}.ui-picture{--p:clamp(84px,min(60vw,100dvh - 510px - var(--reserve)),280px);display:grid;height:var(--p);place-items:center;width:var(--p)}.ui-picture img{border-radius:28px;box-shadow:0 16px 40px #00000073;height:100%;object-fit:cover;width:100%}.ui-picture .emoji{font-size:calc(var(--p)*.55);line-height:1}.ui-prompt-word{font-size:28px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.ui-prompt-thai{font-size:64px;line-height:1.5}.ui-prompt-glyph,.ui-prompt-thai{font-family:var(--thai);font-weight:700}.ui-prompt-glyph{font-size:clamp(64px,calc((100dvh - 470px - var(--reserve))/1.6),120px);line-height:1.6}.ui-prompt-roman{color:var(--gold);font-size:var(--fs-18);font-weight:600}.ui-prompt-latin{font-size:var(--fs-30);font-weight:800}.ui-prompt-emoji{font-size:clamp(48px,calc((100dvh - 520px - var(--reserve))/1.1),96px);line-height:1.1}@media (max-height:600px){.ui-combo-slot{min-height:26px}.ui-stage{gap:10px}}.ui-speak{background:radial-gradient(circle at 50% 28%,#f28fcd,#cc2a8f 50%,#a31a74);border:0;border-radius:50%;box-shadow:inset 0 3px 0 #ffffff8c,inset 0 -5px 0 #6e0a5080,0 7px 0 var(--magenta-deep),0 0 36px #ff4fb880;color:#fff;cursor:pointer;display:grid;height:104px;place-items:center;position:relative;transition:transform var(--t-press),box-shadow var(--t-press);width:108px}.ui-speak svg{filter:drop-shadow(0 2px 0 rgba(0,0,0,.3));height:46px;width:46px}.ui-speak:active{box-shadow:inset 0 3px 0 #ffffff8c,0 2px 0 var(--magenta-deep);transform:translateY(5px)}.ui-speak:focus-visible{outline:3px solid #fff;outline-offset:4px}.ui-speak:after,.ui-speak:before{border:2px solid #ff4fb899;border-radius:50%;content:"";inset:-4px;opacity:0;position:absolute}.ui-speak.is-playing:before{animation:ui-ring 1s ease-out infinite}.ui-speak.is-playing:after{animation:ui-ring 1s ease-out .5s infinite}@keyframes ui-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}.ui-speak-hint{color:var(--text-2);font-size:var(--fs-14);margin-top:8px}.ui-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.ui-options--pics{grid-template-columns:1fr 1fr;margin-inline:auto;max-width:calc((100dvh - 416px - var(--reserve))/.75 + 12px);width:100%}.ui-options:not(.ui-options--pics) .ui-opt{flex-direction:row;gap:10px;min-height:60px}.ui-options:not(.ui-options--pics) .ui-opt .th{font-size:30px;line-height:1.5}.ui-opt,.ui-tile{align-items:center;animation:ui-fade-up .25s ease-out both;background:linear-gradient(180deg,var(--n-top),var(--n-bot));border:1px solid var(--n-border);border-radius:18px;box-shadow:inset 0 1px 0 #ffffff29,0 4px 0 var(--n-ledge),0 4px 0 1px var(--n-border);color:var(--text);cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:2px;justify-content:center;min-height:76px;padding:10px 8px;position:relative;text-align:center;transition:transform var(--t-press),box-shadow var(--t-press),background var(--t-fade),border-color var(--t-fade),opacity .3s}.ui-opt:hover:not(:disabled),.ui-tile:hover:not(:disabled){border-color:var(--edge-hi)}.ui-opt:active:not(:disabled),.ui-tile:active:not(:disabled){box-shadow:inset 0 1px 0 #ffffff29,0 1px 0 var(--n-ledge),0 1px 0 1px var(--n-border);transform:translateY(3px)}.ui-opt:focus-visible,.ui-tile:focus-visible{outline:3px solid #fff;outline-offset:3px}.ui-opt:disabled{cursor:default}.ui-opt .th,.ui-tile .th{font-family:var(--thai);font-size:34px;font-weight:700;line-height:1.4}.ui-opt .latin{font-size:var(--fs-18);font-weight:600}.ui-opt .ro,.ui-tile .ro{color:var(--text-2);font-size:var(--fs-14)}.ui-opt--pic{gap:0;min-height:0;padding:8px 8px 6px}.ui-opt--pic img{aspect-ratio:4/3;border-radius:12px;height:auto;object-fit:cover;width:100%}.ui-opt--pic .emoji{aspect-ratio:4/3;display:grid;font-size:64px;place-items:center;width:100%}.ui-opt--pic .th{font-size:24px;line-height:1.6;margin-top:8px}@keyframes ui-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.ui-opt.is-ok,.ui-tile.is-ok{background:linear-gradient(180deg,#1f7a55,#13503a);border-color:var(--ok);box-shadow:inset 0 1px 0 #fff3,0 4px 0 #0a2e20,0 4px 0 1px var(--ok),0 0 24px #5ee6a059}.ui-opt.is-bad,.ui-tile.is-bad{background:linear-gradient(180deg,#7a1f35,#521326);border-color:var(--bad);box-shadow:inset 0 1px 0 #ffffff26,0 4px 0 #2e0a14,0 4px 0 1px var(--bad)}.ui-opt.is-dim{opacity:.45}.ui-pop{animation:ui-pop .38s ease-out both!important}.ui-pop-late{animation:ui-pop .38s ease-out .25s both!important}.ui-shake{animation:ui-shake .4s ease-in-out both!important}@keyframes ui-pop{0%{transform:scale(1)}40%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes ui-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}.ui-mark{animation:ui-combo-in .35s var(--ease-bounce) both;border-radius:50%;display:grid;font-size:var(--fs-14);font-weight:800;height:26px;place-items:center;position:absolute;right:-8px;top:-8px;width:26px}.ui-mark--ok{background:var(--ok);color:#06301d}.ui-mark--bad{background:var(--bad);color:#3a0510}.ui-board{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.ui-tile{border-radius:16px;min-height:72px;padding:8px}.ui-tile .th{font-size:30px}.ui-tile .latin{font-size:17px;font-weight:500}.ui-tile .spk{height:14px;opacity:.6;position:absolute;right:8px;top:7px;width:14px}.ui-tile.is-sel{background:linear-gradient(180deg,#5a3a18,#3c2410);border-color:var(--gold);box-shadow:inset 0 1px 0 #ffffff2e,0 1px 0 #1e1004,0 0 22px #ffc53d59;transform:translateY(3px)}.ui-tile.is-done{border-color:#5ee6a066;box-shadow:inset 0 1px 0 #ffffff14;cursor:default;opacity:.35;transform:translateY(3px)}.ui-drawer{animation:ui-drawer-in var(--t-slide) var(--ease-sheet) .18s both;background:linear-gradient(180deg,#13402f,#0d2a20);border-top:2px solid var(--ok);bottom:0;box-shadow:0 -16px 40px #00000073;left:0;padding:16px 16px calc(18px + env(safe-area-inset-bottom, 0px));position:absolute;right:0;z-index:10}.ui-drawer--bad{background:linear-gradient(180deg,#4a1222,#2c0a15);border-top-color:var(--bad)}@keyframes ui-drawer-in{0%{transform:translateY(105%)}to{transform:none}}@media (min-width:700px){.ui-drawer{padding-inline:28px}}.ui-drawer__row{align-items:center;display:flex;gap:12px;margin-bottom:14px}.ui-drawer__badge{background:var(--ok);border-radius:50%;color:#06301d;display:grid;flex:none;font-size:var(--fs-22);font-weight:800;height:44px;place-items:center;width:44px}.ui-drawer--bad .ui-drawer__badge{background:var(--bad);color:#3a0510}.ui-drawer__text{flex:1 1;min-width:0}.ui-drawer__text b{color:var(--ok);display:block;font-size:20px;font-weight:800}.ui-drawer--bad .ui-drawer__text b{color:#ffb3bd}.ui-drawer__text span{color:var(--text-2);font-size:var(--fs-16)}.ui-drawer__text .th{color:#fff;font-family:var(--thai);font-size:20px;font-weight:700}.ui-drawer .ui-btn--sound{margin-bottom:4px}.ui-scrim{animation:ui-fade .2s ease-out both;background:#05020f99;inset:0;position:absolute;z-index:20}@keyframes ui-fade{0%{opacity:0}to{opacity:1}}.ui-sheet{animation:ui-drawer-in var(--t-slide) var(--ease-sheet) both;background:linear-gradient(180deg,var(--surface-2),var(--surface));border-radius:24px 24px 0 0;border-top:1px solid var(--edge-hi);bottom:0;left:0;padding:10px 16px calc(20px + env(safe-area-inset-bottom, 0px));position:absolute;right:0;z-index:21}.ui-sheet__grab{background:#ffffff40;border-radius:99px;height:5px;margin:0 auto 14px;width:40px}@media (min-width:1024px){.ui-learn-layer .ui-sheet,.ui-sheet{animation:ui-fade .2s ease-out both;border:1px solid var(--edge-hi);border-radius:var(--r-l);bottom:auto;box-shadow:0 30px 80px #0009;left:16px;margin:0 auto;max-height:calc(100% - 48px);max-width:460px;padding:22px 20px 20px;right:16px;top:50%;transform:translateY(-50%)}.ui-sheet__grab{display:none}}.ui-dialog h2,.ui-sheet h2{font-size:var(--fs-18);font-weight:800;letter-spacing:.04em;margin:0 0 12px;text-transform:uppercase}.ui-setting{align-items:center;display:flex;gap:12px;padding:12px 0}.ui-setting>div{flex:1 1}.ui-setting b{display:block;font-weight:500}.ui-setting small{color:var(--text-2);font-size:var(--fs-14)}.ui-dialog{animation:ui-fade .2s ease-out both;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--edge-hi);border-radius:var(--r-l);box-shadow:0 30px 80px #0009;left:16px;margin:0 auto;max-width:380px;padding:22px 18px 18px;position:absolute;right:16px;text-align:center;top:50%;transform:translateY(-50%);z-index:21}.ui-dialog p{color:var(--text-2);line-height:1.45;margin:0 0 18px}.ui-dialog__actions{display:flex;flex-direction:column;gap:6px}.ui-dialog__mascot{display:block;filter:drop-shadow(0 8px 16px rgba(0,0,0,.45));height:96px;margin:-4px auto 8px;object-fit:contain;width:96px}@media (max-height:720px){.ui-speak{height:84px;width:88px}.ui-speak svg{height:38px;width:38px}.ui-stage{gap:14px}.ui-options{gap:10px}.ui-options:not(.ui-options--pics) .ui-opt{min-height:54px}}@media (prefers-reduced-motion:reduce){.ui-lesson *,.ui-lesson :after,.ui-lesson :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ui-qhead .ui-btn--sq{flex:none}.ui-qbar{flex:1 1;min-width:0;position:relative}.ui-qbar-flame{animation:ui-flame-in .45s var(--ease-bounce) both;left:clamp(14px,var(--at),calc(100% - 14px));pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-58%);transition:left var(--t-fill) var(--ease-bounce)}.ui-qbar-flame img{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));height:30px;object-fit:contain;width:30px}.ui-qbar-flame b{font-feature-settings:"tnum";background:var(--surface);border:1px solid #ff965099;border-radius:9px;bottom:-6px;color:#ffc79a;display:grid;font-size:11px;font-variant-numeric:tabular-nums;font-weight:800;height:18px;min-width:18px;padding:0 4px;place-items:center;position:absolute;right:-10px}@keyframes ui-flame-in{0%{transform:translate(-50%,-58%) scale(.6)}60%{transform:translate(-50%,-58%) scale(1.25)}to{transform:translate(-50%,-58%) scale(1)}}.ui-combo--flash{animation:ui-combo-flash 2.4s ease-out both}@keyframes ui-combo-flash{0%{opacity:0;transform:scale(.5)}12%{opacity:1;transform:scale(1.06)}18%{transform:none}70%{opacity:1}to{opacity:0}}.ui-layer{color:var(--text);font-family:var(--ui);inset:0;position:fixed;z-index:80}.ui-lesson-foot{padding:12px 16px calc(16px + env(safe-area-inset-bottom, 0px))}@media (min-width:700px){.ui-lesson-foot{padding-inline:28px}}.ui-teach{grid-gap:14px;animation:ui-slide-in .3s ease-out both;display:grid;gap:14px;text-align:center}.ui-teach__new{color:var(--gold);font-size:var(--fs-12);font-weight:600;letter-spacing:.14em;text-transform:uppercase}.ui-teach__hero{align-items:center;display:flex;flex-direction:column;gap:12px}.ui-glyph-box{display:grid;min-height:190px;place-items:center;position:relative;width:100%}.ui-glyph-box:before{background:radial-gradient(closest-side,#ffc53d38,#8b5cff2e 55%,#0000);border-radius:50%;content:"";height:190px;left:50%;margin:-95px 0 0 -95px;position:absolute;top:50%;width:190px}.ui-glyph-box span{color:#fff;font-family:var(--thai);font-size:118px;font-weight:700;line-height:1.6;position:relative;text-shadow:0 4px 0 #2d1180e6,0 0 30px #8b5cff99}.ui-teach .ui-card{text-align:left}.ui-label{color:var(--eyebrow);font-size:var(--fs-12);font-weight:600;letter-spacing:.14em;margin:0 0 10px;text-transform:uppercase}.ui-facts{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.ui-fact{background:#0d052473;border:1px solid #8b5cff4d;border-radius:16px;padding:12px;text-align:center}.ui-fact--wide{grid-column:span 2}.ui-fact small{color:var(--text-2);display:block;font-size:11px;font-weight:600;letter-spacing:.12em;margin-bottom:4px;text-transform:uppercase}.ui-fact b{font-size:17px;font-weight:600}.ui-fact--high b{color:var(--high)}.ui-fact--mid b{color:var(--mid)}.ui-fact--low b{color:var(--low)}.ui-example{align-items:center;display:flex;gap:14px}.ui-example__txt{flex:1 1;min-width:0}.ui-example__word{font-family:var(--thai);font-size:32px;font-weight:700;line-height:1.4}.ui-example__ro{color:var(--gold);font-weight:500}.ui-example__mean{color:var(--text-2);font-size:var(--fs-14);line-height:1.35}.ui-teach__word{font-family:var(--thai);font-size:56px;font-weight:700;line-height:1.5}.ui-teach__meaning{font-size:var(--fs-22);font-weight:600}.ui-opt--pic img.art,.ui-picture img.art{border-radius:0;box-shadow:none;filter:drop-shadow(0 8px 12px rgba(0,0,0,.4));object-fit:contain}.ui-opt--pic img.art{background:radial-gradient(70% 60% at 50% 45%,#ffc53d2e,#0000 70%)}.ui-bar--streak>span{animation:ui-bar-stripes .6s linear infinite;background-image:repeating-linear-gradient(-45deg,#ffffff47 0 6px,#0000 6px 12px),linear-gradient(180deg,#ffe58a,var(--gold) 50%,#f39200);background-size:17px 17px,100% 100%}@keyframes ui-bar-stripes{0%{background-position:0 0,0 0}to{background-position:17px 0,0 0}}@media (prefers-reduced-motion:reduce){.ui-bar--streak>span{animation:none}}.ui-res{background:radial-gradient(90% 50% at 50% 22%,#8b5cff73,#0000 75%),linear-gradient(180deg,#1d0d48,var(--bg) 55%,#120830)}.ui-res--win{background:radial-gradient(70% 38% at 50% 18%,#ffc53d47,#0000 70%),radial-gradient(90% 50% at 50% 22%,#8b5cff73,#0000 75%),linear-gradient(180deg,#1d0d48,var(--bg) 55%,#120830)}.ui-res__rays{animation:ui-res-spin 40s linear infinite;background:repeating-conic-gradient(from 0deg,#ffdc8c1f 0deg 8deg,#0000 8deg 22deg);height:560px;left:50%;margin-left:-280px;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 62%);mask-image:radial-gradient(circle,#000 20%,#0000 62%);pointer-events:none;position:absolute;top:-60px;width:560px}@keyframes ui-res-spin{to{transform:rotate(1turn)}}.ui-res__body{display:flex;flex:1 1;flex-direction:column;gap:16px;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(180deg,#000 calc(100% - 28px),#0000);min-height:0;overflow-y:auto;padding:calc(12px + env(safe-area-inset-top, 0px)) 16px 24px;position:relative}.ui-res__mascot{align-self:center;flex:none;height:200px;position:relative;width:200px}.ui-res__mascot img{height:100%;-webkit-mask-image:linear-gradient(180deg,#0000,#000 9%);mask-image:linear-gradient(180deg,#0000,#000 9%);object-fit:contain;position:relative;width:100%;z-index:1}.ui-res__pedestal{background:radial-gradient(closest-side,#ffc53d8c,#8b5cff40 60%,#0000);border-radius:50%;bottom:2px;filter:blur(2px);height:30px;left:50%;margin-left:-85px;position:absolute;width:170px}.ui-res__head{text-align:center}.ui-res__head h1{text-wrap:balance;background:linear-gradient(180deg,#fff6d6,var(--gold) 55%,#f08a00);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(0 3px 0 #6b2a00) drop-shadow(0 0 18px rgba(255,197,61,.35));font-size:var(--fs-30);font-weight:800;letter-spacing:.03em;line-height:1.1;margin:0;text-transform:uppercase}.ui-res__head p{color:var(--text-2);margin:6px 0 0}.ui-res__score{align-items:center;display:flex;gap:14px;justify-content:center}.ui-res__medal{--pct:100;--ring:var(--gold);font-feature-settings:"tnum";background:radial-gradient(closest-side,#1a0b40 76%,#0000 78%),conic-gradient(var(--ring) calc(var(--pct)*1%),#ffffff1f 0);border-radius:50%;box-shadow:0 0 28px #ffaa004d;color:var(--ring);display:grid;flex:none;font-size:26px;font-variant-numeric:tabular-nums;font-weight:800;height:92px;place-items:center;width:92px}.ui-res__medal.is-fail{--ring:var(--bad);box-shadow:none}.ui-res__medal.is-landed{animation:ui-res-land .42s cubic-bezier(.34,1.56,.64,1)}@keyframes ui-res-land{40%{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.ui-res__medal.is-landed{animation:none}}.ui-res__score-txt b{display:block;font-size:var(--fs-22);font-weight:800}.ui-res__score-txt span{color:var(--text-2);font-size:var(--fs-14)}.ui-res__hint{color:var(--gold);font-size:var(--fs-14);font-weight:600;margin:-6px 0 0;text-align:center}.ui-res__moves{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.ui-res__move{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--edge);border-radius:16px;box-shadow:inset 0 1px 0 #ffffff1a;padding:10px 6px 9px;text-align:center}.ui-res__move b{font-feature-settings:"tnum";display:block;font-size:24px;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1}.ui-res__move span{color:var(--text-2);font-size:var(--fs-12)}.ui-res__move.is-up{border-color:#5ee6a08c}.ui-res__move.is-up b{color:var(--ok)}.ui-res__move.is-down b{color:var(--bad)}.ui-res__list{padding-block:14px 4px}.ui-res__list .ui-label{margin-bottom:4px}.ui-res__list ul{list-style:none;margin:0;padding:0}.ui-res-item{align-items:center;border-top:1px solid #8b5cff33;display:flex;gap:12px;padding:9px 0}.ui-res-item:first-child{border-top:0}.ui-res-item__glyph{flex:none;font-family:var(--thai);font-size:28px;font-weight:700;line-height:1.5;min-width:40px;text-align:center;white-space:nowrap}.ui-res-item__pic{display:grid;flex:none;height:44px;place-items:center;width:44px}.ui-res-item__pic img{border-radius:10px;height:100%;object-fit:cover;width:100%}.ui-res-item__pic img.art{border-radius:0;object-fit:contain}.ui-res-item__pic .emoji{font-size:28px}.ui-res-item__txt{display:flex;flex:1 1;flex-direction:column;min-width:0}.ui-res-item__txt b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-res-item__thai{font-family:var(--thai);font-size:var(--fs-18);line-height:1.5}.ui-res-item__txt span{color:var(--text-2);font-size:13px}.ui-res-item__rec{color:var(--gold)!important;font-weight:600}.ui-res-item__move{align-items:flex-end;color:var(--text-2);display:flex;flex:none;flex-direction:column;font-size:13px;font-weight:600;gap:4px;white-space:nowrap}.ui-res-item__move.is-up{color:var(--ok)}.ui-res-item__move.is-down{color:var(--bad)}.ui-link{background:none;border:0;color:var(--gold);cursor:pointer;font:inherit;font-weight:600;padding:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.ui-link:hover{text-decoration-thickness:2px}.ui-link:focus-visible{border-radius:4px;outline:2px solid #fff;outline-offset:2px}.ui-res__stats{align-items:center;align-self:center;display:inline-flex;font-size:var(--fs-14);gap:6px}.ui-res__stats svg{height:16px;width:16px}.ui-res__actions{display:flex;flex-direction:column;gap:8px;padding:12px 16px calc(16px + env(safe-area-inset-bottom, 0px));position:relative}@media (min-width:700px){.ui-res__actions,.ui-res__body{padding-inline:28px}.ui-res__mascot{height:240px;width:240px}}@media (max-height:700px){.ui-res__mascot{height:150px;width:150px}}@media (prefers-reduced-motion:reduce){.ui-res__rays{animation:none}}.ui-interlude{align-items:center;animation:ui-slide-in .3s ease-out both;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:24px;text-align:center}.ui-interlude__icon{background:radial-gradient(closest-side,#ffc53d38,#8b5cff2e 60%,#0000);border-radius:50%;color:var(--gold);display:grid;height:96px;margin-bottom:8px;place-items:center;width:96px}.ui-interlude__icon svg{height:56px;width:56px}.ui-interlude h2{color:var(--gold);font-size:var(--fs-30);font-weight:800;letter-spacing:.03em;margin:0;text-transform:uppercase}.ui-interlude p{color:var(--text-2);line-height:1.5;margin:0;max-width:34ch}.ui-retry__mascot{height:190px;margin-bottom:4px;position:relative;width:190px}.ui-retry__mascot img{animation:ui-retry-step .5s cubic-bezier(.2,1.3,.4,1) both;height:100%;object-fit:contain;position:relative;width:100%;z-index:1}.ui-retry__glow{background:radial-gradient(closest-side,#ff806480,#f0445a38 60%,#0000);border-radius:50%;bottom:0;height:34px;left:50%;margin-left:-90px;position:absolute;width:180px}@keyframes ui-retry-step{0%{opacity:0;transform:translateX(-28px) rotate(-4deg)}to{opacity:1;transform:none}}.ui-retry__items{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;list-style:none;margin:6px 0 0;max-width:340px;padding:0}.ui-retry__items li{background:#f0445a1f;border:1px solid #f0445a8c;border-radius:var(--r-pill);font-family:var(--thai);font-size:22px;font-weight:700;line-height:1.5;min-width:48px;padding:4px 14px;text-align:center}@media (prefers-reduced-motion:reduce){.ui-retry__mascot img{animation:none}}.ui-streak__flame{filter:drop-shadow(0 8px 20px rgba(255,120,60,.45));height:112px;object-fit:contain;width:112px}.ui-streak .ui-streak__count{grid-gap:4px;color:var(--text-2);display:grid;gap:4px;justify-items:center}.ui-streak__count b{font-feature-settings:"tnum";color:var(--gold);font-size:64px;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.ui-freeze{background:radial-gradient(70% 40% at 50% 32%,#4cc3ff4d,#0000 72%),linear-gradient(180deg,#14174d,var(--bg) 55%,#120830)}.ui-freeze__rays{animation:ui-res-spin 40s linear infinite;background:repeating-conic-gradient(from 0deg,#a0e1ff21 0deg 8deg,#0000 8deg 22deg);height:560px;left:50%;margin-left:-280px;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 62%);mask-image:radial-gradient(circle,#000 20%,#0000 62%);pointer-events:none;position:absolute;top:-40px;width:560px}.ui-freeze .ui-interlude{position:relative}.ui-freeze__icon{animation:ui-freeze-in .6s cubic-bezier(.2,1.4,.4,1) both;filter:drop-shadow(0 10px 26px rgba(76,195,255,.5));height:148px;object-fit:contain;width:148px}@keyframes ui-freeze-in{0%{opacity:0;transform:scale(.4) rotate(-60deg)}to{opacity:1;transform:none}}.ui-freeze .ui-interlude h2{color:#8fdcff}.ui-freeze .ui-freeze__left{background:#4cc3ff1a;border:1px solid #8fdcff73;border-radius:var(--r-pill);color:#d6f3ff;font-size:var(--fs-14);font-weight:600;padding:6px 14px}@media (prefers-reduced-motion:reduce){.ui-freeze__icon,.ui-freeze__rays{animation:none}}.ui-consent__art{animation:ui-consent-in .5s ease-out both;filter:drop-shadow(0 10px 24px rgba(139,92,255,.55));height:132px;object-fit:contain;width:132px}@keyframes ui-consent-in{0%{opacity:0;transform:translateY(16px) rotate(-8deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ui-consent__art{animation:none}}.ui-consent h2{color:var(--text);font-size:var(--fs-22);letter-spacing:0;line-height:1.25;max-width:22ch;text-transform:none}.ui-consent__foot{grid-gap:8px;display:grid;gap:8px}.ui-consent__note{color:var(--text-2);font-size:var(--fs-14);margin:4px 0 0;text-align:center}.ui-stroke__name{font-size:var(--fs-22);font-weight:600;margin:0}.ui-stroke__pad{margin-inline:auto;max-width:340px;position:relative;width:100%}.ui-stroke__card{padding:12px}.ui-stroke__card svg{aspect-ratio:1;display:block;width:100%}.ui-stroke__card.is-locked{filter:blur(4px);-webkit-user-select:none;user-select:none}.ui-stroke__badge{align-items:center;background:#0d052499;border:1px solid var(--gold);border-radius:var(--r-pill);color:var(--gold);display:inline-flex;font-size:var(--fs-12);font-weight:600;gap:6px;letter-spacing:.1em;padding:4px 10px;text-transform:uppercase}.ui-stroke__badge img{height:16px;width:16px}.ui-stroke__error{color:var(--bad);font-size:var(--fs-14);margin:0}.ui-stroke__tools{display:flex;gap:10px;justify-content:center}.ui-stroke__card.is-drawing{border-color:var(--gold);box-shadow:0 0 0 3px #ffc53d40}.ui-stroke__card.is-drawing svg{cursor:crosshair;touch-action:none}.ui-stroke__hint{color:var(--text-2);font-size:var(--fs-14);margin:-4px 0 0}.ui-writing{display:flex;flex-direction:column;gap:12px;max-height:94%;overflow-y:auto;padding-top:16px}.ui-writing__head{align-items:center;display:flex;gap:12px;justify-content:space-between}.ui-writing__head h2{margin:0}.ui-writing__head h2 small{color:var(--text-2);display:block;font-size:var(--fs-14);font-weight:500;letter-spacing:0;margin-top:2px;text-transform:none}.ui-writing .ui-stroke__pad{max-width:300px}.ui-writing .ui-stroke__hint{margin:-6px 0 0;text-align:center}.ui-teach__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.ui-writing--offer{padding-top:24px}.ui-writing__close{position:absolute;right:16px;top:16px}.ui-wr-offer{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.ui-wr-offer__glyph{margin-bottom:18px;position:relative;width:104px}.ui-wr-offer__letter{background:#0d052473;border:1px solid var(--edge);border-radius:var(--r-l);color:#fff6;display:grid;filter:blur(1.5px);font-family:Sarabun,serif;font-size:42px;height:104px;line-height:1.3;padding-bottom:12px;place-items:center;-webkit-user-select:none;user-select:none;width:104px}.ui-wr-offer__glyph .ui-stroke__badge{background:var(--surface-2);bottom:-12px;box-shadow:0 4px 12px #00000059;left:0;margin-inline:auto;padding:4px 12px;position:absolute;right:0;white-space:nowrap;width:-webkit-max-content;width:max-content}.ui-wr-offer__title{font-size:var(--fs-18);font-weight:800;letter-spacing:.04em;margin:4px 0 0;text-transform:uppercase}.ui-wr-offer__body{text-wrap:pretty;color:var(--text-2);font-size:var(--fs-14);margin:0 0 4px;max-width:34ch}.ui-wr-offer .ui-link{margin-top:4px}.ui-wr-offer-card{margin-inline:auto;max-width:400px;padding:20px 16px;width:100%}.ui-letter-pic{display:block;filter:drop-shadow(0 8px 12px rgba(0,0,0,.4));object-fit:contain}.ui-letter-emoji.ui-teach__pic{font-size:40px;line-height:1}img.ui-teach__pic{height:104px;width:104px}img.ui-prompt-emoji{height:clamp(72px,calc((100dvh - 480px - var(--reserve))/1.1),140px);width:auto}.ui-welcome__head{gap:14px}.ui-welcome__skip{background:none;border:0;color:var(--text-2);cursor:pointer;flex:none;font:inherit;font-size:var(--fs-14);font-weight:600;padding:8px 4px}.ui-welcome__skip:hover{color:#fff}.ui-welcome{grid-gap:10px;display:grid;gap:10px;justify-items:center;text-align:center}.ui-welcome>p{text-wrap:pretty;color:var(--text-2);margin:0;max-width:34ch}.ui-welcome__bubble{background:#fff;border-radius:var(--r-l);box-shadow:0 10px 24px #0006;color:var(--bg);font-size:30px;line-height:1.5;padding:6px 18px;position:relative}.ui-welcome__bubble:after{border:10px solid #0000;border-bottom:0;border-top-color:#fff;bottom:-9px;content:"";left:50%;position:absolute;translate:-50% 0}.ui-welcome__mascot{filter:drop-shadow(0 16px 24px rgba(0,0,0,.45));height:min(42vw,170px);object-fit:contain;width:min(42vw,170px)}.ui-welcome__mascot--win{height:min(40vw,160px);width:min(40vw,160px)}.ui-welcome__mascot--small{height:min(28vw,110px);width:min(28vw,110px)}.ui-welcome__eyebrow{color:var(--eyebrow);font-size:var(--fs-12);font-weight:600;letter-spacing:.14em;text-transform:uppercase}.ui-welcome__word{grid-gap:2px;display:grid;gap:2px}.ui-welcome__word b{font-size:var(--fs-30);font-weight:800;line-height:1.1}.ui-welcome__word span{color:var(--gold);font-weight:600}.ui-welcome--ask,.ui-welcome--ask .ui-options{width:100%}.ui-welcome .ui-opt .ro{color:var(--text-2);font-size:var(--fs-14)}.ui-welcome__title{text-wrap:balance;background:linear-gradient(180deg,#fff6d6,var(--gold) 55%,#f08a00);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(0 2px 0 #6b2a00);font-size:var(--fs-22);font-weight:800;letter-spacing:.04em;margin:0;text-transform:uppercase}.ui-welcome__title--plain{letter-spacing:0;text-transform:none}.ui-welcome__learned{grid-gap:10px;display:grid;gap:10px;width:min(100%,360px)}.ui-welcome__item{align-items:center;display:flex;gap:14px;padding:10px 12px 10px 16px;text-align:left}.ui-welcome__item .th{color:var(--gold);font-size:30px;line-height:1.5}.ui-welcome__item>div{display:grid;flex:1 1}.ui-welcome__item b{font-weight:600}.ui-welcome__item span:not(.th){color:var(--text-2);font-size:var(--fs-14)}.ui-welcome__item .ui-btn{margin-bottom:4px}.ui-welcome__perks{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:4px 0 0;padding:0;text-align:left;width:min(100%,360px)}.ui-welcome__perks li{align-items:center;display:flex;gap:12px}.ui-welcome__perks img{flex:none;height:44px;object-fit:contain;width:44px}.ui-welcome__perks span{color:var(--text-2);display:grid;font-size:var(--fs-14)}.ui-welcome__perks b{color:#fff;font-size:var(--fs-16);font-weight:600}.ui-combo-stage{align-items:center;animation:ui-combo-stage-in .45s var(--ease-bounce) both;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;text-align:center}.ui-combo-stage__mascot{height:220px;position:relative;width:220px}.ui-combo-stage__mascot img{height:100%;object-fit:contain;position:relative;width:100%;z-index:1}.ui-combo-stage__count{font-feature-settings:"tnum";animation:ui-combo-count-in .5s .15s var(--ease-bounce) both;background:linear-gradient(180deg,#fff6d6,var(--gold) 55%,#f08a00);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(0 3px 0 #6b2a00) drop-shadow(0 0 18px rgba(255,197,61,.35));font-size:64px;font-variant-numeric:tabular-nums;font-weight:800;line-height:1;margin:6px 0 0}.ui-combo-stage__title{color:#ffc79a;font-size:var(--fs-22);font-weight:800;letter-spacing:.03em;margin:0;text-transform:uppercase}.ui-combo-stage__sub{color:var(--text-2);margin:0}@keyframes ui-combo-stage-in{0%{opacity:0;transform:translateY(16px)}}@keyframes ui-combo-count-in{0%{opacity:0;transform:scale(.4)}}@media (max-height:640px){.ui-combo-stage__mascot{height:160px;width:160px}}@media (prefers-reduced-motion:reduce){.ui-combo-stage,.ui-combo-stage__count{animation:none}}