@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";
*,:before,:after,::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: }*,:before,:after{box-sizing:border-box;border-style:solid;border-width:0;border-color:var(--border)}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-body), var(--font-pretendard), -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color: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:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.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);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-left-1{left:-.25rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-2\.5{bottom:.625rem}.bottom-3{bottom:.75rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-0\.5{left:.125rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-2\.5{left:.625rem}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-1{right:.25rem}.right-1\.5{right:.375rem}.right-2{right:.5rem}.right-2\.5{right:.625rem}.right-3{right:.75rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-2\.5{top:.625rem}.top-5{top:1.25rem}.top-8{top:2rem}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[3\]{z-index:3}.z-\[5\]{z-index:5}.z-\[7\]{z-index:7}.z-\[8\]{z-index:8}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-mt-0\.5{margin-top:-.125rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-9{margin-left:2.25rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-\[1px\]{margin-top:1px}.mt-\[3px\]{margin-top:3px}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[100px\]{height:100px}.h-\[120px\]{height:120px}.h-\[128px\]{height:128px}.h-\[140px\]{height:140px}.h-\[200px\]{height:200px}.h-\[3px\]{height:3px}.h-\[52px\]{height:52px}.h-\[54px\]{height:54px}.h-full{height:100%}.h-px{height:1px}.max-h-60{max-height:15rem}.max-h-80{max-height:20rem}.max-h-\[280px\]{max-height:280px}.max-h-\[300px\]{max-height:300px}.max-h-\[400px\]{max-height:400px}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-28{width:7rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[120px\]{width:120px}.w-\[140px\]{width:140px}.w-\[220px\]{width:220px}.w-\[52px\]{width:52px}.w-\[54px\]{width:54px}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-48{min-width:12rem}.min-w-\[16px\]{min-width:16px}.min-w-\[200px\]{min-width:200px}.max-w-2xl{max-width:42rem}.max-w-5xl{max-width:64rem}.max-w-\[200px\]{max-width:200px}.max-w-\[260px\]{max-width:260px}.max-w-\[320px\]{max-width:320px}.max-w-\[42\%\]{max-width:42%}.max-w-\[440px\]{max-width:440px}.max-w-\[720px\]{max-width:720px}.max-w-\[960px\]{max-width:960px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%;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))}.-translate-y-1\/2{--tw-translate-y:-50%;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))}.-rotate-90{--tw-rotate:-90deg;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))}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;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))}.scale-\[0\.97\]{--tw-scale-x:.97;--tw-scale-y:.97;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))}.scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02;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))}.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 fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.5s ease-out fadeIn}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-question-in{animation:.25s ease-out fadeSlideIn}.animate-result-in{animation:.3s ease-out fadeSlideIn}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.resize-none{resize:none}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[2fr_1\.2fr_0\.8fr_0\.5fr_0\.4fr_36px_36px_36px_36px\]{grid-template-columns:2fr 1.2fr .8fr .5fr .4fr 36px 36px 36px 36px}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[3px\]{gap:3px}.gap-\[5px\]{gap:5px}.gap-px{gap:1px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.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}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[14px\]{border-radius:14px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:14px}.rounded-md{border-radius:12px}.rounded-sm{border-radius:8px}.rounded-xl{border-radius:16px}.border{border-width:1px}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#7F77DD\]{--tw-border-opacity:1;border-color:rgb(127 119 221/var(--tw-border-opacity,1))}.border-\[\#97C459\]{--tw-border-opacity:1;border-color:rgb(151 196 89/var(--tw-border-opacity,1))}.border-\[\#F09595\]{--tw-border-opacity:1;border-color:rgb(240 149 149/var(--tw-border-opacity,1))}.border-\[\#F4C0D1\]{--tw-border-opacity:1;border-color:rgb(244 192 209/var(--tw-border-opacity,1))}.border-\[\#F5E0A0\]{--tw-border-opacity:1;border-color:rgb(245 224 160/var(--tw-border-opacity,1))}.border-\[\#F7C1C1\]{--tw-border-opacity:1;border-color:rgb(247 193 193/var(--tw-border-opacity,1))}.border-\[var\(--border\)\]{border-color:var(--border)}.border-accent{border-color:var(--accent)}.border-correct{border-color:var(--correct-border)}.border-default{border-color:var(--border)}.border-subtle{border-color:var(--border-subtle)}.border-transparent{border-color:#0000}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/30{border-color:#ffffff4d}.border-wrong{border-color:var(--wrong-border)}.border-t-accent{border-top-color:var(--accent)}.border-t-transparent{border-top-color:#0000}.border-t-white{--tw-border-opacity:1;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-\[\#0F6E56\]{--tw-bg-opacity:1;background-color:rgb(15 110 86/var(--tw-bg-opacity,1))}.bg-\[\#1A1A1A\],.bg-\[\#1a1a1a\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\[\#72243E\]{--tw-bg-opacity:1;background-color:rgb(114 36 62/var(--tw-bg-opacity,1))}.bg-\[\#A32D2D\]{--tw-bg-opacity:1;background-color:rgb(163 45 45/var(--tw-bg-opacity,1))}.bg-\[\#E24B4A\]{--tw-bg-opacity:1;background-color:rgb(226 75 74/var(--tw-bg-opacity,1))}.bg-\[\#EAF3DE\]{--tw-bg-opacity:1;background-color:rgb(234 243 222/var(--tw-bg-opacity,1))}.bg-\[\#ED93B1\]{--tw-bg-opacity:1;background-color:rgb(237 147 177/var(--tw-bg-opacity,1))}.bg-\[\#EEEDFE\]{--tw-bg-opacity:1;background-color:rgb(238 237 254/var(--tw-bg-opacity,1))}.bg-\[\#F0EDE8\]{--tw-bg-opacity:1;background-color:rgb(240 237 232/var(--tw-bg-opacity,1))}.bg-\[\#FAECE7\]{--tw-bg-opacity:1;background-color:rgb(250 236 231/var(--tw-bg-opacity,1))}.bg-\[\#FAEEDA\]{--tw-bg-opacity:1;background-color:rgb(250 238 218/var(--tw-bg-opacity,1))}.bg-\[\#FBEAF0\]{--tw-bg-opacity:1;background-color:rgb(251 234 240/var(--tw-bg-opacity,1))}.bg-\[\#FCEBEB\]{--tw-bg-opacity:1;background-color:rgb(252 235 235/var(--tw-bg-opacity,1))}.bg-\[\#FEF3EE\]{--tw-bg-opacity:1;background-color:rgb(254 243 238/var(--tw-bg-opacity,1))}.bg-\[\#FFF9EB\]{--tw-bg-opacity:1;background-color:rgb(255 249 235/var(--tw-bg-opacity,1))}.bg-\[\#FFFBF0\]{--tw-bg-opacity:1;background-color:rgb(255 251 240/var(--tw-bg-opacity,1))}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--accent-bg\)\]{background-color:var(--accent-bg)}.bg-\[var\(--bg-primary\)\]{background-color:var(--bg-primary)}.bg-\[var\(--bg-surface\)\]{background-color:var(--bg-surface)}.bg-\[var\(--border\)\]{background-color:var(--border)}.bg-\[var\(--text-primary\)\]{background-color:var(--text-primary)}.bg-accent{background-color:var(--accent)}.bg-accent-bg{background-color:var(--accent-bg)}.bg-accent-light{background-color:var(--accent-light)}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-correct{background-color:var(--correct)}.bg-correct-bg{background-color:var(--correct-bg)}.bg-easy-bg{background-color:var(--easy-bg)}.bg-elevated{background-color:var(--bg-elevated)}.bg-hard-bg{background-color:var(--hard-bg)}.bg-medium-bg{background-color:var(--medium-bg)}.bg-primary{background-color:var(--bg-primary)}.bg-red-900\/30{background-color:#7f1d1d4d}.bg-surface{background-color:var(--bg-surface)}.bg-transparent{background-color:#0000}.bg-type-classic-bg{background-color:var(--type-classic-bg)}.bg-type-clue-bg{background-color:var(--type-clue-bg)}.bg-type-image-bg{background-color:var(--type-image-bg)}.bg-type-intruder-bg{background-color:var(--type-intruder-bg)}.bg-type-tf-bg{background-color:var(--type-tf-bg)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/85{background-color:#ffffffd9}.bg-wrong{background-color:var(--wrong)}.bg-wrong-bg{background-color:var(--wrong-bg)}.bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}.from-black\/60{--tw-gradient-from:#0009 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-\[1px\]{padding:1px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.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-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[1px\]{padding-top:1px;padding-bottom:1px}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.py-\[3px\]{padding-top:3px;padding-bottom:3px}.py-\[5px\]{padding-top:5px;padding-bottom:5px}.py-\[6px\]{padding-top:6px;padding-bottom:6px}.py-\[7px\]{padding-top:7px;padding-bottom:7px}.py-px{padding-top:1px;padding-bottom:1px}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-2{padding-bottom:.5rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-5{padding-left:1.25rem}.pl-9{padding-left:2.25rem}.pl-\[3px\]{padding-left:3px}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-\[10px\]{padding-right:10px}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-2\.5{padding-top:.625rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-sans{font-family:var(--font-body), var(--font-pretendard), -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif}.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-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[22px\]{font-size:22px}.text-\[34px\]{font-size:34px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.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-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#0F6E56\]{--tw-text-opacity:1;color:rgb(15 110 86/var(--tw-text-opacity,1))}.text-\[\#27500A\]{--tw-text-opacity:1;color:rgb(39 80 10/var(--tw-text-opacity,1))}.text-\[\#3C3489\]{--tw-text-opacity:1;color:rgb(60 52 137/var(--tw-text-opacity,1))}.text-\[\#633806\]{--tw-text-opacity:1;color:rgb(99 56 6/var(--tw-text-opacity,1))}.text-\[\#712B13\]{--tw-text-opacity:1;color:rgb(113 43 19/var(--tw-text-opacity,1))}.text-\[\#72243E\]{--tw-text-opacity:1;color:rgb(114 36 62/var(--tw-text-opacity,1))}.text-\[\#791F1F\]{--tw-text-opacity:1;color:rgb(121 31 31/var(--tw-text-opacity,1))}.text-\[\#7A4F00\]{--tw-text-opacity:1;color:rgb(122 79 0/var(--tw-text-opacity,1))}.text-\[\#7C2D0A\]{--tw-text-opacity:1;color:rgb(124 45 10/var(--tw-text-opacity,1))}.text-\[\#993556\]{--tw-text-opacity:1;color:rgb(153 53 86/var(--tw-text-opacity,1))}.text-\[\#A32D2D\]{--tw-text-opacity:1;color:rgb(163 45 45/var(--tw-text-opacity,1))}.text-\[\#E24B4A\]{--tw-text-opacity:1;color:rgb(226 75 74/var(--tw-text-opacity,1))}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--accent-light\)\]{color:var(--accent-light)}.text-\[var\(--text-ghost\)\]{color:var(--text-ghost)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-\[var\(--text-tertiary\)\]{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.text-accent-hover{color:var(--accent-hover)}.text-combo{color:var(--combo)}.text-correct{color:var(--correct)}.text-correct-text{color:var(--correct-text)}.text-easy-text{color:var(--easy-text)}.text-ghost{color:var(--text-ghost)}.text-hard-text{color:var(--hard-text)}.text-medium-text{color:var(--medium-text)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-type-classic-text{color:var(--type-classic-text)}.text-type-clue-text{color:var(--type-clue-text)}.text-type-image-text{color:var(--type-image-text)}.text-type-intruder-text{color:var(--type-intruder-text)}.text-type-tf-text{color:var(--type-tf-text)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/20{color:#fff3}.text-white\/40{color:#fff6}.text-white\/55{color:#ffffff8c}.text-white\/95{color:#fffffff2}.text-wrong{color:var(--wrong)}.text-wrong-text{color:var(--wrong-text)}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-accent{accent-color:var(--accent)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_2px_8px_rgba\(0\,0\,0\,0\.18\)\]{--tw-shadow:0 2px 8px #0000002e;--tw-shadow-colored:0 2px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.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), var(--tw-shadow,0 0 #0000)}.ring-2{--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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px);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)}.blur-md{--tw-blur:blur(12px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.7\)\]{--tw-drop-shadow:drop-shadow(0 1px 3px #000000b3);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-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-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[background-color\,border-color\,transform\]{transition-property:background-color,border-color,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[width\]{transition-property:width;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-\[400ms\]{transition-duration:.4s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.tabular-nums{font-variant-numeric:tabular-nums}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand:#e8457a;--brand-light:#fce8ef;--brand-dark:#b5345f;--bg:#faf8f5;--surface:#fff;--surface-alt:#f3f1ed;--txt1:#1a1714;--txt2:#6b6560;--txt3:#9e998f;--border:#1a17141a;--border-h:#1a171433;--font-body:"DM Sans", var(--font-pretendard), system-ui, sans-serif;--font-display:var(--font-body);--font-sans:var(--font-body);--badge-classic:#dbeafe;--badge-classic-text:#1d4ed8;--badge-truefalse:#dcfce7;--badge-truefalse-text:#166534;--badge-clues:#fef3c7;--badge-clues-text:#92400e;--badge-image:#ede9fe;--badge-image-text:#5b21b6;--badge-intruder:#ffe4e6;--badge-intruder-text:#9f1239;--tot-bg:#fce8ef;--tot-icon:#e8457a;--nam-bg:#e6f1fb;--nam-icon:#1d4ed8;--bt-green:#166534;--bt-green-bg:#dcfce7;--bt-green-border:#86efac;--bt-red:#9f1239;--bt-red-bg:#ffe4e6;--bt-red-border:#fda4af;--bt-amber:#92400e;--bt-amber-bg:#fef3c7;--bt-amber-border:#fcd34d;--bg-primary:var(--bg);--bg-surface:var(--surface);--bg-elevated:var(--surface-alt);--bg-accent-subtle:var(--brand-light);--text-primary:var(--txt1);--text-secondary:var(--txt2);--text-tertiary:var(--txt3);--text-ghost:#c9c4bb;--border-subtle:#1a17140f;--accent:var(--brand);--accent-hover:var(--brand-dark);--accent-bg:var(--brand-light);--accent-light:#f2a6c0;--accent-fg:#fff;--border-strong:var(--txt1);--correct:#0f6e56;--correct-bg:#eaf3de;--correct-text:#27500a;--correct-border:#c0dd97;--wrong:#a32d2d;--wrong-bg:#fcebeb;--wrong-text:#791f1f;--wrong-border:#f7c1c1;--combo:#ba7517;--streak:#ba7517;--type-classic:#378add;--type-image:#d4537e;--type-intruder:#7f77dd;--type-tf:#639922;--type-clue:#ef9f27;--type-classic-bg:#e6f1fb;--type-classic-text:#0c447c;--type-image-bg:#fbeaf0;--type-image-text:#72243e;--type-intruder-bg:#eeedfe;--type-intruder-text:#3c3489;--type-tf-bg:#eaf3de;--type-tf-text:#27500a;--type-clue-bg:#faeeda;--type-clue-text:#633806;--easy-bg:#eaf3de;--easy-text:#27500a;--medium-bg:#faeeda;--medium-text:#633806;--hard-bg:#fcebeb;--hard-text:#791f1f;--shadow-card:0 1px 0 #0000000a, 0 1px 2px #0000000a;--shadow-lift:0 8px 24px #e8457a1a, 0 2px 8px #0000000f;--halo:#e8457a1a}@media (prefers-color-scheme:dark){:root:not(.light){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand:#f06292;--brand-light:#3d1a26;--brand-dark:#e8457a;--bg:#141210;--surface:#1e1b18;--surface-alt:#2a2622;--txt1:#f5f0eb;--txt2:#a89f96;--txt3:#756d64;--border:#f5f0eb1a;--border-h:#f5f0eb38;--text-ghost:#4a443d;--border-subtle:#f5f0eb0d;--accent-light:#b5476a;--badge-classic:#1e2a44;--badge-classic-text:#93c5fd;--badge-truefalse:#14321f;--badge-truefalse-text:#86efac;--badge-clues:#3a2c12;--badge-clues-text:#fcd34d;--badge-image:#2a2148;--badge-image-text:#c4b5fd;--badge-intruder:#3a1622;--badge-intruder-text:#fda4af;--tot-bg:#2e1b28;--tot-icon:#f06292;--nam-bg:#1a2740;--nam-icon:#93c5fd;--nam:#6691ff;--blind:#a78bfa;--bt-green:#86efac;--bt-green-bg:#14321f;--bt-green-border:#22643b;--bt-red:#fda4af;--bt-red-bg:#3a1622;--bt-red-border:#7a2435;--bt-amber:#fcd34d;--bt-amber-bg:#3a2c12;--bt-amber-border:#6b4e1a;--correct:#34d399;--correct-bg:#14321f;--correct-text:#86efac;--correct-border:#22643b;--wrong:#f87171;--wrong-bg:#3a1622;--wrong-text:#fda4af;--wrong-border:#7a2435;--combo:#f0a93c;--streak:#f0a93c;--type-classic-bg:#1e2a44;--type-classic-text:#93c5fd;--type-image-bg:#2e1b28;--type-image-text:#f2a6c0;--type-intruder-bg:#241f40;--type-intruder-text:#b6aef0;--type-tf-bg:#14321f;--type-tf-text:#86efac;--type-clue-bg:#3a2c12;--type-clue-text:#fcd34d;--easy-bg:#14321f;--easy-text:#86efac;--medium-bg:#3a2c12;--medium-text:#fcd34d;--hard-bg:#3a1622;--hard-text:#fda4af;--shadow-card:0 0 0 1px #f5f0eb0d;--shadow-lift:0 10px 30px #00000080, 0 0 0 1px #f0629233;--halo:#f0629238}}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand:#f06292;--brand-light:#3d1a26;--brand-dark:#e8457a;--bg:#141210;--surface:#1e1b18;--surface-alt:#2a2622;--txt1:#f5f0eb;--txt2:#a89f96;--txt3:#756d64;--border:#f5f0eb1a;--border-h:#f5f0eb38;--text-ghost:#4a443d;--border-subtle:#f5f0eb0d;--accent-light:#b5476a;--badge-classic:#1e2a44;--badge-classic-text:#93c5fd;--badge-truefalse:#14321f;--badge-truefalse-text:#86efac;--badge-clues:#3a2c12;--badge-clues-text:#fcd34d;--badge-image:#2a2148;--badge-image-text:#c4b5fd;--badge-intruder:#3a1622;--badge-intruder-text:#fda4af;--tot-bg:#2e1b28;--tot-icon:#f06292;--nam-bg:#1a2740;--nam-icon:#93c5fd;--nam:#6691ff;--blind:#a78bfa;--bt-green:#86efac;--bt-green-bg:#14321f;--bt-green-border:#22643b;--bt-red:#fda4af;--bt-red-bg:#3a1622;--bt-red-border:#7a2435;--bt-amber:#fcd34d;--bt-amber-bg:#3a2c12;--bt-amber-border:#6b4e1a;--correct:#34d399;--correct-bg:#14321f;--correct-text:#86efac;--correct-border:#22643b;--wrong:#f87171;--wrong-bg:#3a1622;--wrong-text:#fda4af;--wrong-border:#7a2435;--combo:#f0a93c;--streak:#f0a93c;--type-classic-bg:#1e2a44;--type-classic-text:#93c5fd;--type-image-bg:#2e1b28;--type-image-text:#f2a6c0;--type-intruder-bg:#241f40;--type-intruder-text:#b6aef0;--type-tf-bg:#14321f;--type-tf-text:#86efac;--type-clue-bg:#3a2c12;--type-clue-text:#fcd34d;--easy-bg:#14321f;--easy-text:#86efac;--medium-bg:#3a2c12;--medium-text:#fcd34d;--hard-bg:#3a1622;--hard-text:#fda4af;--shadow-card:0 0 0 1px #f5f0eb0d;--shadow-lift:0 10px 30px #00000080, 0 0 0 1px #f0629233;--halo:#f0629238}.theme-transition,.theme-transition *,.theme-transition :before,.theme-transition :after{transition:background-color .2s,color .2s,border-color .2s,fill .2s!important}@media (prefers-reduced-motion:reduce){.theme-transition,.theme-transition *{transition:none!important}}*{box-sizing:border-box}body{background:var(--bg);color:var(--txt1);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-display{font-family:var(--font-display)}@keyframes shake{0%{transform:translate(0)}15%{transform:translate(-5px,2px)}30%{transform:translate(4px,-3px)}45%{transform:translate(-3px,2px)}60%{transform:translate(3px,-1px)}75%{transform:translate(-2px,1px)}to{transform:translate(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,16px)}}@keyframes clueReveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.animate-shake{animation:.4s ease-out shake}.animate-fadeSlideUp{animation:.3s fadeSlideUp}.animate-slide-in-up{animation:.4s ease-out both slideInUp}.animate-badge-pop{animation:.3s ease-out badgePop}.animate-fade-out-up{animation:.8s ease-out forwards fadeOutUp}.mascot{-o-object-fit:contain;object-fit:contain;display:inline-block}.mascot-bob{will-change:transform;animation:2.2s ease-in-out infinite mascotBob}.mascot-tilt{will-change:transform;animation:3s ease-in-out infinite mascotTilt}@keyframes mascotBob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes mascotTilt{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@media (prefers-reduced-motion:reduce){.mascot-bob,.mascot-tilt{animation:none}}.quiz-loading,.duel-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:50vh;display:flex}.quiz-loading-msg,.duel-loading-msg{color:var(--txt2);font-size:15px;font-weight:600}@keyframes popIn{0%{opacity:0;transform:scale(.7)rotate(-5deg)}60%{transform:scale(1.08)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes checkPop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes shakeInput{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes koreanFloat{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-70%)}}.animate-pop-in{animation:.4s ease-out both popIn}.animate-check-pop{animation:.3s ease-out both checkPop}.animate-shake-input{animation:.3s ease-out shakeInput}.animate-korean-float{animation:.7s ease-out forwards koreanFloat}@keyframes cardFloat{0%,to{transform:translateY(0)rotate(-.5deg)}50%{transform:translateY(-10px)rotate(.5deg)}}@keyframes cardGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes packFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-12px)rotate(1deg)}}@keyframes shimmerSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulseText{0%,to{opacity:.15}50%{opacity:.35}}@keyframes tearTop{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(-120px,-80px)rotate(-15deg)}}@keyframes tearBottom{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(120px,80px)rotate(15deg)}}@keyframes burstGlow{0%{opacity:0;transform:scale(.3)}50%{opacity:.8}to{opacity:0;transform:scale(2.5)}}@keyframes burstExpand{0%{opacity:.6;transform:scale(.5)}to{opacity:0;transform:scale(3)}}@keyframes cardLand{0%{opacity:0;transform:translateY(60px)scale(.6)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cardRevealPop{0%{transform:rotateY(90deg)scale(.8)}50%{transform:rotateY(0)scale(1.1)}to{transform:rotateY(0)scale(1)}}@keyframes shimmerCard{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes bestCardZoom{0%{opacity:0;transform:scale(.4)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes bestGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes shimmerBg{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}@keyframes fall{0%{opacity:.8;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(360deg)}}@keyframes twinkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes dailyShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.holo-foil{z-index:2;border-radius:inherit;mix-blend-mode:color-dodge;opacity:.55;pointer-events:none;background:linear-gradient(115deg,#0000 30%,#fff3 38%,#ffc8f08c 44%,#bedcff8c 50%,#ffe6b48c 56%,#fff3 62%,#0000 70%) 0 0/220% 100%;animation:4.5s ease-in-out infinite holoFoilShift;position:absolute;inset:0}.holo-prism{z-index:3;border-radius:inherit;opacity:.18;mix-blend-mode:overlay;filter:blur(20px);pointer-events:none;background:conic-gradient(#ff6b97,#ffa161,#efe07c,#84d6a4,#7ec3ff,#b58cff,#ff6b97) 0 0/200% 200%;animation:8s linear infinite holoPrismRotate;position:absolute;inset:0}.holo-grain{z-index:2;border-radius:inherit;opacity:.18;mix-blend-mode:screen;pointer-events:none;background-image:radial-gradient(circle at 20% 20%,#ffffffb3 .5px,#0000 1px),radial-gradient(circle at 70%,#ffffff80 .5px,#0000 1px),radial-gradient(circle at 30% 80%,#fff9 .5px,#0000 1px);background-size:4px 4px,6px 6px,5px 5px;position:absolute;inset:0}.holo-edge{z-index:4;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 0 0 4px #0000002e,inset 0 0 0 5px #ffffff40}@keyframes holoFoilShift{0%{background-position:-120% 0}to{background-position:220% 0}}@keyframes holoPrismRotate{0%{background-position:0%}to{background-position:200%}}:hover>.card-shimmer{opacity:1!important}@media (max-width:768px){.carousel-arrow{display:none!important}}@media (max-width:640px){.footer-grid{grid-template-columns:1fr 1fr!important}}@keyframes qotdPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}:focus-visible{outline-offset:2px;outline:2px solid #d4537e}:focus:not(:focus-visible){outline:none}@keyframes skeletonShimmer{0%{opacity:.4}50%{opacity:.7}to{opacity:.4}}.hoverable-card:hover .quiz-thumb{filter:saturate(1.3)brightness(1.05)}.quiz-thumb{transition:filter .15s ease-out}@keyframes flashFade{0%{opacity:.9}to{opacity:0}}.holo-stamp{letter-spacing:.16em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px #00000059;font-size:9px;font-weight:900;position:absolute}.mobile-tab-bar{display:none}.top-nav{display:block}@media (max-width:767px){.top-nav{display:none}.mobile-tab-bar{display:block}body{padding-bottom:72px}}@media (max-width:1080px){.top-nav-search-label,.top-nav-create-label{display:none}}.sec-label{letter-spacing:.07em;text-transform:uppercase;color:var(--txt3);margin-bottom:14px;font-size:11px;font-weight:500}@keyframes qzCardUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quiz-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:inherit;border-radius:14px;align-items:flex-start;gap:12px;padding:14px;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s;animation:.3s both qzCardUp;display:flex}.quiz-card:hover{border-color:var(--border-h);transform:translateY(-2px);box-shadow:0 8px 24px #e8457a1a,0 2px 8px #0000000f}.quiz-card:active{box-shadow:none;transform:translateY(0)}.quiz-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.quiz-cover{-o-object-fit:cover;object-fit:cover;background:var(--surface-alt);border-radius:10px;flex-shrink:0;width:72px;height:72px;position:relative;overflow:hidden}.quiz-body{flex:1;min-width:0}.badge-row{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.quiz-title{color:var(--txt1);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:7px;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.quiz-meta{color:var(--txt3);align-items:center;gap:10px;min-width:0;font-size:12px;display:flex}.quiz-plays{color:var(--txt2);flex-shrink:0;align-items:center;gap:4px;font-weight:500;display:flex}.quiz-score{flex-shrink:0;font-weight:600}.score-green{color:var(--badge-truefalse-text)}.score-amber{color:var(--badge-clues-text)}.score-red{color:var(--badge-intruder-text)}.quiz-author{color:var(--txt3);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:inline-flex;overflow:hidden}.quiz-author-title{flex-shrink:0}.quiz-cover>div{border-radius:inherit!important;border:none!important;width:100%!important;height:100%!important}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cards-grid .grid-full{grid-column:1/-1}@media (max-width:640px){.cards-grid{grid-template-columns:1fr}}.badge{letter-spacing:.03em;white-space:nowrap;border-radius:100px;padding:2px 8px;font-size:11px;font-weight:500}.b-classic{background:var(--badge-classic);color:var(--badge-classic-text)}.b-tf{background:var(--badge-truefalse);color:var(--badge-truefalse-text)}.b-clues{background:var(--badge-clues);color:var(--badge-clues-text)}.b-image{background:var(--badge-image);color:var(--badge-image-text)}.b-intruder{background:var(--badge-intruder);color:var(--badge-intruder-text)}.b-easy{background:var(--badge-truefalse);color:var(--badge-truefalse-text)}.b-medium{background:var(--badge-clues);color:var(--badge-clues-text)}.b-hard{background:var(--badge-intruder);color:var(--badge-intruder-text)}.filter-bar{z-index:20;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);flex-direction:column;gap:10px;margin-bottom:4px;padding:12px 0;display:flex;position:sticky;top:0}@media (min-width:768px){.filter-bar{top:64px}}.filter-row{align-items:center;gap:8px;display:flex}.filter-row.between{justify-content:space-between}.group-pills{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.group-pills::-webkit-scrollbar{display:none}.group-pill{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--txt1);white-space:nowrap;border-radius:100px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .12s;display:flex}.group-pill:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.group-pill.active{background:var(--brand);color:#fff;border-color:var(--brand);transform:scale(1.04)}.group-pill:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.home-group-pills{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;flex-wrap:nowrap;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.home-group-pills::-webkit-scrollbar{display:none}.home-group-pill{background:var(--surface);border:1px solid var(--border);min-height:44px;color:var(--txt1);white-space:nowrap;scroll-snap-align:start;border-radius:100px;flex-shrink:0;align-items:center;gap:10px;padding:8px 18px 8px 10px;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .12s,color .12s,background .12s,transform .12s,box-shadow .12s;display:inline-flex}.home-group-pill>:first-child{border-radius:999px;flex-shrink:0;overflow:hidden}.home-group-pill:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light);box-shadow:0 4px 14px color-mix(in srgb, var(--brand) 14%, transparent);transform:translateY(-1px)}.home-group-pill:active{transform:translateY(0)}.home-group-pill:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (min-width:768px){.home-group-pill{padding:10px 22px 10px 12px;font-size:15px}}.group-dot{background:var(--surface-alt);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;overflow:hidden}.group-dot img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.type-sort-row{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;align-items:center;gap:8px;display:flex;overflow-x:auto}.type-sort-row::-webkit-scrollbar{display:none}.btn-filter{background:var(--surface-alt);border:1px solid var(--border);cursor:pointer;color:var(--txt1);white-space:nowrap;border-radius:100px;padding:7px 16px;font-size:13px;transition:all .12s}.btn-filter.active{background:var(--brand);color:#fff;border-color:var(--brand)}.btn-filter:hover:not(.active){border-color:var(--brand);color:var(--brand)}.btn-filter:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.filter-divider{background:var(--border);flex-shrink:0;width:1px;height:20px;margin:0 2px}.filter-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--txt3);flex-shrink:0;font-size:11px;font-weight:500}.btn-primary{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:background .12s,transform .12s;display:inline-flex}.btn-primary:hover{background:var(--brand-dark)}.btn-primary:active{transform:scale(.97)}.btn-primary:focus-visible,.btn-outline:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn-outline{color:var(--brand);border:1.5px solid var(--brand);cursor:pointer;background:0 0;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:9px 20px;font-size:14px;font-weight:600;transition:background .12s;display:inline-flex}.btn-outline:hover{background:var(--brand-light)}.btn-outline:disabled{opacity:.5;cursor:default}@keyframes qzShimmer{0%,to{opacity:1}50%{opacity:.5}}.skeleton-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:12px;padding:14px;display:flex}.skel{background:var(--surface-alt);border-radius:6px;animation:1.4s ease-in-out infinite qzShimmer}.skel-cover{border-radius:10px;flex-shrink:0;width:72px;height:72px}.skel-body{flex-direction:column;flex:1;gap:8px;padding-top:4px;display:flex}.skel-line{height:10px}.skel-line.w80{width:80%}.skel-line.w60{width:60%}.skel-line.w40{width:40%}.empty-state{text-align:center;padding:48px 24px;animation:.25s qzCardUp}.empty-icon{color:var(--txt3);justify-content:center;margin-bottom:12px;display:flex}.empty-title{color:var(--txt1);margin-bottom:6px;font-size:16px;font-weight:700}.empty-desc{color:var(--txt3);margin-bottom:12px;font-size:13px}.browse-search{margin:14px 0 2px;position:relative}.browse-search input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--txt1);border-radius:100px;padding:11px 40px;font-size:14px;transition:border-color .12s,box-shadow .12s}.browse-search input::placeholder{color:var(--txt3)}.browse-search input:focus-visible{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #e8457a1f}.browse-search .search-ico{color:var(--txt3);pointer-events:none;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.browse-search .search-clear{color:var(--txt3);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:3px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.browse-search .search-clear:hover{color:var(--txt1)}.search-count{color:var(--txt3);margin:4px 0 2px;font-size:12px}@media (min-width:768px){.cards-grid{gap:20px}.quiz-card{gap:16px;padding:18px}.quiz-cover{border-radius:12px;width:88px;height:88px}.quiz-title{margin-bottom:8px;font-size:16px}.quiz-meta{gap:12px;font-size:13px}.quiz-plays svg{width:14px;height:14px}.badge{padding:3px 9px;font-size:11.5px}.group-pill{padding:8px 16px;font-size:14px}.btn-filter{padding:8px 18px;font-size:14px}.skeleton-card{padding:18px}.skel-cover{width:88px;height:88px}.browse-search input{padding:13px 44px;font-size:15px}}@media (prefers-reduced-motion:reduce){.quiz-card,.empty-state,.skel{animation:none!important}.quiz-card:hover,.group-pill.active{transform:none}}.format-strip{border:1px solid var(--border);border-radius:14px;gap:0;display:flex;overflow:hidden}.format-item{border-right:1px solid var(--border);background:var(--surface);text-align:center;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;padding:10px 12px;display:flex}.format-item:last-child{border-right:none}.format-icon{color:var(--txt3);justify-content:center;align-items:center;display:flex}.format-val{color:var(--txt1);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:600;overflow:hidden}.quiz-screen{background:var(--bg);max-width:600px;margin:0 auto;padding:20px}.top-bar{align-items:center;gap:12px;margin-bottom:20px;display:flex}.top-bar .group-tag{color:var(--brand);background:var(--brand-light);white-space:nowrap;border-radius:100px;padding:4px 10px;font-size:12px;font-weight:600}.progress-wrap{background:var(--surface-alt);border-radius:100px;flex:1;height:6px;overflow:hidden}.progress-bar{background:var(--brand);border-radius:100px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.q-counter{color:var(--txt3);white-space:nowrap;font-size:13px;font-weight:500}.score-pill{background:var(--surface);border:1px solid var(--border);color:var(--txt1);white-space:nowrap;border-radius:100px;align-items:center;gap:6px;padding:4px 12px 4px 8px;font-size:13px;font-weight:600;display:flex}.score-pip{background:var(--brand);border-radius:50%;width:8px;height:8px}.streak-bar{flex-wrap:wrap;align-items:center;gap:8px;min-height:28px;margin-bottom:14px;display:flex}.streak-dot{background:var(--surface-alt);border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:all .2s}.streak-dot.correct{background:var(--brand);border-color:var(--brand);transform:scale(1.2)}.streak-dot.wrong{background:var(--wrong-bg);border-color:var(--wrong-border)}.streak-label{color:var(--txt3);margin-left:auto;font-size:12px}.streak-fire{color:#f97316;opacity:0;align-items:center;gap:2px;font-size:13px;font-weight:600;transition:opacity .2s;display:inline-flex}.streak-fire.show{opacity:1}.timer-ring-wrap{justify-content:center;margin-bottom:18px;display:flex}.timer-ring{width:64px;height:64px;position:relative}.timer-ring svg{transform:rotate(-90deg)}.timer-ring circle{fill:none;stroke-width:5px}.ring-bg{stroke:var(--surface-alt)}.ring-fg{stroke:var(--brand);stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .4s}.ring-fg.warn{stroke:#f97316}.ring-fg.danger{stroke:var(--brand)}.timer-num{color:var(--txt1);justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;position:absolute;inset:0}.timer-num.warn{color:#f97316}.timer-num.danger{color:var(--brand)}.q-text{color:var(--txt1);text-align:center;min-height:52px;margin-bottom:20px;font-size:17px;font-weight:700;line-height:1.45}.answers{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}@media (max-width:480px){.answers{grid-template-columns:1fr}}.ans-btn{background:var(--surface);border:1.5px solid var(--border);color:var(--txt1);cursor:pointer;text-align:left;border-radius:14px;width:100%;min-height:44px;padding:14px 16px;font-size:14px;font-weight:500;line-height:1.4;transition:all .15s}.ans-btn:hover:not(.disabled),.ans-btn.selected{background:var(--brand-light);border-color:var(--brand);color:var(--brand)}.ans-btn.correct{background:var(--correct-bg);border-color:var(--correct-border);color:var(--correct);animation:.2s qzPop}.ans-btn.wrong{background:var(--wrong-bg);border-color:var(--wrong-border);color:var(--wrong);animation:.3s qzShake}.ans-btn.dimmed{opacity:.4}.ans-btn.disabled{cursor:default}.ans-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ans-letter{background:var(--surface-alt);width:22px;height:22px;color:var(--txt3);vertical-align:middle;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-right:8px;font-size:11px;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.ans-btn.correct .ans-letter{background:var(--correct);color:#fff}.ans-btn.wrong .ans-letter{background:var(--wrong);color:#fff}.ans-btn.selected .ans-letter{background:var(--brand);color:#fff}@keyframes qzPop{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes qzShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes qzSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fact-reveal{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:14px 16px;animation:.25s both qzSlideUp;display:flex}.fact-icon{background:#fef3c7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.fact-label{letter-spacing:.06em;text-transform:uppercase;color:#92400e;margin-bottom:3px;font-size:11px;font-weight:600}.fact-text{color:var(--txt2);font-size:13px;line-height:1.5}.next-btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:100px;width:100%;min-height:44px;padding:13px;font-size:15px;font-weight:600;transition:background .12s,transform .12s}.next-btn:hover{background:var(--brand-dark)}.next-btn:active{transform:scale(.98)}.next-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (max-width:480px){.quiz-screen{padding:16px}.q-text{min-height:auto;font-size:15px}.answers{grid-template-columns:1fr}.ans-btn{padding:16px;font-size:15px}.top-bar{flex-wrap:wrap;gap:8px}.score-pill{order:-1}.timer-ring-wrap{margin-bottom:14px}}@media (prefers-reduced-motion:reduce){.ans-btn.correct,.ans-btn.wrong,.fact-reveal{animation:none!important}.streak-dot{transition:none}.streak-dot.correct{transform:none}}.result-bar-wrap{background:var(--surface-alt);border-radius:100px;height:6px;margin:14px 0 8px;overflow:hidden}.result-bar{background:var(--brand);border-radius:100px;width:0%;height:100%;transition:width 1s}.result-share-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:20px;overflow:hidden}.result-share-header{background:var(--brand);color:#fff;padding:20px}.result-share-group{letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-bottom:4px;font-size:12px;font-weight:600}.result-share-title{font-size:16px;font-weight:700;line-height:1.3}.result-share-body{padding:24px 20px 16px}.result-share-score{color:var(--brand);font-size:56px;font-weight:800;line-height:1;font-family:var(--font-body);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-bottom:4px}.result-share-total{color:var(--txt3);margin-bottom:12px;font-size:14px}.result-share-label{color:var(--txt1);margin-bottom:20px;font-size:15px;font-weight:600}.result-share-url{color:var(--txt3);margin-bottom:20px;font-size:11px}.result-share-actions{gap:10px;padding:0 20px 20px;display:flex}.result-share-actions .btn-primary,.result-share-actions .btn-outline{flex:1;text-decoration:none}@media (prefers-reduced-motion:reduce){.result-bar{transition:none}}.home-section{margin-bottom:32px}@media (min-width:768px){.home-section{margin-bottom:42px}}.home-skel{border:1px solid var(--border);background:linear-gradient(90deg, var(--surface) 0%, var(--surface-alt) 50%, var(--surface) 100%);background-size:200% 100%;border-radius:14px;width:100%;animation:1.4s ease-in-out infinite home-skel-shimmer}.home-skel-card{min-height:306px}@media (min-width:720px){.home-skel-card{min-height:320px}}.home-skel-trending{min-height:157px}@media (min-width:720px){.home-skel-trending{min-height:340px}}.home-skel-groups{min-height:86px}@media (min-width:720px){.home-skel-groups{min-height:90px}}.home-skel-battle{min-height:72px}@keyframes home-skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.home-skel{animation:none}}.daily-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.daily-banner{background-color:var(--brand-light);background-position:50%;background-size:cover;justify-content:flex-end;align-items:flex-start;height:100px;padding:14px 16px;display:flex;position:relative}.daily-reset{color:var(--brand-dark);z-index:1;background:#fff;border-radius:100px;padding:3px 10px;font-size:11px;font-weight:600}.daily-body{flex-direction:column;flex:1;padding:14px 16px;display:flex}.daily-title{color:var(--txt1);margin-bottom:6px;font-size:16px;font-weight:700;line-height:1.3}.daily-author{color:var(--txt3);margin-bottom:14px;font-size:12px}.streak-chip{background:color-mix(in srgb, var(--brand) 12%, transparent);color:var(--brand);border-radius:100px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.streak-chip svg{color:var(--brand);flex-shrink:0}.fan-title-chip{background:color-mix(in srgb, var(--brand) 10%, transparent);color:var(--brand);letter-spacing:.01em;white-space:nowrap;vertical-align:middle;border-radius:100px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:700;line-height:1;display:inline-flex}.fan-title-chip .fan-title-kr{color:var(--txt3);margin-left:3px;font-weight:600}.fan-level-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px}.fan-level-card-top{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.fan-level-card-level{color:var(--txt3);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.fan-level-card-title{color:var(--txt1);letter-spacing:-.01em;font-size:28px;font-weight:800;line-height:1.1}.fan-level-card-kr{color:var(--txt3);margin-left:6px;font-size:14px;font-weight:600}.fan-level-card-xp{color:var(--txt2);margin:6px 0 10px;font-size:12px}.fan-level-card-bar{background:var(--surface-alt);border-radius:100px;height:6px;margin-bottom:6px;overflow:hidden}.fan-level-card-fill{background:var(--brand);border-radius:100px;height:100%;transition:width .4s}.fan-level-card-next{color:var(--txt3);font-size:11.5px}.fan-level-card-hint{color:var(--txt3);border-top:1px solid var(--border);margin:12px 0 0;padding-top:10px;font-size:11.5px;line-height:1.5}@keyframes pulse-shadow{0%,to{box-shadow:0 0 #e8457a00}50%{box-shadow:0 0 0 6px #e8457a26}}.daily-cta{background:color-mix(in srgb, var(--brand) 40%, var(--brand-dark));color:#fff;cursor:pointer;border:none;border-radius:100px;width:100%;margin-top:auto;padding:12px;font-size:14px;font-weight:600;transition:background .12s,transform .12s;animation:3s ease-in-out infinite pulse-shadow}.daily-cta:hover{background:var(--brand-dark);transform:scale(1.01)}.daily-cta:active{transform:scale(.98)}.daily-cta:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.daily-done{justify-content:center;align-items:center;gap:10px;width:100%;margin-top:auto;padding:8px 12px;display:flex}.daily-done-text{color:var(--txt3);font-size:12px;font-weight:600}.games-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (max-width:640px){.games-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.game-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:14px;padding:16px;text-decoration:none;transition:transform .12s,border-color .12s;display:block}a.game-card:hover{border-color:var(--border-h);transform:translateY(-2px)}a.game-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.game-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:10px;display:flex}.gi-tot{background:var(--tot-bg);color:var(--tot-icon)}.gi-nam{background:var(--nam-bg);color:var(--nam-icon)}.gi-soon{background:var(--surface-alt);color:var(--txt3)}.gi-blind{background:color-mix(in srgb, var(--blind) 14%, transparent);color:var(--blind)}.game-name{color:var(--txt1);margin-bottom:3px;font-size:13px;font-weight:600}.game-desc{color:var(--txt3);margin-bottom:10px;font-size:11px;line-height:1.5}.game-play{color:var(--brand);font-size:12px;font-weight:500}.trending-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;align-items:stretch;gap:12px;margin:0 -16px;padding-bottom:4px;padding-left:16px;padding-right:16px;display:flex;overflow-x:auto}.trending-carousel::-webkit-scrollbar{display:none}.trending-item{scroll-snap-align:start;flex:0 0 300px;max-width:84vw;display:flex}.trending-item>.quiz-card{width:100%;height:100%}.trending-item .quiz-title{min-height:2.8em}@media (prefers-reduced-motion:reduce){.daily-cta{animation:none}}.games-page{background:var(--bg);max-width:800px;margin:0 auto;padding:28px 0}.games-hero{margin-bottom:32px}.games-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--txt3);align-items:center;gap:5px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.games-title{color:var(--txt1);margin-bottom:8px;font-size:28px;font-weight:800;line-height:1.2}.games-title span{color:var(--brand)}.games-sub{color:var(--txt2);max-width:480px;font-size:14px;line-height:1.6}.mode-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:36px;display:grid}@media (max-width:560px){.mode-grid{grid-template-columns:1fr}}.mode-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:inherit;border-radius:20px;padding:24px;transition:transform .14s,box-shadow .14s,border-color .14s;animation:.35s both fadeUp;position:relative;overflow:hidden}.mode-card:hover{border-color:var(--border-h);transform:translateY(-3px);box-shadow:0 10px 32px #e8457a1a,0 2px 8px #0000000d}.mode-card:active{box-shadow:none;transform:translateY(0)}.mode-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.mode-deco{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.mode-card.tot .mode-deco{background:var(--tot-bg);color:var(--tot-icon)}.mode-card.nam .mode-deco{background:var(--nam-bg);color:var(--nam-icon)}.mode-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:100px;padding:3px 9px;font-size:10px;font-weight:700;position:absolute;top:16px;right:16px}.badge-hot{color:#c2410c;background:#fff3ec}.badge-new{background:var(--badge-truefalse);color:var(--badge-truefalse-text)}.mode-name{color:var(--txt1);margin-bottom:5px;font-size:17px;font-weight:800}.mode-desc{color:var(--txt2);margin-bottom:16px;font-size:13px;line-height:1.5}.mode-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.mode-stat{color:var(--txt3);align-items:center;gap:4px;font-size:12px;display:flex}.mode-play{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:6px;min-height:44px;padding:9px 18px;font-size:13px;font-weight:700;transition:background .12s,transform .12s;display:inline-flex}.mode-play:hover{background:var(--brand-dark)}.mode-play:active{transform:scale(.97)}.mode-card.nam .mode-play{background:#1d4ed8}.mode-card.nam .mode-play:hover{background:#1e40af}.games-filter-row{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:8px;margin-bottom:20px;padding-bottom:4px;display:flex;overflow-x:auto}.games-filter-row::-webkit-scrollbar{display:none}.filter-label{letter-spacing:.06em;text-transform:uppercase;color:var(--txt3);white-space:nowrap;flex-shrink:0;margin-right:4px;font-size:11px;font-weight:600}.fpill{background:var(--surface);border:1px solid var(--border);color:var(--txt1);cursor:pointer;white-space:nowrap;border-radius:100px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:500;transition:all .12s}.fpill:hover{border-color:var(--brand);color:var(--brand)}.fpill.active{background:var(--brand);color:#fff;border-color:var(--brand)}.fpill:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.games-sec-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.games-sec-label{letter-spacing:.07em;text-transform:uppercase;color:var(--txt3);align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.games-sec-see{color:var(--brand);cursor:pointer;white-space:nowrap;font-size:13px;font-weight:500;text-decoration:none}.games-sec-see:hover{text-decoration:underline}.game-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:32px;display:grid}@media (max-width:480px){.game-grid{grid-template-columns:1fr}}.games-page .game-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;min-height:44px;color:inherit;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s;animation:.3s both fadeUp;display:flex}.games-page .game-card:hover{border-color:var(--border-h);transform:translateY(-2px);box-shadow:0 6px 20px #e8457a14,0 1px 6px #0000000d}.games-page .game-card:active{box-shadow:none;transform:translateY(0)}.games-page .game-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.gc-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.gc-tot{background:var(--tot-bg);color:var(--tot-icon)}.gc-nam{background:var(--nam-bg);color:var(--nam-icon)}.gc-icon.has-img{background:var(--surface-alt);padding:0;overflow:hidden}.gc-icon img{-o-object-fit:cover;object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.gc-body{flex:1;min-width:0}.gc-name{color:var(--txt1);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:13px;font-weight:700;overflow:hidden}.gc-sub{color:var(--txt3);margin-bottom:7px;font-size:11px;line-height:1.4}.gc-footer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gc-plays{color:var(--txt3);align-items:center;gap:3px;font-size:11px;display:flex}.nam-hints{flex-wrap:wrap;gap:5px;margin-bottom:7px;display:flex}.hint-dot{background:var(--surface-alt);border:1px solid var(--border);width:28px;height:28px;color:var(--txt3);border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.diff-pill{border-radius:100px;padding:2px 7px;font-size:10px;font-weight:600}.d-easy{background:var(--easy-bg);color:var(--easy-text)}.d-med{color:#92400e;background:#fef3c7}.d-hard{color:#9f1239;background:#ffe4e6}.timer-pill{background:var(--surface-alt);color:var(--txt2);border-radius:100px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:600;display:flex}.games-divider{background:var(--border);height:1px;margin:8px 0 28px}@media (prefers-reduced-motion:reduce){.games-page .game-card,.mode-card{animation:none}}.quiz-review{border:1px solid var(--border);background:var(--bg-surface);border-radius:14px;margin-top:2rem;overflow:hidden}.quiz-review-summary{cursor:pointer;color:var(--text-primary);align-items:center;gap:.5rem;padding:.85rem 1.1rem;font-size:.85rem;font-weight:600;list-style:none;display:flex}.quiz-review-summary::-webkit-details-marker{display:none}.quiz-review-summary:before{content:"";border-right:2px solid var(--text-tertiary);border-bottom:2px solid var(--text-tertiary);flex-shrink:0;width:7px;height:7px;transition:transform .18s;transform:rotate(-45deg)}.quiz-review[open] .quiz-review-summary:before{transform:rotate(45deg)}.quiz-review-body{padding:0 1.1rem 1.1rem}.quiz-review-note{color:var(--text-tertiary);margin:0 0 1rem;font-size:.72rem}.quiz-review-list{flex-direction:column;gap:1.15rem;margin:0;padding-left:1.25rem;list-style:decimal;display:flex}.quiz-review-item{font-size:.85rem}.quiz-review-q{color:var(--text-primary);margin:0;font-weight:500}.quiz-review-clues{color:var(--text-secondary);flex-direction:column;gap:.15rem;margin:.4rem 0 0;padding-left:1rem;font-size:.74rem;list-style:outside;display:flex}.quiz-review-options{flex-wrap:wrap;gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.quiz-review-options li{color:var(--text-secondary);background:var(--surface-alt);border:1px solid var(--border);border-radius:8px;padding:.25rem .6rem;font-size:.78rem}.quiz-review-fact{color:var(--text-tertiary);margin:.55rem 0 0;font-size:.74rem;line-height:1.45}.quiz-review-fact span{color:var(--text-secondary);font-weight:600}.related-quizzes{margin-top:2.5rem}.related-quizzes-title{color:var(--text-primary);margin:0 0 .9rem;font-size:.95rem;font-weight:600}.related-quizzes-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.related-quiz-link{border:1px solid var(--border);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:.25rem;height:100%;padding:.7rem .85rem;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.related-quiz-link:hover{border-color:var(--accent);background:var(--surface-alt)}.related-quiz-name{color:var(--text-primary);font-size:.85rem;font-weight:500;line-height:1.3}.related-quiz-meta{color:var(--text-tertiary);margin-top:auto;font-size:.72rem}.faq-summary::-webkit-details-marker{display:none}.faq-summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:12px}.faq-item[open]{border-color:var(--accent)}.faq-item[open] .faq-chevron{transform:rotate(180deg)}.trivia-page{max-width:820px;margin:0 auto;padding:32px 16px 64px}.trivia-hero{text-align:center;margin-bottom:8px}.trivia-hero-logo{justify-content:center;margin-bottom:16px;display:inline-flex}.trivia-title{letter-spacing:-.025em;color:var(--txt1);margin:0 0 12px;font-size:clamp(1.85rem,5.5vw,2.5rem);font-weight:800;line-height:1.06}.trivia-subline{color:var(--txt2);max-width:30rem;margin:0 auto;font-size:.95rem;line-height:1.55}.trivia-share{justify-content:center;margin-top:18px;display:flex}.trivia-share-btn{min-height:44px;padding:10px 18px;font-size:.85rem}.trivia-stats{border-bottom:1px solid var(--border);justify-content:center;align-items:stretch;margin:28px auto 40px;padding-bottom:32px;display:flex}.trivia-stat{text-align:center;padding:0 22px}.trivia-stat+.trivia-stat{border-left:1px solid var(--border)}.trivia-stat-num{font-family:var(--font-display);color:var(--txt1);font-size:1.4rem;font-weight:700;line-height:1}.trivia-stat-label{letter-spacing:.05em;text-transform:uppercase;color:var(--txt3);margin-top:6px;font-size:.72rem;font-weight:500}.trivia-section{margin-bottom:44px}.trivia-section-head{align-items:center;gap:10px;margin-bottom:18px;display:flex}.trivia-section-icon{color:var(--txt2);flex-shrink:0;display:inline-flex}.trivia-section-title{font-family:var(--font-display);color:var(--txt1);margin:0;font-size:1.15rem;font-weight:700;line-height:1.2}.trivia-chip{white-space:nowrap;border-radius:100px;margin-left:auto;padding:4px 10px;font-size:.7rem;font-weight:600}.trivia-grid{grid-template-columns:1fr;gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.trivia-grid{grid-template-columns:1fr 1fr}}.trivia-item{animation:.38s both triviaFadeIn}.trivia-fact-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;height:100%;padding:16px 18px;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.trivia-fact-card:hover{border-color:var(--border-h);transform:translateY(-2px);box-shadow:0 8px 24px #e8457a1a,0 2px 8px #0000000f}.trivia-fact-text{color:var(--txt1);margin:0;font-size:.925rem;line-height:1.55}.trivia-fact-link{color:var(--txt3);align-items:center;gap:5px;margin-top:auto;font-size:.78rem;font-weight:500;transition:color .12s;display:inline-flex}.trivia-fact-link:hover{color:var(--brand)}.trivia-fact-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.trivia-fact-link svg{transition:transform .12s}.trivia-fact-link:hover svg{transform:translate(2px)}.trivia-cta{border-top:1px solid var(--border);text-align:center;margin-top:16px;padding-top:36px}.trivia-cta-title{font-family:var(--font-display);color:var(--txt1);margin:0 0 8px;font-size:1.2rem;font-weight:700}.trivia-cta-sub{color:var(--txt2);margin:0 0 20px;font-size:.9rem}@keyframes triviaFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.trivia-item{animation:none}.trivia-fact-card{transition:none}.trivia-fact-card:hover{box-shadow:none;transform:none}.trivia-fact-link svg,.trivia-fact-link:hover svg{transition:none;transform:none}}.trivia-hub{max-width:820px;margin:0 auto;padding:32px 16px 64px}.trivia-hub-head{text-align:center;margin-bottom:32px}.trivia-hub-title{letter-spacing:-.025em;color:var(--txt1);margin:0 0 12px;font-size:clamp(1.85rem,5.5vw,2.5rem);font-weight:800;line-height:1.06}.trivia-hub-intro{color:var(--txt2);max-width:34rem;margin:0 auto;font-size:.95rem;line-height:1.55}.trivia-hub-grid{grid-template-columns:1fr;gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:560px){.trivia-hub-grid{grid-template-columns:1fr 1fr}}@media (min-width:860px){.trivia-hub-grid{grid-template-columns:1fr 1fr 1fr}}.trivia-hub-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:14px;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.trivia-hub-card:hover{border-color:var(--border-h);transform:translateY(-2px);box-shadow:0 8px 24px #e8457a1a,0 2px 8px #0000000f}.trivia-hub-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.trivia-hub-card-body{min-width:0}.trivia-hub-card-name{color:var(--txt1);margin:0;font-size:.95rem;font-weight:600;line-height:1.2}.trivia-hub-card-meta{color:var(--txt3);margin:2px 0 0;font-size:.8rem}.trivia-hub-card-arrow{color:var(--txt3);flex-shrink:0;margin-left:auto;transition:transform .12s,color .12s}.trivia-hub-card:hover .trivia-hub-card-arrow{color:var(--brand);transform:translate(2px)}.trivia-entry{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.trivia-entry:hover{border-color:var(--border-h);transform:translateY(-2px);box-shadow:0 8px 24px #e8457a1a,0 2px 8px #0000000f}.trivia-entry:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.trivia-entry-icon{background:var(--brand-light);width:36px;height:36px;color:var(--brand);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.trivia-entry-text{flex-direction:column;min-width:0;display:flex}.trivia-entry-title{color:var(--txt1);margin:0;font-size:.9rem;font-weight:600;line-height:1.25}.trivia-entry-sub{color:var(--txt3);margin:1px 0 0;font-size:.78rem}.trivia-entry-arrow{color:var(--txt3);flex-shrink:0;margin-left:auto;transition:transform .12s,color .12s}.trivia-entry:hover .trivia-entry-arrow{color:var(--brand);transform:translate(2px)}@media (prefers-reduced-motion:reduce){.trivia-hub-card,.trivia-entry{transition:none}.trivia-hub-card:hover,.trivia-entry:hover{box-shadow:none;transform:none}.trivia-hub-card-arrow,.trivia-hub-card:hover .trivia-hub-card-arrow,.trivia-entry-arrow,.trivia-entry:hover .trivia-entry-arrow{transition:none;transform:none}}.login-wrap{max-width:900px;margin:0 auto;padding:40px 16px}.login{background:var(--bg);border:1px solid var(--border);border-radius:20px;grid-template-columns:1.05fr 1fr;min-height:600px;display:grid;overflow:hidden}@media (max-width:680px){.login{grid-template-columns:1fr}}.brand-panel{color:#fff;background:linear-gradient(150deg,#ce3d6d 0%,#b5345f 60%,#7c1d3f 100%);flex-direction:column;justify-content:space-between;padding:40px 36px;display:flex;position:relative;overflow:hidden}@media (max-width:680px){.brand-panel{padding:30px 26px 26px}}.brand-panel .bp-stars{pointer-events:none;position:absolute;inset:0}.brand-panel .bp-star{color:#ffffff2e;position:absolute}.brand-panel .bp-top{z-index:2;position:relative}.brand-panel .bp-logo{color:#fff;align-items:center;gap:9px;margin-bottom:40px;font-size:17px;font-weight:800;display:flex}.brand-panel .bp-logo-mark{width:30px;height:30px;color:var(--brand);background:#ffffffeb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-panel .bp-head{letter-spacing:-.02em;color:#fff;max-width:330px;margin-bottom:12px;font-size:30px;font-weight:800;line-height:1.15}@media (max-width:680px){.brand-panel .bp-head{font-size:24px}}.brand-panel .bp-sub{color:#fff;max-width:330px;font-size:14px;font-weight:500;line-height:1.55}.brand-panel .bp-stats{z-index:2;gap:22px;display:flex;position:relative}.brand-panel .bp-stat-n{color:#fff;font-size:20px;font-weight:800;line-height:1}.brand-panel .bp-stat-l{color:#fff;margin-top:3px;font-size:11.5px;font-weight:600}.auth-panel{background:var(--surface);flex-direction:column;justify-content:center;padding:44px 40px;display:flex}@media (max-width:680px){.auth-panel{padding:30px 26px 34px}}.auth-h{letter-spacing:-.02em;color:var(--txt1);margin-bottom:5px;font-size:23px;font-weight:800}.auth-sub{color:var(--txt2);margin-bottom:24px;font-size:14px;line-height:1.5}.auth-btn{cursor:pointer;border:1.5px solid var(--border);border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;margin-bottom:10px;padding:13px;font-size:14px;font-weight:700;transition:background .14s,border-color .14s,filter .14s;display:flex}.auth-btn:disabled{opacity:.55;cursor:default}.auth-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.auth-google{background:var(--surface);color:var(--txt1)}.auth-google:hover:not(:disabled){background:var(--surface-alt);border-color:var(--border-h)}.auth-discord{color:#fff;background:#5865f2;border-color:#5865f2}.auth-discord:hover:not(:disabled){filter:brightness(1.07)}.auth-discord:focus-visible{outline-color:#5865f2}.auth-icon{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.auth-spinner{border:2px solid #00000026;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite authSpin}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-discord .auth-spinner{border-color:#fff #ffffff59 #ffffff59}.auth-divider{align-items:center;gap:12px;margin:16px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-divider span{color:var(--txt3);font-size:12px;font-weight:500}.field-l{letter-spacing:.05em;text-transform:uppercase;color:var(--txt3);margin-bottom:7px;font-size:11px;font-weight:600;display:block}.auth-inp{background:var(--surface-alt);width:100%;min-height:48px;color:var(--txt1);border:1.5px solid #0000;border-radius:11px;outline:none;margin-bottom:14px;padding:13px 14px;font-size:15px;transition:border-color .15s,background .15s,box-shadow .15s}.auth-inp::placeholder{color:var(--txt3)}.auth-inp:focus{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 3px #e8457a1f}.email-btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:11px;width:100%;min-height:48px;padding:13px;font-size:14px;font-weight:700;transition:background .12s,transform .12s}.email-btn:hover:not(:disabled){background:var(--brand-dark)}.email-btn:active:not(:disabled){transform:scale(.98)}.email-btn:disabled{opacity:.55;cursor:default}.email-btn:focus-visible,.auth-inp:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.auth-note{color:var(--txt2);background:var(--surface-alt);border-radius:10px;margin-top:4px;padding:10px 12px;font-size:12px}.auth-guest{text-align:center;margin-top:18px}.auth-guest a{color:var(--txt2);border-bottom:1px solid var(--border);padding-bottom:1px;font-size:13px;font-weight:500;text-decoration:none;transition:color .12s}.auth-guest a:hover{color:var(--txt1)}.auth-guest a:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:2px}.auth-tos{color:var(--txt3);text-align:center;margin-top:18px;font-size:11px;line-height:1.5}.auth-tos a{color:var(--txt2);text-decoration:underline}@media (prefers-reduced-motion:reduce){.auth-spinner{animation-duration:1.2s}}.duel-wrap{max-width:760px;margin:0 auto;padding:24px 16px 64px}.duel-pickers{margin-bottom:22px}.duel-pick-label{letter-spacing:.06em;text-transform:uppercase;color:var(--txt3);margin:0 0 8px;font-size:11px;font-weight:600}.duel-pills{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;flex-wrap:nowrap;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 16px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 16px calc(100% - 24px),#0000 100%)}.duel-pills::-webkit-scrollbar{display:none}.duel-pill{scroll-snap-align:start;color:var(--txt2);background:var(--surface);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:100px;flex-shrink:0;padding:7px 14px;font-size:13px;font-weight:600;transition:background .12s,color .12s,border-color .12s}.duel-pill:hover{border-color:var(--border-h);color:var(--txt1)}.duel-pill.active{background:var(--brand);color:#fff;border-color:var(--brand)}.duel-pill:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.duel-label{letter-spacing:.07em;text-transform:uppercase;color:var(--brand);margin-bottom:6px;font-size:11px;font-weight:700}.duel-prompt{font-family:var(--font-display);letter-spacing:-.01em;color:var(--txt1);margin:0;font-size:1.5rem;font-weight:800;line-height:1.15}.duel-meta{color:var(--txt3);margin-top:6px;font-size:12px}.duel-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:18px 0;display:grid}.opt{background:var(--surface);border:1.5px solid var(--border);cursor:pointer;border-radius:18px;flex-direction:column;width:100%;padding:0;transition:transform .14s,border-color .14s,box-shadow .14s;display:flex;position:relative;overflow:hidden}.opt:hover:not(.locked){border-color:var(--brand);transform:translateY(-3px);box-shadow:0 10px 28px #e8457a1f}.opt:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.opt.picked{border-color:var(--brand);border-width:2.5px}.opt.notpicked{opacity:.55}.opt.locked{cursor:default}.opt-img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 25%;object-position:center 25%;background:var(--surface-alt);width:100%;height:clamp(210px,30vw,320px);display:block}.opt-body{text-align:center;padding:12px 14px;display:block}.opt-name{color:var(--txt1);font-size:15px;font-weight:700;display:block}.opt-sub{color:var(--txt3);margin-top:1px;font-size:11px;display:block}.opt-result{background:var(--brand-light);height:0;margin-top:auto;transition:height .3s;display:block;overflow:hidden}.opt.locked .opt-result{height:34px}.opt-result-inner{align-items:center;gap:8px;height:34px;padding:0 12px;display:flex}.opt-bar{background:#1a171414;border-radius:100px;flex:1;height:6px;overflow:hidden}.opt-bar-fill{background:var(--brand);border-radius:100px;width:0;height:100%;transition:width .6s}.opt.notpicked .opt-bar-fill{background:var(--txt3)}.opt-pct{color:var(--txt2);font-variant-numeric:tabular-nums;text-align:right;min-width:34px;font-size:12px;font-weight:700}.opt-delta{font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.opt-delta.up{color:var(--badge-truefalse-text)}.opt-delta.down{color:var(--txt3)}.vs{background:var(--brand);color:#fff;letter-spacing:.03em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:900;display:flex}.opt.pop{animation:.26s duelPop}@keyframes duelPop{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.duel-controls{justify-content:center;gap:10px;margin-top:4px;display:flex}.duel-btn{color:var(--txt2);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:100px;min-height:44px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s}.duel-btn:hover{border-color:var(--border-h);color:var(--txt1)}.duel-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.duel-tally{text-align:center;color:var(--txt3);margin-top:12px;font-size:12px}.rank-card{background:var(--surface);border:.5px solid var(--border);border-radius:16px;margin-top:8px;padding:16px}.rank-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.rank-title{font-family:var(--font-display);color:var(--txt1);margin:0;font-size:1rem;font-weight:700}.rank-live{color:var(--badge-truefalse-text);background:var(--badge-truefalse);border-radius:100px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.rank-live-dot{background:#16a34a;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite rankPulse}@keyframes rankPulse{0%,to{opacity:1}50%{opacity:.35}}.rank-list{margin:0;padding:0;list-style:none}.rank-row{border-bottom:.5px solid var(--border);align-items:center;gap:10px;padding:7px 0;transition:background .3s;display:flex}.rank-row:last-child{border-bottom:none}.rank-row.bump{background:var(--brand-light);border-radius:8px;padding-left:8px;padding-right:8px}.rank-pos{color:var(--txt3);text-align:center;font-variant-numeric:tabular-nums;width:20px;font-size:12px;font-weight:700}.rank-pos.top{color:var(--brand)}.rank-avatar{-o-object-fit:cover;object-fit:cover;background:var(--surface-alt);border-radius:50%;flex-shrink:0;width:30px;height:30px}.rank-name{color:var(--txt1);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.rank-elo{color:var(--txt2);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.rank-delta{text-align:right;font-variant-numeric:tabular-nums;width:30px;font-size:11px;font-weight:700}.rank-delta.up{color:var(--badge-truefalse-text)}.rank-foot{text-align:center;margin-top:14px}.rank-foot a{color:var(--brand);border:1.5px solid var(--brand);border-radius:100px;align-items:center;gap:5px;min-height:40px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:background .12s;display:inline-flex}.rank-foot a:hover{background:var(--brand-light)}.rank-foot a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (max-width:480px){.opt-img{height:190px}.vs{width:36px;height:36px;font-size:12px}.duel-prompt{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.opt,.opt-bar-fill,.opt-result,.rank-row{transition:none}.opt:hover:not(.locked){box-shadow:none;transform:none}.opt.pop,.rank-live-dot{animation:none}}.ranking-page{max-width:640px;margin:0 auto;padding:24px 16px 64px}.ranking-h1{font-family:var(--font-display);letter-spacing:-.01em;color:var(--txt1);margin:0 0 8px;font-size:clamp(1.5rem,4.5vw,2rem);font-weight:800;line-height:1.12}.ranking-intro{color:var(--txt2);max-width:36rem;margin:0 0 18px;font-size:.95rem;line-height:1.55}.ranking-cta{margin-bottom:18px}a.ranking-cta{text-decoration:none}.rank-winrate{color:var(--txt3);text-align:right;font-variant-numeric:tabular-nums;width:38px;font-size:11px;font-weight:600}.rank-pill-votes{color:var(--txt2);background:var(--surface-alt);white-space:nowrap;border-radius:100px;padding:2px 8px;font-size:10px;font-weight:700}.rank-locked{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;margin-top:8px;padding:28px 20px}.rank-locked-title{font-family:var(--font-display);color:var(--txt1);margin:0 0 6px;font-size:1.1rem;font-weight:700}.rank-locked-sub{color:var(--txt2);max-width:24rem;margin:0 auto 16px;font-size:.9rem;line-height:1.5}.rank-locked-bar{background:var(--surface-alt);border-radius:100px;width:100%;max-width:280px;height:8px;margin:0 auto 6px;overflow:hidden}.rank-locked-fill{background:var(--brand);border-radius:100px;height:100%;transition:width .6s;display:block}.rank-locked-count{color:var(--txt3);font-variant-numeric:tabular-nums;margin:0 0 18px;font-size:12px;font-weight:600}.ranking-index-grid{grid-template-columns:1fr;gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:560px){.ranking-index-grid{grid-template-columns:1fr 1fr}}.ranking-index-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.ranking-index-card:hover{border-color:var(--border-h);transform:translateY(-2px);box-shadow:0 8px 24px #e8457a1a,0 2px 8px #0000000f}.ranking-index-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ranking-index-avatar{-o-object-fit:cover;object-fit:cover;background:var(--surface-alt);border-radius:50%;flex-shrink:0;width:36px;height:36px}.ranking-index-body{flex-direction:column;min-width:0;display:flex}.ranking-index-name{color:var(--txt1);font-size:.9rem;font-weight:600;line-height:1.2}.ranking-index-meta{color:var(--txt3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.78rem;overflow:hidden}.ranking-index-arrow{color:var(--txt3);flex-shrink:0;margin-left:auto;transition:transform .12s,color .12s}.ranking-index-card:hover .ranking-index-arrow{color:var(--brand);transform:translate(2px)}@media (prefers-reduced-motion:reduce){.rank-locked-fill,.ranking-index-card{transition:none}.ranking-index-card:hover{box-shadow:none;transform:none}.ranking-index-arrow,.ranking-index-card:hover .ranking-index-arrow{transition:none;transform:none}}.games-rankings-cta{text-align:center;margin:4px 0 18px}.games-rankings-cta a{color:var(--brand);font-size:13px;font-weight:600;text-decoration:none}.games-rankings-cta a:hover{text-decoration:underline}:root{--tot:var(--brand);--nam:#3b6ff6;--blind:#8b5cf6}.gm-grid{grid-template-columns:1fr;gap:16px;margin-bottom:28px;display:grid}@media (min-width:640px){.gm-grid{grid-template-columns:1fr 1fr}}.gm-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;padding:18px 18px 16px;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s;animation:.36s backwards gmFade;display:flex;position:relative}.gm-card:hover{border-color:var(--border-h);transform:translateY(-2px);box-shadow:0 8px 24px #e8457a14,0 2px 8px #0000000d}.gm-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.gm-disabled{cursor:default}.gm-disabled:hover{box-shadow:none;border-color:var(--border);transform:none}.gm-icon{background:color-mix(in srgb, var(--gm-tint) 13%, var(--surface));width:44px;height:44px;color:var(--gm-tint);border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.gm-disabled .gm-icon{filter:grayscale(.5);opacity:.7}.gm-name{font-family:var(--font-display);color:var(--txt1);font-size:1.15rem;font-weight:700;line-height:1.15}.gm-desc{color:var(--txt2);margin-top:5px;font-size:.88rem;line-height:1.5}.gm-foot{justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.gm-stat{color:var(--txt3);font-size:.78rem}.gm-play{color:var(--gm-tint);font-size:.85rem;font-weight:700}.gm-disabled .gm-play{color:var(--txt3)}.gm-badge{letter-spacing:.02em;background:color-mix(in srgb, var(--gm-tint) 14%, var(--surface));color:var(--gm-tint);border-radius:100px;padding:3px 9px;font-size:10px;font-weight:700;position:absolute;top:14px;right:14px}.gm-soon{background:var(--surface-alt);color:var(--txt3)}@keyframes gmFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.trend{margin-bottom:28px}.trend-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.trend-title{font-family:var(--font-display);color:var(--txt1);font-size:1rem;font-weight:700}.trend-see{color:var(--brand);font-size:13px;font-weight:600;text-decoration:none}.trend-see:hover{text-decoration:underline}.trend-strip{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:12px;margin:0;padding:0 0 6px;list-style:none;display:flex;overflow-x:auto}.trend-strip::-webkit-scrollbar{display:none}.trend-item{scroll-snap-align:start;flex:none;animation:.36s backwards gmFade}.trend-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:168px;height:100%;padding:12px;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.trend-card:hover{border-color:var(--border-h);transform:translateY(-2px);box-shadow:0 8px 24px #e8457a14,0 2px 8px #0000000d}.trend-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.trend-avatar{-o-object-fit:cover;object-fit:cover;-o-object-position:center 25%;object-position:center 25%;background:var(--surface-alt);border-radius:10px;width:100%;height:96px;margin-bottom:10px}.trend-prompt{color:var(--txt1);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.1em;font-size:.82rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.trend-live{color:var(--badge-truefalse-text);background:var(--badge-truefalse);border-radius:100px;align-self:flex-start;align-items:center;gap:4px;margin-top:8px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.trend-locked{margin-top:8px}.trend-bar{background:var(--surface-alt);border-radius:100px;height:5px;display:block;overflow:hidden}.trend-bar-fill{background:var(--brand);border-radius:100px;height:100%;display:block}.trend-hint{color:var(--brand);margin-top:5px;font-size:10px;font-weight:600;display:block}@media (prefers-reduced-motion:reduce){.gm-card,.trend-item{animation:none}.gm-card:hover,.trend-card:hover{box-shadow:none;transform:none}}.daily-twoup{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:720px){.daily-twoup{grid-template-columns:1fr 1fr;align-items:stretch}}.daily-col{flex-direction:column;min-width:0;display:flex}.daily-col>.daily-card{flex:1}.gotd-card{flex-direction:column;padding:16px;display:flex;position:relative}.gotd-reset{z-index:2;border:1px solid var(--border);position:absolute;top:12px;right:12px}.gotd-duel{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;text-decoration:none;display:flex}.gotd-faces{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;width:100%;margin-top:10px;display:grid}.gotd-face-wrap{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.gotd-face{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;-o-object-position:center 22%;object-position:center 22%;background:var(--surface-alt);border-radius:14px;width:100%;max-height:132px;transition:transform .12s}.gotd-face-name{color:var(--txt1);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:700;overflow:hidden}.gotd-prompt{font-family:var(--font-display);color:var(--txt1);text-align:center;font-size:1.05rem;font-weight:700;line-height:1.2}.gotd-cta{background:color-mix(in srgb, var(--brand) 40%, var(--brand-dark));color:#fff;border-radius:100px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:2px;padding:12px;font-size:14px;font-weight:700;transition:background .12s;display:inline-flex}.gotd-duel:hover .gotd-cta,.gotd-nam:hover .gotd-cta{background:var(--brand-dark)}.gotd-duel:hover .gotd-face{transform:translateY(-2px)}.gotd-duel:focus-visible,.gotd-nam:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:12px}.gotd-rank-link{text-align:center;color:var(--brand);margin-top:10px;font-size:12px;font-weight:600;line-height:16px;text-decoration:none;display:block}.gotd-rank-spacer{height:26px;display:block}.daily-discord-line{justify-content:center;align-items:center;height:26px;margin-top:10px;display:flex}.daily-discord-line .discord-context-line{padding:0}.gotd-rank-link:hover{text-decoration:underline}.gotd-rank-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.gotd-nam{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding-top:10px;text-decoration:none;display:flex}.gotd-nam-logo{margin-bottom:4px}.gotd-nam-title{font-family:var(--font-display);color:var(--txt1);text-align:center;font-size:1.05rem;font-weight:700;line-height:1.25}.gotd-nam-sub{color:var(--txt2);margin-bottom:4px;font-size:13px}@media (prefers-reduced-motion:reduce){.gotd-face,.gotd-cta{transition:none}.gotd-duel:hover .gotd-face{transform:none}}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:44px;min-width:44px;height:44px;color:var(--txt2);cursor:pointer;border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.theme-toggle:hover{background:var(--surface-alt);color:var(--txt1);border-color:var(--border-h)}.theme-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.theme-toggle-icon{transition:transform .25s;display:inline-flex}.theme-toggle:hover .theme-toggle-icon{transform:rotate(18deg)}@media (min-width:768px){.footer-theme{display:none!important}}@media (prefers-reduced-motion:reduce){.theme-toggle-icon{transition:none}.theme-toggle:hover .theme-toggle-icon{transform:none}}.home-cta-row{margin-bottom:28px}@media (min-width:768px){.home-cta-row{margin-top:-14px;margin-bottom:38px}}.bt-cta{border:1px solid var(--border);background:linear-gradient(100deg, color-mix(in srgb, var(--blind) 11%, var(--surface)), var(--surface) 54%);border-radius:18px;align-items:center;gap:14px;padding:13px 14px;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.bt-cta:hover{border-color:color-mix(in srgb, var(--blind) 45%, var(--border));box-shadow:0 6px 20px color-mix(in srgb, var(--blind) 16%, transparent);transform:translateY(-1px)}.bt-cta:active{transform:translateY(0)}.bt-cta:focus-visible{outline:2px solid var(--blind);outline-offset:2px}.bt-cta-icon{background:color-mix(in srgb, var(--blind) 16%, transparent);width:44px;height:44px;color:var(--blind);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.bt-cta.battle-cta{background:linear-gradient(100deg, color-mix(in srgb, var(--brand) 11%, var(--surface)), var(--surface) 54%)}.bt-cta.battle-cta:hover{border-color:color-mix(in srgb, var(--brand) 45%, var(--border));box-shadow:0 6px 20px color-mix(in srgb, var(--brand) 16%, transparent)}.bt-cta.battle-cta:focus-visible{outline-color:var(--brand)}.bt-cta.battle-cta .bt-cta-icon{background:color-mix(in srgb, var(--brand) 16%, transparent);color:var(--brand)}.bt-cta.battle-cta .bt-cta-sub{color:var(--txt2)}.bt-cta-text{flex-direction:column;gap:2px;min-width:0;display:flex}.bt-cta-title{font-family:var(--font-display);color:var(--txt1);font-size:16px;font-weight:700;line-height:1.15}.bt-cta-sub{color:var(--txt3);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;line-height:1.3;overflow:hidden}.bt-cta-wave{min-width:0;color:var(--blind);opacity:.32;flex:1;justify-content:flex-end;align-items:center;display:none;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 58%);mask-image:linear-gradient(90deg,#0000,#000 58%)}@media (min-width:560px){.bt-cta-wave{display:flex}}.bt-cta-go{background:var(--blind);color:#fff;border-radius:100px;flex-shrink:0;align-items:center;gap:6px;margin-left:auto;padding:9px 17px;font-size:13px;font-weight:700;transition:filter .16s;display:inline-flex}.bt-cta-wave+.bt-cta-go{margin-left:14px}.bt-cta:hover .bt-cta-go{filter:brightness(1.08)}@media (prefers-reduced-motion:reduce){.bt-cta{transition:none}.bt-cta:hover{transform:none}}.bt-screen{max-width:460px;min-height:100dvh;margin:0 auto;padding:18px 18px 40px}.bt-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:60vh;display:flex}.bt-loading-msg{font-family:var(--font-body);color:var(--txt2);font-size:15px;font-weight:600}.bt-setup{flex-direction:column;display:flex}.bt-kicker{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--brand);margin-bottom:6px;font-size:11px;font-weight:700}.bt-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--txt1);margin:0;font-size:clamp(2rem,9vw,2.7rem);font-weight:800;line-height:1.02}.bt-title-accent{color:var(--brand)}.bt-sub{font-family:var(--font-body);color:var(--txt2);margin:12px 0 22px;font-size:14px;line-height:1.5}.bt-pick-group{flex-direction:column;display:flex}.bt-pick-heading{letter-spacing:.06em;text-transform:uppercase;color:var(--txt3);margin:20px 0 10px;font-size:11px;font-weight:700}.bt-pick-all{text-align:left;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:16px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:16px 18px;transition:border-color .12s,background .12s,transform .12s;display:flex}.bt-pick-all:active{transform:scale(.99)}.bt-pick-all.on{border-color:var(--brand);background:var(--brand-light)}.bt-pick-all-title{font-family:var(--font-display);color:var(--txt1);font-size:17px;font-weight:700}.bt-pick-all.on .bt-pick-all-title{color:var(--brand)}.bt-pick-all-sub{color:var(--txt3);font-size:12px}.bt-chip-row{flex-wrap:wrap;gap:8px;display:flex}.bt-group-grid{grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:8px;display:grid}.bt-chip{border:1.5px solid var(--border);background:var(--surface);min-height:44px;color:var(--txt2);font-family:var(--font-body);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:100px;padding:10px 12px;font-size:13px;font-weight:600;transition:border-color .12s,background .12s,color .12s;overflow:hidden}.bt-chip:hover{border-color:var(--brand);color:var(--brand)}.bt-chip.on{background:var(--brand);border-color:var(--brand);color:#fff}.bt-group-grid .bt-chip{border-radius:12px}.bt-error{color:var(--wrong);margin:16px 0 0;font-size:13px}.bt-start{background:var(--brand);color:#fff;min-height:56px;font-family:var(--font-display);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-size:17px;font-weight:700;transition:background .12s,transform .12s;display:flex}.bt-start:hover{background:var(--brand-dark)}.bt-start:active{transform:scale(.98)}.bt-start:disabled{opacity:.7;cursor:default}.bt-start-pl{font-family:var(--font-body);opacity:.85;font-size:14px;font-weight:600}.bt-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite btSpin}@keyframes btSpin{to{transform:rotate(360deg)}}.bt-back{min-height:44px;color:var(--txt3);align-self:center;align-items:center;margin-top:12px;padding:0 12px;font-size:13px;text-decoration:none;display:inline-flex}.bt-back:hover{color:var(--txt2)}.bt-back-btn{cursor:pointer;background:0 0;border:none}.bt-play{flex-direction:column;display:flex}.bt-top{align-items:center;gap:12px;margin-bottom:22px;display:flex}.bt-quit{color:var(--txt3);cursor:pointer;background:0 0;border:none;align-items:center;min-height:44px;margin-left:-10px;padding:0 10px;font-size:12px;display:inline-flex}.bt-quit:hover{color:var(--txt2)}.bt-progress{background:var(--surface-alt);border-radius:100px;flex:1;height:5px;overflow:hidden}.bt-progress-fill{background:var(--brand);border-radius:100px;height:100%;transition:width .3s cubic-bezier(.22,1,.36,1)}.bt-count{color:var(--txt3);font-variant-numeric:tabular-nums;text-align:right;min-width:38px;font-size:12px;font-weight:600}.bt-stage{justify-content:center;align-items:center;min-height:200px;margin-bottom:16px;display:flex}.bt-orb{width:148px;height:148px;position:relative}.bt-orb svg{transform:rotate(-90deg)}.bt-orb circle{fill:none;stroke-width:6px}.bt-orb-bg{stroke:var(--border)}.bt-orb-fg{stroke:var(--brand);stroke-linecap:round;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--brand) 45%, transparent));transition:stroke-dashoffset 80ms linear,stroke .2s}.bt-orb.danger .bt-orb-fg{stroke:var(--wrong);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--wrong) 45%, transparent))}.bt-orb-inner{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.bt-eq{align-items:flex-end;gap:4px;height:36px;display:flex}.bt-eq-bar{background:var(--brand);border-radius:3px;width:5px;min-height:6px;transition:height .11s}.bt-orb.danger .bt-eq-bar{background:var(--wrong)}.bt-time{font-family:var(--font-display);color:var(--txt1);font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.bt-orb.danger .bt-time{color:var(--wrong)}.bt-audio-state{color:var(--txt3);justify-content:center;align-items:center;gap:7px;margin:0 0 14px;font-size:12px;display:flex}.bt-audio-dot{background:var(--txt3);border-radius:50%;width:8px;height:8px}.bt-audio-dot.on{background:var(--brand);animation:1.1s ease-in-out infinite btPulse}@keyframes btPulse{0%,to{opacity:.4}50%{opacity:1}}.bt-reveal-head{text-align:center;flex-direction:column;align-items:center;animation:.22s btRevealIn;display:flex}@keyframes btRevealIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bt-cover{-o-object-fit:cover;object-fit:cover;width:124px;height:124px;box-shadow:var(--shadow-card);border-radius:14px;margin-bottom:12px}.bt-verdict{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:700}.bt-reveal-head.ok .bt-verdict{color:var(--correct)}.bt-reveal-head.no .bt-verdict{color:var(--wrong)}.bt-reveal-title{font-family:var(--font-display);color:var(--txt1);margin:0;font-size:18px;font-weight:700;line-height:1.15}.bt-reveal-artist{color:var(--txt2);margin:2px 0 0;font-size:14px}.bt-reveal-album{color:var(--txt3);margin:2px 0 0;font-size:12px}.bt-q-kind{letter-spacing:.07em;text-transform:uppercase;border-radius:100px;align-self:center;align-items:center;gap:6px;margin:0 auto 8px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.bt-q-kind.artist{background:var(--brand-light);color:var(--brand)}.bt-q-kind.title{color:#2e5fc0;background:#5b8def29}.dark .bt-q-kind.title{color:#9db8ff}@media (prefers-color-scheme:dark){:root:not(.light) .bt-q-kind.title{color:#9db8ff}}.bt-q{font-family:var(--font-display);text-align:center;color:var(--txt1);margin:0 0 16px;font-size:18px;font-weight:700}.bt-play .answers .ans-btn{padding-right:40px;position:relative}.bt-choice-mark{display:inline-flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.bt-choice-mark.ok{color:var(--correct)}.bt-choice-mark.no{color:var(--wrong)}.bt-results{flex-direction:column;display:flex}.bt-result-card{border:1px solid var(--border);background:linear-gradient(160deg, var(--brand-light), var(--surface) 70%);text-align:center;box-shadow:var(--shadow-card);border-radius:20px;padding:26px 20px 20px}.bt-result-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--brand);margin:0 0 8px;font-size:11px;font-weight:700}.bt-result-score{font-family:var(--font-display);color:var(--txt1);margin:0;font-size:64px;font-weight:800;line-height:1}.bt-result-of{color:var(--txt3);font-size:.42em;font-weight:700}.bt-result-label{font-family:var(--font-display);color:var(--brand);margin:8px 0 0;font-size:16px;font-weight:700}.bt-result-url{letter-spacing:.1em;color:var(--txt3);margin:14px 0 0;font-size:11px}.bt-breakdown{flex-direction:column;gap:6px;margin-top:18px;display:flex}.bt-row{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:12px;padding:8px 10px;display:flex}.bt-row-cover{-o-object-fit:cover;object-fit:cover;border-radius:8px;flex-shrink:0;width:40px;height:40px}.bt-row-cover-empty{background:var(--surface-alt)}.bt-row-info{flex:1;min-width:0}.bt-row-title{color:var(--txt1);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;overflow:hidden}.bt-row-artist{color:var(--txt3);white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:12px;overflow:hidden}.bt-row-mark{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.bt-row-mark.ok{background:var(--correct-bg);color:var(--correct)}.bt-row-mark.no{background:var(--wrong-bg);color:var(--wrong)}.bt-nudge{background:var(--brand-light);border:1px solid color-mix(in srgb, var(--brand) 30%, transparent);border-radius:12px;margin-top:16px;padding:12px 14px}.bt-nudge p{color:var(--txt2);margin:0;font-size:13px}.bt-nudge a{color:var(--brand);font-weight:600;text-decoration:none}.bt-result-actions{gap:10px;margin-top:20px;display:flex}.bt-result-actions .btn-primary,.bt-result-actions .btn-outline{flex:1}.bt-pick-all:focus-visible,.bt-chip:focus-visible,.bt-start:focus-visible,.bt-quit:focus-visible,.bt-back-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){.bt-orb-fg,.bt-eq-bar{transition:none}.bt-audio-dot.on{opacity:1;animation:none}.bt-reveal-head{animation:none}.bt-progress-fill{transition:none}.bt-spinner{animation:none}}.bp-screen{max-width:480px;min-height:100dvh;margin:0 auto;padding:16px 18px 56px}.bp-proto-flag{color:var(--txt3);text-align:center;background:var(--surface-alt);border:1px dashed var(--border);border-radius:8px;margin:0 0 18px;padding:6px 10px;font-size:11px;font-weight:600}.bp-body{flex-direction:column;display:flex}.bp-eyebrow{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--brand);margin-bottom:6px;font-size:11px;font-weight:700}.bp-head{font-family:var(--font-display);letter-spacing:-.02em;color:var(--txt1);margin:0 0 8px;font-size:30px;font-weight:800;line-height:1.05}.bp-head.bp-center{text-align:center}.bp-sub{color:var(--txt2);margin:0 0 22px;font-size:14px;line-height:1.55}.bp-field{margin-bottom:22px}.bp-label{color:var(--txt2);margin-bottom:9px;font-size:12px;font-weight:700;display:block}.bp-groups{flex-wrap:wrap;gap:8px;display:flex}.bp-chip{border:1.5px solid var(--border);background:var(--surface);min-height:38px;color:var(--txt2);cursor:pointer;border-radius:100px;padding:8px 15px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.bp-chip:hover{border-color:var(--txt3)}.bp-chip.on{background:var(--brand);border-color:var(--brand);color:#fff}.bp-chip:focus-visible,.bp-radio:focus-visible,.bp-ans:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.bp-start{background:var(--brand);color:#fff;width:100%;min-height:52px;font-family:var(--font-display);cursor:pointer;border:none;border-radius:14px;font-size:16px;font-weight:700;transition:background .15s,transform .15s}.bp-start:hover:not(:disabled){background:var(--brand-dark)}.bp-start:active:not(:disabled){transform:scale(.99)}.bp-start:disabled{opacity:.5;cursor:not-allowed}.bp-note{color:var(--txt3);text-align:center;justify-content:center;align-items:center;gap:6px;margin:12px 0 0;font-size:12px;line-height:1.45;display:flex}.bp-note svg{color:var(--brand);flex-shrink:0}.bp-play-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.bp-qcount{color:var(--txt2);font-size:13px;font-weight:700}.bp-ring{width:64px;height:64px;position:relative}.bp-ring svg{transform:rotate(-90deg)}.bp-ring-track{fill:none;stroke:var(--border);stroke-width:5px}.bp-ring-prog{fill:none;stroke:var(--brand);stroke-width:5px;stroke-linecap:round}.bp-ring-num{color:var(--txt1);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex;position:absolute;inset:0}.bp-progress{gap:5px;margin-bottom:18px;display:flex}.bp-prog-dot{background:var(--surface-alt);border-radius:100px;flex:1;height:4px}.bp-prog-dot.done{background:var(--brand)}.bp-prog-dot.active{background:var(--brand);opacity:.5}.bp-question{font-family:var(--font-display);color:var(--txt1);margin:0 0 18px;font-size:21px;font-weight:700;line-height:1.25}.bp-answers{flex-direction:column;gap:10px;display:flex}.bp-ans{align-items:center;gap:12px;display:flex}.bp-ans-letter{background:var(--surface-alt);width:26px;height:26px;color:var(--txt2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.bp-vs-row{justify-content:center;align-items:center;gap:16px;margin:18px 0 14px;display:flex}.bp-side{border:1.5px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:16px 10px;display:flex}.bp-side-label{color:var(--txt2);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:700;overflow:hidden}.bp-side-score{font-family:var(--font-display);color:var(--txt1);font-size:40px;font-weight:800;line-height:1}.bp-you{border-color:var(--brand)}.bp-vs.vs{flex-shrink:0}.bp-verdict{text-align:center;font-family:var(--font-display);margin:4px 0 6px;font-size:22px;font-weight:800}.bp-verdict.is-win{color:var(--correct)}.bp-verdict.is-loss{color:var(--wrong)}.bp-verdict.is-tie{color:var(--txt2)}.bp-async-note{color:var(--txt3);justify-content:center;align-items:center;gap:6px;margin:0 0 18px;font-size:12px;display:flex}.bp-async-note svg{flex-shrink:0}.bp-xp-pill{background:var(--brand);color:#fff;border-radius:100px;align-self:center;margin:0 0 16px;padding:5px 16px;font-size:13px;font-weight:800}.bp-h2h{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:6px;margin-bottom:18px;padding:12px;display:flex}.bp-h2h-row{align-items:center;gap:6px;display:flex}.bp-h2h-name{width:84px;color:var(--txt2);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:700;overflow:hidden}.bp-h2h-cell{aspect-ratio:1;border-radius:7px;flex:1;justify-content:center;align-items:center;max-width:30px;display:inline-flex}.bp-h2h-cell.hit{background:var(--correct-bg);color:var(--correct)}.bp-h2h-cell.miss{background:var(--wrong-bg);color:var(--wrong)}.bp-cta-row{gap:10px;margin-bottom:22px;display:flex}.bp-cta-half{flex:1}.bp-ghost-btn{border:1.5px solid var(--border);background:var(--surface);width:100%;min-height:52px;color:var(--txt1);font-family:var(--font-display);cursor:pointer;border-radius:14px;font-size:16px;font-weight:700;transition:border-color .15s,background .15s}.bp-ghost-btn:hover{border-color:var(--txt3)}.bp-ghost-btn:focus-visible,.bp-start:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.bp-hook{border:1.5px solid var(--brand);background:color-mix(in srgb, var(--brand) 5%, transparent);border-radius:16px;padding:16px}.bp-hook-head{font-family:var(--font-display);color:var(--txt1);margin:0 0 4px;font-size:17px;font-weight:800;line-height:1.25}.bp-hook-sub{color:var(--txt2);margin:0 0 16px;font-size:12.5px;line-height:1.5}.bp-input{border:1.5px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--txt1);border-radius:12px;margin-bottom:14px;padding:11px 13px;font-size:14px}.bp-input:focus-visible{border-color:var(--brand);outline:none}.bp-input-sm{margin-bottom:0}.bp-hook-answers{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.bp-hook-answer{align-items:center;gap:10px;display:flex}.bp-radio{border:2px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--brand);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,background .15s;display:inline-flex}.bp-hook-answer.correct .bp-radio{border-color:var(--brand);background:var(--brand-light)}.bp-hook-done{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.bp-hook-tick{background:var(--correct-bg);width:40px;height:40px;color:var(--correct);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;display:inline-flex}.bp-hook-done-title{font-family:var(--font-display);color:var(--txt1);margin:0;font-size:17px;font-weight:800}.bp-hook-done-sub{color:var(--txt2);max-width:320px;margin:0;font-size:13px;line-height:1.5}.bp-confirm{border:1px solid var(--border);background:var(--surface);border-radius:16px;margin-top:14px;padding:16px}.bp-confirm-head{font-family:var(--font-display);color:var(--txt1);margin:0 0 2px;font-size:15px;font-weight:800}.bp-confirm-sub{color:var(--txt3);margin:0 0 12px;font-size:12px}.bp-confirm-q{color:var(--txt1);margin:0 0 10px;font-size:14px;font-weight:700;line-height:1.35}.bp-confirm-opts{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.bp-confirm-opt{color:var(--txt2);font-size:12.5px}.bp-confirm-opt.correct{color:var(--correct);font-weight:700}.bp-confirm-actions{gap:10px;display:flex}.bp-confirm-thanks{color:var(--txt2);text-align:center;margin:0;font-size:13px;font-weight:600}:root{--discord-bg:#5865f2;--discord-dark:#4752c4;--discord-online:#23a55a}.dc-card{background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 14px color-mix(in srgb, var(--discord-bg) 8%, transparent);border-radius:18px;flex-direction:column;gap:12px;padding:18px;display:flex}.dc-card-head{align-items:flex-start;gap:12px;display:flex}.dc-icon{background:color-mix(in srgb, var(--discord-bg) 15%, transparent);width:40px;height:40px;color:var(--discord-bg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dc-card-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.dc-card-title{color:var(--txt1);margin:0;font-size:16px;font-weight:800;line-height:1.15}.dc-card-sub{color:var(--txt2);margin:0;font-size:12.5px;line-height:1.45}.dc-status{align-items:center;gap:7px;min-height:22px;display:inline-flex}.dc-dot{background:var(--discord-online);width:7px;height:7px;box-shadow:0 0 0 2px color-mix(in srgb, var(--discord-online) 22%, transparent);border-radius:50%;flex-shrink:0}.dc-status-text{color:var(--txt1);font-size:12.5px;font-weight:700}.dc-avatars{gap:0;min-height:32px;display:flex}.dc-avatar{border:2px solid var(--surface);-o-object-fit:cover;object-fit:cover;background:var(--surface-alt);border-radius:50%;width:32px;height:32px;margin-left:-8px}.dc-avatar:first-child{margin-left:0}.dc-avatar-fallback{color:var(--txt2);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.dc-join{background:var(--discord-bg);color:#fff;border-radius:100px;justify-content:center;align-self:flex-start;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex}.dc-join:hover{background:var(--discord-dark);box-shadow:0 6px 18px color-mix(in srgb, var(--discord-bg) 30%, transparent);transform:translateY(-1px)}.dc-join:focus-visible{outline:2px solid var(--discord-bg);outline-offset:2px}.dc-join-icon{color:#fff;justify-content:center;align-items:center;display:inline-flex}.dc-strip{border:1px solid var(--border);background:linear-gradient(100deg, color-mix(in srgb, var(--discord-bg) 8%, var(--surface)), var(--surface) 60%);border-radius:14px;align-items:center;gap:12px;min-height:64px;padding:12px 14px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.dc-strip:hover{border-color:color-mix(in srgb, var(--discord-bg) 50%, var(--border));box-shadow:0 6px 18px color-mix(in srgb, var(--discord-bg) 12%, transparent);transform:translateY(-1px)}.dc-strip:focus-visible{outline:2px solid var(--discord-bg);outline-offset:2px}.dc-strip-icon{background:color-mix(in srgb, var(--discord-bg) 15%, transparent);width:36px;height:36px;color:var(--discord-bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dc-strip-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dc-strip-title{color:var(--txt1);font-size:14px;font-weight:700;line-height:1.15}.dc-strip-sub{color:var(--txt3);align-items:center;gap:6px;min-height:14px;font-size:11.5px;display:inline-flex}.dc-strip-go{color:var(--discord-bg);white-space:nowrap;font-size:13px;font-weight:700}@media (prefers-reduced-motion:reduce){.dc-join,.dc-strip{transition:none}.dc-join:hover,.dc-strip:hover{transform:none}}.discord-results-line{color:var(--discord-bg);align-items:center;gap:6px;margin-top:10px;padding:8px 4px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.discord-results-line:hover{text-decoration:underline}.discord-results-line:focus-visible{outline:2px solid var(--discord-bg);outline-offset:2px;border-radius:4px}.discord-login-line{color:var(--discord-bg);align-items:center;gap:6px;margin-top:6px;font-size:12.5px;text-decoration:none;display:inline-flex}.discord-login-line:hover{text-decoration:underline}.brag-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:10px;display:inline-flex}.brag-name{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--txt1);border-radius:100px;min-width:180px;padding:6px 12px;font-size:13px}.brag-name:focus-visible{outline:2px solid var(--discord-bg);outline-offset:2px;border-color:var(--discord-bg)}.brag-btn{background:var(--discord-bg);color:#fff;cursor:pointer;border:none;border-radius:100px;align-items:center;gap:7px;min-height:40px;padding:0 16px;font-size:13px;font-weight:700;transition:background .15s,transform .1s;display:inline-flex}.brag-btn:hover:not(:disabled){background:var(--discord-dark);transform:translateY(-1px)}.brag-btn:active:not(:disabled){transform:translateY(0)}.brag-btn:focus-visible{outline:2px solid var(--discord-bg);outline-offset:2px}.brag-btn:disabled{opacity:.55;cursor:default}.brag-btn-icon{color:#fff;justify-content:center;align-items:center;display:inline-flex}.brag-toast{color:var(--txt2);font-size:12px;font-weight:600}.brag-compact .brag-btn{min-height:36px;padding:0 13px;font-size:12.5px}.discord-context-line{color:var(--discord-bg);align-items:center;gap:6px;padding:6px 4px;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.discord-context-line:hover{text-decoration:underline}.discord-context-line:focus-visible{outline:2px solid var(--discord-bg);outline-offset:2px;border-radius:4px}.discord-context-line svg{flex-shrink:0}.discord-context-line.is-quiet{color:var(--txt3);font-size:11.5px;font-weight:500}.discord-context-line.is-quiet svg{color:var(--discord-bg)}.bp-report-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.bp-report-label{color:var(--txt3);margin-right:4px;font-size:11px;font-weight:600}.bp-report-btn{border:1px solid var(--border);background:var(--surface);min-width:26px;height:24px;color:var(--txt2);cursor:pointer;border-radius:7px;padding:0 6px;font-size:11px;font-weight:700;transition:border-color .15s,background .15s,color .15s}.bp-report-btn:hover:not(:disabled){border-color:var(--wrong);color:var(--wrong)}.bp-report-btn:focus-visible{outline:2px solid var(--wrong);outline-offset:2px}.bp-report-btn:disabled{opacity:.4;cursor:default}.bp-report-btn.done{background:var(--wrong-bg);color:var(--wrong);border-color:var(--wrong-border)}.bp-toast{background:var(--txt1);color:var(--surface);z-index:50;border-radius:100px;padding:11px 18px;font-size:13px;font-weight:600;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0000002e}@media (prefers-reduced-motion:reduce){.bp-chip,.bp-start,.bp-ghost-btn,.bp-radio{transition:none}}.cf-screen{max-width:480px;min-height:100dvh;margin:0 auto;padding:16px 18px 48px}.cf-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.cf-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--brand);font-size:11px;font-weight:700}.cf-progress{flex-shrink:0;align-items:center;gap:6px;display:flex}.cf-dot{background:var(--border);border-radius:100px;width:7px;height:7px;transition:width .2s,background .2s}.cf-dot.done{background:var(--brand);opacity:.45}.cf-dot.active{background:var(--brand);width:22px}.cf-body{flex-direction:column;display:flex}.cf-head{font-family:var(--font-display);letter-spacing:-.02em;color:var(--txt1);margin:0;font-size:clamp(1.6rem,6vw,2rem);font-weight:800;line-height:1.08}.cf-center{text-align:center}.cf-sub{color:var(--txt2);margin:8px 0 22px;font-size:14px;line-height:1.5}.cf-field{margin-bottom:20px}.cf-label{color:var(--txt2);align-items:center;gap:8px;margin-bottom:9px;font-size:12px;font-weight:700;display:flex}.cf-rec{letter-spacing:.04em;text-transform:uppercase;color:var(--brand);background:var(--brand-light);border-radius:100px;padding:2px 8px;font-size:10px;font-weight:700}.cf-input{border:1.5px solid var(--border);background:var(--surface);width:100%;min-height:50px;color:var(--txt1);font-family:var(--font-body);border-radius:12px;padding:13px 14px;font-size:15px;transition:border-color .12s}.cf-input::placeholder{color:var(--txt3)}.cf-input:focus-visible{border-color:var(--brand)}.cf-chips{flex-wrap:wrap;gap:8px;display:flex}.cf-chip{border:1.5px solid var(--border);background:var(--surface);min-height:44px;color:var(--txt2);cursor:pointer;border-radius:100px;padding:9px 15px;font-size:13px;font-weight:600;transition:border-color .12s,background .12s,color .12s}.cf-chip:hover{border-color:var(--brand);color:var(--brand)}.cf-chip.on{background:var(--brand);border-color:var(--brand);color:#fff}.cf-cover{border:1.5px dashed var(--border);background:var(--surface-alt);width:100%;min-height:96px;color:var(--txt3);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;transition:border-color .12s;display:flex}.cf-cover:hover{border-color:var(--brand)}.cf-cover.filled{border-style:solid;border-color:var(--border);background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 70%, #fff), color-mix(in srgb, var(--brand) 35%, var(--bg)));min-height:120px;position:relative}.cf-cover-empty{flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.cf-cover-change{color:#fff;background:#00000073;border-radius:100px;padding:5px 12px;font-size:12px;font-weight:700;position:absolute;bottom:10px;right:10px}.cf-cover-help{color:var(--txt3);margin:9px 0 0;font-size:12px;line-height:1.45}.cf-cover-help+.cf-cover-help{margin-top:3px}.cf-cover-err{color:var(--wrong);margin:9px 0 0;font-size:12.5px;font-weight:600;line-height:1.45}.cf-rights{border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:flex-start;gap:9px;margin-top:11px;padding:10px 12px;transition:border-color .12s,background .12s;display:flex}.cf-rights:hover{border-color:var(--txt3)}.cf-rights.on{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 6%, transparent)}.cf-rights input{width:18px;height:18px;accent-color:var(--brand);cursor:pointer;flex-shrink:0;margin:1px 0 0}.cf-rights span{color:var(--txt2);font-size:12.5px;line-height:1.45}.cf-skip{color:var(--txt3);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:8px;padding:4px 0;font-size:12px;font-weight:600;text-decoration:underline}.cf-cta{background:var(--brand);color:#fff;min-height:54px;font-family:var(--font-display);cursor:pointer;border:none;border-radius:14px;margin-top:8px;font-size:16px;font-weight:700;transition:background .12s,transform .12s}.cf-cta:hover{background:var(--brand-dark)}.cf-cta:active{transform:scale(.99)}.cf-ghost{color:var(--txt3);cursor:pointer;background:0 0;border:none;align-self:center;margin-top:6px;padding:12px;font-size:13px;font-weight:600}.cf-ghost:hover{color:var(--txt1)}.cf-center-btn{align-self:center}.cf-q-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.cf-q-count{font-family:var(--font-display);color:var(--txt1);font-size:15px;font-weight:700}.cf-minidots{flex-wrap:wrap;gap:6px;display:flex}.cf-minidot{background:var(--border);cursor:pointer;border:none;border-radius:100px;width:9px;height:9px;padding:0;transition:width .15s,background .15s}.cf-minidot.done{background:var(--correct)}.cf-minidot.active{background:var(--brand);width:20px}.cf-qcard{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:16px;padding:16px;animation:.25s cubic-bezier(.22,1,.36,1) cfSlideIn}@keyframes cfSlideIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.cf-qinput{width:100%;color:var(--txt1);font-family:var(--font-display);background:0 0;border:none;padding:10px 0;font-size:18px;font-weight:700}.cf-qinput::placeholder{color:var(--txt3)}.cf-hint{color:var(--txt3);margin:2px 0 12px;font-size:11.5px}.cf-answers{flex-direction:column;gap:9px;display:flex}.cf-answer{border:1.5px solid var(--border);background:var(--bg);border-radius:12px;align-items:center;gap:10px;padding:4px;transition:border-color .15s,background .15s;display:flex}.cf-answer.correct{border-color:var(--correct-border);background:var(--correct-bg)}.cf-radio{border:2px solid var(--border);background:var(--surface);cursor:pointer;color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:border-color .15s,background .15s;display:inline-flex}.cf-answer.correct .cf-radio{background:var(--correct);border-color:var(--correct)}.cf-answer-input{min-width:0;color:var(--txt1);background:0 0;border:none;flex:1;padding:8px 6px;font-size:14px}.cf-addq{border:1.5px dashed var(--border);min-height:46px;color:var(--brand);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:7px;margin-top:14px;font-size:14px;font-weight:600;transition:border-color .12s,background .12s;display:inline-flex}.cf-addq:hover{border-color:var(--brand);background:var(--brand-light)}.cf-preview-wrap{margin-bottom:18px;position:relative}.cf-preview-tag{z-index:1;letter-spacing:.06em;text-transform:uppercase;color:var(--txt3);background:var(--bg);padding:0 6px;font-size:9px;font-weight:700;position:absolute;top:-8px;left:12px}.cf-preview-card{pointer-events:none}.cf-cover-mock{background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 70%, #fff), color-mix(in srgb, var(--brand) 35%, var(--bg)));width:100%;height:100%;display:block}.cf-logo-mock{width:100%;height:100%;font-family:var(--font-display);color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand-dark));justify-content:center;align-items:center;font-size:26px;font-weight:800;display:flex}.cf-reassure{color:var(--txt2);background:var(--surface-alt);border-radius:12px;margin:0 0 18px;padding:12px 14px;font-size:13px;line-height:1.5}.cf-celebrate{text-align:center;align-items:center}.cf-burst{background:radial-gradient(circle, var(--brand-light), transparent 70%);border-radius:50%;justify-content:center;align-items:center;width:132px;height:132px;margin:12px auto 18px;display:flex}.cf-share-btns{gap:10px;width:100%;margin:22px 0 14px;display:flex}.cf-share-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:7px;min-height:48px;font-size:14px;font-weight:700;transition:filter .12s,transform .12s;display:inline-flex}.cf-share-btn:hover{filter:brightness(1.08)}.cf-share-btn:active{transform:scale(.98)}.cf-reddit{background:#ff4500}.cf-discord{background:#5865f2}.cf-x{background:#0f0f0f}.cf-copylink{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;align-items:center;gap:10px;width:100%;padding:7px 7px 7px 14px;display:flex}.cf-copylink-url{text-align:left;min-width:0;color:var(--txt2);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.cf-copylink-btn{color:#fff;background:var(--brand);border-radius:8px;flex-shrink:0;padding:9px 16px;font-size:13px;font-weight:700}.cf-input:focus-visible,.cf-chip:focus-visible,.cf-cover:focus-visible,.cf-cta:focus-visible,.cf-ghost:focus-visible,.cf-skip:focus-visible,.cf-radio:focus-visible,.cf-minidot:focus-visible,.cf-addq:focus-visible,.cf-share-btn:focus-visible,.cf-copylink:focus-visible,.cf-qinput:focus-visible,.cf-answer-input:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){.cf-qcard{animation:none}.cf-dot,.cf-minidot,.cf-cta,.cf-share-btn{transition:none}}.cf-cta{justify-content:center;align-items:center;gap:8px;display:inline-flex}.cf-cta:disabled{opacity:.5;cursor:default}.cf-cta:disabled:hover{background:var(--brand)}.cf-cta .bt-spinner{width:18px;height:18px}.cf-ghost{text-decoration:none}.cf-mini-hint{color:var(--txt3);text-align:center;margin:8px 0 0;font-size:12px}.cf-publish-now{color:var(--correct);text-align:center;margin:8px 0 0;font-size:12.5px;font-weight:600}.cf-reqs{color:var(--txt2);background:var(--surface-alt);border-radius:12px;margin:0 0 14px;padding:12px 14px;font-size:13px;line-height:1.5}.cf-error{color:var(--wrong);margin:0 0 12px;font-size:13px;line-height:1.5}.cf-inline-link{color:var(--brand);font-weight:600;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.cf-remove{color:var(--txt3);cursor:pointer;background:0 0;border:none;margin-top:12px;padding:4px 0;font-size:12px;text-decoration:underline;display:block}.cf-body .auth-btn:disabled,.cf-body .email-btn:disabled{opacity:.55;cursor:default}.cf-uname-row{align-items:center;display:flex;position:relative}.cf-uname-at{color:var(--txt3);pointer-events:none;font-size:15px;font-weight:600;position:absolute;left:14px}.cf-uname-input{padding-left:30px}.cf-uname-status{min-height:16px;color:var(--txt3);margin:6px 0 12px;font-size:12px}.cf-uname-status.is-available{color:var(--correct)}.cf-uname-status.is-taken,.cf-uname-status.is-invalid{color:var(--wrong)}.scm-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.16s scmFade;display:flex;position:fixed;inset:0}.scm-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:460px;max-height:92vh;box-shadow:var(--shadow-lift,0 16px 50px #00000059);border-radius:20px;padding:18px;animation:.2s cubic-bezier(.22,1,.36,1) scmRise;overflow-y:auto}@keyframes scmFade{0%{opacity:0}to{opacity:1}}@keyframes scmRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.scm-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.scm-title{font-family:var(--font-display);color:var(--txt1);margin:0;font-size:19px;font-weight:800}.scm-close{background:var(--surface-alt);width:36px;height:36px;color:var(--txt2);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.scm-close:hover{background:var(--border)}.scm-preview{aspect-ratio:1200/630;background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex;position:relative;overflow:hidden}.scm-preview img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.scm-preview-spin{border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;width:26px;height:26px;animation:.7s linear infinite btSpin;position:absolute}.scm-field{margin-bottom:14px}.scm-label{color:var(--txt2);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.scm-val{color:var(--txt3);font-weight:600}.scm-swatches{gap:8px;display:flex}.scm-swatch{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:5px;padding:7px 4px;transition:border-color .12s;display:flex}.scm-swatch.on{border-color:var(--brand)}.scm-swatch-chip{border-radius:7px;width:100%;height:26px}.scm-swatch-label{color:var(--txt3);font-size:10.5px;font-weight:600}.scm-swatch.on .scm-swatch-label{color:var(--brand)}.scm-range{width:100%;accent-color:var(--brand);cursor:pointer;height:28px}.scm-input{border:1.5px solid var(--border);background:var(--bg);width:100%;min-height:46px;color:var(--txt1);font-family:var(--font-body);border-radius:11px;padding:11px 13px;font-size:14px}.scm-input::placeholder{color:var(--txt3)}.scm-input:focus-visible{border-color:var(--brand);outline:none}.scm-status{margin:0 0 12px;font-size:13px;line-height:1.4}.scm-status.ok{color:var(--correct)}.scm-status.err{color:var(--wrong)}.qsr-row{gap:8px;display:flex}.qsr-btn{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--txt2);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:700;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.qsr-btn:hover{color:#fff;border-color:#0000}.qsr-reddit:hover{background:#ff4500}.qsr-discord:hover{background:#5865f2}.qsr-twitter:hover{background:#0f0f0f}.qsr-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.scm-platforms{gap:8px;margin-top:4px;display:flex}.scm-plat-btn{color:#fff;min-height:50px;font-family:var(--font-display);cursor:pointer;border:none;border-radius:13px;flex:1;font-size:15px;font-weight:700;transition:filter .12s}.scm-plat-btn:hover{filter:brightness(1.08)}.scm-plat-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.scm-actions{flex-direction:column;gap:8px;margin-top:4px;display:flex}.scm-share-btn{color:#fff;min-height:50px;font-family:var(--font-display);cursor:pointer;border:none;border-radius:13px;justify-content:center;align-items:center;font-size:15px;font-weight:700;transition:filter .12s;display:inline-flex}.scm-share-btn:hover{filter:brightness(1.08)}.scm-share-btn:disabled{opacity:.6;cursor:default}.scm-cancel{min-height:44px;color:var(--txt3);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.scm-cancel:hover{color:var(--txt1)}.scm-btn-spin{border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite btSpin}.scm-close:focus-visible,.scm-swatch:focus-visible,.scm-range:focus-visible,.scm-share-btn:focus-visible,.scm-cancel:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){.scm-backdrop,.scm-card,.scm-preview-spin,.scm-btn-spin{animation:none}}.cf-inline-link:focus-visible,.cf-remove:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.placeholder\:text-\[var\(--text-ghost\)\]::placeholder{color:var(--text-ghost)}.placeholder\:text-ghost::placeholder{color:var(--text-ghost)}.placeholder\:text-tertiary::placeholder{color:var(--text-tertiary)}.last\:border-0:last-child{border-width:0}.last\:border-b-0:last-child{border-bottom-width:0}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-.125rem;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))}.hover\:-translate-y-\[3px\]:hover{--tw-translate-y:-3px;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))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;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))}.hover\:border-\[\#ED93B1\]:hover{--tw-border-opacity:1;border-color:rgb(237 147 177/var(--tw-border-opacity,1))}.hover\:border-\[\#FF4500\]:hover{--tw-border-opacity:1;border-color:rgb(255 69 0/var(--tw-border-opacity,1))}.hover\:border-\[var\(--accent\)\]:hover{border-color:var(--accent)}.hover\:border-\[var\(--border\)\]:hover{border-color:var(--border)}.hover\:border-accent:hover{border-color:var(--accent)}.hover\:border-accent-hover:hover{border-color:var(--accent-hover)}.hover\:border-default:hover{border-color:var(--border)}.hover\:bg-\[\#D5EAC0\]:hover{--tw-bg-opacity:1;background-color:rgb(213 234 192/var(--tw-bg-opacity,1))}.hover\:bg-\[\#E0DEFD\]:hover{--tw-bg-opacity:1;background-color:rgb(224 222 253/var(--tw-bg-opacity,1))}.hover\:bg-\[\#FCEBEB\]:hover{--tw-bg-opacity:1;background-color:rgb(252 235 235/var(--tw-bg-opacity,1))}.hover\:bg-\[\#FDE8DA\]:hover{--tw-bg-opacity:1;background-color:rgb(253 232 218/var(--tw-bg-opacity,1))}.hover\:bg-\[var\(--bg-surface\)\]:hover{background-color:var(--bg-surface)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-accent-bg:hover{background-color:var(--accent-bg)}.hover\:bg-accent-hover:hover{background-color:var(--accent-hover)}.hover\:bg-correct-bg:hover{background-color:var(--correct-bg)}.hover\:bg-primary:hover{background-color:var(--bg-primary)}.hover\:bg-surface:hover{background-color:var(--bg-surface)}.hover\:bg-wrong-bg:hover{background-color:var(--wrong-bg)}.hover\:text-\[\#FF4500\]:hover{--tw-text-opacity:1;color:rgb(255 69 0/var(--tw-text-opacity,1))}.hover\:text-\[var\(--text-primary\)\]:hover{color:var(--text-primary)}.hover\:text-\[var\(--text-secondary\)\]:hover{color:var(--text-secondary)}.hover\:text-accent:hover{color:var(--accent)}.hover\:text-accent-hover:hover{color:var(--accent-hover)}.hover\:text-primary:hover{color:var(--text-primary)}.hover\:text-secondary:hover{color:var(--text-secondary)}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:text-wrong:hover{color:var(--wrong)}.hover\:underline:hover{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-85:hover{opacity:.85}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_12px_30px_rgba\(0\,0\,0\,0\.09\)\]:hover{--tw-shadow:0 12px 30px #00000017;--tw-shadow-colored:0 12px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\:border-\[var\(--accent\)\]:focus{border-color:var(--accent)}.focus\:border-\[var\(--border\)\]:focus{border-color:var(--border)}.focus\:border-accent:focus{border-color:var(--accent)}.focus\:border-default:focus{border-color:var(--border)}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-1:focus{--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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-accent:focus{--tw-ring-color:var(--accent)}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-2:focus-visible{--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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-\[var\(--accent\)\]:focus-visible{--tw-ring-color:var(--accent)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.active\:scale-\[0\.97\]:active{--tw-scale-x:.97;--tw-scale-y:.97;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))}.active\:scale-\[0\.98\]:active{--tw-scale-x:.98;--tw-scale-y:.98;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))}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:active\:scale-100:active:disabled{--tw-scale-x:1;--tw-scale-y:1;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))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;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))}.group:hover .group-hover\:scale-\[1\.04\]{--tw-scale-x:1.04;--tw-scale-y:1.04;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))}.group:hover .group-hover\:scale-\[1\.06\]{--tw-scale-x:1.06;--tw-scale-y:1.06;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))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:640px){.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-0{padding-left:0;padding-right:0}}@media (min-width:768px){.md\:h-12{height:3rem}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.md\:pb-8{padding-bottom:2rem}.md\:pt-16{padding-top:4rem}.md\:pt-6{padding-top:1.5rem}}