@import url("https://fonts.googleapis.com/css2?family=Bungee&family=Fredoka:wght@400;500;600;700&display=swap");*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings: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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.app-container{margin-left:auto;margin-right:auto;width:100%;max-width:80rem}.game-card{border-radius:1.9rem;--tw-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);background:var(--surface);border:1px solid var(--line);color:var(--text)}.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:1.35rem;padding:.875rem 1.5rem;font-weight:800;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background:linear-gradient(120deg,#ffbe0b,#ff9400);color:#1e1100}.btn-dark{border-radius:1.35rem;border:1px solid var(--line)}.btn-dark,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:700;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background:var(--surface2);color:var(--text)}.btn-outline{border-radius:1.35rem;border:1px solid #ffaf0050}.label{margin-bottom:.5rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:700;color:var(--muted)}.field{display:block;width:100%;border-radius:1.35rem;padding:.875rem 1rem;outline:2px solid transparent;outline-offset:2px;background:var(--surface2);border:1px solid var(--line);color:var(--text)}.field:focus{border-color:var(--orange)}.field::-moz-placeholder{color:var(--muted)}.field::placeholder{color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;padding:.375rem 1rem;font-size:.75rem;line-height:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:var(--chip);border:1px solid #ffb6003c;color:var(--orange)}.heading{font-size:2.25rem;line-height:2.5rem;font-weight:900;line-height:1.25;letter-spacing:-.025em}@media (min-width:640px){.heading{font-size:3rem;line-height:1}}@media (min-width:1024px){.heading{font-size:3.75rem;line-height:1}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.static{position:static}.absolute{position:absolute}.relative{position:relative}.inset-y-0{top:0;bottom:0}.right-1{right:.25rem}.right-2{right:.5rem}.top-0{top:0}.z-10{z-index:10}.z-30{z-index:30}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-auto{margin-top:auto;margin-bottom:auto}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.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}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-32{height:8rem}.h-40{height:10rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[76px\]{height:76px}.h-full{height:100%}.min-h-\[76px\]{min-height:76px}.min-h-\[78px\]{min-height:78px}.min-h-\[80px\]{min-height:80px}.w-11{width:2.75rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-32{width:8rem}.w-40{width:10rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-3xl{max-width:48rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.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))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.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-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))}.space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem * var(--tw-space-y-reverse))}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.\!rounded-full{border-radius:9999px!important}.rounded-2xl{border-radius:1.35rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[\#ffa50055\]{border-color:#ffa50055}.border-\[var\(--line\)\]{border-color:var(--line)}.border-emerald-400\/30{border-color:rgb(52 211 153/.3)}.border-orange{--tw-border-opacity:1;border-color:rgb(255 189 0/var(--tw-border-opacity,1))}.border-orange\/10{border-color:rgb(255 189 0/.1)}.border-orange\/20{border-color:rgb(255 189 0/.2)}.border-orange\/25{border-color:rgb(255 189 0/.25)}.border-orange\/30{border-color:rgb(255 189 0/.3)}.border-orange\/40{border-color:rgb(255 189 0/.4)}.border-orange\/50{border-color:rgb(255 189 0/.5)}.border-red-400\/30{border-color:rgb(248 113 113/.3)}.border-red-400\/40{border-color:rgb(248 113 113/.4)}.border-white\/10{border-color:rgb(255 255 255/.1)}.bg-\[\#090905\]{--tw-bg-opacity:1;background-color:rgb(9 9 5/var(--tw-bg-opacity,1))}.bg-\[\#0c0b07\]\/90{background-color:rgb(12 11 7/.9)}.bg-\[\#ffae00\]{--tw-bg-opacity:1;background-color:rgb(255 174 0/var(--tw-bg-opacity,1))}.bg-\[var\(--surface\)\]{background-color:var(--surface)}.bg-\[var\(--surface2\)\]{background-color:var(--surface2)}.bg-emerald-400\/10{background-color:rgb(52 211 153/.1)}.bg-orange{--tw-bg-opacity:1;background-color:rgb(255 189 0/var(--tw-bg-opacity,1))}.bg-orange\/10{background-color:rgb(255 189 0/.1)}.bg-orange\/15{background-color:rgb(255 189 0/.15)}.bg-orange\/5{background-color:rgb(255 189 0/.05)}.bg-red-500\/10{background-color:rgb(239 68 68/.1)}.bg-red-900\/20{background-color:rgb(127 29 29/.2)}.bg-white\/10{background-color:rgb(255 255 255/.1)}.bg-white\/\[\.03\]{background-color:rgb(255 255 255/.03)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#352411\]{--tw-gradient-from:#352411 var(--tw-gradient-from-position);--tw-gradient-to:rgb(53 36 17/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-\[\#15130f\]{--tw-gradient-to:#15130f var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.\!p-2{padding:.5rem!important}.p-10{padding:2.5rem}.p-14{padding:3.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-9{padding:2.25rem}.\!px-2{padding-left:.5rem!important;padding-right:.5rem!important}.\!px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.\!py-2\.5{padding-top:.625rem!important;padding-bottom:.625rem!important}.\!py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.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-7{padding-left:1.75rem;padding-right:1.75rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.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-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-9{padding-top:2.25rem;padding-bottom:2.25rem}.pl-12{padding-left:3rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.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-\[10px\]{font-size:10px}.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}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-5{line-height:1.25rem}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[\.15em\]{letter-spacing:.15em}.tracking-\[\.18em\]{letter-spacing:.18em}.tracking-\[\.2em\]{letter-spacing:.2em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[var\(--muted\)\]{color:var(--muted)}.text-\[var\(--text\)\]{color:var(--text)}.text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-muted{--tw-text-opacity:1;color:rgb(173 169 160/var(--tw-text-opacity,1))}.text-orange{--tw-text-opacity:1;color:rgb(255 189 0/var(--tw-text-opacity,1))}.text-red-200{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/50{color:rgb(255 255 255/.5)}.text-white\/70{color:rgb(255 255 255/.7)}.text-white\/80{color:rgb(255 255 255/.8)}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.blur-3xl{--tw-blur:blur(64px)}.blur-3xl,.grayscale{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)}.grayscale{--tw-grayscale:grayscale(100%)}.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-xl{--tw-backdrop-blur:blur(24px);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,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--gold:#ffbe0b;--orange:#ff8a00;--bg:#090811;--side:#0f0e18;--surface:#181621;--surface2:#221f2c;--line:#ffffff18;--text:#fffdf5;--muted:#aba8b6;--chip:#30271c;--paper:#fff3cc;--strong:#09070f;color-scheme:dark}:root[data-theme=light]{--bg:#f5f4f6;--side:#fff;--surface:#fff;--surface2:#f1eff2;--line:#17121b18;--text:#231c2a;--muted:#777181;--chip:#fff2d4;--paper:#fff5ce;--strong:#1b1420;color-scheme:light}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}img{max-width:100%}.app-frame{display:flex;min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--text)}.sidebar{position:sticky;top:0;height:100vh;flex:0 0 244px;border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;z-index:60}.brand{display:flex;align-items:center;gap:10px;padding:7px 10px 38px}.brand img{width:46px;height:46px;-o-object-fit:contain;object-fit:contain}.brand strong{font-size:26px;letter-spacing:-.09em;line-height:1;display:block;font-weight:1000}.brand span{font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--muted)}.sidebar-caption{font-size:10px;letter-spacing:.21em;font-weight:900;color:var(--muted);padding:4px 18px 12px}.side-links{display:grid;gap:5px}.side-link{position:relative;display:flex;align-items:center;gap:13px;color:var(--muted);font-weight:750;font-size:14px;padding:14px 17px;border-radius:15px;transition:.2s}.side-link.selected,.side-link:hover{background:var(--surface2);color:var(--text)}.side-link.selected svg{color:var(--gold)}.side-link.selected i{width:6px;height:6px;background:var(--gold);border-radius:10px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:22px 12px}.app-audio-label{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}.side-toggle{width:100%;margin-top:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:12px 14px;font-size:13px;font-weight:800}.side-toggle,.studio-link{display:flex;align-items:center;justify-content:space-between}.studio-link{font-size:12px;color:var(--muted);margin-top:24px}.app-main{flex:1;min-width:0}.topbar{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(18px,3vw,42px);background:var(--side);position:sticky;top:0;z-index:40}.topbar-actions,.topbar-left{display:flex;align-items:center;gap:15px}.topbar-trail{font-size:13px;font-weight:750;color:var(--muted)}.brand-mini{display:none;font-size:23px;font-weight:1000;letter-spacing:-.08em}.brand-mini span{color:var(--gold)}.mobile-close,.top-mobile-menu{display:none}.icon-control{background:var(--surface2);border:1px solid var(--line);color:var(--text);width:42px;height:42px;display:grid;place-items:center;border-radius:13px}.icon-control:hover{border-color:var(--gold)}.coin-chip{display:flex;align-items:center;gap:8px;color:var(--text);background:var(--chip);padding:6px 13px 6px 7px;border-radius:30px;font-weight:900}.coin-chip img{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.coin-tag{color:var(--muted);font-size:11px}.user-chip{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800;color:var(--text);background:var(--surface2);border:1px solid var(--line);border-radius:30px;padding:5px 14px 5px 5px}.user-chip img{width:35px;height:35px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.main-content{max-width:1470px;margin:0 auto;padding:clamp(22px,3vw,44px) clamp(22px,3vw,44px) 70px;min-height:calc(100vh - 84px);background-image:radial-gradient(circle at 20% 18%,rgba(255,170,0,.025),transparent 35%)}.bottom-nav,.drawer-mask{display:none}.page-title{font-size:clamp(28px,3vw,39px);font-weight:950;line-height:1.06;letter-spacing:-.045em}.eyebrow{font-size:11px;font-weight:950;letter-spacing:.15em;text-transform:uppercase;color:var(--orange)}.muted{color:var(--muted)}.panel{border:1px solid var(--line);border-radius:25px}.panel,.stat-box{background:var(--surface)}.stat-box{border:1px solid var(--line);border-radius:21px;padding:22px}.btn-primary{background:linear-gradient(120deg,#ffba08,#ff8b03);color:#1e1100;border:none;border-radius:15px;font-weight:900;box-shadow:0 10px 27px #e18a0022}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 22px}.btn-secondary{background:var(--surface2);border:1px solid var(--line);color:var(--text);border-radius:15px;font-weight:850}.btn-primary:hover{filter:brightness(1.06)}.btn-secondary:hover{border-color:var(--orange)}.mode-tile{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;position:relative;transition:transform .2s,border .2s}.mode-tile:hover{transform:translateY(-3px);border-color:#ffad0070}.mode-tile .mode-icon{width:96px;height:96px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 12px 14px #0003)}.mode-tile h3{font-weight:950;font-size:18px}.mode-tile p{font-size:13px;color:var(--muted)}.tile-arrow{margin-left:auto;background:var(--surface2);border-radius:50%;padding:8px}.avatar-img{border-radius:19px;-o-object-fit:cover;object-fit:cover;background:#fff0bd}.avatar-img.selected{outline:3px solid var(--gold);outline-offset:2px}@media(max-width:1100px){.sidebar{flex-basis:206px}.topbar{padding:0 20px}.main-content{padding:28px 24px 85px}}@media(max-width:760px){.sidebar{position:fixed;top:0;left:0;height:100dvh;transform:translateX(-105%);transition:transform .2s;width:250px;box-shadow:0 0 40px #0004}.sidebar.sidebar-open{transform:none}.mobile-close{display:block;margin-left:auto;background:none;border:0;color:var(--text)}.drawer-mask{display:block;position:fixed;inset:0;background:#0009;border:0;z-index:50}.topbar{height:69px;padding:0 14px}.topbar-trail{display:none}.brand-mini{display:block}.top-mobile-menu{display:block;border:0;background:none;color:var(--text);padding:6px}.topbar-actions,.topbar-left{gap:7px}.coin-chip{padding:4px 9px 4px 4px}.coin-chip img{width:25px;height:25px}.coin-tag{display:none}.topbar .icon-control{width:34px;height:34px;border-radius:10px}.user-chip{padding:3px}.user-chip span{display:none}.user-chip img{width:30px;height:30px}.main-content{padding:22px 16px 110px;min-height:calc(100dvh - 69px)}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:45;height:calc(70px + env(safe-area-inset-bottom));padding:8px 8px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;background:var(--side);border-top:1px solid var(--line)}.bottom-nav a{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:var(--muted);font-weight:800;font-size:10px}.bottom-nav a.active{color:var(--orange)}.page-title{font-size:30px}}.game-summary-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:2px solid #ffc000;border-radius:24px;background:var(--surface);overflow:hidden}.game-summary-card>div{display:flex;align-items:center;gap:15px;padding:22px 24px;min-width:0}.game-summary-card>div+div{border-left:1px solid var(--line)}.summary-icon{width:50px;height:50px;border-radius:15px;background:var(--surface2);display:grid;place-items:center;flex-shrink:0}.summary-icon img{width:36px;height:36px;-o-object-fit:contain;object-fit:contain}.summary-icon svg{width:29px;height:29px}.game-summary-card small{font-size:12px;color:var(--muted);font-weight:700;display:block}.game-summary-card strong{font-size:clamp(19px,2vw,28px);font-weight:950;display:block;white-space:nowrap}.home-greeting{align-items:center;gap:20px}.home-greeting,.section-heading{display:flex;justify-content:space-between}.section-heading{align-items:end;gap:14px;margin-bottom:16px}.featured-challenge{display:flex;align-items:center;justify-content:space-between;min-height:205px;padding:24px 32px;gap:12px;background:#ed7610;color:#111;border-radius:24px;overflow:hidden}.featured-challenge h3{font-size:clamp(24px,3vw,38px);font-weight:1000;line-height:1.02;margin:14px 0 8px;color:#fff}.featured-challenge p{font-weight:650;font-size:13px;color:#201009}.featured-challenge>div{max-width:68%;z-index:1}.featured-challenge>img{width:min(28%,190px);-o-object-fit:contain;object-fit:contain}.feature-action{display:inline-flex;align-items:center;gap:10px;background:#111;color:white;border-radius:12px;font-weight:900;padding:12px 17px;margin-top:19px;font-size:13px}.game-mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.game-mode-button{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:48px;min-height:265px;padding:26px 22px 21px;border-radius:24px;border:3px solid transparent;box-shadow:0 7px 0 #0003;transition:transform .16s,filter .16s;color:#130c0c;overflow:hidden}.game-mode-button:hover{transform:translateY(-5px);filter:saturate(1.08)}.game-mode-button:focus-visible{outline:4px solid #ff9a00;outline-offset:4px}.mode-button-label{white-space:pre-line;font-size:clamp(27px,2.3vw,36px);line-height:1.02;font-weight:1000;letter-spacing:-.055em;max-width:9ch}.mode-button-foot{display:flex;align-items:end;justify-content:space-between;gap:8px;font-size:12px;line-height:1.32;font-weight:700}.mode-button-foot span{max-width:13ch}.mode-button-foot svg{flex-shrink:0}.mode-quick-card{background:linear-gradient(160deg,#fffdf2,#ffe35a 90%);border-color:#ffd000}.mode-rapid-card{background:linear-gradient(160deg,#fff4f0,#e26a4a 90%);border-color:#e05429}.mode-themed-card{background:linear-gradient(160deg,#fff2f6,#ca4487 90%);border-color:#cb3d79}.mode-study-card{background:linear-gradient(160deg,#fff5de,#f3b342 90%);border-color:#e99e22}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.quick-actions>a{display:flex;align-items:center;gap:17px;border:1px solid var(--line);background:var(--surface);padding:20px;border-radius:19px;color:var(--text)}.quick-actions>a>div{flex:1}.quick-actions small,.quick-actions strong{display:block}.quick-actions strong{font-weight:850}.quick-actions small{font-size:12px;color:var(--muted);margin-top:4px}.shop-item{border:1px solid #ffbd003f;border-radius:22px;background:var(--surface);overflow:hidden}.shop-art{background:#090709;min-height:170px;align-items:center;justify-content:center;position:relative;overflow:hidden}.shop-art:before{content:"";position:absolute;inset:-45%;background:repeating-conic-gradient(from 0deg,#ffffff11 0deg 10deg,#0000 10deg 21deg)}.shop-art img{position:relative;z-index:1;width:124px;height:124px;-o-object-fit:contain;object-fit:contain}.shop-cost{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:#ffe15c;color:#17120a;font-weight:950;font-size:21px;border-radius:12px}.shop-cost img{width:28px;height:28px;-o-object-fit:contain;object-fit:contain}:root[data-theme=light] .brand strong,:root[data-theme=light] .brand-mini{background:#090811;color:#fff;border-radius:7px;padding:4px 7px}:root[data-theme=light] .featured-challenge h3{color:#090811}@media(max-width:1150px){.game-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-mode-button{min-height:245px}}@media(max-width:760px){.home-greeting .btn-secondary{display:none}.home-greeting .page-title{font-size:25px}.game-summary-card{border-radius:19px}.game-summary-card>div{padding:10px 7px;gap:3px;flex-direction:column;text-align:center}.game-summary-card strong{font-size:17px}.game-summary-card small{font-size:10px}.summary-icon{width:31px;height:31px;background:transparent}.summary-icon img{width:30px;height:30px}.summary-icon svg{width:23px;height:23px}.featured-challenge{min-height:180px;padding:19px}.featured-challenge>div{max-width:75%}.featured-challenge>img{width:28%}.featured-challenge h3{font-size:25px}.feature-action{padding:9px 12px}.game-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.game-mode-button{min-height:224px;padding:21px 15px 17px;border-radius:20px}.mode-button-label{font-size:27px}.quick-actions{grid-template-columns:1fr}.section-heading h2{font-size:21px}}@media(max-width:390px){.game-mode-button{min-height:199px}.mode-button-label{font-size:23px}.mode-button-foot{font-size:11px}}.entry-frame{min-height:100dvh;background:var(--bg);color:var(--text)}.entry-controls{position:fixed;right:18px;top:18px;display:flex;gap:8px;z-index:40}.entry-controls button{background:var(--surface);color:var(--text);border:1px solid var(--line);padding:10px;border-radius:12px}.welcome-screen{min-height:100dvh;display:grid;grid-template-columns:1fr .85fr}.welcome-left{padding:clamp(38px,8vw,110px) clamp(20px,7vw,100px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px}.welcome-mark{display:flex;align-items:center;gap:12px;margin-bottom:22px}.welcome-mark img{width:52px;height:52px;-o-object-fit:contain;object-fit:contain}.welcome-mark span{font-weight:1000;font-size:23px}.welcome-headline{font-size:clamp(42px,5.5vw,85px);line-height:1.05;font-weight:1000;letter-spacing:-.05em}.welcome-headline span{color:var(--orange)}.welcome-copy{max-width:500px;color:var(--muted);line-height:1.6;font-size:16px}.welcome-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:17px}.welcome-guest{display:inline-flex;gap:8px;align-items:center;color:var(--text);font-weight:850;padding:12px;text-decoration:underline;text-decoration-color:var(--orange)}.guest-notice{display:flex;align-items:start;gap:10px;font-size:12px;color:var(--muted);line-height:1.55;max-width:550px}.guest-notice svg{flex-shrink:0;color:var(--orange)}.welcome-options{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;color:var(--muted);font-size:12px;font-weight:700}.welcome-options span{display:flex;gap:8px;align-items:center}.welcome-right{background:#090610 url(/playtrivia/assets/hero.webp) 50%/cover;display:flex;align-items:center;justify-content:center;padding:35px}.welcome-title-card{width:min(390px,100%);text-align:center;padding:36px;background:#08060bea;color:#fff;border:2px solid #ffaf00;border-radius:26px;box-shadow:0 22px 80px #0009}.welcome-title-card>span{font-size:13px;letter-spacing:.2em;color:#ffbc00;font-weight:900}.welcome-title-card img{max-height:250px;width:100%;-o-object-fit:contain;object-fit:contain;margin:16px auto}.welcome-title-card strong{font-size:clamp(20px,2.7vw,34px);line-height:1.02;display:block;font-weight:1000}.welcome-title-card p{font-size:12px;letter-spacing:.17em;margin-top:15px;color:#ffcc4b}.login-layout{min-height:100dvh;display:grid;grid-template-columns:.78fr 1fr}.login-art{position:relative;background:#0d0711;color:white;overflow:hidden;min-height:570px;display:flex;align-items:end;padding:65px}.login-art>img{position:absolute;width:100%;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;opacity:.62}.login-art>div{position:relative;z-index:1}.login-art h2{font-size:clamp(30px,3.7vw,53px);line-height:1.04;font-weight:1000;margin:13px 0}.login-art p:last-child{color:#fff9;font-size:14px}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:55px 25px}.login-form-inner{width:min(450px,100%)}.brand-mark{display:flex;align-items:center;gap:13px}.brand-logo{display:inline-flex;padding:7px 12px;border-radius:9px;background:#090811;color:white;font-weight:1000;font-size:22px}.brand-mark small{font-weight:900;letter-spacing:.08em;font-size:10px}.auth-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:25px 0;background:var(--surface2);padding:5px;border-radius:14px}.auth-switch button{padding:12px 4px;border-radius:10px;font-size:13px;font-weight:850}.auth-switch button.active{background:#ffae00;color:#100e0b}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted)}.guest-warning{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:var(--surface2);border:1px solid #ffc12580;color:var(--text);border-radius:16px;font-size:12px;line-height:1.55}.guest-warning svg{flex-shrink:0;color:#f3a100}.guest-warning strong{display:block;font-size:13px}.auth-error{border:1px solid #dc2626;padding:12px;background:#dc26261a;border-radius:12px;color:#ff7575}.entry-loading{text-align:center;padding:90px}.leaderboard-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.leaderboard-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;padding:15px;border-radius:16px;border:2px solid var(--line);font-weight:900}.leaderboard-tabs button.on{border-color:#ffc000;background:var(--surface)}.score-banner{display:flex;justify-content:space-between;gap:20px;border:2px solid #ffc000;border-radius:22px;background:var(--surface);padding:18px 24px}.score-banner>div{display:flex;flex-direction:column;gap:3px}.score-banner strong{font-weight:1000;font-size:24px}.podium{display:flex;align-items:end;justify-content:center;gap:12px;padding:28px 15px;background:var(--surface);border:1px solid var(--line);border-radius:24px}.podium-person{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;padding:18px 7px;background:var(--surface2);border-radius:20px}.podium-person.first{border:2px solid #e7ab00}.podium-person img{width:clamp(70px,11vw,120px);aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border:4px solid #ffc000;border-radius:24px}.podium-person>strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-person>span:last-child{font-weight:950;color:var(--orange)}.podium-rank{gap:4px;font-weight:950}.leader-row,.podium-rank{display:flex;align-items:center}.leader-row{gap:14px;padding:12px 18px;border:1px solid #ffbe0060;background:var(--surface);border-radius:16px}.leader-row>img{width:43px;height:43px;border-radius:12px}.leader-row>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:850}.leader-row.mine{border-color:#ffa800}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:24px}.profile-stats>div{padding:15px 9px;background:var(--surface2);border-radius:15px;text-align:center}.profile-stats span{color:var(--muted);display:block;font-size:11px}.profile-stats strong{display:block;margin-top:5px;font-size:19px;font-weight:1000}.account-link{display:flex;align-items:center;gap:12px;border-radius:13px;padding:14px 8px;font-weight:850;color:var(--text)}.account-link:hover{background:var(--surface2)}.account-link>svg:last-child{margin-left:auto}.shop-balance{display:flex;gap:13px;align-items:center;padding:18px 25px;border:2px solid #f5bb00;border-radius:22px;background:var(--surface);font-size:27px}.shop-balance>img{width:48px;height:48px}.shop-art{display:flex;flex-direction:column;gap:8px}.shop-art>strong{position:relative;color:#ffea00;text-shadow:0 3px 0 #ff7900;font-size:24px;font-weight:1000;z-index:2}.shop-art>img{width:115px;height:115px}.combo-art{display:flex;align-items:center;position:relative;z-index:2}.combo-art img{width:33%;max-height:105px;-o-object-fit:contain;object-fit:contain}.modal-scrim{position:fixed;inset:0;z-index:100;background:#000a;display:flex;align-items:center;justify-content:center;padding:24px}.purchase-dialog{max-width:450px;width:100%;box-shadow:0 20px 80px #0008}.study-note{margin-top:20px;border:1px solid #ffa700;padding:17px;border-radius:18px;background:var(--surface2);font-size:13px;line-height:1.55}.study-note strong{color:var(--orange)}.study-note p{margin-top:7px}.study-note small{color:var(--muted);display:block;margin-top:5px}@media(max-width:900px){.welcome-screen{grid-template-columns:1fr}.welcome-right{display:none}.login-layout{grid-template-columns:1fr}.login-art{display:none}.account-grid{grid-template-columns:1fr}}@media(max-width:600px){.welcome-screen{align-content:center}.welcome-left{padding:78px 22px 50px;gap:16px}.welcome-mark{margin-bottom:9px}.welcome-headline{font-size:clamp(37px,10vw,58px)}.welcome-copy{font-size:15px}.welcome-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.welcome-actions .btn-primary,.welcome-guest{grid-column:span 2}.welcome-guest{justify-content:center}.login-form-wrap{padding:62px 20px 40px}.leaderboard-tabs button{font-size:13px}.podium{gap:5px;padding:15px 7px}.podium-person{padding:12px 3px}.podium-person img{width:clamp(62px,19vw,90px);border-radius:14px}.podium-person>strong{font-size:11px}.shop-art{min-height:145px}.shop-art>img{width:95px;height:90px}.shop-art>strong{font-size:19px}.shop-balance{font-size:22px}.shop-balance>img{width:35px;height:35px}.score-banner{padding:12px 16px}}:root[data-theme=dark] .featured-challenge p{color:#fff}:root[data-theme=light] .featured-challenge p{color:#18100b}:root{--motion-snap:cubic-bezier(.2,.82,.24,1);--motion-pop:cubic-bezier(.2,1.55,.4,1);--brand-body:"Fredoka",ui-rounded,system-ui,-apple-system,sans-serif;--brand-display:"Bungee","Arial Black",Impact,sans-serif}body,button,input,select,textarea{font-family:var(--brand-body)}body{font-weight:500;letter-spacing:.005em}.brand strong,.featured-challenge h3,.mode-button-label,.page-title,.section-heading h2,.shop-art>strong,.support-hero h1,.support-section-title,.welcome-headline,.welcome-title-card strong{font-family:var(--brand-display);font-weight:400;letter-spacing:-.018em}.page-title{line-height:1.22}.welcome-headline{line-height:1.2;letter-spacing:-.02em}.mode-button-label{font-size:clamp(20px,2vw,29px);line-height:1.28;max-width:13ch}.brand strong{font-size:23px;letter-spacing:-.025em}.featured-challenge h3{line-height:1.22}a,button,input,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffb600;outline-offset:3px}.btn-dark,.btn-gold,.btn-outline,.btn-primary,.btn-secondary,.feature-action,.support-mail-btn{transition:transform .24s var(--motion-pop),box-shadow .24s var(--motion-snap),background-color .2s ease,filter .2s ease,border-color .2s ease;transform-origin:center bottom}.btn-dark:hover,.btn-gold:hover,.btn-outline:hover,.btn-primary:hover,.btn-secondary:hover,.feature-action:hover,.support-mail-btn:hover{transform:translateY(-3px) scale(1.018);box-shadow:0 10px 24px #0002}.btn-dark:active,.btn-gold:active,.btn-outline:active,.btn-primary:active,.btn-secondary:active,.feature-action:active,.support-mail-btn:active{transform:translateY(1px) scale(.97)}.game-mode-button{transition:transform .28s var(--motion-pop),box-shadow .28s ease,filter .24s ease}.game-mode-button:hover{transform:translateY(-7px) rotate(-.65deg);box-shadow:0 12px 0 #0003,0 22px 30px #0002}.game-mode-button:active{transform:translateY(1px) scale(.97);box-shadow:0 3px 0 #0003}.account-link,.coin-chip,.icon-control,.leader-row,.quick-actions>a,.shop-item,.side-link,.stat-box,.support-shortcut,.user-chip{transition:transform .22s var(--motion-snap),box-shadow .22s ease,background-color .22s ease,border-color .22s ease}.quick-actions>a:hover,.shop-item:hover,.stat-box:hover,.support-shortcut:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0002}.account-link:hover,.coin-chip:hover,.leader-row:hover,.side-link:hover,.user-chip:hover{transform:translateX(3px)}.leader-row:hover{border-color:var(--gold)}.icon-control:hover{transform:translateY(-2px) rotate(-5deg)}.icon-control:active{transform:scale(.92)}.view-enter{animation:screenEnter .32s var(--motion-snap) both}@keyframes screenEnter{0%{opacity:.15;transform:translateY(9px)}to{opacity:1;transform:none}}.featured-challenge>img{transition:transform .35s var(--motion-pop)}.featured-challenge:hover>img{transform:rotate(-7deg) scale(1.1)}.mode-study-card{background:linear-gradient(148deg,#fff,#f3eafe 43%,#b083ee);border-color:#8c55d2;color:#2c1545}.mode-study-card .mode-button-foot{color:#4d2b6f}.study-quiz .game-card{border:2px solid #9c74ef;box-shadow:0 15px 48px rgba(131,73,199,.08)}.study-quiz .study-head{background:linear-gradient(115deg,#fff 8%,#efe4ff 60%,#c8a8fd);color:#2e1745;border-color:#a679e1}.study-quiz .study-head .text-orange{color:#733ac4}.study-quiz .study-note{background:linear-gradient(125deg,#fff,#eee1ff);color:#35214f;border-color:#b189e8}.study-quiz .study-note strong{color:#733ac4}.study-quiz .study-note small{color:#58436f}.study-quiz .question-card{border-radius:23px;background:linear-gradient(135deg,#fff,#f1e8ff 76%,#dbbfff);color:#2d1a49;padding:25px;border:1px solid #ae8ad6;box-shadow:0 4px 0 #a676d566}.study-quiz .study-answers button:not(:disabled){border-color:#b59bdb;background:#fbf7ff}.study-quiz .study-answers button:hover:not(:disabled){background:#efe1ff;border-color:#995de4;transform:translateY(-2px)}.study-quiz .study-answers button:not(:disabled){color:#2d1a49}.study-quiz .study-answers button span{color:#8a50d4}.study-quiz .study-result{border-color:#a37be7}.study-quiz .study-result strong{color:#4d2d79}.study-quiz .study-start{border-color:#9c74ef}@media(max-width:760px){.mode-button-label{font-size:clamp(18px,5vw,25px)}.brand strong{font-size:21px}.page-title{line-height:1.26}.featured-challenge h3{line-height:1.2}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.view-enter{transform:none}}.support-page{display:flex;flex-direction:column;gap:32px;min-width:0}.support-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:clamp(28px,4vw,55px);min-height:260px;background:#ff9200;color:#16100b;border:2px solid #cf6300;border-radius:27px;isolation:isolate}.support-hero:after{content:"";position:absolute;right:-110px;bottom:-220px;width:460px;height:460px;border:48px solid #fff2;border-radius:50%;z-index:-1}.support-hero-copy{max-width:620px;position:relative;z-index:2}.support-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#14100a;color:#ffcc49;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.09em}.support-hero h1{font-size:clamp(29px,3.5vw,51px);line-height:1.25;margin:15px 0}.support-hero h1 span{color:white;text-shadow:0 3px 0 #a94d04}.support-hero-copy>p{font-weight:600;font-size:15px;line-height:1.5}.support-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.support-hero-actions .btn-primary{background:#120f11;color:#fff;box-shadow:0 5px 0 #643005}.support-hero-actions .btn-secondary{background:white;color:#1d140a;border-color:#fff}.support-hero-art{position:relative;display:grid;place-items:center;flex:0 0 235px;height:210px}.support-hero-art img{width:195px;height:195px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 17px 20px #8e450660);animation:chestFloat 4s ease-in-out infinite}.support-orb{position:absolute;top:8px;right:18px;width:52px;height:52px;background:#111;color:#ffbc00;border:4px solid #fff;border-radius:18px;display:grid;place-items:center;font:26px var(--brand-display);transform:rotate(10deg)}.support-sparkle{font-size:30px;position:absolute;color:#fff}.support-sparkle-a{left:8px;top:8px}.support-sparkle-b{right:21px;bottom:6px}@keyframes chestFloat{50%{transform:translateY(-7px) rotate(-3deg)}}.support-section{min-width:0}.support-section-title{font-size:clamp(23px,2vw,30px);line-height:1.35}.support-intro{color:var(--muted);font-size:14px;margin-top:9px}.support-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.support-shortcut{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:18px;padding:17px;min-width:0}.support-shortcut-icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px}.shortcut-yellow{background:#ffdc67;color:#6f3700}.shortcut-orange{background:#ffab7e;color:#68230b}.shortcut-blue{background:#d5efff;color:#12527b}.support-shortcut>span:nth-child(2){min-width:0;flex:1}.support-shortcut strong{display:block;font-size:15px;line-height:1.25}.support-shortcut small{display:block;font-size:12px;line-height:1.35;margin-top:4px;color:var(--muted);overflow-wrap:anywhere}.support-shortcut-arrow{flex-shrink:0;color:var(--orange)}.social-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.social-card{position:relative;min-width:0;display:flex;align-items:center;gap:16px;min-height:118px;padding:22px 25px;border-radius:22px;color:white;box-shadow:0 5px 0 #0002;transition:transform .26s var(--motion-pop),box-shadow .26s ease,filter .26s ease;overflow:hidden;isolation:isolate}.social-card:after{content:"";position:absolute;right:-50px;top:-76px;width:215px;height:215px;border:2px solid #fff3;border-radius:50%;z-index:-1}.social-card:before{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:radial-gradient(circle at 8px 12px,var(--bg) 6px,transparent 6.5px) repeat-x;background-size:40px 16px;opacity:.7}.social-card:hover{transform:translateY(-6px) rotate(-.7deg);filter:saturate(1.05);box-shadow:0 10px 0 #0003}.social-card:active{transform:translateY(1px) scale(.99)}.social-card-icon{width:56px;height:56px;flex-shrink:0;background:#ffffff32;border:1px solid #ffffff60;display:grid;place-items:center;border-radius:16px;box-shadow:0 5px 10px #0002}.social-card-copy{min-width:0;flex:1}.social-card-copy strong{display:block;font-size:19px;font-weight:700}.social-card-copy small{display:block;font-size:12px;margin-top:2px;color:#fffd;overflow-wrap:anywhere}.social-arrow{flex-shrink:0}.social-facebook{background:#1863ca}.social-instagram{background:linear-gradient(115deg,#b62b83,#ea397f 63%,#ff8552)}.social-tiktok{background:#161518}.social-x{background:#17bbca}.social-youtube{background:#ef3327}.support-faq-layout{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1fr);align-items:start;gap:30px}.support-text-link{display:inline-flex;gap:8px;align-items:center;color:var(--orange);font-weight:700;margin-top:20px}.support-text-link:hover{text-decoration:underline}.support-faq-list{display:grid;gap:10px}.support-faq-item{border:1px solid var(--line);border-radius:17px;background:var(--surface);overflow:hidden}.support-faq-item:has(button[aria-expanded=true]){border-color:#ffae32}.support-faq-item h3{margin:0}.support-faq-item button{width:100%;border:0;background:transparent;color:var(--text);padding:19px 20px;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:20px;font-size:15px;font-weight:700}.support-faq-item button svg{flex-shrink:0;transition:transform .25s ease}.support-faq-item button[aria-expanded=true] svg{transform:rotate(180deg)}.support-faq-item p{padding:0 20px 20px;line-height:1.55;color:var(--muted);font-size:14px}.support-contact-banner{background:#b52205;border-radius:24px;padding:24px 27px;color:white;display:flex;align-items:center;gap:20px}.support-contact-icon{flex-shrink:0;width:70px;height:70px;border-radius:20px;display:grid;place-items:center;background:#ffffff25;transform:rotate(-8deg)}.support-contact-banner>div:nth-child(2){flex:1}.support-contact-banner .eyebrow{color:#ffd76b}.support-contact-banner h2{font:400 clamp(20px,2vw,28px)/1.2 var(--brand-display);margin:4px 0}.support-contact-banner p:last-child{font-size:13px;color:#fffdf5}.support-mail-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 18px;border-radius:12px;background:#fff;color:#1c0c06;font-weight:700;white-space:nowrap}.support-legal{border-top:1px solid var(--line);padding:25px 5px 40px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px}.support-legal-brand{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--text)}.support-legal-brand img{width:36px;height:36px;-o-object-fit:contain;object-fit:contain}.support-legal-links{display:flex;align-items:center;flex-wrap:wrap;gap:17px}.support-legal-links a{display:flex;align-items:center;gap:6px;color:var(--muted)}.support-legal-links a:hover{color:var(--orange)}.welcome-support-links{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:16px}.welcome-support-links a{display:inline-flex;gap:6px;align-items:center;color:var(--muted);font-size:12px;font-weight:700}.welcome-support-links a:hover{color:var(--orange)}.profile-menu-wrap{position:relative}.profile-popover{position:absolute;right:0;top:calc(100% + 10px);width:235px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 15px 32px #0004;padding:8px;z-index:70;animation:screenEnter .18s ease both}.profile-popover-name{font-size:11px;color:var(--muted);padding:11px;border-bottom:1px solid var(--line);margin-bottom:5px}.profile-popover-name strong{display:block;margin-top:3px;color:var(--text);font-size:13px}.profile-popover a,.profile-popover button{display:flex;gap:10px;align-items:center;width:100%;text-align:left;border:0;background:transparent;color:var(--text);padding:12px;border-radius:10px;font-size:13px;font-weight:700}.profile-popover a:hover,.profile-popover button:hover{background:var(--surface2);color:var(--orange)}.profile-menu-trigger svg{margin-left:3px}@media(max-width:1050px){.support-shortcuts{grid-template-columns:1fr}.support-shortcut{min-height:82px}.support-hero-art{flex-basis:175px;height:185px}.support-hero-art img{width:175px;height:175px}.social-card{min-height:110px}}@media(max-width:760px){.support-page{gap:26px}.support-hero{padding:28px 22px;min-height:250px}.support-hero-art{display:none}.support-faq-layout{gap:18px}.support-faq-layout,.support-shortcuts{grid-template-columns:1fr}.support-contact-banner{flex-wrap:wrap}.support-mail-btn{width:100%;justify-content:center}.support-legal{flex-direction:column;align-items:start}.help-topbar{display:none}}@media(max-width:520px){.support-hero h1{font-size:28px}.support-hero-copy>p{font-size:13px}.support-hero-actions{display:grid;grid-template-columns:1fr 1fr}.support-hero-actions a{font-size:11px;padding:12px 8px}.social-card-grid{grid-template-columns:1fr;gap:10px}.social-card{padding:16px;min-height:94px}.social-card-icon{width:48px;height:48px}.social-card-copy strong{font-size:17px}.support-contact-icon{width:50px;height:50px}.support-legal-links{gap:12px}}@media(prefers-reduced-motion:reduce){.support-hero-art img{animation:none}.btn-dark:hover,.btn-gold:hover,.btn-outline:hover,.btn-primary:hover,.btn-secondary:hover,.feature-action:hover,.game-mode-button:hover,.social-card:hover,.support-mail-btn:hover{transform:none}}.quiz-choice{transition:transform .18s var(--motion-pop),border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.quiz-choice:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 5px 0 #ffb4003f}.quiz-choice:active:not(:disabled){transform:translateY(1px) scale(.99)}.side-links{overflow-y:auto;min-height:0;scrollbar-width:thin}.sidebar-bottom{flex-shrink:0}.topbar .profile-popover button{font-family:var(--brand-body)}@media (prefers-reduced-motion:reduce){.quiz-choice:hover:not(:disabled){transform:none}}.avatar-collection{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;align-items:stretch}.avatar-option{position:relative;display:block;width:100%;height:auto;aspect-ratio:1/1;background:#f8e5a5;border:3px solid transparent;border-radius:21px;padding:0;overflow:visible;transition:transform .22s var(--motion-pop),box-shadow .22s ease,border-color .2s ease}.avatar-option:hover:not(:disabled){transform:translateY(-4px) scale(1.035);box-shadow:0 9px 15px #0003}.avatar-option:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.avatar-option.is-current{border-color:#ffb900;box-shadow:0 0 0 2px var(--surface),0 0 0 4px #ffbf00}.avatar-option .avatar-portrait{display:block;width:100%;height:100%;aspect-ratio:1/1;-o-object-fit:contain;object-fit:contain;border-radius:18px;background:#f8e5a5}.avatar-checked{position:absolute;bottom:-9px;right:-7px;display:grid;place-items:center;min-width:25px;min-height:25px;border-radius:50%;background:#ffc400;color:#121015;box-shadow:0 2px 8px #0005}@media(min-width:1380px){.avatar-collection{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:760px){.avatar-collection{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.avatar-option{border-radius:15px}.avatar-option .avatar-portrait{border-radius:12px}}@media(max-width:385px){.avatar-collection{grid-template-columns:repeat(3,minmax(0,1fr))}}:root[data-theme=light] .brand strong,:root[data-theme=light] .brand-mini{background:transparent!important;color:var(--text)!important;padding:0!important;border-radius:0!important}.brand-graphic{width:65px;height:48px;flex-shrink:0;display:grid;place-items:center;background:#111018;border-radius:10px;padding:7px}.brand .brand-graphic img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.brand .brand-copy{min-width:0}.brand .brand-copy strong{font-size:19px;letter-spacing:-.01em}.brand .brand-copy span{font-size:8px;letter-spacing:.08em}.brand-login-copy{display:flex;flex-direction:column;gap:2px}.brand-login-copy strong{font:400 23px var(--brand-display);color:var(--text)}.brand-login-copy small{color:var(--muted)}.brand-logo-icon{display:grid;place-items:center;width:76px;height:46px;border-radius:9px;background:#111018;padding:8px}.brand-logo-icon img{display:block;width:100%;height:auto;max-height:100%;-o-object-fit:contain;object-fit:contain}.audio-alert{font-size:11px;line-height:1.4;color:var(--orange);margin-top:8px}@media(max-width:760px){.brand .brand-copy strong{font-size:18px}}@media(prefers-reduced-motion:reduce){.avatar-option:hover:not(:disabled){transform:none}}:root{--arcade-orange:#ff8500;--arcade-yellow:#ffd530;--arcade-pink:#ef4d95;--arcade-purple:#8a55dc;--arcade-mint:#5ad9cb;--arcade-ink:#140e1c}.main-content{background-image:radial-gradient(circle at 20px 28px,#ffcf5b14 2px,transparent 2.6px),radial-gradient(circle at 80% 110px,#f25a9412 2px,transparent 2.5px),radial-gradient(circle at 17% 8%,#ffab0011,transparent 35%);background-size:150px 178px,220px 210px,100% 100%}:root[data-theme=light] .main-content{background-image:radial-gradient(circle at 20px 28px,#ef8e0040 2px,transparent 2.7px),radial-gradient(circle at 80% 110px,#ef4d9522 2px,transparent 2.5px),radial-gradient(circle at 17% 8%,#ffcf5b25,transparent 40%)}.section-heading h2{font-family:var(--brand-display);font-size:clamp(21px,2.5vw,30px);line-height:1.28;font-weight:400}.home-greeting .eyebrow,.section-heading .eyebrow{letter-spacing:.11em}.game-summary-card{border:2px solid #ffc62e;box-shadow:0 6px 0 #ffaf0030;border-radius:25px;isolation:isolate;position:relative}.game-summary-card:after{content:"";pointer-events:none;position:absolute;right:-26px;top:-43px;width:110px;height:110px;border-radius:50%;border:16px solid #ffb90009}.game-summary-card strong{font-family:var(--brand-display);font-size:clamp(15px,2vw,23px);font-weight:400}.game-summary-card small{font-family:var(--brand-body);font-weight:650}.featured-challenge{position:relative;isolation:isolate;box-shadow:0 7px 0 #c94d07;border:2px solid #ffba46;background:#ed790a}.featured-challenge:before{right:-11%;top:-58%;width:330px;height:330px;background:#ffffff14}.featured-challenge:after,.featured-challenge:before{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}.featured-challenge:after{right:8%;top:-45%;width:235px;height:235px;border:20px solid #ffde811d}.featured-challenge>div,.featured-challenge>img{position:relative;z-index:1}.quick-actions>a{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;border:2px solid var(--line);box-shadow:0 4px 0 #00000016;font-size:15px}.quick-actions>a:before{content:"";width:95px;height:95px;position:absolute;right:-50px;top:-46px;border-radius:50%;border:12px solid #ff990018;z-index:-1}.quick-actions>a:nth-child(2):before{border-color:#46c4c225}.quick-actions>a:hover{border-color:#ffb632;box-shadow:0 6px 0 #ef971c3d}.game-mode-button{border-radius:26px 26px 25px 24px;box-shadow:0 7px 0 #0002,0 12px 22px #0001}.shop-item{box-shadow:0 5px 0 #b9891820;border-radius:23px}.shop-item:hover{border-color:#ffc000}.profile-stats>div:first-child{background:#ffbb2327}.profile-stats>div:nth-child(2){background:#ea5c8e21}.profile-stats>div:nth-child(3){background:#6bd5cf22}.profile-stats strong{font-family:var(--brand-display);font-weight:400}.sidebar .side-link.selected{background:#ffb51a17;border:1px solid #ffc30050}.sidebar .side-link:hover{transform:translateX(3px)}@media(max-width:760px){.main-content{background-size:130px 158px,210px 180px,100% 100%}.section-heading h2{font-size:clamp(20px,5.7vw,26px)}}.hall-page{max-width:1120px;margin-inline:auto}.hall-hero{position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;min-height:235px;padding:35px clamp(23px,4.5vw,54px);border-radius:30px;background:#ff9500;color:#150a09;border:2px solid #ffcb40;box-shadow:0 7px 0 #c3561139}.hall-hero:before{right:-8%;top:-115%;width:520px;height:520px;background:#ffd34b;border-radius:50%;opacity:.7}.hall-hero:after,.hall-hero:before{content:"";position:absolute;z-index:-1}.hall-hero:after{left:-12%;bottom:-170%;width:430px;height:430px;border-radius:48%;border:60px solid #ffcf4b30;transform:rotate(20deg)}.hall-hero-copy{position:relative;z-index:2;max-width:620px}.hall-kicker{display:inline-flex;align-items:center;gap:8px;letter-spacing:.07em;background:#1d1420;color:#ffe17c;border-radius:100px;padding:8px 13px;font-size:11px;font-weight:700}.hall-hero h1{font:400 clamp(30px,4.3vw,60px)/1.13 var(--brand-display);letter-spacing:-.02em;margin:15px 0 9px;text-shadow:0 3px 0 #ffffff28}.hall-hero h1 span{color:#fffef2;text-shadow:0 4px 0 #bc4d13}.hall-hero-copy>p:last-child{font-size:clamp(13px,1.5vw,16px);font-weight:650;max-width:470px;line-height:1.5}.hall-hero-trophy{position:absolute;right:7%;top:8%;height:88%;width:29%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 18px 10px #8a430a44);transform:rotate(12deg);animation:hall-trophy-float 5s ease-in-out infinite}.hall-confetti{position:absolute;display:block;z-index:0;transform:rotate(20deg)}.hall-confetti-one{top:16%;right:38%;height:16px;width:25px;border:5px solid #6dddc7;border-radius:3px}.hall-confetti-two{bottom:20%;right:4%;height:19px;width:19px;background:#f14899;border-radius:5px}.hall-confetti-three{bottom:12%;right:43%;height:12px;width:21px;background:#8056da;border-radius:4px;transform:rotate(-27deg)}@keyframes hall-trophy-float{0%,to{transform:rotate(12deg) translateY(0)}50%{transform:rotate(8deg) translateY(-10px)}}.hall-board{overflow:hidden;border-radius:29px;background:var(--surface);border:1px solid var(--line);padding:clamp(16px,3vw,30px);box-shadow:0 10px 35px #0000000c}.hall-board-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px}.hall-board-heading{display:flex;gap:12px;align-items:center;min-width:0}.hall-board-heading>img{width:53px;height:53px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 5px #0002)}.hall-board-heading h2{font:400 clamp(19px,2.7vw,31px)/1.2 var(--brand-display);margin-top:5px;overflow-wrap:anywhere}.hall-refresh{width:43px;height:43px;flex-shrink:0;border:1px solid var(--line);display:grid;place-items:center;border-radius:13px;background:var(--surface2);color:var(--text);transition:transform .25s var(--motion-pop),background-color .2s}.hall-refresh:hover{transform:rotate(25deg);background:#ffad2433}.hall-board-tabs button:focus-visible,.hall-refresh:focus-visible{outline:3px solid #ffab00;outline-offset:3px}.hall-board-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.hall-board-tabs button{display:flex;justify-content:center;align-items:center;gap:9px;min-height:53px;padding:11px 15px;border:2px solid #f7b500;border-radius:999px;font-weight:700;background:var(--surface);color:var(--text);transition:transform .25s var(--motion-pop),background-color .2s ease,box-shadow .25s}.hall-board-tabs button:hover{transform:translateY(-2px);box-shadow:0 5px 0 #efae002b}.hall-board-tabs button.active{background:#ffcb23;color:#20100b;border-color:#ffc000;box-shadow:0 5px 0 #d9791e4d}.hall-my-standing{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 21px}.hall-my-standing>div{display:flex;align-items:baseline;gap:10px;min-width:0;flex-wrap:wrap}.hall-standing-label{color:var(--muted);font-size:clamp(12px,1.5vw,16px);font-weight:650}.hall-my-standing strong{font:400 clamp(21px,3vw,36px)/1.1 var(--brand-display);color:var(--text)}.hall-standing-spark{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px}.hall-standing-spark img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.hall-preview-note{display:flex;align-items:center;gap:10px;border-radius:13px;background:#fff4cb;color:#533718;border:1px solid #ffd76c;padding:12px 15px;margin-bottom:15px;font-size:13px;font-weight:650}.hall-preview-note svg{flex-shrink:0;color:#ed8f00}.hall-preview-note a{color:#b55600;text-decoration:underline;font-weight:750}.hall-podium{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.14fr 1fr;gap:clamp(6px,1.5vw,20px);align-items:end;overflow:hidden;padding:40px 20px 30px;background:#080809;border-radius:28px;min-height:330px;border:1px solid #ffce1230}.hall-rays{position:absolute;z-index:-1;inset:-150px;opacity:.58;background:repeating-conic-gradient(from -5deg at 50% 54%,#292929 0deg 8deg,#080809 8deg 16deg)}.hall-podium:after{content:"";position:absolute;inset:auto -20% -140px;height:235px;background:radial-gradient(ellipse,#ffa50013,transparent 65%);pointer-events:none;z-index:-1}.hall-contender{--place-color:#f83b87;position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;color:white}.hall-place-1{--place-color:#4bdb22;z-index:3;transform:translateY(-14px)}.hall-place-3{--place-color:#ff600e}.hall-portrait-wrap{position:relative;width:min(100%,155px);padding-top:12px}.hall-avatar-frame{position:relative;border:8px solid var(--place-color);aspect-ratio:1/1;overflow:hidden;background:#ffecaa;border-radius:30%;box-shadow:0 9px 0 #0006}.hall-avatar-frame img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover}.hall-place-1 .hall-avatar-frame{border-width:9px;border-radius:31%}.hall-crown{position:absolute;z-index:2;top:-42px;left:50%;width:75px;height:65px;-o-object-fit:contain;object-fit:contain;transform:translateX(-50%) rotate(-8deg);filter:drop-shadow(0 5px 4px #0004)}.hall-rank-number{position:relative;z-index:3;font:400 23px/1.1 var(--brand-display);min-width:43px;padding:6px 10px;margin:-6px auto 0;background:var(--place-color);border-radius:8px 8px 13px 13px;color:white;box-shadow:0 4px 0 #0005}.hall-name{margin-top:5px;font-size:clamp(13px,1.7vw,20px);line-height:1.2;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;letter-spacing:.01em}.hall-score{font-weight:700;color:#ffe08c;font-size:clamp(13px,1.5vw,17px)}.hall-empty-place{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#2a2730;border:2px dashed #6a6472;border-radius:22px;padding:22px 6px;color:#fff9;min-height:130px;font-size:12px}.hall-followers{display:grid;gap:10px;margin-top:18px}.hall-player-row{display:grid;grid-template-columns:42px 51px minmax(0,1fr) auto;align-items:center;gap:15px;border:2px solid #f5bb03;background:var(--surface2);border-radius:17px;min-height:73px;padding:8px 15px;transition:transform .24s var(--motion-pop),background-color .2s ease,box-shadow .24s ease}.hall-player-row:hover{transform:translateY(-2px);box-shadow:0 5px 0 #fdb70029}.hall-player-position{font:400 clamp(21px,2.1vw,28px)/1 var(--brand-display);text-align:center}.hall-player-row img{width:51px;height:51px;border-radius:13px;-o-object-fit:cover;object-fit:cover;background:#fbe5a0}.hall-player-row>strong{font-size:clamp(16px,1.9vw,21px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hall-player-score{font:400 clamp(18px,2.2vw,26px)/1 var(--brand-display);text-align:right}.hall-my-row{background:#ffb90027;border-color:#ff9900}.hall-you-tag{font:700 10px/1 var(--brand-body);color:#fff;background:#e66d00;padding:4px 6px;border-radius:7px;margin-left:8px;vertical-align:middle}.hall-status{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;border:1px dashed #ffbe0070;border-radius:23px;padding:50px 25px;min-height:260px;background:var(--surface2)}.hall-status>svg{color:#ffac00}.hall-status>img{width:80px;height:80px;-o-object-fit:contain;object-fit:contain}.hall-status>strong{font:400 clamp(18px,2vw,25px)/1.25 var(--brand-display)}.hall-status>span{max-width:440px;color:var(--muted);font-weight:600;font-size:14px}.hall-after-game{display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:22px;padding:23px 25px;background:#26132f;color:#fff;border:2px solid #d87cdb55}.hall-after-game>div{display:flex;align-items:center;gap:15px}.hall-after-game>div>svg{color:#ffcc22;flex-shrink:0}.hall-after-game small,.hall-after-game strong{display:block}.hall-after-game strong{font-size:18px;font-weight:700}.hall-after-game small{color:#ebd7ef;font-size:13px;margin-top:2px}:root[data-theme=light] .hall-board{box-shadow:0 10px 32px #35200c0d}:root[data-theme=light] .hall-player-row{background:#fffaf0}:root[data-theme=light] .hall-my-row{background:#fff1ca}:root[data-theme=dark] .hall-after-game{background:#211727}@media(max-width:820px){.hall-hero{min-height:205px}.hall-hero-trophy{right:2%;width:33%}.hall-hero-copy{max-width:65%}.hall-podium{padding:40px 12px 25px;min-height:300px}.hall-portrait-wrap{max-width:118px}.hall-avatar-frame{border-width:6px}.hall-crown{width:63px;top:-35px}}@media(max-width:560px){.hall-page{gap:17px}.hall-hero{min-height:180px;padding:25px 20px;border-radius:22px}.hall-hero h1{font-size:clamp(27px,8vw,38px)}.hall-hero-copy>p:last-child{font-size:12px;max-width:245px}.hall-hero-trophy{right:-14px;top:18%;height:75%;width:34%}.hall-kicker{font-size:9px;padding:7px 9px}.hall-board{padding:13px;border-radius:22px}.hall-board-header{margin:8px 3px 16px}.hall-board-heading{gap:6px}.hall-board-heading>img{width:38px;height:38px}.hall-board-heading h2{font-size:clamp(16px,4.2vw,20px)}.hall-board-heading .eyebrow{font-size:9px}.hall-refresh{width:36px;height:36px}.hall-board-tabs{gap:7px}.hall-board-tabs button{min-height:49px;padding:9px 5px;border-width:1.5px;font-size:11px;gap:5px}.hall-board-tabs svg{width:15px;height:15px;flex-shrink:0}.hall-my-standing{padding:10px 3px 15px;gap:3px}.hall-my-standing>div{gap:4px}.hall-my-standing strong{font-size:clamp(16px,5vw,24px)}.hall-standing-label{font-size:10px}.hall-standing-spark{width:25px;height:25px}.hall-podium{gap:2px;padding:45px 7px 19px;min-height:230px;border-radius:20px}.hall-portrait-wrap{width:100%;max-width:100px;padding-top:6px}.hall-avatar-frame{border-width:5px;border-radius:28%}.hall-place-1 .hall-avatar-frame{border-width:6px}.hall-crown{top:-29px;width:51px;height:50px}.hall-rank-number{font-size:16px;min-width:28px;padding:5px 7px}.hall-name{font-size:clamp(10px,2.8vw,13px)}.hall-score{font-size:12px}.hall-place-1{transform:translateY(-9px)}.hall-player-row{grid-template-columns:25px 40px minmax(0,1fr) auto;gap:9px;min-height:61px;padding:7px 9px;border-width:1.5px}.hall-player-row img{width:40px;height:40px;border-radius:10px}.hall-player-row>strong{font-size:13px}.hall-player-score{font-size:15px}.hall-player-position{font-size:17px}.hall-after-game{flex-direction:column;align-items:stretch;padding:18px}.hall-after-game .btn-primary{width:100%}}@media(prefers-reduced-motion:reduce){.hall-hero-trophy{animation:none}.hall-board-tabs button:hover,.hall-player-row:hover,.hall-refresh:hover{transform:none}}.trivia-brand{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:var(--trivia-brand-width,174px);min-width:0;gap:5px;line-height:1;color:var(--text)}.trivia-brand-wordmark{display:block;width:100%;height:auto;max-width:none;-o-object-fit:contain;object-fit:contain;filter:none}.trivia-brand-credit{color:var(--text);font:600 9px/1.2 Fredoka,sans-serif;letter-spacing:.16em;white-space:nowrap;text-align:center}:root[data-theme=light] .trivia-brand-wordmark{filter:brightness(0)}.trivia-brand--sidebar{--trivia-brand-width:170px}.trivia-brand--mobile{--trivia-brand-width:88px;gap:2px}.trivia-brand--welcome{--trivia-brand-width:206px;gap:7px}.trivia-brand--auth{--trivia-brand-width:179px;gap:6px}.trivia-brand--footer{--trivia-brand-width:100px;gap:3px}.brand{justify-content:flex-start;min-height:90px;padding:7px 10px 26px}.brand .trivia-brand{flex-shrink:0}.brand .trivia-brand-credit{font-size:9px;letter-spacing:.14em;color:var(--text)}.brand-mini .trivia-brand-credit{font-size:5.5px;letter-spacing:.09em}.brand-mini .trivia-brand{display:inline-flex}.brand-mini{line-height:1}.welcome-mark{margin-bottom:20px}.welcome-mark .trivia-brand-credit{font-size:11px}.brand-mark .trivia-brand-credit{font-size:9px}.support-legal-brand .trivia-brand-credit{font-size:6.2px}:root[data-theme=light] .brand .trivia-brand-credit,:root[data-theme=light] .brand-mini .trivia-brand-credit{background:none;border-radius:0;padding:0}@media (max-width:760px){.brand{min-height:84px}.brand-mini .trivia-brand{--trivia-brand-width:82px}}.brand .trivia-brand-wordmark,.brand-mini .trivia-brand-wordmark,.support-legal-brand .trivia-brand-wordmark,.welcome-mark .trivia-brand-wordmark{width:100%;height:auto;max-width:none;border-radius:0;padding:0;background:none}.brand-mini .trivia-brand-credit{color:var(--text)}:root{--pop-ease:cubic-bezier(.2,1.65,.4,1);--pop-shadow:0 8px 0 #00000026;--play-glow:#ffc21c}.app-main{position:relative;isolation:isolate;overflow-x:clip;background:var(--bg)}.main-content,.main-content:is(.view-enter){width:100%;background-color:transparent;background-image:radial-gradient(circle,#ffc24122 1.5px,transparent 2.4px),radial-gradient(circle,#e9699b21 1px,transparent 2px);background-size:178px 178px,251px 251px;background-position:28px 13px,115px 61px;background-repeat:repeat}:root[data-theme=light] .main-content{background-image:radial-gradient(circle,#e69b2540 1.5px,transparent 2.4px),radial-gradient(circle,#da639629 1px,transparent 2px);background-size:178px 178px,251px 251px;background-position:28px 13px,115px 61px;background-repeat:repeat}.arcade-mode-grid{align-items:stretch;gap:19px}.game-mode-button.arcade-mode-card{min-width:0;min-height:275px;gap:16px;padding:23px;isolation:isolate;border-radius:27px;box-shadow:0 8px 0 #00000036,0 12px 26px #00000015;transition:transform .3s var(--pop-ease),box-shadow .25s ease,filter .2s ease,border-color .2s ease;will-change:transform}.arcade-mode-card:before{inset:0;background:repeating-conic-gradient(from 10deg at 102% 106%,#ffffff15 0deg 7deg,transparent 7deg 17deg);opacity:0;transition:opacity .25s}.arcade-mode-card:after,.arcade-mode-card:before{content:"";position:absolute;z-index:-1;pointer-events:none}.arcade-mode-card:after{inset:6px;border-radius:20px;border:1px solid #fff8;opacity:.58}.arcade-mode-card:hover{transform:translateY(-9px) rotate(-1.1deg) scale(1.025);filter:saturate(1.12);box-shadow:0 15px 0 #00000035,0 27px 37px #00000020}.arcade-mode-card:nth-child(2n):hover{transform:translateY(-9px) rotate(1.1deg) scale(1.025)}.arcade-mode-card:hover:before{opacity:1}.arcade-mode-card:active{transform:translateY(5px) scale(.97);box-shadow:0 2px 0 #0004}.arcade-mode-head{position:relative;z-index:1;display:flex;align-items:center;gap:7px;align-self:flex-start;font-size:10px;letter-spacing:.12em;font-weight:800;padding:7px 10px;border-radius:999px;background:#fff9;color:#21100b;box-shadow:0 3px 0 #0002}.arcade-mode-card .mode-button-label{position:relative;z-index:1;font:400 clamp(23px,2.4vw,36px)/1.28 var(--brand-display);letter-spacing:-.015em;white-space:pre-line;max-width:12ch;margin:auto 0;text-shadow:0 2px 0 #ffffff50}.arcade-mode-shape{pointer-events:none;position:absolute;z-index:0;transform:rotate(-22deg);transition:transform .45s var(--pop-ease),scale .3s var(--pop-ease)}.arcade-mode-shape--one{width:154px;height:154px;top:-80px;right:-58px;border:34px solid #fff7;border-radius:40%}.arcade-mode-shape--two{width:128px;height:128px;right:-48px;bottom:-63px;background:#ffffff23;border-radius:36% 66% 40% 60%}.arcade-mode-card:hover .arcade-mode-shape--one{transform:rotate(24deg) translate(-12px,11px) scale(1.13)}.arcade-mode-card:hover .arcade-mode-shape--two{transform:rotate(-35deg) translate(-10px,-10px) scale(1.13)}.arcade-mode-card .mode-button-foot{position:relative;z-index:1;align-items:end;font-size:13px;min-width:0;gap:7px}.arcade-mode-card .mode-button-foot>span:first-child{max-width:21ch}.arcade-mode-arrow{width:43px;height:43px;display:grid;place-items:center;flex-shrink:0;border-radius:14px;background:#110d14;color:#fff;box-shadow:0 4px 0 #0004;transition:transform .3s var(--pop-ease)}.arcade-mode-card:hover .arcade-mode-arrow{transform:rotate(12deg) scale(1.16)}.arcade-mode-card.mode-study-card{background:linear-gradient(145deg,#fff,#f3e8ff 45%,#b78cf5);color:#301449;border-color:#8c55d2}.arcade-mode-card.mode-study-card .arcade-mode-head{color:#301449}.sidebar{--nav-radius:18px;background:var(--side)}.sidebar-caption{color:var(--orange);letter-spacing:.2em;padding-top:7px;font-weight:800}.sidebar .side-links{gap:7px;padding-right:2px}.sidebar .side-link{--nav-accent:#ffb500;min-height:53px;padding:7px 11px;gap:12px;border:1px solid transparent;border-radius:var(--nav-radius);font-weight:700;position:relative;transition:transform .28s var(--pop-ease),background .2s ease,box-shadow .25s ease,border-color .2s}.sidebar .nav-color-1{--nav-accent:#ff9d41}.sidebar .nav-color-2{--nav-accent:#fa559a}.sidebar .nav-color-3{--nav-accent:#f9c513}.sidebar .nav-color-4{--nav-accent:#84dbca}.sidebar .nav-color-5{--nav-accent:#a48bf3}.sidebar .nav-color-6{--nav-accent:#f3a04d}.sidebar .nav-color-7{--nav-accent:#71c8ff}.nav-icon-box{height:37px;width:37px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--nav-accent) 12%,transparent);color:var(--nav-accent);transition:transform .25s var(--pop-ease),background .2s}.sidebar .side-link:hover{background:color-mix(in srgb,var(--nav-accent) 10%,var(--surface));transform:translateX(5px) rotate(-.6deg);border-color:color-mix(in srgb,var(--nav-accent) 40%,transparent);box-shadow:0 5px 0 #0002}.sidebar .side-link:hover .nav-icon-box{transform:rotate(-10deg) scale(1.12);background:color-mix(in srgb,var(--nav-accent) 23%,transparent)}.sidebar .side-link:active{transform:translateX(2px) scale(.97)}.sidebar .side-link.selected{background:color-mix(in srgb,var(--nav-accent) 13%,var(--surface));border-color:color-mix(in srgb,var(--nav-accent) 50%,transparent);box-shadow:inset 4px 0 var(--nav-accent),0 4px 0 #0002;color:var(--text)}.sidebar .side-link.selected svg{color:var(--nav-accent)}.sidebar .side-link.selected i{background:var(--nav-accent)}.sidebar-bottom{padding:12px 4px 16px}.sidebar-audio-box{padding:13px;background:var(--surface);border:1px solid var(--line);border-radius:19px;box-shadow:0 4px 0 #0002}.sidebar-audio-box select{font-size:12px;text-overflow:ellipsis;max-width:100%;min-width:0;border-color:#ffbc3782}.sidebar-audio-box .side-toggle{transition:transform .2s var(--pop-ease),border-color .2s}.sidebar-audio-box .side-toggle:hover{transform:translateY(-2px);border-color:#ffae00}.sidebar .studio-link{margin-top:15px;padding:3px 11px;font-weight:700}.challenge-page{max-width:1180px;margin:0 auto}.challenge-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:230px;padding:clamp(22px,3vw,42px);border-radius:27px;background:#ff9b00;color:#21120a;border:2px solid #ffca42;isolation:isolate;box-shadow:0 7px 0 #bb641e44}.challenge-hero:before{content:"";position:absolute;inset:auto -16% -190% auto;width:520px;height:520px;border-radius:50%;border:80px solid #ffe08688;z-index:-1}.challenge-hero:after{content:"";position:absolute;left:-60px;top:-100px;width:175px;height:175px;border-radius:50%;background:#fff3;z-index:-1}.challenge-kicker{display:inline-flex;align-items:center;gap:7px;border-radius:100px;background:#1c1213;color:#ffe35c;font-size:11px;font-weight:800;padding:8px 13px;letter-spacing:.09em}.challenge-hero-copy{position:relative;z-index:2;max-width:625px}.challenge-hero h1{font:400 clamp(29px,4vw,53px)/1.18 var(--brand-display);margin:15px 0 12px}.challenge-hero h1 span{color:#fffdf0;text-shadow:0 4px 0 #bb5c0e}.challenge-hero-copy>p{font-size:14px;font-weight:650;line-height:1.5;max-width:510px}.challenge-hero-art{height:208px;flex:0 0 255px;position:relative;display:grid;place-items:center}.challenge-hero-art img{position:relative;z-index:2;-o-object-fit:contain;object-fit:contain;width:180px;height:175px;filter:drop-shadow(0 14px 9px #a45e4a66);animation:challenge-float 3.4s ease-in-out infinite}.challenge-hero-burst{position:absolute;width:210px;height:210px;background:repeating-conic-gradient(from 4deg,#fffd 0deg 9deg,transparent 9deg 24deg);border-radius:50%;opacity:.19}.challenge-hero-star{position:absolute;font-size:30px;color:white;animation:challenge-float 2.6s ease-in-out infinite}.challenge-hero-star.star-one{top:0;left:12%}.challenge-hero-star.star-two{bottom:0;right:9%;animation-delay:.4s}@keyframes challenge-float{50%{transform:translateY(-9px) rotate(-5deg)}}.challenge-content-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.82fr);gap:18px;align-items:start}.challenge-create-panel{overflow:hidden;box-shadow:0 6px 0 #0002}.challenge-selector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:18px;border-bottom:1px solid var(--line)}.challenge-selector-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;border-radius:16px;border:2px solid var(--line);background:var(--surface2);font-weight:800;color:var(--text);transition:transform .25s var(--pop-ease),background .2s,border-color .2s,box-shadow .2s}.challenge-selector-button:hover{transform:translateY(-4px) rotate(-1deg);border-color:#ffad28;box-shadow:0 6px 0 #0002}.challenge-selector-button:active{transform:translateY(2px) scale(.97)}.challenge-selector-button.active{background:#ffb400;color:#1a120b;border-color:#ffd943;box-shadow:0 5px 0 #a85c1260}.challenge-form-body{padding:25px clamp(16px,2.6vw,31px) 30px}.challenge-form-heading{display:flex;gap:16px;align-items:center}.challenge-form-heading>div{min-width:0}.challenge-form-graphic{height:69px;width:69px;display:grid;place-items:center;flex-shrink:0;background:#ffca66;color:#6d3604;border-radius:21px;transform:rotate(-5deg);box-shadow:0 5px 0 #c5762d55}.challenge-form-graphic--pink{background:#fcb3d8;color:#741955}.challenge-form-heading h2{font-size:clamp(20px,2.3vw,27px);font-weight:800;margin:4px 0}.challenge-form-heading p{color:var(--muted);font-size:13px}.challenge-code-input{min-height:80px;padding:18px 7px!important;letter-spacing:.24em;text-align:center;font-size:clamp(24px,5vw,37px);font-weight:900;border-width:2px;border-radius:20px}.challenge-code-input:focus{border-color:#ffb900;box-shadow:0 0 0 4px #ffba0021}.challenge-go-button{width:100%;margin-top:25px;min-height:56px;font-size:16px;box-shadow:0 6px 0 #bc6417}.challenge-how-panel{padding:25px;border:1px solid #f5a32a;border-radius:25px;background:#fff0bd;color:#241311;box-shadow:0 6px 0 #a86b0040;position:relative;overflow:hidden}.challenge-how-panel:after{content:"";position:absolute;right:-80px;bottom:-100px;width:210px;height:210px;border:35px solid #ffb74155;border-radius:50%}.challenge-how-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.challenge-how-top img{height:77px;width:77px;-o-object-fit:contain;object-fit:contain;transform:rotate(10deg);filter:drop-shadow(0 10px 7px #a3663930)}.challenge-how-panel h2{font:400 clamp(22px,2.7vw,33px)/1.22 var(--brand-display);margin:8px 0 20px;max-width:300px}.challenge-how-panel h2 span{color:#d36511}.challenge-steps{display:grid;gap:11px;position:relative;z-index:1}.challenge-steps>div{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:700;background:#fff9;padding:9px;border-radius:14px}.challenge-steps b{display:grid;place-items:center;flex-shrink:0;background:#131019;color:#ffcc33;border-radius:11px;width:40px;height:40px;font-weight:900}.challenge-aside{display:grid;gap:18px}.challenge-player-chip{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);padding:19px;border-radius:20px;box-shadow:0 4px 0 #0002}.challenge-player-chip>svg{color:#ffb200}.challenge-player-chip>div{flex:1;min-width:0}.challenge-player-chip strong{display:block;font-weight:800}.challenge-player-chip small{color:var(--muted);font-size:12px}.challenge-player-chip>span{font-size:30px;color:#ffb700}.hall-page{padding-top:17px}.hall-hero{overflow:visible;min-height:137px;padding:18px 26px;border-radius:23px}.hall-hero:after,.hall-hero:before{display:none}.hall-hero-copy{max-width:75%}.hall-hero h1{font-size:clamp(24px,2.6vw,35px);line-height:1.14;margin:7px 0 5px}.hall-hero-copy>p:last-child{font-size:12px;line-height:1.35}.hall-kicker{padding:6px 10px;font-size:9px}.hall-hero-trophy{top:-29px;right:6%;height:166px;width:165px;transform:rotate(13deg);filter:drop-shadow(0 12px 9px #ae660c4a)}@media(max-width:1050px){.sidebar{flex-basis:222px}.arcade-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.challenge-content-grid{grid-template-columns:1fr}.challenge-hero-art{flex-basis:190px}.challenge-hero-art img{width:155px}.challenge-hero h1{font-size:34px}}@media(max-width:760px){.sidebar{width:268px}.challenge-hero{min-height:207px;padding:23px}.challenge-hero-art{position:absolute;right:-43px;top:24px;opacity:.33}.challenge-hero-copy{max-width:100%}.challenge-hero-copy>p{max-width:80%}.challenge-hero h1{font-size:clamp(28px,6.8vw,42px)}.challenge-form-body{padding:22px 17px 25px}.challenge-how-top img{height:63px;width:63px}.hall-hero{padding:16px 18px;min-height:133px}.hall-hero-trophy{width:113px;height:122px;right:0;top:-22px}.hall-hero-copy{max-width:79%}.hall-hero h1{font-size:clamp(20px,5.3vw,28px)}.arcade-mode-grid{gap:13px}.arcade-mode-card.game-mode-button{min-height:217px;padding:16px;gap:9px}.arcade-mode-card .mode-button-label{font-size:clamp(17px,5vw,27px)}.arcade-mode-head{font-size:8px;padding:5px 7px}.arcade-mode-arrow{height:34px;width:34px;border-radius:11px}.arcade-mode-card .mode-button-foot{font-size:11px}}@media(max-width:390px){.arcade-mode-card.game-mode-button{min-height:196px;padding:13px}.arcade-mode-card .mode-button-label{font-size:17px}.arcade-mode-card .mode-button-foot>span:first-child{max-width:12ch}.challenge-hero-copy>p{max-width:95%}.challenge-form-graphic{width:50px;height:50px}.challenge-code-input{letter-spacing:.15em}}@media(hover:none){.arcade-mode-card:hover,.challenge-selector-button:hover,.sidebar .side-link:hover{transform:none}}@media(prefers-reduced-motion:reduce){.challenge-hero-art img,.challenge-hero-star{animation:none}.arcade-mode-card:hover,.arcade-mode-card:nth-child(2n):hover,.challenge-selector-button:hover,.sidebar .side-link:hover{transform:none}.arcade-mode-shape{transition:none}}.account-link,.bottom-nav a,.btn-primary,.btn-secondary,.coin-chip,.featured-challenge,.hall-player-row,.hall-refresh,.icon-control,.quick-actions>a,.shop-item,.social-card,.support-shortcut,.user-chip{transform-origin:center;transition:transform .28s var(--pop-ease),box-shadow .22s ease,filter .2s ease,border-color .2s ease}.featured-challenge:hover,.quick-actions>a:hover,.social-card:hover,.support-shortcut:hover{transform:translateY(-5px);box-shadow:0 10px 0 #0002,0 20px 30px #0001}.shop-item:hover{transform:translateY(-5px) rotate(-.35deg);box-shadow:0 9px 0 #c4822945}.shop-item:has(button:active){transform:translateY(1px) scale(.985)}.account-link:hover,.hall-player-row:hover{transform:translateX(5px);box-shadow:0 5px 0 #0002}.bottom-nav a.active svg{filter:drop-shadow(0 3px 5px #f5a60060)}.bottom-nav a:active,.btn-primary:active,.btn-secondary:active,.icon-control:active{transform:scale(.94)}.arcade-mode-card:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.challenge-selector-button:focus-visible{outline:3px solid #ffce2b;outline-offset:4px}@media(prefers-reduced-motion:reduce){.account-link:hover,.bottom-nav a:active,.featured-challenge:hover,.hall-player-row:hover,.quick-actions>a:hover,.shop-item:hover,.social-card:hover,.support-shortcut:hover{transform:none}}.challenge-hero{min-height:145px;padding:13px clamp(18px,2.6vw,26px);overflow:hidden;gap:12px}.challenge-hero h1{font-size:clamp(25px,2.6vw,34px);line-height:1.08;margin:5px 0}.challenge-hero-copy>p{font-size:13px;line-height:1.4;max-width:580px}.challenge-hero-art{height:116px;flex-basis:150px}.challenge-hero-art img{height:114px;width:114px}.challenge-hero-burst{width:155px;height:155px}.challenge-hero:before{width:300px;height:300px;border-width:46px;bottom:-230px}.account-hero{position:relative;isolation:isolate;display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:136px;padding:19px clamp(19px,3vw,31px);border-radius:24px;border:2px solid #ffc13a;background:#ffa007;color:#170d0d;overflow:hidden;box-shadow:0 6px 0 #d677183e}.account-hero:before{content:"";position:absolute;inset:auto -80px -170px auto;width:295px;height:295px;border:42px solid #ffdd716f;border-radius:50%;z-index:-1}.account-hero .eyebrow{display:flex;align-items:center;gap:6px;color:#21120b}.account-hero .page-title{font-size:clamp(24px,3vw,37px);color:#fff9ee;text-shadow:0 3px 0 #9a4b205c;line-height:1.13}.account-hero-desc{font-size:13px;font-weight:700;color:#331d11;margin-top:5px}.account-hero-art{height:110px;width:110px;flex:none;-o-object-fit:contain;object-fit:contain;background:#fff2bd;border-radius:26px;border:4px solid #201820;transform:rotate(7deg);box-shadow:0 8px 0 #9e531b59}.profile-stats>div{display:flex;flex-direction:column;gap:5px;min-width:0;border:1px solid var(--line);border-radius:17px;padding:12px 9px;transition:transform .26s var(--pop-ease),box-shadow .22s}.profile-stats>div:hover{transform:translateY(-5px) rotate(-.75deg);box-shadow:0 7px 0 #0002}.profile-stat-icon{height:36px;width:36px;display:grid;place-items:center;border-radius:12px;background:#ffc64142;color:#ffae11}.profile-stat-icon img{height:32px;width:32px;-o-object-fit:contain;object-fit:contain}.profile-stat-streak .profile-stat-icon{background:#ed548d33;color:#ed518f}.profile-stat-best .profile-stat-icon{background:#6bd4e23d;color:#34b4c9}.profile-stats strong{overflow-wrap:anywhere}.avatar-option:hover:not(:disabled){transform:translateY(-8px) scale(1.055) rotate(-1deg);border-color:#ffd338;box-shadow:0 10px 0 #dc96364c,0 16px 22px #0002;z-index:2}.avatar-option:active:not(:disabled){transform:translateY(1px) scale(.97)}.game-mode-button.arcade-mode-card:hover{transform:translateY(-13px) scale(1.045) rotate(-1deg);box-shadow:0 15px 0 #0003,0 26px 35px #0002;z-index:3}.game-mode-button.arcade-mode-card:nth-child(2n):hover{transform:translateY(-13px) scale(1.045) rotate(1deg)}.game-mode-button.arcade-mode-card:active{transform:translateY(3px) scale(.96);box-shadow:0 3px 0 #0003}.arcade-mode-spark{align-self:flex-start;position:relative;z-index:1;width:43px;height:43px;border:2px solid #ffffff9c;background:#fffb;border-radius:15px;display:grid;place-items:center;color:#25101a;box-shadow:0 4px 0 #0002;transition:transform .3s var(--pop-ease)}.arcade-mode-card:hover .arcade-mode-spark{transform:rotate(17deg) scale(1.16)}.quick-actions>a:hover{transform:translateY(-9px) scale(1.022) rotate(-.45deg);border-color:#ffca42;box-shadow:0 10px 0 #aa73353b,0 20px 28px #0002}.quick-actions>a:nth-child(2n):hover{transform:translateY(-9px) scale(1.022) rotate(.45deg)}.quick-actions>a:active{transform:translateY(2px) scale(.97);box-shadow:0 2px 0 #0003}.account-link,.arcade-choice,.challenge-go-button,.challenge-how-panel,.challenge-player-chip,.coin-chip,.field,.hall-after-game a,.hall-board-tabs button,.hall-player-row,.hall-refresh,.icon-control,.profile-menu-trigger,.shop-cost,.side-toggle,.social-card,.studio-link,.support-faq-item button,.support-hero-actions a,.support-shortcut{transition:transform .27s var(--pop-ease),box-shadow .24s ease,border-color .22s ease,background-color .2s ease,filter .2s ease;transform-origin:center}.arcade-choice:hover:not(:disabled),.challenge-go-button:hover:not(:disabled),.hall-after-game a:hover,.hall-board-tabs button:hover:not(:disabled),.hall-refresh:hover,.side-toggle:hover:not(:disabled),.studio-link:hover,.support-faq-item button:hover{transform:translateY(-4px) scale(1.025);box-shadow:0 6px 0 #0002}.arcade-choice:active:not(:disabled),.challenge-go-button:active:not(:disabled),.hall-board-tabs button:active,.shop-cost:active,.side-toggle:active:not(:disabled),.support-faq-item button:active{transform:translateY(2px) scale(.97)}.field:hover:not(:disabled){border-color:#ffa829;box-shadow:0 0 0 2px #ffb42e12}.account-link:focus-visible,.arcade-choice:focus-visible,.avatar-option:focus-visible,.challenge-go-button:focus-visible,.field:focus-visible,.quick-actions>a:focus-visible,.side-toggle:focus-visible,.social-card:focus-visible,.support-faq-item button:focus-visible,.support-shortcut:focus-visible{outline:3px solid #ffbc26;outline-offset:3px}.challenge-how-panel:hover,.challenge-player-chip:hover{transform:translateY(-4px);box-shadow:0 9px 0 #0002}.support-faq-item{transition:transform .26s var(--pop-ease),border-color .2s,box-shadow .25s}.support-faq-item:hover{transform:translateY(-3px);border-color:#ffb536;box-shadow:0 5px 0 #0002}.support-faq-item button:hover{box-shadow:none;transform:none;background:color-mix(in srgb,var(--orange) 8%,transparent)}.account-link:active,.shop-cost:active,.social-card:active,.support-shortcut:active{transform:scale(.97)}.arcade-choice{box-shadow:0 3px 0 #0003}.arcade-choice:hover:not(:disabled){border-color:#ffb32b!important;background:color-mix(in srgb,var(--orange) 13%,var(--surface2))}.sidebar-audio-box .field{max-width:100%;cursor:pointer}@media(max-width:760px){.challenge-hero{min-height:140px;padding:15px 18px}.challenge-hero h1{font-size:clamp(24px,5vw,32px)}.challenge-hero-art{position:absolute;right:-26px;top:5px;opacity:.23;height:115px}.challenge-hero-copy>p{max-width:85%}.account-hero{min-height:118px;padding:15px 17px}.account-hero-art{height:76px;width:76px;border-width:3px}.profile-stat-icon{height:32px;width:32px}.profile-stat-icon img{height:29px;width:29px}}@media(hover:none){.arcade-choice:hover:not(:disabled),.avatar-option:hover:not(:disabled),.challenge-how-panel:hover,.challenge-player-chip:hover,.game-mode-button.arcade-mode-card:hover,.game-mode-button.arcade-mode-card:nth-child(2n):hover,.quick-actions>a:hover,.quick-actions>a:nth-child(2n):hover,.support-faq-item:hover{transform:none}}@media(prefers-reduced-motion:reduce){.arcade-choice:active,.arcade-choice:hover:not(:disabled),.avatar-option:hover:not(:disabled),.challenge-how-panel:hover,.challenge-player-chip:hover,.game-mode-button.arcade-mode-card:hover,.game-mode-button.arcade-mode-card:nth-child(2n):hover,.quick-actions>a:hover,.quick-actions>a:nth-child(2n):hover,.support-faq-item:hover{transform:none;transition:none}}.bottom-nav a,.btn-dark,.btn-gold,.btn-outline,.profile-popover a,.profile-popover button,.quiz-choice,.shop-item button,.support-mail-btn,.support-text-link{transition:transform .25s var(--pop-ease),box-shadow .2s ease,filter .2s ease,border-color .2s ease}.btn-dark:hover:not(:disabled),.btn-gold:hover:not(:disabled),.btn-outline:hover:not(:disabled),.profile-popover a:hover,.profile-popover button:hover,.quiz-choice:hover:not(:disabled),.shop-item button:hover:not(:disabled){transform:translateY(-3px) scale(1.015);box-shadow:0 5px 0 #0002}.profile-popover a:active,.profile-popover button:active,.quiz-choice:active:not(:disabled),.shop-item button:active:not(:disabled){transform:translateY(1px) scale(.975)}:where(a,button,input,select,textarea):focus-visible{outline:3px solid #ffba24;outline-offset:3px}:where(a,button,input,select,textarea):disabled{transform:none!important;box-shadow:none}@media(prefers-reduced-motion:reduce){.btn-dark:hover,.btn-gold:hover,.btn-outline:hover,.profile-popover a:hover,.profile-popover button:hover,.quiz-choice:hover,.shop-item button:hover{transform:none}}:root{--trivia-focus-ring:#ffbd21;--trivia-field-hover:#ffaf36}:where(.app-frame,.entry-frame) :where(a[href],button,input,select,textarea,[role=button]){transition-property:transform,box-shadow,filter,background-color,border-color,color;transition-duration:.24s;transition-timing-function:var(--pop-ease,cubic-bezier(.2,1.65,.4,1))}:where(.app-frame,.entry-frame) :where(a[href],button,input,select,textarea,[role=button]):focus-visible{outline:3px solid var(--trivia-focus-ring);outline-offset:3px}:where(.app-frame,.entry-frame) :where([aria-disabled=true]),:where(.app-frame,.entry-frame) :where(a[href],button,input,select,textarea,[role=button]):disabled{cursor:not-allowed}:where(.main-content) :where(.panel,.stat-box,.game-summary-card,.hall-board,.hall-podium,.shop-balance){transition:transform .26s var(--pop-ease,cubic-bezier(.2,1.65,.4,1)),box-shadow .24s ease,border-color .2s ease}@media (hover:hover) and (pointer:fine){:where(.app-frame,.entry-frame) :where(a[href],button,[role=button]):not(:disabled):not([aria-disabled=true]):hover{transform:translateY(-3px) scale(1.012);filter:brightness(1.035)}:where(.app-frame,.entry-frame) :where(input,select,textarea):not(:disabled):hover{transform:translateY(-1px);border-color:var(--trivia-field-hover);box-shadow:0 0 0 2px #ffb52b18}:where(.main-content) :where(.panel,.stat-box,.game-summary-card,.challenge-how-panel,.challenge-player-chip,.profile-stats>div,.hall-board,.hall-podium,.shop-balance,.support-faq-item):hover{border-color:color-mix(in srgb,var(--orange) 45%,var(--line))}:where(.main-content) :where(.panel,.stat-box,.game-summary-card,.hall-board,.hall-podium,.shop-balance):hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.profile-popover :where(a,button):hover{background:var(--surface2);color:var(--text)}.entry-controls button:hover,.mobile-close:hover,.top-mobile-menu:hover{background:var(--surface2)}.bottom-nav a:hover:not(.active){color:var(--text)}.sidebar .studio-link:hover,.support-legal-links a:hover,.support-text-link:hover{color:var(--orange)}.account-link:hover svg:last-child,.social-card:hover .social-arrow,.support-shortcut:hover .support-shortcut-arrow{transform:translateX(4px) rotate(-6deg)}.avatar-option:hover:not(:disabled) .avatar-portrait{transform:scale(1.045)}}:where(.app-frame,.entry-frame) :where(a[href],button,[role=button]):not(:disabled):not([aria-disabled=true]):active{transform:translateY(2px) scale(.975)}:where(.app-frame,.entry-frame) :where(input,select,textarea):not(:disabled):focus{border-color:var(--trivia-focus-ring);box-shadow:0 0 0 3px #ffba2627}.avatar-option .avatar-portrait,:where(.account-link,.support-shortcut,.social-card,.profile-popover a,.profile-popover button) svg:last-child{transition:transform .24s var(--pop-ease,cubic-bezier(.2,1.65,.4,1))}@media (prefers-reduced-motion:reduce){.avatar-option .avatar-portrait,:where(.account-link,.support-shortcut,.social-card,.profile-popover a,.profile-popover button) svg:last-child,:where(.app-frame,.entry-frame) :where(a[href],button,input,select,textarea,[role=button]),:where(.main-content) :where(.panel,.stat-box,.game-summary-card,.hall-board,.hall-podium,.shop-balance){transition-duration:.01ms!important;animation-duration:.01ms!important}:where(.app-frame,.entry-frame) :where(a[href],button,input,select,textarea,[role=button]):active,:where(.app-frame,.entry-frame) :where(a[href],button,input,select,textarea,[role=button]):hover,:where(.main-content) :where(.panel,.stat-box,.game-summary-card,.hall-board,.hall-podium,.shop-balance):hover{transform:none!important}}.seasonal-home{position:relative;isolation:isolate;padding:12px 8px 14px}.seasonal-blob{--season-a:#245d3d;--season-b:#d73455;display:flex;position:relative;overflow:hidden;flex-direction:column;align-items:flex-start;gap:9px;padding:25px 32px 26px 130px;min-height:174px;border-radius:42px 55px 39px 60px;border:2px solid #ffcf6b;box-shadow:0 14px 38px #0005,0 0 28px #ffb33a25;color:#fff;background:radial-gradient(circle at 83% 8%,#ffffff22,transparent 38%),linear-gradient(120deg,var(--season-a),var(--season-b));animation:seasonalReveal .68s cubic-bezier(.2,1.1,.3,1) both,seasonalFloat 5.2s ease-in-out .68s infinite;transition:filter .25s,box-shadow .25s,transform .25s}.seasonal-home--easter .seasonal-blob{--season-a:#5031a6;--season-b:#bb4b99;border-color:#f6ca83}.seasonal-blob:focus-visible,.seasonal-blob:hover{animation-play-state:paused;filter:brightness(1.08);box-shadow:0 22px 45px #0007,0 0 30px #ffbc3680;outline-offset:5px}.seasonal-blob__decoration{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:110px;height:110px;filter:drop-shadow(0 10px 12px #0005)}.seasonal-blob__eyebrow{font-size:10px;letter-spacing:.16em;font-weight:900;opacity:.92}.seasonal-blob__title{font-family:Bungee,Fredoka,sans-serif;font-size:clamp(19px,4vw,30px);line-height:1.15;text-shadow:0 3px 7px #0004}.seasonal-blob__description{max-width:440px;font-size:13px;font-weight:650;line-height:1.5}.seasonal-blob__cta{display:inline-flex;align-items:center;gap:8px;margin-top:5px;font-weight:950;color:#ffed9b}@keyframes seasonalReveal{0%{opacity:0;transform:translateY(16px) scale(.94)}70%{opacity:1;transform:translateY(-2px) scale(1.015)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes seasonalFloat{0%,to{transform:translateY(0) rotate(-.25deg) scale(1)}50%{transform:translateY(-6px) rotate(.35deg) scale(1.024)}}@keyframes seasonalIconSway{0%,to{rotate:-1.5deg}50%{rotate:2.5deg}}@keyframes seasonalSheen{0%,62%,to{transform:translateX(-180%) skewX(-18deg)}80%,85%{transform:translateX(270%) skewX(-18deg)}}@keyframes seasonalCtaNudge{0%,to{transform:translateX(0)}50%{transform:translateX(3px)}}@media(max-width:520px){.seasonal-blob{padding:90px 20px 22px;min-height:225px;border-radius:35px}.seasonal-blob__decoration{left:18px;top:8px;transform:none;width:94px;height:94px}}.seasonal-blob:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(95deg,transparent 25%,#ffffff40 48%,transparent 70%);opacity:.28;transform:translateX(-180%) skewX(-18deg);animation:seasonalSheen 8s ease-in-out 1.5s infinite}.seasonal-blob__decoration{transform-origin:50% 75%;animation:seasonalIconSway 5.2s ease-in-out infinite}.seasonal-blob__cta svg{animation:seasonalCtaNudge 2.5s ease-in-out infinite}.seasonal-blob:focus-visible .seasonal-blob__cta svg,.seasonal-blob:focus-visible .seasonal-blob__decoration,.seasonal-blob:hover .seasonal-blob__cta svg,.seasonal-blob:hover .seasonal-blob__decoration{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.seasonal-blob,.seasonal-blob:after,.seasonal-blob__cta svg,.seasonal-blob__decoration{animation:none!important}.seasonal-blob{transform:none!important;transition:none!important}}.seasonal-mode-icon{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.seasonal-header-icon-wrap{display:flex;align-items:center;justify-content:center;height:108px}.seasonal-header-icon{display:block;width:108px;height:108px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 8px 12px #0004)}@media(max-width:520px){.seasonal-header-icon-wrap{height:94px}.seasonal-header-icon{width:94px;height:94px}}.hover\:border-orange:hover{--tw-border-opacity:1;border-color:rgb(255 189 0/var(--tw-border-opacity,1))}.hover\:bg-orange\/10:hover{background-color:rgb(255 189 0/.1)}.hover\:text-\[var\(--text\)\]:hover{color:var(--text)}.hover\:text-orange:hover{--tw-text-opacity:1;color:rgb(255 189 0/var(--tw-text-opacity,1))}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-orange:focus-visible{outline-color:#ffbd00}@media (min-width:640px){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:p-10{padding:2.5rem}.sm\:p-11{padding:2.75rem}.sm\:p-12{padding:3rem}.sm\:p-8{padding:2rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1fr_310px\]{grid-template-columns:1fr 310px}}@media (min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}