*,::before,::after{--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:}*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::before,::after{--tw-content:''}html,:host{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,samp,pre{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:-0.25em}sup{top:-0.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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{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}button,[role="button"]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden="until-found"])){display:none}@keyframes livePulse{0%,100%{box-shadow:0 0 0 5px rgba(31,207,145,0.13)}50%{box-shadow:0 0 0 8px rgba(31,207,145,0.22)}}@keyframes panelIn{from{opacity:0;transform:translateY(8px)}}@keyframes rankSheen{from{transform:translateX(-40%)}to{transform:translateX(40%)}}@keyframes gradientSlide{to{background-position:-200% 0}}@keyframes statPop{0%{transform:scale(1)}40%{transform:scale(1.18);color:var(--green-dark)}100%{transform:scale(1)}}@keyframes modalFade{from{opacity:0}}@keyframes modalPop{from{opacity:0;transform:scale(0.9) translateY(8px)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes logIn{from{opacity:0;transform:translateY(-4px)}}@keyframes pulse{to{transform:scale(1.06);box-shadow:0 0 0 12px rgba(114,87,232,0.1)}}@keyframes goFlash{0%{transform:scale(0.5);opacity:0}55%{transform:scale(1.25);opacity:1}100%{transform:scale(1)}}@keyframes splashIn{from{opacity:0;transform:scale(0.82)}}@keyframes countPunch{50%{transform:scale(1.1)}}@keyframes clashSlideInLeft{from{opacity:0;transform:translateX(-40px)}}@keyframes clashSlideInRight{from{opacity:0;transform:translateX(40px)}}@keyframes clashPop{from{transform:scale(0)}70%{transform:scale(1.2)}}@keyframes battleLoad{from{transform:translateX(-100%)}}@keyframes urgentPulse{to{transform:scale(1.1)}}@keyframes cardHit{25%{transform:translateX(-7px);border-color:var(--red);background:#fff0f3}55%{transform:translateX(5px)}}@keyframes streakWiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-6deg) scale(1.1)}75%{transform:rotate(6deg) scale(1.1)}}@keyframes healthDanger{50%{opacity:0.6}}@keyframes questionIn{from{opacity:0;transform:translateY(8px) scale(0.99)}}@keyframes optionPick{0%,100%{transform:scale(1)}45%{transform:scale(1.025)}}@keyframes answerReveal{from{opacity:0.5;transform:translateY(3px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes answerPop{50%{transform:scale(1.01)}}@keyframes answerShake{25%,75%{transform:translateX(-3px)}50%{transform:translateX(3px)}}@keyframes correctGlow{45%{box-shadow:inset 0 0 70px rgba(15,159,114,0.22),0 0 0 2px rgba(15,159,114,0.28)}}@keyframes wrongShake{20%,60%{transform:translateX(-5px);box-shadow:inset 0 0 60px rgba(229,77,104,0.18)}40%,80%{transform:translateX(5px)}}@keyframes scoreFloat{0%{opacity:0;transform:translateY(12px) scale(0.8)}25%{opacity:1;transform:translateY(0) scale(1.12)}100%{opacity:0;transform:translateY(-28px)}}@keyframes comboBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(0.4) rotate(-5deg)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}100%{opacity:0;transform:translate(-50%,-70%) scale(1)}}@keyframes particleFly{to{opacity:0;translate:calc(cos(var(--angle)) * 240px) calc(sin(var(--angle)) * 190px);rotate:480deg}}@keyframes screenShake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes confettiFall{to{transform:translateY(120%) rotate(540deg);opacity:0}}@keyframes feedIn{from{opacity:0;transform:translateY(8px)}}:root{--ink:#10211b;--ink-2:#263c34;--muted:#6b7c75;--line:#e2e9e6;--surface:#ffffff;--canvas:#f3f7f5;--green:#0f9f72;--green-dark:#087453;--green-soft:#e7f8f1;--blue:#3977f6;--blue-soft:#edf3ff;--orange:#f3a72e;--orange-soft:#fff3de;--red:#e54d68;--purple:#7257e8;--purple-soft:#f0ecff;--pink:#ec4899;--navy:#071a15;--gold:#d9a441;--shadow-sm:0 6px 18px rgba(16,33,27,0.06);--shadow:0 18px 50px rgba(16,33,27,0.1);--shadow-glow:0 18px 46px rgba(114,87,232,0.16);--radius-lg:22px;--radius-md:15px;--radius-sm:10px;--ease-out:cubic-bezier(0.2,0.8,0.2,1)}html{scroll-behavior:smooth}body{line-height:inherit;margin:0px;min-height:100vh;font-family:'Hind','DM Sans',system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:radial-gradient(circle at 8% 0%,rgba(15,159,114,0.1),transparent 28%),radial-gradient(circle at 92% 6%,rgba(114,87,232,0.09),transparent 28%),radial-gradient(circle at 50% 100%,rgba(57,119,246,0.06),transparent 32%),var(--canvas)}[hidden]{display:none !important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.skip-link{position:fixed;left:1rem;top:-70px;z-index:200;border-radius:10px;background-color:var(--navy);padding-top:0.625rem;padding-bottom:0.625rem;padding-left:15px;padding-right:15px;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}.skip-link:focus{top:1rem}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{border-radius:0.375rem;outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:var(--blue)}.arena-nav{position:sticky;top:0px;z-index:50;display:flex;height:72px;align-items:center;justify-content:space-between;border-bottom-width:1px;border-color:rgba(218,228,224,0.9);background-color:rgb(255 255 255 / 0.9);padding:0px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 26px rgba(15,35,28,0.04)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;height:2rem;width:2rem;place-items:center;border-radius:10px;font-size:22px;--tw-text-opacity:1;color:rgb(126 227 189 / var(--tw-text-opacity,1));transition:transform 0.25s var(--ease-out);background:linear-gradient(150deg,var(--navy),#0d3a2c);box-shadow:0 8px 20px rgba(7,26,21,0.18),inset 0 0 0 1px rgba(126,227,189,0.15)}.brand:hover .brand-mark{--tw-rotate:-4deg;--tw-scale-x:1.04;--tw-scale-y:1.04;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.1}.brand b{font-family:'Manrope',sans-serif;font-size:17px;font-weight:800;line-height:normal;letter-spacing:-0.02em}.brand small{margin-top:0.25rem;font-size:11px;color:var(--muted)}.nav-links{display:flex;align-items:center;gap:5px}.nav-links a{border-radius:10px;padding-top:0.625rem;padding-bottom:0.625rem;padding-left:0.875rem;padding-right:0.875rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity:1;color:rgb(77 96 88 / var(--tw-text-opacity,1))}.nav-links a:hover{--tw-bg-opacity:1;background-color:rgb(241 245 243 / var(--tw-bg-opacity,1));color:var(--ink)}.nav-links a.active{background-color:var(--green-soft);color:var(--green-dark)}.menu-toggle{display:none;border-radius:10px;border-width:0px;--tw-bg-opacity:1;background-color:rgb(238 244 241 / var(--tw-bg-opacity,1));padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.625rem;padding-right:0.625rem;font-size:22px}main{margin:0px;width:100%;padding-top:clamp(20px,2vw,36px);padding-right:clamp(16px,2.4vw,40px);padding-bottom:70px;padding-left:clamp(16px,2.4vw,40px)}.arena-header{position:relative;isolation:isolate;display:flex;min-height:0px;align-items:center;justify-content:space-between;overflow:hidden;border-radius:26px;border-width:1px;border-color:rgb(255 255 255 / 0.12);padding:clamp(24px,2.5vw,34px);--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));gap:clamp(14px,3vw,36px);background:radial-gradient(circle at 82% 18%,rgba(52,211,153,0.24),transparent 20rem),radial-gradient(circle at 12% 112%,rgba(99,102,241,0.34),transparent 22rem),linear-gradient(125deg,#061d18 0%,#09352a 54%,#153b4a 100%);box-shadow:0 28px 70px rgba(6,29,24,0.2)}.live-label{display:inline-flex;align-items:center;gap:0.5rem;padding-top:5px;padding-bottom:5px;padding-right:11px;padding-left:9px;font-size:11px;font-weight:800;letter-spacing:0.12em;background-color:var(--green-soft);color:var(--green-dark);border-radius:99px}.live-label i,.sync-status i{height:7px;width:7px;--tw-bg-opacity:1;background-color:rgb(31 207 145 / var(--tw-bg-opacity,1));animation:livePulse 1.6s ease infinite;border-radius:50%;box-shadow:0 0 0 5px rgba(31,207,145,0.13)}.arena-header h1{margin:0px;margin-top:0.75rem;margin-bottom:0.5rem;font-family:'Cinzel','Manrope',serif;font-weight:900;letter-spacing:-0.035em;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));font-size:clamp(36px,4vw,58px)}.arena-header p{margin:0px;max-width:850px;--tw-text-opacity:1;color:rgb(207 228 220 / var(--tw-text-opacity,1));font-size:clamp(14px,1.15vw,17px);line-height:1.6}.arena-metrics{display:flex;flex:none;border-radius:17px;padding:clamp(5px,0.7vw,8px);--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.1);box-shadow:inset 0 1px rgba(255,255,255,0.1),0 18px 40px rgba(0,0,0,0.14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:box-shadow 0.25s var(--ease-out)}.arena-metrics:hover{box-shadow:inset 0 1px rgba(255,255,255,0.14),0 22px 46px rgba(0,0,0,0.2)}.arena-metrics div{display:flex;flex-direction:column;min-width:clamp(82px,8vw,112px);padding:clamp(5px,0.7vw,8px) clamp(9px,1.2vw,17px);border-right:1px solid rgba(255,255,255,0.14)}.arena-metrics div:last-child{border-right-width:0px}.arena-metrics strong{font-family:'Manrope',sans-serif;font-size:1.5rem;line-height:2rem;font-weight:800;line-height:normal;letter-spacing:-0.02em;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}.arena-metrics span{margin-top:0.125rem;font-size:11px;font-weight:700;--tw-text-opacity:1;color:rgb(183 206 197 / var(--tw-text-opacity,1))}.arena-tabs{position:relative;z-index:4;gap:0.75rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:calc(100% - clamp(20px,3vw,48px));margin:14px auto 18px}.mode-tab{display:flex;min-height:72px;cursor:pointer;align-items:center;gap:0.75rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1));text-align:left;padding:clamp(8px,1vw,12px) clamp(10px,1.2vw,16px);border:1px solid #d7e4df;border-radius:17px;box-shadow:0 14px 34px rgba(16,33,27,0.09);transition:transform 0.22s var(--ease-out),box-shadow 0.22s var(--ease-out),border-color 0.22s var(--ease-out),background 0.22s var(--ease-out)}.mode-tab>i{display:grid;height:39px;width:39px;place-items:center;border-radius:11px;--tw-bg-opacity:1;background-color:rgb(241 245 243 / var(--tw-bg-opacity,1));font-size:1.25rem;line-height:1.75rem;transition:background 0.22s ease,color 0.22s ease}.mode-tab span{display:flex;flex-direction:column}.mode-tab b{font-size:0.875rem;line-height:1.25rem}.mode-tab small{margin-top:3px;font-size:11px;color:var(--muted)}.mode-tab:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgb(199 214 208 / var(--tw-border-opacity,1));--tw-shadow-color:var(--shadow-sm);--tw-shadow:var(--tw-shadow-colored);box-shadow:var(--shadow-sm)}.mode-tab.is-active{border-color:var(--navy);--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));background:linear-gradient(135deg,#08271f,#0b4938);box-shadow:0 18px 38px rgba(7,39,31,0.25)}.mode-tab.is-active:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));box-shadow:0 16px 36px rgba(7,26,21,0.28)}.mode-tab.is-active>i{background-color:rgb(255 255 255 / 0.13);--tw-text-opacity:1;color:rgb(117 224 184 / var(--tw-text-opacity,1))}.mode-tab.is-active small{--tw-text-opacity:1;color:rgb(158 182 173 / var(--tw-text-opacity,1))}.mode-panel{overflow:hidden;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1));animation:panelIn 0.3s var(--ease-out) both;border:1px solid #d7e3df;border-radius:24px;box-shadow:0 26px 70px rgba(16,33,27,0.1)}.panel-titlebar{display:flex;min-height:0px;align-items:center;justify-content:space-between;gap:18px;border-bottom-width:1px;border-color:var(--line);padding:clamp(14px,1.7vw,22px) clamp(14px,2vw,26px);background:linear-gradient(120deg,#f2faf7 0%,#f7f6ff 58%,#f5fbff 100%)}.panel-kicker{margin-bottom:0.25rem;display:block;font-size:10px;font-weight:800;letter-spacing:0.13em;--tw-text-opacity:1;color:rgb(8 125 94 / var(--tw-text-opacity,1))}.panel-titlebar h2{margin:0px;font-family:'Cinzel','Manrope',serif;font-size:27px;font-weight:700;letter-spacing:-0.005em}.game-rules{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0.5rem}.game-rules span{display:inline-flex;min-height:34px;align-items:center;gap:0.375rem;border-radius:9px;border-width:1px;border-color:var(--line);--tw-bg-opacity:1;background-color:rgb(249 251 250 / var(--tw-bg-opacity,1));padding-top:7px;padding-bottom:7px;padding-left:0.625rem;padding-right:0.625rem;font-size:11px;font-weight:700;--tw-text-opacity:1;color:rgb(79 98 90 / var(--tw-text-opacity,1));transition:border-color 0.2s ease,background 0.2s ease}.game-rules i{font-size:0.875rem;line-height:1.25rem;color:var(--green)}.game-rules .sync-status{--tw-border-opacity:1;border-color:rgb(200 236 221 / var(--tw-border-opacity,1));background-color:var(--green-soft);color:var(--green-dark)}.sound-toggle{display:grid;height:2.25rem;width:2.25rem;cursor:pointer;place-items:center;border-radius:9px;border-width:1px;border-color:var(--line);--tw-bg-opacity:1;background-color:rgb(249 251 250 / var(--tw-bg-opacity,1));color:var(--green-dark);transition:0.2s var(--ease-out)}.sound-toggle:hover{--tw-translate-y:-1px;--tw-scale-x:1.04;--tw-scale-y:1.04;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgb(191 229 214 / var(--tw-border-opacity,1));background-color:var(--green-soft)}.sound-toggle[aria-pressed="false"]{--tw-bg-opacity:1;background-color:rgb(242 244 243 / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(134 149 143 / var(--tw-text-opacity,1))}.rank-track{position:relative;gap:0.875rem;overflow:hidden;display:grid;grid-template-columns:auto auto minmax(200px,1fr) auto;align-items:center;margin:18px 22px 0;padding:14px 16px;border:1px solid #d8e3df;border-radius:16px;background:linear-gradient(120deg,#fff 0%,#f4f2ff 54%,#effbf6 100%);box-shadow:0 12px 28px rgba(16,33,27,0.065)}.rank-track::before{content:"";pointer-events:none;position:absolute;inset:0px;animation:rankSheen 5s linear infinite;background:linear-gradient(90deg,transparent,rgba(114,87,232,0.06),transparent)}.rank-emblem{position:relative;z-index:1;display:grid;height:3rem;width:3rem;place-items:center;border-radius:14px;font-size:23px;--tw-text-opacity:1;color:rgb(122 77 41 / var(--tw-text-opacity,1));background:linear-gradient(145deg,#f2c398,#b97a47);box-shadow:inset 0 0 0 2px rgba(255,255,255,0.4),0 8px 18px rgba(185,122,71,0.28)}.rank-emblem[data-tier="silver"]{--tw-text-opacity:1;color:rgb(86 98 105 / var(--tw-text-opacity,1));background:linear-gradient(145deg,#eef2f4,#b9c3ca);box-shadow:inset 0 0 0 2px rgba(255,255,255,0.5),0 8px 18px rgba(140,155,165,0.3)}.rank-emblem[data-tier="gold"]{--tw-text-opacity:1;color:rgb(122 91 18 / var(--tw-text-opacity,1));background:linear-gradient(145deg,#ffe8a8,#d9a441);box-shadow:inset 0 0 0 2px rgba(255,255,255,0.5),0 8px 22px rgba(217,164,65,0.4)}.rank-emblem[data-tier="platinum"]{--tw-text-opacity:1;color:rgb(28 92 99 / var(--tw-text-opacity,1));background:linear-gradient(145deg,#d6f6f4,#63c2bd);box-shadow:inset 0 0 0 2px rgba(255,255,255,0.5),0 8px 22px rgba(99,194,189,0.38)}.rank-copy{position:relative;z-index:1;display:flex;min-width:112px;flex-direction:column}.rank-copy span{font-size:10px;color:var(--muted)}.rank-copy strong{margin-top:0.125rem;font-family:'Manrope',sans-serif;font-size:15px;font-weight:800;line-height:normal}.rank-progress{position:relative;z-index:1}.rank-progress>span{display:block;height:7px;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(223 228 233 / var(--tw-bg-opacity,1));border-radius:99px}.rank-progress i{display:block;height:100%;border-radius:inherit;animation:gradientSlide 3s linear infinite;background:linear-gradient(90deg,var(--green),var(--blue),var(--purple));background-size:200% 100%;transition:width 0.4s ease}.rank-progress small{margin-top:5px;display:block;font-size:10px;color:var(--muted)}.currency{position:relative;z-index:1;display:flex;gap:7px}.currency span{display:inline-flex;align-items:center;gap:5px;border-radius:9px;border-width:1px;border-color:var(--line);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1));padding-top:7px;padding-bottom:7px;padding-left:9px;padding-right:9px;font-size:11px}.currency i{color:var(--orange)}.currency .xp-pop{animation:statPop 0.4s ease}.battle-layout{gap:18px;display:grid;grid-template-columns:minmax(0,1fr) 310px;padding:18px 22px 22px}.battle-stage-wrap{position:relative}.battle-stage-toolbar{display:flex;min-height:4rem;align-items:center;justify-content:space-between;gap:0.625rem;font-weight:850;text-transform:uppercase;letter-spacing:0.06em;margin:0 0 8px;padding:9px 11px 9px 18px;border:1px solid rgba(110,231,183,0.2);border-radius:18px;color:#d9fff2;font-size:10px;background:linear-gradient(110deg,#061c18,#0a342a 58%,#102b3d);box-shadow:0 14px 32px rgba(5,31,25,0.18)}.battle-stage-toolbar[hidden]{display:none !important}.battle-stage-toolbar>span{display:flex;align-items:center;gap:0.375rem;letter-spacing:0.1em}.battle-stage-toolbar>span i{color:var(--green)}.battle-exit-btn{position:static;z-index:1;display:inline-flex;min-height:2.75rem;cursor:pointer;align-items:center;gap:0.375rem;padding-top:0px;padding-bottom:0px;padding-left:0.75rem;padding-right:0.75rem;font-size:11px;font-weight:800;transition:0.18s ease;border:1px solid rgba(251,113,133,0.35);border-radius:10px;color:#fecdd3;background:rgba(190,24,93,0.13);box-shadow:0 6px 16px rgba(16,33,27,0.08)}.battle-exit-btn:hover{--tw-translate-y:-1px;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));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));background:#be123c}.battle-exit-btn i{font-size:13px}.quit-modal{position:fixed;inset:0px;z-index:300;display:grid;place-items:center;animation:modalFade 0.18s ease both;background:rgba(7,26,21,0.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.quit-modal-card{width:min(360px,88vw);border-radius:20px;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1));padding-top:26px;padding-bottom:26px;padding-left:1.5rem;padding-right:1.5rem;text-align:center;animation:modalPop 0.22s cubic-bezier(0.2,0.9,0.3,1.2) both;box-shadow:0 30px 70px rgba(7,26,21,0.3)}.quit-modal-icon{margin-left:auto;margin-right:auto;margin-bottom:0.875rem;display:grid;height:3.5rem;width:3.5rem;place-items:center;border-radius:1rem;font-size:26px;color:var(--red);background:linear-gradient(135deg,#ffe3e8,#ffd1da)}.quit-modal-card h3{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0.5rem;font-family:'Manrope',sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:800;line-height:normal}.quit-modal-card p{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1.25rem;font-size:0.75rem;line-height:1rem;line-height:1.55;color:var(--muted)}.quit-modal-actions{display:flex;flex-direction:column;gap:9px}.ghost-btn{min-height:2.75rem;cursor:pointer;border-radius:11px;border-width:1px;border-color:var(--line);--tw-bg-opacity:1;background-color:rgb(247 249 248 / var(--tw-bg-opacity,1));font-size:13px;font-weight:800;color:var(--ink);transition:0.18s ease}.ghost-btn:hover{--tw-bg-opacity:1;background-color:rgb(238 242 240 / var(--tw-bg-opacity,1))}.danger-btn{display:inline-flex;min-height:2.75rem;cursor:pointer;align-items:center;justify-content:center;gap:7px;border-radius:11px;border-width:0px;font-size:13px;font-weight:800;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));transition:0.18s ease;background:linear-gradient(120deg,var(--red),#c53355)}.danger-btn:hover{--tw-translate-y:-1px;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));box-shadow:0 10px 22px rgba(229,77,104,0.3)}.battle-stage{position:relative;isolation:isolate;max-height:none;overflow:hidden;min-height:440px;display:grid;place-items:center;padding:24px;border:1px solid #d8e3df;border-radius:18px;background:radial-gradient(circle at 15% 12%,rgba(99,102,241,0.1),transparent 30%),radial-gradient(circle at 86% 18%,rgba(16,185,129,0.12),transparent 30%),linear-gradient(155deg,#fdfcff,#eef8f4);box-shadow:inset 0 1px 0 rgba(255,255,255,0.6),0 20px 50px rgba(16,33,27,0.06);transition:box-shadow 0.2s ease}.battle-stage::before{content:"";position:absolute;inset:0px;z-index:-10;opacity:0.4;background-image:linear-gradient(rgba(60,60,90,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(60,60,90,0.05) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);mask-image:linear-gradient(to bottom,black,transparent 82%)}.battle-stage::after{content:"";pointer-events:none;position:absolute;z-index:-10;height:420px;width:420px;border:1px solid rgba(114,87,232,0.1);border-radius:50%;box-shadow:0 0 0 54px rgba(15,159,114,0.03),0 0 0 108px rgba(57,119,246,0.02)}.match-ready{max-width:470px;justify-items:center;text-align:center;display:grid}.ready-orbit{position:relative;display:grid;height:116px;width:116px;place-items:center;animation:orbitSpin 12s linear infinite;border-radius:50%;border:1px dashed #b9a9f2}.ready-orbit::before,.ready-orbit::after{content:"";position:absolute;height:9px;width:9px;border-radius:50%;box-shadow:0 0 10px currentColor}.ready-orbit::before{top:0.5rem;right:1rem;background-color:var(--green);color:var(--green)}.ready-orbit::after{bottom:0.625rem;left:15px;background-color:var(--purple);color:var(--purple)}.ready-orbit span{display:grid;height:76px;width:76px;place-items:center;border-radius:22px;font-size:32px;--tw-text-opacity:1;color:rgb(134 228 193 / var(--tw-text-opacity,1));animation:orbitSpin 12s linear infinite reverse;background:linear-gradient(150deg,var(--navy),#0c3527);box-shadow:0 18px 34px rgba(7,26,21,0.24),0 0 0 6px rgba(114,87,232,0.08)}.queue-label{margin-top:22px;font-size:10px;font-weight:800;letter-spacing:0.14em;color:var(--green-dark)}.match-ready h3{margin-top:7px;margin-bottom:18px;font-family:'Manrope',sans-serif;font-weight:800;line-height:normal;letter-spacing:-0.035em;--tw-text-opacity:1;color:rgb(11 35 28 / var(--tw-text-opacity,1));font-size:clamp(24px,2.2vw,32px)}.match-ready p{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:1.25rem;max-width:410px;font-size:0.875rem;line-height:1.25rem;line-height:1.55;color:var(--muted)}.match-ready small{margin-top:13px;display:flex;align-items:center;gap:5px;font-size:10px;--tw-text-opacity:1;color:rgb(105 128 120 / var(--tw-text-opacity,1))}.match-ready small i{color:var(--green)}.primary-btn{position:relative;display:inline-flex;min-height:3rem;cursor:pointer;align-items:center;justify-content:center;gap:0.5rem;overflow:hidden;border-radius:0.75rem;border-width:0px;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:22px;padding-right:22px;font-weight:800;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));transition:transform 0.22s var(--ease-out),box-shadow 0.22s var(--ease-out);background:linear-gradient(120deg,var(--navy),#0c3527 60%,#123a2c);box-shadow:0 12px 25px rgba(7,26,21,0.22),0 0 0 1px rgba(114,87,232,0.12)}.primary-btn::before{content:"";position:absolute;inset:0px;--tw-translate-x:-120%;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));transition:transform 0.5s ease;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.18),transparent)}.primary-btn:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));box-shadow:0 18px 38px rgba(7,26,21,0.3),0 0 0 1px rgba(114,87,232,0.22)}.primary-btn:hover::before{--tw-translate-x:120%;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))}.primary-btn:active{--tw-translate-y:0px;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))}.battle-cta{font-size:15px;min-width:220px;border:1px solid rgba(255,255,255,0.1)}.match-mode-choice{margin-top:0.375rem;display:flex;flex-wrap:wrap;justify-content:center;gap:0.625rem}.battle-cta--real{--tw-text-opacity:1;color:rgb(7 35 26 / var(--tw-text-opacity,1));background:linear-gradient(120deg,#4f46e5,#6d28d9 62%,#4338ca)}.match-mode-hint{margin-top:0.625rem;color:var(--muted,#7c8ba3);font-size:0.78rem;line-height:1.5;max-width:540px !important;margin-top:14px !important;display:none !important}.real-match-round{width:100%;max-width:520px;justify-items:center;gap:18px;display:grid}.real-match-question{text-align:center;font-size:1.1rem;line-height:1.5;color:var(--navy,#0d3a2c)}.real-match-options{width:100%;gap:0.625rem;display:grid}.real-match-option{cursor:pointer;border-radius:0.75rem;border-width:1px;border-color:var(--border,#d4e0ea);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1));padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:1rem;text-align:left;font-size:0.95rem;transition:border-color 0.15s ease,background 0.15s ease}.real-match-option:hover:not(:disabled){--tw-border-opacity:1;border-color:rgb(39 173 57 / var(--tw-border-opacity,1));background:rgba(126,227,189,0.08)}.real-match-option.is-selected{--tw-border-opacity:1;border-color:rgb(39 173 57 / var(--tw-border-opacity,1));font-weight:700;background:rgba(126,227,189,0.16)}.real-match-option:disabled{cursor:default;opacity:0.75}.real-match-waiting{font-size:0.85rem;color:var(--muted,#7c8ba3)}.battle-sidebar{display:flex;flex-direction:column;gap:0.75rem}.intel-card,.battle-log-card{overflow:hidden;--tw-bg-opacity:1;background-color:rgb(251 252 252 / var(--tw-bg-opacity,1));border:1px solid #d8e3df;border-radius:15px;box-shadow:0 12px 28px rgba(16,33,27,0.06)}.intel-head{display:flex;min-height:3rem;align-items:center;justify-content:space-between;border-bottom-width:1px;border-color:var(--line);padding-left:0.875rem;padding-right:0.875rem;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0.07em}.intel-head i{font-size:1rem;line-height:1.5rem;color:var(--green)}.intel-grid{padding-top:0.75rem;padding-bottom:0.75rem;padding-left:7px;padding-right:7px;display:grid;grid-template-columns:repeat(3,1fr)}.intel-grid div{display:flex;flex-direction:column;align-items:center;border-right-width:1px;border-color:var(--line)}.intel-grid div:last-child{border-width:0px}.intel-grid b{font-size:13px}.intel-grid span{margin-top:3px;font-size:9px;color:var(--muted)}.battle-log-card{min-height:340px;flex:1 1 0%}.battle-log{max-height:410px;overflow:auto;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.875rem;padding-right:0.875rem}.log-empty{display:grid;min-height:235px;place-items:center;align-content:center;gap:0.5rem;text-align:center;font-size:11px;--tw-text-opacity:1;color:rgb(145 162 155 / var(--tw-text-opacity,1))}.log-empty i{font-size:25px}.log-row{gap:7px;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(237 241 239 / var(--tw-border-opacity,1));padding-top:0.625rem;padding-bottom:0.625rem;font-size:11px;font-weight:600;--tw-text-opacity:1;color:rgb(67 86 78 / var(--tw-text-opacity,1));animation:logIn 0.25s ease both;display:grid;grid-template-columns:58px 1fr}.log-row span{font-size:9px;--tw-text-opacity:1;color:rgb(107 125 118 / var(--tw-text-opacity,1))}.battle-icon{display:grid;height:68px;width:68px;place-items:center;border-radius:20px;font-size:29px;--tw-text-opacity:1;color:rgb(134 228 193 / var(--tw-text-opacity,1));background:linear-gradient(150deg,var(--navy),#0c3527)}.battle-icon.active{animation:pulse 1s ease infinite alternate}.round-splash{position:relative;z-index:2;justify-items:center;gap:0.25rem;animation:splashIn 0.28s ease both;display:grid}.round-splash span{font-size:10px;font-weight:900;letter-spacing:0.2em;color:var(--green-dark)}.round-splash b{font-family:'Manrope',sans-serif;font-weight:900;line-height:1;letter-spacing:-0.08em;font-size:84px;background:linear-gradient(135deg,var(--navy),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 12px 30px rgba(7,26,21,0.16);animation:countPunch 0.62s ease infinite}.round-splash.compact b{font-size:68px}.round-splash b.is-go{animation:goFlash 0.5s ease both}#countdownNumber.is-punch{animation:countPunch 0.25s ease both}.vs-clash{position:relative;z-index:2;margin-bottom:26px;display:flex;align-items:center;justify-content:center;gap:22px}.vs-clash-side{justify-items:center;gap:0.5rem;animation:clashSlideIn 0.5s cubic-bezier(0.2,0.8,0.3,1.1) both;display:grid}.vs-clash-side.you{animation-name:clashSlideInLeft}.vs-clash-side.opp{animation-name:clashSlideInRight}.vs-clash-side .battle-avatar{height:4rem;width:4rem;border-radius:18px;font-size:1rem;line-height:1.5rem}.vs-clash-side.you .battle-avatar{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));background:linear-gradient(145deg,var(--green),var(--green-dark))}.vs-clash-side.opp .battle-avatar{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));background:linear-gradient(145deg,var(--purple),#4b39c4)}.vs-clash-side strong{font-family:'Manrope',sans-serif;font-size:0.75rem;line-height:1rem;font-weight:800;line-height:normal}.vs-clash-badge{display:grid;height:46px;width:46px;place-items:center;font-family:'Manrope',sans-serif;font-size:12px;font-weight:900;line-height:normal;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));border-radius:50%;animation:clashPop 0.5s 0.3s cubic-bezier(0.2,0.9,0.3,1.3) both;background:linear-gradient(135deg,var(--navy),var(--purple));box-shadow:0 10px 24px rgba(114,87,232,0.32)}.round-result{position:relative;z-index:3;min-width:280px;justify-items:center;border-radius:20px;border-width:1px;border-color:var(--line);background-color:rgb(255 255 255 / 0.94);padding:1.75rem;animation:splashIn 0.3s ease both;display:grid;box-shadow:0 24px 60px rgba(16,33,27,0.15)}.round-result>span{font-size:9px;font-weight:900;letter-spacing:0.15em;color:var(--muted)}.round-result h3{margin-top:7px;margin-bottom:1rem;font-family:'Manrope',sans-serif;font-size:27px;font-weight:900;line-height:normal;letter-spacing:-0.04em}.round-result>div{display:flex;align-items:center;gap:0.875rem}.round-result>div b{min-width:68px;border-radius:10px;--tw-bg-opacity:1;background-color:rgb(240 245 243 / var(--tw-bg-opacity,1));padding:0.625rem;text-align:center;font-family:'Manrope',sans-serif;font-size:17px;font-weight:900;line-height:normal}.round-result>div i{font-style:normal;--tw-text-opacity:1;color:rgb(161 174 169 / var(--tw-text-opacity,1))}.round-result>small{margin-top:13px;padding-top:5px;padding-bottom:5px;padding-left:0.625rem;padding-right:0.625rem;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));border-radius:99px;background:linear-gradient(120deg,var(--navy),#123a2c)}.round-result.is-win{--tw-border-opacity:1;border-color:rgb(185 230 207 / var(--tw-border-opacity,1));box-shadow:0 24px 60px rgba(15,159,114,0.18)}.round-result.is-win h3{color:var(--green-dark)}.round-result.is-loss{--tw-border-opacity:1;border-color:rgb(243 195 205 / var(--tw-border-opacity,1));box-shadow:0 24px 60px rgba(229,77,104,0.14)}.round-result.is-loss h3{color:var(--red)}.round-result.is-draw h3{color:var(--blue)}.battle-stage>h3{margin-top:13px;margin-bottom:5px;font-family:'Manrope',sans-serif;font-size:25px;font-weight:800;line-height:normal}.battle-stage>p{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:18px;max-width:450px;text-align:center;color:var(--muted)}.match-summary{margin-top:0.75rem;margin-bottom:0.75rem;display:flex;flex-wrap:wrap;justify-content:center;gap:7px}.match-summary span{border-radius:9px;border-width:1px;border-color:var(--line);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1));padding-top:7px;padding-bottom:7px;padding-left:9px;padding-right:9px;font-size:10px;color:var(--muted)}.match-summary b{color:var(--ink)}.battle-meter{height:0.375rem;width:min(360px,80%);overflow:hidden;--tw-bg-opacity:1;background-color:rgb(223 228 233 / var(--tw-bg-opacity,1));border-radius:99px}.battle-meter span{display:block;height:100%;width:100%;animation:battleLoad 3.8s linear forwards;background:linear-gradient(90deg,var(--green),var(--purple))}.battle-arena{width:100%;align-self:stretch}.battle-topline{margin-bottom:13px;display:flex;align-items:center;justify-content:space-between;gap:0.625rem;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;--tw-text-opacity:1;color:rgb(169 200 191 / var(--tw-text-opacity,1))}.battle-topline strong{position:relative;display:grid;height:58px;min-width:58px;place-items:center;padding:0px;text-align:center;font-size:17px;letter-spacing:0em;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));border-radius:50%;background:conic-gradient(var(--green) calc(var(--pct,100) * 1%),#e4ece8 0);filter:drop-shadow(0 0 13px rgba(52,211,153,0.4));transition:transform 0.15s ease}.battle-topline strong::before{content:"";position:absolute;inset:0.25rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1));border-radius:50%}.battle-topline strong span{position:relative;z-index:1;--tw-text-opacity:1;color:rgb(9 37 29 / var(--tw-text-opacity,1))}.battle-topline strong.is-urgent{color:var(--red);animation:urgentPulse 0.7s ease infinite alternate;background:conic-gradient(var(--red) calc(var(--pct,100) * 1%),#ffe1e6 0)}.battle-topline strong.is-urgent span{--tw-text-opacity:1;color:rgb(225 29 72 / var(--tw-text-opacity,1))}.battle-scoreboard{align-items:center;gap:0.625rem;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.battle-player{position:relative;display:flex;min-width:0px;align-items:center;gap:11px;overflow:hidden;border-radius:15px;padding:13px;transition:border-color 0.2s ease,box-shadow 0.2s ease;border:1px solid rgba(255,255,255,0.13);background:rgba(255,255,255,0.075);box-shadow:inset 0 1px rgba(255,255,255,0.08),0 12px 28px rgba(0,0,0,0.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.battle-player::before{content:"";position:absolute;inset:0px;z-index:0;opacity:0;transition:opacity 0.2s ease;background:radial-gradient(circle at 0% 0%,rgba(15,159,114,0.12),transparent 60%)}.battle-player.is-you{border-color:rgba(52,211,153,0.44);background:linear-gradient(120deg,rgba(16,185,129,0.17),rgba(255,255,255,0.07));box-shadow:0 6px 18px rgba(15,159,114,0.08)}.battle-player.is-you::before{opacity:1}.battle-player.takes-hit{animation:cardHit 0.42s ease both}.battle-avatar{position:relative;z-index:1;display:grid;height:46px;width:46px;flex:none;place-items:center;border-radius:13px;font-size:12px;font-weight:800;background:linear-gradient(145deg,#eef3f1,#e3ecf8);box-shadow:inset 0 0 0 2px rgba(255,255,255,0.6),0 4px 10px rgba(16,33,27,0.08)}.battle-player.is-you .battle-avatar{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));background:linear-gradient(145deg,var(--green),var(--green-dark))}.battle-player:not(.is-you) .battle-avatar{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));background:linear-gradient(145deg,var(--purple),#4b39c4)}.battle-player>div{position:relative;z-index:1;min-width:0px;flex:1 1 0%}.battle-player strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}.battle-player p{margin-left:0px;margin-right:0px;margin-top:0.125rem;margin-bottom:0px;font-size:9px;--tw-text-opacity:1;color:rgb(157 187 178 / var(--tw-text-opacity,1))}.battle-player>b{position:relative;z-index:1;font-family:'Manrope',sans-serif;font-size:1.25rem;line-height:1.75rem;font-weight:900;line-height:normal;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}.bot-badge{margin-left:3px;display:inline-block;border-radius:0.25rem;background-color:var(--blue-soft);padding-top:0.125rem;padding-bottom:0.125rem;padding-left:0.25rem;padding-right:0.25rem;vertical-align:1px;font-size:7px;color:var(--blue)}.streak-badge{margin-left:0.25rem;display:inline-flex;align-items:center;gap:0.125rem;border-radius:0.25rem;padding-top:0.125rem;padding-bottom:0.125rem;padding-left:5px;padding-right:5px;vertical-align:1px;font-size:8px;font-weight:800;--tw-text-opacity:1;color:rgb(180 83 9 / var(--tw-text-opacity,1));animation:streakWiggle 0.5s ease;background:linear-gradient(120deg,var(--orange-soft),#ffe4e4)}.health-bar{position:relative;isolation:isolate;margin-top:5px;height:9px;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(23 44 40 / var(--tw-bg-opacity,1));border:1px solid rgba(255,255,255,0.14);border-radius:99px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.38)}.health-bar span{display:block;height:100%;border-radius:inherit;transition:width 0.4s cubic-bezier(0.2,0.9,0.3,1);background:linear-gradient(90deg,#17a875,#64d5ad)}.health-bar span.is-low{animation:healthDanger 0.8s ease infinite;background:linear-gradient(90deg,var(--red),#f28a9a)}.versus-pill{position:relative;display:grid;height:2.75rem;width:2.75rem;place-items:center;font-size:11px;font-weight:900;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));border-radius:50%;background:linear-gradient(145deg,#4338ca,#6d28d9);box-shadow:0 0 0 7px rgba(124,58,237,0.12),0 0 28px rgba(124,58,237,0.45)}.versus-pill::after{content:"";position:absolute;inset:-0.375rem;animation:orbitSpin 8s linear infinite;border-radius:50%;border:1px dashed rgba(114,87,232,0.35)}.battle-progress{margin-top:0.75rem;margin-bottom:0.75rem;height:0.375rem;overflow:hidden;background-color:rgb(255 255 255 / 0.1);border-radius:99px}.battle-progress span{display:block;height:100%;border-radius:inherit;transition:width 0.25s ease;background:linear-gradient(90deg,#34d399,#60a5fa);box-shadow:0 0 15px rgba(52,211,153,0.5)}.battle-question{border-radius:1rem;padding:18px;animation:questionIn 0.3s ease both;border:1px solid rgba(255,255,255,0.13);background:rgba(250,253,252,0.97);box-shadow:0 22px 48px rgba(0,0,0,0.24)}.mcq-meta{display:flex;flex-wrap:wrap;gap:5px}.chip{border-radius:0.375rem;background-color:var(--green-soft);padding-top:0.25rem;padding-bottom:0.25rem;padding-left:7px;padding-right:7px;font-size:8px;font-weight:800;text-transform:uppercase;color:var(--green-dark)}.battle-question h3{margin-top:0.75rem;margin-bottom:15px;white-space:pre-wrap;font-family:'Manrope',sans-serif;font-weight:700;--tw-text-opacity:1;color:rgb(11 32 26 / var(--tw-text-opacity,1));font-size:clamp(20px,2vw,27px);line-height:1.42}.battle-options{gap:0.5rem;display:grid;grid-template-columns:1fr 1fr}.battle-option,.wall-option{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:space-between;gap:0.5rem;overflow:hidden;text-align:left;font-size:12px;font-weight:650;min-height:56px;border:1px solid #dfe6e3;border-radius:12px;background:#fbfcfc;padding:10px 12px;transition:transform 0.18s var(--ease-out),box-shadow 0.18s var(--ease-out),border-color 0.18s var(--ease-out),background 0.18s var(--ease-out)}.battle-option{min-height:72px;border-color:#d8e4df;color:#14251f;background:#fff;box-shadow:0 5px 14px rgba(10,38,30,0.045)}.battle-option:hover:not(:disabled),.wall-option:hover:not(:disabled){--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:#34b98d;background:#f0fcf7;box-shadow:0 11px 24px rgba(11,91,67,0.12)}.battle-option b{margin-right:0.375rem;display:inline-grid;height:25px;width:25px;place-items:center;border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(230 248 241 / var(--tw-bg-opacity,1));font-size:9px;--tw-text-opacity:1;color:rgb(8 120 91 / var(--tw-text-opacity,1))}.battle-option small{border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(234 244 240 / var(--tw-bg-opacity,1));padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.375rem;padding-right:0.375rem;font-size:8px;font-weight:800;color:var(--green-dark)}.battle-option small:empty{display:none}.battle-option.is-picked{border-color:var(--blue);background-color:var(--blue-soft);animation:optionPick 0.25s ease}.battle-option.correct,.wall-option.correct{--tw-border-opacity:1;border-color:rgb(73 189 142 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(231 250 242 / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(6 96 68 / var(--tw-text-opacity,1));animation:answerReveal 0.32s ease both}.battle-option.wrong,.wall-option.wrong{--tw-border-opacity:1;border-color:rgb(237 123 144 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 240 243 / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(163 35 59 / var(--tw-text-opacity,1));animation:answerReveal 0.32s ease both}.battle-hint{margin-top:11px;margin-bottom:0px;border-radius:9px;border-width:1px;border-color:var(--line);--tw-bg-opacity:1;background-color:rgb(248 250 249 / var(--tw-bg-opacity,1));padding-top:9px;padding-bottom:9px;padding-left:11px;padding-right:11px;font-size:10px;color:var(--muted)}.battle-hint.is-correct{--tw-border-opacity:1;border-color:rgb(142 216 187 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(233 250 243 / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(8 97 70 / var(--tw-text-opacity,1));animation:answerPop 0.3s ease}.battle-hint.is-wrong{--tw-border-opacity:1;border-color:rgb(240 161 175 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 241 244 / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(162 33 59 / var(--tw-text-opacity,1));animation:answerShake 0.3s ease}.battle-stage.battle-stage.hit-stop *{animation-play-state:paused !important;transition:none !important}.battle-stage.hit-stop{filter:brightness(1.35) contrast(1.05)}.impact-correct{animation:correctGlow 0.5s ease}.battle-stage.impact-wrong{animation:wrongShake 0.42s ease}.score-pop{pointer-events:none;position:absolute;top:116px;z-index:8;border-radius:0.5rem;padding-top:0.375rem;padding-bottom:0.375rem;padding-left:9px;padding-right:9px;font-family:'Manrope',sans-serif;font-size:13px;font-weight:900;line-height:normal;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));animation:scoreFloat 1s ease both;background:linear-gradient(120deg,var(--navy),#123a2c)}.player-pop{left:18%}.opponent-pop{right:18%}.combo-pop{position:absolute;top:50%;left:50%;z-index:9;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:10px;padding-top:9px;padding-bottom:9px;padding-left:0.875rem;padding-right:0.875rem;font-family:'Manrope',sans-serif;font-size:14px;font-weight:900;line-height:normal;letter-spacing:0.06em;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));animation:comboBurst 0.85s ease both;background:linear-gradient(135deg,#6f4cff,#3977f6);box-shadow:0 15px 30px rgba(74,75,220,0.28)}.battle-result{max-width:560px;justify-items:center;text-align:center;display:grid}.battle-result h3{margin-top:0.875rem;margin-bottom:0.375rem;font-family:'Manrope',sans-serif;font-size:25px;font-weight:800;line-height:normal}.battle-result p{margin:0px;font-size:13px;line-height:1.55;color:var(--muted)}.battle-result.is-win .battle-icon{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));background:linear-gradient(140deg,var(--green),#17c68f);box-shadow:0 16px 34px rgba(15,159,114,0.32)}.battle-result.is-loss .battle-icon{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));background:linear-gradient(140deg,#34443e,#1c2925)}.match-report{position:relative;width:100%;max-width:680px;overflow:visible;padding:6px 4px 4px;max-height:none;scrollbar-width:none}.match-report::-webkit-scrollbar{display:none}.report-close-btn{position:sticky;top:0px;z-index:12;margin-right:0px;margin-bottom:-38px;margin-left:auto;display:grid;height:38px;width:38px;cursor:pointer;place-items:center;border-radius:11px;--tw-text-opacity:1;color:rgb(52 75 66 / var(--tw-text-opacity,1));border:1px solid #dbe5e1;background:rgba(255,255,255,0.96);box-shadow:0 8px 20px rgba(16,33,27,0.1)}.report-close-btn:hover{--tw-border-opacity:1;border-color:rgb(237 123 144 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 240 243 / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(163 35 59 / var(--tw-text-opacity,1))}.report-hero{justify-items:center;padding-top:0.375rem;padding-bottom:0.375rem;padding-left:0px;padding-right:0px;padding-bottom:18px;text-align:center;display:grid}.report-badge{display:inline-flex;align-items:center;gap:7px;padding-top:0.375rem;padding-bottom:0.375rem;padding-left:13px;padding-right:13px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:0.1em;border-radius:99px}.report-badge.is-win{--tw-text-opacity:1;color:rgb(6 96 68 / var(--tw-text-opacity,1));background:linear-gradient(120deg,#d3f5e6,#baf0da)}.report-badge.is-loss{--tw-text-opacity:1;color:rgb(107 53 64 / var(--tw-text-opacity,1));background:linear-gradient(120deg,#f4e9e9,#ecdadd)}.report-hero .battle-icon{margin-top:0.75rem}.report-hero h3{margin-top:0.875rem;margin-bottom:0.25rem;font-family:'Manrope',sans-serif;font-size:30px;font-weight:900;line-height:normal;letter-spacing:-0.03em}.report-hero p{margin:0px;font-size:13px;color:var(--muted)}.report-scoreline{margin-top:1.25rem;margin-bottom:1.25rem;align-items:center;gap:0.75rem;border-width:1px;border-color:var(--line);padding:18px;border-radius:18px;display:grid;grid-template-columns:1fr auto 1fr;background:linear-gradient(120deg,#f8fbfa,#f4f1fe)}.report-side{justify-items:center;gap:0.25rem;display:grid}.report-side .side-avatar{display:grid;height:50px;width:50px;place-items:center;border-radius:15px;font-size:13px;font-weight:900;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}.report-side.you .side-avatar{background:linear-gradient(145deg,var(--green),var(--green-dark))}.report-side.opp .side-avatar{background:linear-gradient(145deg,var(--purple),#4b39c4)}.report-side b{font-family:'Manrope',sans-serif;font-size:1.5rem;line-height:2rem;font-weight:900;line-height:normal}.report-side span{font-size:10px;font-weight:700;color:var(--muted)}.report-vs{justify-items:center;gap:0.125rem;font-size:9px;font-weight:800;color:var(--muted);display:grid}.report-vs b{font-family:'Manrope',sans-serif;font-size:15px;font-weight:900;line-height:normal;color:var(--ink)}.report-stats{margin-bottom:1rem;gap:0.5rem;display:grid;grid-template-columns:repeat(3,1fr)}.report-stats.report-stats-four{grid-template-columns:repeat(4,1fr)}.report-stat{border-radius:13px;border-width:1px;border-color:var(--line);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1));padding-top:0.75rem;padding-bottom:0.75rem;padding-left:0.625rem;padding-right:0.625rem;text-align:center}.report-stat b{display:block;font-family:'Manrope',sans-serif;font-size:19px;font-weight:900;line-height:normal}.report-stat span{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--muted)}.report-stat.is-good b{color:var(--green-dark)}.report-stat.is-bad b{color:var(--red)}.report-rounds{margin-bottom:1rem}.report-section-title{margin-top:0px;margin-right:0px;margin-bottom:9px;margin-left:0px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;--tw-text-opacity:1;color:rgb(75 96 87 / var(--tw-text-opacity,1))}.report-round-row{margin-bottom:7px;align-items:center;gap:0.75rem;border-radius:0.75rem;border-width:1px;border-color:var(--line);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1));padding-top:11px;padding-bottom:11px;padding-left:13px;padding-right:13px;display:grid;grid-template-columns:auto 1fr auto}.report-round-row .round-pill{display:grid;height:30px;width:30px;place-items:center;border-radius:9px;--tw-bg-opacity:1;background-color:rgb(238 242 240 / var(--tw-bg-opacity,1));font-family:'Manrope',sans-serif;font-size:11px;font-weight:800;line-height:normal}.report-round-row .round-bars{display:flex;align-items:center;gap:0.5rem}.report-round-bar{height:0.5rem;flex:1 1 0%;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(238 241 240 / var(--tw-bg-opacity,1));border-radius:99px}.report-round-bar span{display:block;height:100%;border-radius:inherit}.report-round-bar.you span{background:linear-gradient(90deg,var(--green),var(--green-dark))}.report-round-bar.opp span{background:linear-gradient(90deg,var(--purple),#4b39c4)}.report-round-row .round-tag{padding-top:0.25rem;padding-bottom:0.25rem;padding-left:9px;padding-right:9px;font-size:9px;font-weight:900;text-transform:uppercase;border-radius:99px}.report-round-row .round-tag.win{background-color:var(--green-soft);color:var(--green-dark)}.report-round-row .round-tag.loss{color:var(--red);background:#fdeaee}.report-round-row .round-tag.draw{background-color:var(--blue-soft);color:var(--blue)}.report-rewards{margin-bottom:1.25rem;display:flex;flex-wrap:wrap;gap:0.625rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(243 221 176 / var(--tw-border-opacity,1));padding:0.875rem;border-radius:14px;background:linear-gradient(120deg,#fff8ea,#fff1e0)}.report-reward{display:flex;align-items:center;gap:0.5rem;font-size:12px;font-weight:800;--tw-text-opacity:1;color:rgb(122 91 18 / var(--tw-text-opacity,1))}.report-reward i{font-size:17px;color:var(--orange)}.report-save-status{margin-top:-8px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:0.5rem;border-radius:11px;border-width:1px;border-color:var(--line);--tw-bg-opacity:1;background-color:rgb(247 250 249 / var(--tw-bg-opacity,1));padding-top:0.625rem;padding-bottom:0.625rem;padding-left:0.75rem;padding-right:0.75rem;font-size:11px;font-weight:750;color:var(--muted)}.report-save-status.is-saved{--tw-border-opacity:1;border-color:rgb(185 230 207 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(238 250 245 / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(8 97 70 / var(--tw-text-opacity,1))}.report-save-status.is-local{--tw-border-opacity:1;border-color:rgb(216 223 236 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(245 247 251 / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(83 100 122 / var(--tw-text-opacity,1))}.report-save-status i{font-size:17px}.report-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:0.625rem}.report-actions .ghost-btn{min-width:150px}.battle-stage.shake-fx{animation:screenShake 0.32s cubic-bezier(0.36,0.07,0.19,0.97) both}.confetti-burst{pointer-events:none;position:absolute;inset:0px;z-index:6;overflow:hidden}.confetti-burst i{position:absolute;top:-0.625rem;height:0.875rem;width:0.5rem;border-radius:0.125rem;opacity:0.9;animation:confettiFall linear both}.community-layout{gap:1.25rem;--tw-bg-opacity:1;background-color:rgb(246 248 247 / var(--tw-bg-opacity,1));padding:1.25rem;display:grid;grid-template-columns:minmax(0,1fr) 290px}.community-main{min-width:0px}.composer-card,.wall-card,.community-profile,.side-card{border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(223 231 228 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1));transition:box-shadow 0.2s ease;box-shadow:var(--shadow-sm)}.composer-card{margin-bottom:0.875rem;overflow:hidden}.composer-card:focus-within{--tw-border-opacity:1;border-color:rgb(195 179 243 / var(--tw-border-opacity,1));box-shadow:var(--shadow)}.composer-start{display:flex;align-items:center;gap:0.625rem;padding:0.875rem}.profile-avatar{display:grid;height:42px;width:42px;flex:none;place-items:center;font-size:11px;font-weight:800;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));border-radius:50%;background:linear-gradient(145deg,var(--green),var(--purple))}.profile-avatar.large{margin-top:-32px;height:62px;width:62px;border-width:4px;--tw-border-opacity:1;border-color:rgb(255 255 255 / var(--tw-border-opacity,1));font-size:15px}.composer-start button{min-height:42px;flex:1 1 0%;cursor:pointer;text-align:left;font-size:13px;font-weight:800;border:1px solid #d5e0db;border-radius:99px;background:#ffffff;color:#123a2c;padding:0 16px}.mcq-composer{border-top-width:1px;border-color:var(--line);padding-top:0px;padding-right:15px;padding-bottom:15px;padding-left:15px}.composer-heading{display:flex;align-items:center;justify-content:space-between;padding-top:0.875rem;padding-bottom:0.875rem;padding-left:0px;padding-right:0px}.composer-heading>div{display:flex;flex-direction:column}.composer-heading strong{font-family:'Manrope',sans-serif;font-size:17px;font-weight:800;line-height:normal}.composer-heading span{margin-top:0.125rem;font-size:10px;color:var(--muted)}.composer-heading button{height:2rem;width:2rem;cursor:pointer;border-width:0px;--tw-bg-opacity:1;background-color:rgb(238 242 240 / var(--tw-bg-opacity,1));border-radius:50%}.field-wide{margin-bottom:11px;display:block}.field-wide>span,.composer-fields label>span{margin-top:0px;margin-right:0px;margin-bottom:5px;margin-left:0px;display:block;font-size:10px;font-weight:800;--tw-text-opacity:1;color:rgb(82 101 93 / var(--tw-text-opacity,1))}.field-wide em{font-weight:500;font-style:normal;--tw-text-opacity:1;color:rgb(139 154 148 / var(--tw-text-opacity,1))}textarea,input,select{width:100%;border-radius:9px;--tw-bg-opacity:1;background-color:rgb(251 252 252 / var(--tw-bg-opacity,1));color:var(--ink);outline:2px solid transparent;outline-offset:2px;transition:0.18s ease;border:1px solid #dce5e1}textarea:focus,input:focus,select:focus{--tw-border-opacity:1;border-color:rgb(163 148 236 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1));box-shadow:0 0 0 3px rgba(114,87,232,0.1)}textarea{min-height:82px;resize:vertical;padding-top:0.625rem;padding-bottom:0.625rem;padding-left:11px;padding-right:11px;font-size:0.75rem;line-height:1rem}input,select{height:39px;padding-left:0.625rem;padding-right:0.625rem;padding-top:0px;padding-bottom:0px;font-size:11px}.option-editor{margin-bottom:11px;gap:0.5rem;display:grid;grid-template-columns:1fr 1fr}.option-editor label{display:flex;align-items:center;gap:7px}.option-editor b{display:grid;height:29px;width:29px;flex:none;place-items:center;border-radius:0.5rem;font-size:10px;color:var(--green-dark);background:#eaf5f1}.option-editor input{flex:1 1 0%}.composer-fields{margin-bottom:11px;gap:0.5rem;display:grid;grid-template-columns:repeat(4,1fr)}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:0.625rem}.composer-footer p{margin:0px;font-size:10px;color:var(--red)}.publish-btn{display:inline-flex;min-height:2.5rem;cursor:pointer;align-items:center;gap:7px;border-radius:9px;border-width:0px;font-size:11px;font-weight:800;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));transition:transform 0.2s var(--ease-out),box-shadow 0.2s var(--ease-out);background:linear-gradient(120deg,var(--green),var(--green-dark));padding:0 15px;box-shadow:0 4px 12px rgba(15,159,114,0.18)}.publish-btn:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));box-shadow:0 10px 22px rgba(15,159,114,0.28)}.publish-btn:disabled{--tw-translate-y:0px;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));cursor:wait;opacity:0.55;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.feed-toolbar{display:flex;align-items:center;justify-content:space-between;padding-top:7px;padding-left:3px;padding-right:3px;padding-bottom:11px}.feed-toolbar strong{font-size:0.75rem;line-height:1rem}.feed-toolbar span{font-size:10px;color:var(--muted)}.student-wall{gap:13px;display:grid}.feed-load-more{min-width:160px;justify-self:center;padding-top:0.625rem;padding-bottom:0.625rem;padding-left:1.25rem;padding-right:1.25rem}.wall-card{overflow:hidden;padding:0px;animation:feedIn 0.3s ease both;transition:transform 0.22s var(--ease-out),box-shadow 0.22s var(--ease-out),border-color 0.22s var(--ease-out)}.wall-card:hover{--tw-translate-y:-3px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1;border-color:rgb(200 189 242 / var(--tw-border-opacity,1));box-shadow:0 18px 40px rgba(16,33,27,0.1)}.wall-card.is-new{animation:feedIn 0.35s ease both}.wall-head{display:flex;align-items:center;justify-content:space-between;gap:0.625rem;padding-top:0.875rem;padding-right:15px;padding-bottom:0.5rem;padding-left:15px}.wall-user{display:flex;min-width:0px;align-items:center;gap:9px}.feed-avatar{display:grid;height:39px;width:39px;flex:none;place-items:center;font-size:10px;font-weight:800;--tw-text-opacity:1;color:rgb(23 102 77 / var(--tw-text-opacity,1));border-radius:50%;background:linear-gradient(145deg,#dff7ee,#e6def9)}.wall-user div{min-width:0px}.wall-user strong{display:block;font-size:0.75rem;line-height:1rem}.wall-user p{margin-top:0.125rem;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:9px;color:var(--muted)}.wall-live-pill{padding-top:5px;padding-bottom:5px;padding-left:7px;padding-right:7px;font-size:8px;font-weight:700;--tw-text-opacity:1;color:rgb(101 118 111 / var(--tw-text-opacity,1));border-radius:7px;background:#f0f4f2}.tag-list,.mcq-meta{display:flex;flex-wrap:wrap;gap:5px}.tag-list{padding-top:0px;padding-bottom:0px;padding-left:15px;padding-right:15px}.tag-list span{border-radius:0.375rem;background-color:var(--green-soft);padding-top:0.25rem;padding-bottom:0.25rem;padding-left:7px;padding-right:7px;font-size:8px;font-weight:800;color:var(--green-dark)}.wall-card h3{margin-top:0.75rem;margin-right:15px;margin-bottom:13px;margin-left:15px;white-space:pre-wrap;font-family:'Manrope',sans-serif;font-size:1rem;line-height:1.5rem;font-weight:700;line-height:1.45}.wall-options{gap:7px;padding-top:0px;padding-bottom:0px;padding-left:15px;padding-right:15px;display:grid;grid-template-columns:1fr 1fr}.wall-option{isolation:isolate}.wall-option .bar{position:absolute;top:0px;bottom:0px;left:0px;right:auto;z-index:-10;width:var(--pct);background:rgba(114,87,232,0.09)}.option-content{position:relative;z-index:1;display:flex;width:100%;align-items:center;justify-content:space-between;gap:7px}.option-content>span:last-child{font-size:9px;font-weight:800;color:var(--green-dark)}.wall-result{margin-top:0.625rem;margin-right:15px;margin-bottom:0px;margin-left:15px;border-radius:0.5rem;padding-top:9px;padding-bottom:9px;padding-left:0.625rem;padding-right:0.625rem;font-size:10px;line-height:1.45;--tw-text-opacity:1;color:rgb(77 99 90 / var(--tw-text-opacity,1));background:#f1f7f4}.mcq-option{position:relative;display:flex;width:100%;cursor:pointer;align-items:center;gap:0.625rem;overflow:hidden;text-align:left;font-size:12px;font-weight:650;line-height:1.4;--tw-text-opacity:1;color:rgb(51 65 60 / var(--tw-text-opacity,1));min-height:56px;border:1px solid #dfe6e3;border-radius:12px;background:#fbfcfc;padding:10px 12px;transition:transform 0.18s var(--ease-out),box-shadow 0.18s var(--ease-out),border-color 0.18s var(--ease-out),background 0.18s var(--ease-out)}.mcq-option:hover:not(:disabled){--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:#b3a3ee;background:linear-gradient(120deg,#f7f5ff,#f2fbf7);box-shadow:0 10px 22px rgba(114,87,232,0.12)}.mcq-option:disabled{cursor:default}.mcq-option-key{position:relative;z-index:1;display:inline-flex;height:25px;width:25px;flex:none;align-items:center;justify-content:center;font-size:10px;font-weight:800;--tw-text-opacity:1;color:rgb(8 120 91 / var(--tw-text-opacity,1));border-radius:7px;transition:all 0.2s ease;background:#e9f2ee}.mcq-option.active .mcq-option-key{background-color:var(--blue);--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}.mcq-option.correct{border-color:var(--success);--tw-text-opacity:1;color:rgb(6 96 68 / var(--tw-text-opacity,1));animation:answerReveal 0.32s ease both;background:rgba(16,185,129,0.08)}.mcq-option.correct .mcq-option-key{--tw-bg-opacity:1;background-color:rgb(73 189 142 / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));background:var(--success) !important;color:#fff !important}.mcq-option.wrong{border-color:var(--danger);--tw-text-opacity:1;color:rgb(163 35 59 / var(--tw-text-opacity,1));animation:answerReveal 0.32s ease both;background:rgba(239,68,68,0.08)}.mcq-option.wrong .mcq-option-key{--tw-bg-opacity:1;background-color:rgb(237 123 144 / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));background:var(--danger) !important;color:#fff !important}.mcq-option-text{position:relative;z-index:1;min-width:0px;flex:1 1 auto}.mcq-option--pct{justify-content:space-between}.mcq-option-pct-fill{position:absolute;top:0px;bottom:0px;left:0px;right:auto;z-index:0;width:var(--pct,0%);transition:width 0.4s var(--ease-out);background:rgba(114,87,232,0.09)}.mcq-option.correct .mcq-option-pct-fill{background:rgba(73,189,142,0.16)}.mcq-option.wrong .mcq-option-pct-fill{background:rgba(237,123,144,0.16)}.mcq-option-pct-label{position:relative;z-index:1;margin-left:0.5rem;flex:none;font-size:10px;font-weight:800;color:var(--green-dark)}.wall-actions{margin-top:13px;border-top-width:1px;border-color:var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.wall-actions button{min-height:2.75rem;cursor:pointer;border-width:0px;border-right-width:1px;border-color:var(--line);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1));font-size:10px;font-weight:750;--tw-text-opacity:1;color:rgb(94 112 104 / var(--tw-text-opacity,1));transition:background 0.18s ease,color 0.18s ease}.wall-actions button:last-child{border-width:0px}.wall-actions button:hover{color:var(--green-dark);background:#f5f9f7}.reply-box{border-top-width:1px;border-color:var(--line);padding-top:0.75rem;padding-bottom:0.75rem;padding-left:15px;padding-right:15px;background:#f8faf9}.comment-list p{margin-top:0px;margin-right:0px;margin-bottom:0.375rem;margin-left:0px;border-radius:0.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1));padding-top:7px;padding-bottom:7px;padding-left:0.625rem;padding-right:0.625rem;font-size:10px}.reply-form{display:flex;gap:7px}.reply-form input{height:2.25rem}.reply-form button{border-radius:0.5rem;border-width:0px;font-size:10px;font-weight:800;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));background:linear-gradient(120deg,var(--navy),#123a2c);padding:0 12px}.empty-wall{padding-top:35px;padding-bottom:35px;padding-left:1.25rem;padding-right:1.25rem;text-align:center}.empty-wall h3{margin-top:15px}.empty-wall p{font-size:0.75rem;line-height:1rem;color:var(--muted)}.empty-wall .wall-actions{display:block;border-width:0px}.empty-wall a{display:inline-flex;border-radius:0.5rem;padding-top:0.625rem;padding-bottom:0.625rem;padding-left:0.75rem;padding-right:0.75rem;font-size:10px;font-weight:800;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));background:linear-gradient(120deg,var(--navy),#123a2c)}.community-sidebar{display:flex;flex-direction:column;gap:0.75rem}.community-profile{overflow:hidden;padding-top:0px;padding-bottom:0px;padding-left:0.875rem;padding-right:0.875rem;padding-bottom:0.875rem;text-align:center}.cover-pattern{margin-left:-14px;margin-right:-14px;margin-top:0px;margin-bottom:0px;height:70px;background:linear-gradient(120deg,var(--navy),#2a1f5c);background-image:radial-gradient(rgba(113,221,180,0.28) 1px,transparent 1px);background-size:12px 12px;box-shadow:inset 0 -14px 20px -14px rgba(0,0,0,0.25)}.community-profile>strong{margin-top:7px;display:block;font-size:13px}.community-profile>span{font-size:9px;color:var(--muted)}.community-profile>div:last-child{margin-top:0.75rem;align-items:center;justify-content:center;-moz-column-gap:0.625rem;column-gap:0.625rem;row-gap:0.375rem;border-top-width:1px;border-color:var(--line);padding-top:0.625rem;display:grid;grid-template-columns:auto auto auto auto}.community-profile b{font-size:0.75rem;line-height:1rem}.community-profile small{font-size:8px;color:var(--muted)}.side-card{padding:0.875rem}.side-card h3{margin-top:0px;margin-right:0px;margin-bottom:0.625rem;margin-left:0px;font-family:'Manrope',sans-serif;font-size:0.75rem;line-height:1rem;font-weight:800;line-height:normal}.side-card ul{margin:0px;list-style-type:none;padding:0px}.side-card li{position:relative;margin-top:0.5rem;margin-bottom:0.5rem;margin-left:0px;margin-right:0px;padding-left:15px;font-size:10px;line-height:1.4;--tw-text-opacity:1;color:rgb(96 114 106 / var(--tw-text-opacity,1))}.side-card li::before{content:"";position:absolute;left:0px;top:5px;height:0.375rem;width:0.375rem;background-color:var(--green);border-radius:50%}.topic-cloud{display:flex;flex-wrap:wrap;gap:0.375rem}.topic-cloud span{border-radius:0.375rem;padding-top:0.375rem;padding-bottom:0.375rem;padding-left:0.5rem;padding-right:0.5rem;font-size:9px;font-weight:700;--tw-text-opacity:1;color:rgb(82 102 94 / var(--tw-text-opacity,1));background:#f0f5f3}.topic-cloud button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:1px;border-color:transparent;padding-top:7px;padding-bottom:7px;padding-left:0.625rem;padding-right:0.625rem;font-family:'Manrope',sans-serif;font-size:9px;font-weight:700;line-height:normal;--tw-text-opacity:1;color:rgb(82 102 94 / var(--tw-text-opacity,1));transition:0.2s ease;border-radius:999px;background:#f0f5f3}.topic-cloud button:hover{--tw-translate-y:-1px;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));--tw-border-opacity:1;border-color:rgb(195 179 243 / var(--tw-border-opacity,1));color:var(--purple)}.topic-cloud button.is-active{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));background:linear-gradient(120deg,var(--navy),#123a2c);box-shadow:0 5px 14px rgba(7,26,21,0.15)}.arena-footer{display:flex;min-height:66px;align-items:center;justify-content:space-between;border-top-width:1px;border-color:var(--line);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1));padding-left:clamp(16px,2.4vw,40px);padding-right:clamp(16px,2.4vw,40px);font-size:11px;color:var(--muted)}.arena-footer nav{display:flex;gap:18px}.arena-footer a{transition:color 0.18s ease}.arena-footer a:hover{color:var(--green-dark)}.arena-answers{margin-top:1.25rem;margin-right:0px;margin-bottom:0px;margin-left:0px;border-radius:18px;border-width:1px;border-color:var(--line);padding-top:1rem;padding-bottom:1rem;padding-left:18px;padding-right:18px;background:rgba(255,255,255,0.78);box-shadow:var(--shadow-sm)}.arena-answers h2{margin-top:0px;margin-right:0px;margin-bottom:11px;margin-left:0px;font-family:'Manrope',sans-serif;font-size:0.75rem;line-height:1rem;font-weight:800;line-height:normal;letter-spacing:0.04em;--tw-text-opacity:1;color:rgb(75 96 87 / var(--tw-text-opacity,1))}.arena-answers>div{gap:0.5rem;display:grid;grid-template-columns:repeat(3,1fr)}.arena-answers details{border-radius:11px;border-width:1px;--tw-border-opacity:1;border-color:rgb(225 232 229 / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1));padding-top:0.625rem;padding-bottom:0.625rem;padding-left:11px;padding-right:11px;transition:border-color 0.2s ease,box-shadow 0.2s ease}.arena-answers details[open]{--tw-border-opacity:1;border-color:rgb(200 236 221 / var(--tw-border-opacity,1));box-shadow:0 6px 18px rgba(15,159,114,0.08)}.arena-answers summary{cursor:pointer;list-style-type:none;font-size:10px;font-weight:800;--tw-text-opacity:1;color:rgb(67 88 79 / var(--tw-text-opacity,1))}.arena-answers summary::-webkit-details-marker{display:none}.arena-answers summary::after{content:"+";float:right;color:var(--green)}.arena-answers details[open] summary::after{content:"\2212"}.arena-answers p{margin-top:0.5rem;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:10px;line-height:1.5;color:var(--muted)}main{padding-top:clamp(12px,2vw,28px);padding-right:clamp(10px,2.4vw,34px);padding-bottom:clamp(36px,5vw,64px);padding-left:clamp(10px,2.4vw,34px)}.battle-layout{gap:clamp(12px,1.5vw,18px);padding:clamp(12px,1.5vw,18px) clamp(10px,1.8vw,22px) clamp(14px,1.8vw,22px)}.community-layout{gap:clamp(12px,1.6vw,20px);padding:clamp(10px,1.6vw,20px)}.arena-answers{margin-top:clamp(12px,1.5vw,20px);padding:clamp(12px,1.3vw,16px)}.mcq-option:hover:not(:disabled){--tw-translate-y:-1px;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));border-color:var(--accent,var(--primary))}.mcq-option.active .mcq-option-key{background-color:var(--accent,var(--primary));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}.mcq-option.active .mcq-option-key{box-shadow:0 4px 10px rgba(26,107,191,0.3)}.mcq-option.correct{border-color:var(--success);background:rgba(16,185,129,0.08)}.mcq-option.correct .mcq-option-key{background:var(--success) !important;color:#fff !important}.mcq-option.wrong{border-color:var(--danger);background:rgba(239,68,68,0.08)}.mcq-option.wrong .mcq-option-key{background:var(--danger) !important;color:#fff !important}.site-nav-icon{display:inline-block;width:1rem;min-width:1rem;text-align:center;line-height:1;flex:0 0 1rem;font-size:1rem !important;flex:0 0 16px;width:16px;min-width:16px;font-size:16px !important}.arena-nav-inner{margin:0px;display:flex;height:100%;width:100%;align-items:center;justify-content:space-between;gap:1.25rem;padding:0 clamp(16px,2.4vw,40px)}.arena-nav .nav-links{min-width:0px;max-width:none;gap:3px;overflow:visible}.arena-nav .nav-links a{display:inline-flex;min-height:2.5rem;align-items:center;gap:0.375rem;white-space:nowrap;border-radius:11px;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:9px;padding-right:9px;font-size:11px;transition:background 0.18s ease,color 0.18s ease,transform 0.18s ease;gap:4px !important}.arena-header::before{content:"";position:absolute;right:-110px;top:-220px;z-index:-10;height:340px;width:340px;border-radius:50%;border:1px solid rgba(255,255,255,0.13);box-shadow:0 0 0 58px rgba(255,255,255,0.035),0 0 0 116px rgba(255,255,255,0.018)}.arena-header .live-label{border-width:1px;--tw-text-opacity:1;color:rgb(167 243 208 / var(--tw-text-opacity,1));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:rgba(110,231,183,0.22);background:rgba(16,185,129,0.12)}.battle-toolbar-actions{display:flex;align-items:center;gap:9px}.battle-language-switch{display:flex;gap:0.25rem;border-radius:0.75rem;padding:0.25rem;border:1px solid rgba(255,255,255,0.13);background:rgba(255,255,255,0.07)}.battle-language-switch button{min-height:2.25rem;min-width:72px;border-radius:9px;border-width:0px;background-color:transparent;padding-top:7px;padding-bottom:7px;padding-left:0.75rem;padding-right:0.75rem;--tw-text-opacity:1;color:rgb(185 213 204 / var(--tw-text-opacity,1));transition:background 0.18s ease,color 0.18s ease,transform 0.18s ease;font:700 12px/1 inherit;cursor:pointer}.battle-language-switch button:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));background:rgba(255,255,255,0.09)}.battle-language-switch button.is-active{--tw-bg-opacity:1;background-color:rgb(99 230 190 / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(4 40 30 / var(--tw-text-opacity,1));box-shadow:0 5px 16px rgba(52,211,153,0.25)}.battle-stage:has(.battle-arena){--tw-text-opacity:1;color:rgb(234 251 245 / var(--tw-text-opacity,1));border-color:#183e35;background:linear-gradient(rgba(96,165,250,0.045) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,0.045) 1px,transparent 1px),radial-gradient(circle at 18% 12%,rgba(79,70,229,0.28),transparent 34%),radial-gradient(circle at 84% 10%,rgba(16,185,129,0.22),transparent 31%),linear-gradient(145deg,#071a21,#08271f 58%,#0a202b);background-size:44px 44px,44px 44px,auto,auto,auto;box-shadow:inset 0 1px rgba(255,255,255,0.08),0 22px 46px rgba(6,29,24,0.16)}.battle-player strong,.battle-player>b{line-height:normal;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}.round-tracker{margin-bottom:0.75rem;gap:7px;display:grid;grid-template-columns:repeat(3,1fr)}.round-tracker span{position:relative;overflow:hidden;border-radius:9px;padding-top:7px;padding-bottom:7px;padding-left:0.625rem;padding-right:0.625rem;text-align:center;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:0.1em;--tw-text-opacity:1;color:rgb(120 149 140 / var(--tw-text-opacity,1));border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.045)}.round-tracker span.is-current{border-color:rgba(96,165,250,0.48);--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));background:linear-gradient(90deg,rgba(37,99,235,0.28),rgba(16,185,129,0.16));box-shadow:0 0 18px rgba(59,130,246,0.14)}.round-tracker span.is-current::after{content:"";position:absolute;right:0px;bottom:0px;left:0px;height:0.125rem;background:linear-gradient(90deg,#60a5fa,#34d399)}.round-tracker span.is-complete{border-color:rgba(52,211,153,0.25);--tw-text-opacity:1;color:rgb(110 231 183 / var(--tw-text-opacity,1))}.health-bar .health-fill{position:absolute;inset:0px;z-index:1;width:100%;background:linear-gradient(90deg,#10b981,#67e8b7);box-shadow:0 0 10px rgba(52,211,153,0.35)}.health-bar .damage-fill{position:absolute;top:0px;right:0px;bottom:0px;z-index:2;display:block;transition:width 0.48s cubic-bezier(0.2,0.85,0.25,1);background:linear-gradient(90deg,#fb7185,#e11d48 72%,#9f1239);box-shadow:-3px 0 10px rgba(244,63,94,0.55)}.health-bar em{position:absolute;top:50%;right:0.25rem;z-index:3;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-family:'Manrope',sans-serif;font-weight:900;line-height:1;letter-spacing:0.04em;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1));font-size:6px;text-shadow:0 1px 2px rgba(0,0,0,0.75)}.health-bar.is-critical{animation:healthDanger 0.65s ease infinite alternate;border-color:rgba(251,113,133,0.7)}.round-name{margin-top:0.75rem;font-size:11px;font-weight:900;letter-spacing:0.2em;--tw-text-opacity:1;color:rgb(167 243 208 / var(--tw-text-opacity,1))}@media (max-width:720px){.arena-header h1{font-size:36px}.mode-panel{border-radius:18px}.rank-progress,.currency{grid-column:1 / -1}.match-mode-choice{width:100%}.battle-cta{width:100%;min-width:0}.battle-stage-toolbar{align-items:stretch;flex-direction:column;padding:12px}.battle-toolbar-actions{width:100%}.battle-language-switch{flex:1}.battle-language-switch button{flex:1;min-width:0}.battle-exit-btn{flex:0 0 auto}.battle-stage:has(.battle-arena){padding:14px;background-size:32px 32px,32px 32px,auto,auto,auto}.battle-player p,.bot-badge{display:none}.battle-option{min-height:58px}.round-tracker{gap:4px;margin-bottom:9px}.round-tracker span{padding:6px 4px;font-size:8px}.health-bar{height:8px}.health-bar em{display:none}}@media (max-width:980px){.arena-metrics{width:100%}}@media (max-width:360px){.match-summary span{font-size:9px;padding:6px 7px}}@media (min-width:1280px){.arena-nav-inner{padding-right:0 !important}.arena-nav .nav-links{margin-left:auto;gap:4px !important}.arena-nav .nav-links a{padding-left:5px !important;padding-right:5px !important;gap:0.22rem !important}.arena-nav .nav-links .arena-account{margin-left:0 !important;padding-left:5px !important}}@media (max-width:420px){.arena-metrics{padding:5px}.arena-metrics div{padding:6px 5px;text-align:center}.arena-metrics strong{font-size:20px}.mode-tab b{font-size:12px}.panel-titlebar{align-items:flex-start;flex-direction:column}.game-rules{width:100%}}@media (max-width:430px){.battle-stage-toolbar>span{display:none}.battle-toolbar-actions{gap:6px}.battle-language-switch button{padding-inline:8px}.battle-exit-btn{width:44px;padding:0}.battle-exit-btn span{display:none}.battle-topline>span:last-child{display:none}}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}@media (max-width:720px){.match-report{max-width:100%}.report-scoreline{grid-template-columns:1fr auto 1fr;padding:14px;gap:8px}.report-side b{font-size:20px}.report-stats{grid-template-columns:repeat(3,1fr)}.report-stats.report-stats-four{grid-template-columns:repeat(2,1fr)}}@media (max-width:980px){.battle-layout,.community-layout{grid-template-columns:1fr}.battle-sidebar{display:grid;grid-template-columns:1fr 1fr}.battle-log-card{min-height:180px}.community-sidebar{display:grid;grid-template-columns:1fr 1fr}.arena-header{align-items:flex-start;flex-direction:column}.arena-metrics div{min-width:90px;padding-inline:12px;flex:1}.composer-fields{grid-template-columns:1fr 1fr}}@media (max-width:720px){.arena-nav{height:64px;padding:0 16px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:58px;left:12px;right:12px;flex-direction:column;align-items:stretch;padding:9px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow)}.nav-links.is-open{display:flex}.nav-links a{padding:11px}.brand small{display:none}main{width:100%;padding:20px 10px 70px}.arena-header{min-height:0;padding:22px 18px;border-radius:20px;display:grid;grid-template-columns:1fr}.arena-header p{font-size:13px}.arena-metrics{margin-top:18px;width:100%}.arena-metrics div{flex:1;min-width:0}.arena-tabs{width:calc(100% - 16px);margin:10px auto 12px;gap:8px}.mode-tab{min-height:60px;padding:9px 10px;border-radius:14px;min-width:0}.mode-tab>i{width:34px;height:34px}.mode-tab small{display:none}.panel-titlebar{padding:16px}.game-rules{justify-content:flex-start}.game-rules span{font-size:9px}.rank-track{grid-template-columns:auto minmax(0,1fr);align-items:center;margin:10px 8px 0}.rank-progress{grid-column:1 / -1}.currency{position:absolute;right:25px;justify-content:flex-start}.battle-layout{padding:0 12px 12px}.battle-stage{min-height:390px;padding:12px}.battle-sidebar{grid-template-columns:1fr}.intel-card{display:none}.battle-log-card{min-height:150px}.battle-log{max-height:180px}.battle-scoreboard{gap:8px}.battle-player{min-width:0;padding:10px}.battle-avatar{width:32px;height:32px}.battle-player>div p{display:none}.battle-player>b{font-size:14px}.versus-pill{width:30px;height:30px}.battle-options,.wall-options{grid-template-columns:1fr}.battle-question{padding:16px}.community-layout{padding:10px}.community-sidebar{grid-template-columns:1fr}.option-editor{grid-template-columns:1fr}.composer-fields{grid-template-columns:1fr 1fr}.community-profile{display:none}.arena-answers>div{grid-template-columns:1fr}.arena-footer{padding:0 16px}}@media (max-width:460px){.arena-metrics strong{font-size:16px}.arena-metrics div{padding:5px 8px}.arena-tabs{gap:6px}.mode-tab b{font-size:11px}.panel-titlebar{align-items:flex-start;flex-direction:column}.game-rules span:nth-child(2){display:none}.rank-copy{min-width:0}.currency{right:18px}.battle-stage{min-height:440px}.match-ready h3{font-size:24px}.composer-fields{grid-template-columns:1fr}.wall-card h3{font-size:14px}.arena-footer nav{gap:10px}}@media (max-width:480px){main{padding:16px 8px 60px}.arena-header{gap:16px}.arena-header h1{font-size:clamp(26px,8vw,32px)}.arena-metrics{flex-wrap:wrap;row-gap:6px}.rank-track{grid-template-columns:auto 1fr;row-gap:8px;margin:12px 10px 0}.currency{position:static;margin-top:2px}.sound-toggle,.composer-heading button{min-width:40px;min-height:40px}.topic-cloud button,.spa-quiz-filters button{min-height:36px;padding:8px 10px}.battle-avatar{width:36px;height:36px}.score-pop{top:90px}}@media (max-width:360px){.arena-header h1{font-size:24px}.live-label{font-size:10px}.arena-metrics div{min-width:0;flex:1 1 30%;padding:5px 6px}.brand b{font-size:14px}.brand-mark{width:28px;height:28px;font-size:18px}.battle-icon,.rank-emblem{width:44px;height:44px;font-size:22px}.round-splash b{font-size:52px}.option-editor label{flex-wrap:wrap}.composer-fields{gap:6px}.match-summary span{font-size:9px;padding:6px 7px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:0.01ms !important}}@media (min-width:721px){.arena-nav{gap:14px}.arena-nav .nav-links{min-width:0;max-width:calc(100vw - 280px);overflow-x:auto;scrollbar-width:none}.arena-nav .nav-links::-webkit-scrollbar{display:none}.arena-nav .nav-links a{flex:0 0 auto;padding:8px 10px;font-size:11px;white-space:nowrap}}@media (max-width:1180px){.arena-nav .menu-toggle{display:block;margin-left:auto}.arena-nav .nav-links{display:none;position:absolute;top:64px;left:max(16px,calc((100vw - 1280px) / 2));right:max(16px,calc((100vw - 1280px) / 2));max-height:calc(100vh - 84px);overflow-y:auto;flex-direction:column;align-items:stretch;gap:3px;padding:10px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,0.98);box-shadow:0 20px 55px rgba(15,35,28,0.14)}.arena-nav .nav-links.is-open{display:flex}.arena-nav .nav-links a{width:100%;justify-content:flex-start;min-height:44px;padding:10px 12px;font-size:12px}.arena-nav .nav-links .arena-account{margin:5px 0 0;padding:11px 12px;border-left:0;border-top:1px solid #e0e8e4;border-radius:10px}}@media (max-width:720px){.arena-nav-inner{padding:0 12px}.arena-nav .brand small{display:block}.arena-nav .nav-links{top:64px;left:12px;right:12px}}@media (max-width:980px){.battle-layout{grid-template-columns:1fr}.battle-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){main{padding:12px 8px 40px}.arena-metrics{margin-top:0}.panel-titlebar{padding:13px 12px}.battle-layout{padding:10px 8px 12px}.community-layout{padding:8px}.arena-footer{min-height:58px;padding:10px 12px;gap:10px;flex-wrap:wrap}}@media (max-width:520px){.arena-header p{max-width:34ch}.arena-metrics{width:100%}.arena-metrics div{min-width:0;flex:1;padding:5px 7px}.mode-tab{gap:7px}.mode-tab>i{flex:0 0 auto}.battle-sidebar{grid-template-columns:1fr}.panel-titlebar h2{font-size:23px}.game-rules{gap:5px}.game-rules span{padding:6px 7px}.arena-answers{padding:11px 9px}}.spa-tab-icon{background:linear-gradient(135deg,var(--purple),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.spa-hero{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:16px 18px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.spa-create-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;border:none;cursor:pointer;font-weight:800;font-size:14px;color:#fff;white-space:nowrap;flex:0 0 auto;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 10px 22px rgba(114,87,232,0.28);transition:transform 0.18s var(--ease-out),box-shadow 0.18s var(--ease-out)}.spa-create-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(114,87,232,0.36)}.spa-create-btn:active{transform:translateY(0)}.spa-join-bar{flex:1;min-width:220px;margin:0}.spa-join-row{display:flex;align-items:stretch;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--canvas)}.spa-join-row input{flex:1;min-width:0;padding:12px 14px;border:none;background:transparent;font:inherit;font-weight:700;letter-spacing:0.06em}.spa-join-row input:focus{outline:none}.spa-join-btn{padding:0 18px;border:none;border-left:1px solid var(--line);border-radius:0;cursor:pointer;font-weight:800;color:#fff;background:#16332c;white-space:nowrap}.spa-join-hint{display:none;margin:8px 0 0;font-size:12px;font-weight:700;color:#b42318}.spa-join-hint:not([hidden]){display:block}#spaMyQuizzesSection .feed-toolbar{flex-wrap:wrap;gap:10px}.spa-quiz-filters{display:inline-flex;flex-wrap:wrap;gap:6px}.spa-quiz-filters button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;cursor:pointer}.spa-quiz-filters button.is-active{background:#16332c;color:#fff;border-color:#16332c}.spa-quiz-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;position:relative;z-index:1}.spa-card-action{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:var(--canvas);color:var(--ink);font-size:11px;font-weight:800;text-decoration:none;cursor:pointer}.spa-empty-quizzes{grid-column:1 / -1;border-style:solid;padding:28px 16px}.spa-empty-quizzes .spa-create-btn{margin-top:4px}.spa-quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.spa-quiz-card{position:relative;overflow:hidden;padding:20px 18px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:transform 0.18s var(--ease-out),box-shadow 0.18s var(--ease-out),border-color 0.18s var(--ease-out)}.spa-quiz-card::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--purple),var(--pink))}.spa-quiz-card::after{content:"";position:absolute;top:-40px;right:-40px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(114,87,232,0.14),transparent 70%);pointer-events:none}.spa-quiz-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(114,87,232,0.16);border-color:rgba(114,87,232,0.3)}.spa-quiz-card.accent-purple::before{background:linear-gradient(90deg,var(--purple),#9b8cf0)}.spa-quiz-card.accent-pink::before{background:linear-gradient(90deg,var(--pink),#f9a8c9)}.spa-quiz-card.accent-gold::before{background:linear-gradient(90deg,var(--gold),#f3c76b)}.spa-quiz-card.accent-green::before{background:linear-gradient(90deg,#10b981,#6ee7b7)}.spa-quiz-card.accent-pink:hover{border-color:rgba(236,72,153,0.35);box-shadow:0 18px 40px rgba(236,72,153,0.16)}.spa-quiz-card.accent-gold:hover{border-color:rgba(217,164,65,0.35);box-shadow:0 18px 40px rgba(217,164,65,0.16)}.spa-quiz-card.accent-green:hover{border-color:rgba(16,185,129,0.35);box-shadow:0 18px 40px rgba(16,185,129,0.16)}.spa-quiz-card-icon{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;color:#fff;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 8px 18px rgba(114,87,232,0.28)}.spa-quiz-card.accent-pink .spa-quiz-card-icon{background:linear-gradient(135deg,var(--pink),#f472b6);box-shadow:0 8px 18px rgba(236,72,153,0.28)}.spa-quiz-card.accent-gold .spa-quiz-card-icon{background:linear-gradient(135deg,var(--gold),#f3a72e);box-shadow:0 8px 18px rgba(217,164,65,0.28)}.spa-quiz-card.accent-green .spa-quiz-card-icon{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 8px 18px rgba(16,185,129,0.28)}.spa-quiz-card-title{font-weight:800;font-size:16px;color:var(--ink);line-height:1.3}.spa-quiz-card-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--muted);margin-top:2px}.spa-quiz-card-meta span{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;background:var(--canvas);font-weight:700}.spa-status-pill{position:absolute;top:20px;right:16px;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase}.spa-status-pill.is-live{background:rgba(15,159,114,0.14);color:var(--green-dark);animation:spaLivePulseGlow 1.8s ease-in-out infinite}@keyframes spaLivePulseGlow{0%,100%{box-shadow:0 0 0 0 rgba(15,159,114,0.25)}50%{box-shadow:0 0 0 5px rgba(15,159,114,0)}}.spa-status-pill.is-scheduled{background:rgba(217,164,65,0.16);color:#a8781e}.spa-status-pill.is-closed{background:rgba(107,124,117,0.16);color:var(--muted)}.spa-empty-state{padding:40px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius-md)}.spa-empty-state i{font-size:34px;color:var(--purple);margin-bottom:10px;display:block}.spa-overlay{position:fixed;inset:0;z-index:900;background:rgba(7,26,21,0.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;animation:spaFadeIn 0.2s var(--ease-out)}@keyframes spaFadeIn{from{opacity:0}to{opacity:1}}.spa-float-window{width:100%;max-width:1180px;height:94vh;max-height:960px;display:flex;flex-direction:column;background:var(--surface);border-radius:22px;box-shadow:0 50px 120px rgba(7,26,21,0.4),0 0 0 1px rgba(255,255,255,0.06) inset;overflow:hidden;animation:spaPopIn 0.3s cubic-bezier(0.16,1,0.3,1)}@keyframes spaPopIn{from{opacity:0;transform:scale(0.94) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.spa-float-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 32px;background:linear-gradient(120deg,var(--navy),#123a2c 55%,#1d4f3c);color:#fff;overflow:hidden}.spa-float-header::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% -20%,rgba(217,164,65,0.35),transparent 55%),radial-gradient(circle at 10% 120%,rgba(114,87,232,0.3),transparent 50%);pointer-events:none}.spa-float-header-copy{position:relative;display:flex;align-items:center;gap:14px}.spa-float-header-icon{width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;background:linear-gradient(135deg,var(--gold),#f3a72e);color:#071a15;box-shadow:0 10px 26px rgba(217,164,65,0.4);flex-shrink:0}.spa-float-header h3{margin:0;font-size:22px;font-weight:900;letter-spacing:-0.01em}.spa-float-header span{display:block;margin-top:3px;font-size:13px;color:rgba(255,255,255,0.7);font-weight:500}.spa-float-close{position:relative;border:none;background:rgba(255,255,255,0.12);color:#fff;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:background 0.15s,transform 0.15s;flex-shrink:0}.spa-float-close:hover{background:rgba(255,255,255,0.24);transform:rotate(90deg)}.spa-float-body{flex:1;overflow-y:auto;padding:32px 40px;display:flex;flex-direction:column;gap:26px;background:linear-gradient(180deg,rgba(114,87,232,0.03),transparent 12%)}.spa-float-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 32px;border-top:1px solid var(--line);background:var(--canvas);box-shadow:0 -8px 24px rgba(7,26,21,0.04)}.spa-wizard-steps{display:flex;align-items:center;gap:6px;padding:14px 32px 0}.spa-wizard-step{flex:1;display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:3px solid var(--line);color:var(--muted)}.spa-wizard-step-index{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--line);color:var(--muted);font-size:11px;font-weight:800;flex-shrink:0}.spa-wizard-step-name{font-size:12px;font-weight:700}.spa-wizard-step.is-active{border-bottom-color:var(--purple);color:var(--purple)}.spa-wizard-step.is-active .spa-wizard-step-index{background:var(--purple);color:#fff}.spa-wizard-step.is-complete{border-bottom-color:var(--green);color:var(--green-dark)}.spa-wizard-step.is-complete .spa-wizard-step-index{background:var(--green);color:#fff}.spa-wizard-panel{display:none;flex-direction:column;gap:20px}.spa-wizard-panel.is-active{display:flex}.spa-wizard-subsection{padding-top:18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.spa-wizard-nav{display:flex;align-items:center;gap:10px}.spa-three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.spa-step-label{font-size:11px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:var(--purple);margin-bottom:8px;display:block}.spa-field-row{display:flex;flex-direction:column;gap:6px}.spa-field-row label{font-size:13px;font-weight:700;color:var(--ink-2)}.spa-field-row input[type="text"],.spa-field-row input[type="number"],.spa-field-row input[type="datetime-local"],.spa-field-row textarea,.spa-field-row select{padding:11px 13px;border-radius:var(--radius-sm);border:1px solid var(--line);font:inherit;font-size:14px;color:var(--ink);background:var(--surface);transition:border-color 0.15s}.spa-field-row input:focus,.spa-field-row textarea:focus,.spa-field-row select:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px rgba(114,87,232,0.15)}.spa-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.spa-subject-search{position:relative;margin-bottom:10px}.spa-subject-search i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:14px}.spa-subject-search input{width:100%;padding:10px 12px 10px 36px;border-radius:var(--radius-sm);border:1px solid var(--line);font:inherit;font-size:13px;color:var(--ink);background:var(--surface)}.spa-subject-search input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px rgba(114,87,232,0.15)}.spa-subject-grid{display:flex;flex-direction:column;gap:14px;max-height:340px;overflow-y:auto;padding:4px}.spa-library-group{display:flex;flex-direction:column;gap:8px}.spa-library-head{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:var(--purple);padding-bottom:4px;border-bottom:1px solid var(--line)}.spa-category-list{display:flex;flex-direction:column;gap:8px}.spa-category-card{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.spa-category-card.has-selection{border-color:var(--purple)}.spa-category-card-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;border:none;background:var(--canvas);cursor:pointer;font:inherit;text-align:left}.spa-category-card-icon{display:inline-flex;align-items:center;justify-content:center;font-size:15px;color:var(--purple)}.spa-category-card-name{flex:1;font-size:13px;font-weight:700;color:var(--ink)}.spa-category-card-count{font-size:11px;font-weight:700;color:var(--muted)}.spa-category-card-caret{font-size:13px;color:var(--muted);transition:transform 0.15s}.spa-category-card.is-expanded .spa-category-card-toggle{background:var(--purple-soft)}.spa-category-card.is-expanded .spa-category-card-caret{transform:rotate(180deg);color:var(--purple)}.spa-category-card--flat{display:flex;align-items:center;gap:8px;padding:10px 12px;border:2px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface);transition:border-color 0.15s,background 0.15s}.spa-category-card--flat:hover{border-color:var(--purple)}.spa-category-card--flat.is-selected{border-color:var(--purple);background:var(--purple-soft)}.spa-category-card--flat .spa-category-card-name{color:var(--ink-2);font-weight:600}.spa-category-card--flat.is-selected .spa-category-card-name{color:var(--purple)}.spa-category-card-check{display:none;font-size:16px;color:var(--purple)}.spa-category-card--flat.is-selected .spa-category-card-check{display:inline-flex}.spa-category-subjects{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;padding:10px}.spa-subject-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);border:2px solid var(--line);cursor:pointer;font-size:13px;font-weight:600;color:var(--ink-2);background:var(--surface);transition:border-color 0.15s,background 0.15s}.spa-subject-chip:hover{border-color:var(--purple)}.spa-subject-chip.is-selected{border-color:var(--purple);background:var(--purple-soft);color:var(--purple)}.spa-subject-chip small{font-weight:800;color:var(--muted)}.spa-subject-chip.is-selected small{color:var(--purple)}.spa-selection-summary{margin-top:10px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--green-soft);display:flex;align-items:center;gap:10px}.spa-selection-summary.is-insufficient{background:rgba(229,77,104,0.08)}.spa-selection-summary-icon{display:inline-flex;font-size:18px;color:var(--green-dark)}.spa-selection-summary.is-insufficient .spa-selection-summary-icon{color:var(--red)}.spa-selection-summary-text{display:flex;flex-direction:column;gap:2px}.spa-selection-summary-text strong{font-size:13px;font-weight:800;color:var(--ink)}.spa-selection-summary-text span{font-size:12px;font-weight:600;color:var(--muted)}.spa-library-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.spa-library-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font:inherit;font-size:12px;font-weight:700;color:var(--ink-2);transition:border-color 0.15s,background 0.15s,color 0.15s}.spa-library-tab:hover{border-color:var(--purple)}.spa-library-tab.is-active{border-color:var(--purple);background:var(--purple-soft);color:var(--purple)}.spa-library-tab em{font-style:normal;font-size:10px;font-weight:800;padding:1px 6px;border-radius:999px;background:var(--purple);color:#fff}.spa-time-choice{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.spa-time-custom-row{margin-top:10px}.spa-time-btn{padding:10px 0;border-radius:var(--radius-sm);border:2px solid var(--line);background:var(--surface);font-weight:800;color:var(--muted);cursor:pointer;transition:border-color 0.15s,color 0.15s,background 0.15s}.spa-time-btn.is-active,.spa-time-btn:hover{border-color:var(--purple);color:var(--purple);background:var(--purple-soft)}.spa-toggle-row{display:flex;flex-direction:column;gap:10px}.spa-toggle{display:flex;align-items:center;gap:12px;padding:0;border:none;background:none;cursor:pointer;font:inherit;text-align:left}.spa-toggle-track{position:relative;flex-shrink:0;width:40px;height:22px;border-radius:999px;background:var(--line);transition:background 0.15s}.spa-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform 0.15s}.spa-toggle.is-on .spa-toggle-track{background:var(--purple)}.spa-toggle.is-on .spa-toggle-thumb{transform:translateX(18px)}.spa-toggle-copy strong{font-size:13px;font-weight:700;color:var(--ink)}.spa-upload-row{display:flex;flex-wrap:wrap;gap:10px}.spa-upload-csv-label{margin:0}.spa-single-question-form{margin-top:12px;gap:10px}.spa-sq-submit-btn{align-self:flex-start}.spa-builder-message{margin:0;font-size:13px;color:var(--red)}.spa-builder-message.is-success{color:var(--green-dark)}.spa-ghost-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-weight:700;font-size:13px;cursor:pointer;transition:border-color 0.15s,color 0.15s}.spa-ghost-btn:hover{border-color:var(--purple);color:var(--purple)}.spa-uploaded-list{margin-top:10px;display:flex;flex-direction:column;gap:6px;max-height:160px;overflow-y:auto}.spa-uploaded-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:var(--radius-sm);background:var(--green-soft);font-size:13px;color:var(--green-dark);font-weight:600}.spa-uploaded-item button{border:none;background:none;color:var(--red);cursor:pointer;font-size:16px;line-height:1}.spa-csv-dropzone{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:28px 20px;border:2px dashed var(--line);border-radius:var(--radius-md);background:var(--canvas);transition:border-color 0.15s,background 0.15s}.spa-csv-dropzone.is-dragover{border-color:var(--blue);background:var(--blue-soft)}.spa-csv-dropzone-icon{font-size:34px;color:#f5b942}.spa-csv-dropzone-title{font-size:14px;font-weight:700;color:var(--ink);margin:0}.spa-csv-dropzone-sub{font-size:12px;color:var(--ink-2);margin:0 0 6px}.spa-csv-selected-file{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--blue-soft);font-size:13px;color:var(--ink)}.spa-csv-selected-file i{color:var(--blue);font-size:18px}.spa-csv-selected-file span{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.spa-csv-selected-file-clear{border:none;background:none;color:var(--ink-2);cursor:pointer;font-size:18px;line-height:1;padding:2px 4px}.spa-csv-selected-file-clear:hover{color:var(--red)}.spa-csv-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}.spa-solid-btn{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:none;border-radius:var(--radius-sm);font-weight:700;font-size:13px;color:#fff;transition:filter 0.15s,transform 0.1s}.spa-solid-btn:hover{filter:brightness(1.06)}.spa-solid-btn:active{transform:translateY(1px)}.spa-solid-btn:disabled{cursor:not-allowed;opacity:0.5;filter:none}.spa-solid-btn--upload{background:var(--blue)}.spa-solid-btn--muted{background:var(--ink-2)}.spa-solid-btn--success{background:var(--green)}.spa-solid-btn--danger{background:var(--red)}.spa-csv-summary{margin-top:4px;display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--canvas)}.spa-csv-summary-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink)}.spa-csv-summary-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.spa-csv-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border-radius:var(--radius-sm)}.spa-csv-stat strong{font-size:26px;font-weight:800;line-height:1}.spa-csv-stat span{font-size:12px;font-weight:600;color:var(--ink-2)}.spa-csv-stat--ok{background:var(--green-soft)}.spa-csv-stat--ok strong{color:var(--green-dark)}.spa-csv-stat--bad{background:rgba(229,77,104,0.1)}.spa-csv-stat--bad strong{color:var(--red)}.spa-csv-summary .spa-solid-btn{align-self:flex-start}.spa-review-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.spa-review-row{display:flex;justify-content:space-between;gap:16px;padding:12px 16px;font-size:13px}.spa-review-row:not(:last-child){border-bottom:1px solid var(--line)}.spa-review-row span{color:var(--muted);font-weight:600}.spa-review-row strong{color:var(--ink);font-weight:700;text-align:right}.spa-preview-loading{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:600}.spa-question-list-card{border:1px solid var(--line);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:14px}.spa-question-list-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.spa-question-list-filters{display:flex;flex-wrap:wrap;gap:8px}.spa-qlist-filter{display:inline-flex;cursor:pointer;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:12px;font-weight:700;transition:border-color 0.15s,color 0.15s,background 0.15s}.spa-qlist-filter-count{padding:1px 7px;border-radius:999px;background:var(--canvas);font-size:11px;font-weight:800}.spa-qlist-filter--all.is-active{border-color:var(--ink);background:var(--ink);color:#fff}.spa-qlist-filter--all.is-active .spa-qlist-filter-count{background:rgba(255,255,255,0.2);color:#fff}.spa-qlist-filter--easy.is-active{border-color:var(--green);color:var(--green-dark);background:var(--green-soft)}.spa-qlist-filter--medium.is-active{border-color:var(--orange);color:var(--orange);background:var(--orange-soft)}.spa-qlist-filter--hard.is-active{border-color:var(--red);color:var(--red);background:rgba(229,77,104,0.1)}.spa-question-list-body{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto}.spa-qlist-item{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.spa-qlist-item-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.spa-qlist-item-number{font-size:12px;font-weight:800;color:var(--muted)}.spa-qlist-item-tag{padding:2px 9px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0.03em}.spa-qlist-item-tag--type{background:var(--blue-soft);color:var(--blue)}.spa-qlist-item-tag--easy{background:var(--green-soft);color:var(--green-dark)}.spa-qlist-item-tag--medium{background:var(--orange-soft);color:var(--orange)}.spa-qlist-item-tag--hard{background:rgba(229,77,104,0.1);color:var(--red)}.spa-qlist-item-tag--subject{background:var(--purple-soft);color:var(--purple);text-transform:none}.spa-qlist-item-question{font-size:13px;font-weight:700;color:var(--ink);line-height:1.4}.spa-qlist-item-answer{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;font-size:12px;font-weight:700;color:var(--green-dark)}.spa-invite-panel{text-align:center;padding:26px;border-radius:var(--radius-md);background:var(--purple-soft);border:2px dashed var(--purple)}.spa-invite-code{font-size:30px;font-weight:900;letter-spacing:0.12em;color:var(--purple);margin:10px 0;-webkit-user-select:all;-moz-user-select:all;user-select:all}.spa-invite-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px}.spa-whatsapp-btn{background:#25d366;color:#fff}.spa-room{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}@media (max-width:860px){.spa-room{grid-template-columns:1fr}}.spa-stage--full{grid-column:1 / -1}.spa-mt-16{margin-top:16px}.spa-mt-20{margin-top:20px}.spa-room-stage{position:relative;isolate:isolate;overflow:hidden;min-height:520px;padding:26px;border-radius:20px;border:1px solid rgba(114,87,232,0.14);background:radial-gradient(circle at 12% 8%,rgba(114,87,232,0.16),transparent 34%),radial-gradient(circle at 90% 12%,rgba(236,72,153,0.14),transparent 34%),radial-gradient(circle at 50% 100%,rgba(15,159,114,0.1),transparent 42%),linear-gradient(160deg,#fdfcff,#f6f2ff 55%,#fff6fb);box-shadow:0 24px 60px rgba(114,87,232,0.14),inset 0 1px 0 rgba(255,255,255,0.8)}.spa-room-stage::before{content:"";position:absolute;z-index:-1;inset:0;opacity:0.5;background-image:linear-gradient(rgba(114,87,232,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(114,87,232,0.06) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 85%);mask-image:linear-gradient(to bottom,black,transparent 85%)}.spa-room-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}.spa-progress-pill{padding:7px 15px;border-radius:999px;background:#fff;border:1px solid rgba(114,87,232,0.18);color:var(--purple);font-weight:800;font-size:12px;letter-spacing:0.03em;text-transform:uppercase;box-shadow:0 4px 14px rgba(114,87,232,0.1)}.spa-timer{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:var(--ink);font-weight:900;font-size:17px;background:conic-gradient(var(--pink) calc(var(--pct,100) * 1%),#f1ecff 0);filter:drop-shadow(0 0 12px rgba(236,72,153,0.28));transition:transform 0.15s ease}.spa-timer::before{content:"";position:absolute;inset:4px;border-radius:50%;background:#fff;box-shadow:inset 0 1px 3px rgba(114,87,232,0.12)}.spa-timer span,.spa-timer i{position:relative;z-index:1}.spa-timer i{display:none}.spa-timer.is-urgent{background:conic-gradient(#ff4d6d calc(var(--pct,100) * 1%),#ffe1e6 0);filter:drop-shadow(0 0 14px rgba(255,77,109,0.4));animation:spaTimerPulse 0.6s infinite alternate}.spa-timer.is-urgent span{color:#e11d48}@keyframes spaTimerPulse{from{transform:scale(1)}to{transform:scale(1.1)}}.spa-question-text{position:relative;z-index:1;font-size:21px;font-weight:800;color:var(--ink);line-height:1.5;margin:24px 0}.spa-options{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}.spa-option{display:flex;align-items:center;gap:14px;padding:15px 18px;border-radius:14px;border:2px solid rgba(114,87,232,0.14);background:#fff;box-shadow:0 4px 14px rgba(114,87,232,0.06);cursor:pointer;font-weight:700;color:var(--ink-2);transition:border-color 0.15s,background 0.15s,transform 0.12s,box-shadow 0.15s}.spa-option:hover{border-color:var(--pink);background:var(--purple-soft);transform:translateX(3px)}.spa-option.is-selected{border-color:var(--pink);background:linear-gradient(120deg,rgba(236,72,153,0.14),rgba(114,87,232,0.1));box-shadow:0 0 0 3px rgba(236,72,153,0.14),0 10px 26px rgba(236,72,153,0.14);color:var(--purple)}.spa-option.is-correct{border-color:#10b981;background:var(--green-soft);color:#067a55;animation:spaAnswerReveal 0.32s ease both}.spa-option.is-wrong{border-color:#ff4d6d;background:#ffeef1;color:#c81e42;animation:spaAnswerReveal 0.32s ease both}@keyframes spaAnswerReveal{0%{transform:scale(0.97)}60%{transform:scale(1.015)}100%{transform:scale(1)}}.spa-option.is-locked{cursor:default;opacity:0.75}.spa-option.is-locked:hover{transform:none;border-color:rgba(114,87,232,0.14);background:#fff}.spa-option.is-locked.is-selected:hover{border-color:var(--pink);background:linear-gradient(120deg,rgba(236,72,153,0.14),rgba(114,87,232,0.1))}.spa-lobby{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:420px}.spa-lobby h3{margin:8px 0 0;font-size:24px;font-weight:900;color:var(--ink)}.spa-lobby p{margin:0;font-size:13px;font-weight:600;color:var(--muted)}.spa-lobby-players{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:640px;margin:18px 0 6px}.spa-lobby-player-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--purple-soft);border:1px solid rgba(114,87,232,0.2);font-size:13px;font-weight:700;color:var(--purple);animation:spaPodiumRise 0.4s cubic-bezier(0.34,1.56,0.64,1) both}.spa-lobby-count{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:0.05em}.spa-lobby #spaHostStartBtn{margin-top:14px;padding:14px 36px;font-size:15px}.spa-lobby-invite{width:min(520px,100%);margin-top:8px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,0.78);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.spa-lobby-invite-code{display:flex;flex-direction:column;gap:4px}.spa-lobby-invite-code span{font-size:11px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}.spa-lobby-invite-code code{font-size:20px;font-weight:800;letter-spacing:0.08em;color:var(--ink)}.spa-lobby-invite-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.spa-lobby-wait{margin-top:12px;font-size:28px;color:var(--purple)}.spa-reveal-answer-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 20px;border-radius:16px;font-weight:800;font-size:16px}.spa-reveal-answer-banner i{font-size:24px}.spa-reveal-answer-banner.is-correct{background:var(--green-soft);color:#067a55}.spa-reveal-answer-banner.is-wrong{background:#ffeef1;color:#c81e42}.spa-reveal-answer-banner.is-missed{background:var(--canvas);color:var(--muted)}.spa-reveal-correct-option{font-size:13px;font-weight:600;opacity:0.85;margin-left:auto}.spa-options--reveal .spa-option{cursor:default}.spa-options--reveal .spa-option:hover{transform:none}.spa-distribution{display:flex;flex-direction:column;gap:10px;margin-top:18px}.spa-distribution-row{display:flex;align-items:center;gap:12px}.spa-distribution-row.is-correct .spa-option-key{border-color:#10b981;color:#067a55}.spa-distribution-bar-track{flex:1;height:22px;border-radius:999px;background:var(--canvas);overflow:hidden}.spa-distribution-bar{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--purple),var(--pink));transition:width 0.4s ease}.spa-distribution-row.is-correct .spa-distribution-bar{background:linear-gradient(90deg,#10b981,#34d399)}.spa-distribution-count{width:28px;text-align:right;font-weight:800;font-size:13px;color:var(--ink-2)}.spa-rank-delta{width:18px;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.spa-rank-delta.is-up{color:#10b981}.spa-rank-delta.is-down{color:#ff4d6d}.spa-rank-delta.is-same{color:var(--muted);opacity:0.5}.spa-rank-row--divider{border-top:2px dashed var(--line);margin-top:6px;padding-top:14px}.spa-option-key{width:32px;height:32px;border-radius:50%;border:2px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 auto;background:var(--canvas)}.spa-streak-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:900;color:#fff;background:linear-gradient(120deg,#f59e0b,#ef4444);box-shadow:0 4px 14px rgba(245,158,11,0.35);animation:spaStreakPop 0.4s ease}@keyframes spaStreakPop{0%{transform:scale(0.7);opacity:0}60%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}.spa-lang-switch{display:inline-flex;border-radius:999px;background:#fff;border:1px solid rgba(114,87,232,0.16);padding:3px;gap:2px;box-shadow:0 4px 14px rgba(114,87,232,0.08)}.spa-lang-switch button{border:none;background:transparent;padding:6px 13px;border-radius:999px;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer}.spa-lang-switch button.is-active{background:linear-gradient(120deg,var(--purple),var(--pink));color:#fff;box-shadow:0 4px 12px rgba(114,87,232,0.3)}.spa-progress-track{position:relative;z-index:1;height:7px;border-radius:999px;background:#ece7fa;overflow:hidden;margin-top:16px}.spa-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--pink));box-shadow:0 0 10px rgba(236,72,153,0.35);transition:width 0.4s cubic-bezier(0.2,0.9,0.3,1)}.spa-option.is-just-picked{animation:spaOptionPick 0.2s ease}@keyframes spaOptionPick{0%{transform:scale(0.98)}100%{transform:scale(1)}}.spa-room-actions{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(114,87,232,0.14)}.spa-room-actions .spa-ghost-btn{background:#fff;border-color:rgba(114,87,232,0.16);color:var(--ink-2)}.spa-room-actions .spa-ghost-btn:hover{border-color:var(--pink);color:var(--pink)}.spa-room-actions .primary-btn{background:linear-gradient(120deg,var(--purple),var(--pink));border:none;box-shadow:0 10px 26px rgba(236,72,153,0.35)}.spa-room-actions .primary-btn:disabled{opacity:0.4;cursor:not-allowed;box-shadow:none}.spa-roster-row.is-leader{background:linear-gradient(120deg,rgba(217,164,65,0.14),var(--canvas));border:1px solid rgba(217,164,65,0.35)}.spa-roster-row.is-leader .spa-roster-avatar{background:linear-gradient(135deg,var(--gold),#b9822f)}.spa-room-stage.spa-shake-fx{animation:spaShake 0.34s ease}@keyframes spaShake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}.spa-room-stage.spa-impact-correct::after,.spa-room-stage.spa-impact-wrong::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;animation:spaImpactFlash 0.5s ease forwards}.spa-room-stage.spa-impact-correct::after{background:radial-gradient(circle,rgba(52,211,153,0.35),transparent 70%)}.spa-room-stage.spa-impact-wrong::after{background:radial-gradient(circle,rgba(255,77,109,0.3),transparent 70%)}@keyframes spaImpactFlash{0%{opacity:1}100%{opacity:0}}.spa-live-pulse{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 0 0 rgba(15,159,114,0.5);animation:spaPulseRing 1.8s infinite}@keyframes spaPulseRing{0%{box-shadow:0 0 0 0 rgba(15,159,114,0.5)}70%{box-shadow:0 0 0 9px rgba(15,159,114,0)}100%{box-shadow:0 0 0 0 rgba(15,159,114,0)}}.spa-roster-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:12px}.spa-roster-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:0.05em;text-transform:uppercase;color:var(--muted)}.spa-roster-list{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto}.spa-roster-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--canvas)}.spa-roster-rank{width:22px;font-weight:900;color:var(--muted);text-align:center}.spa-roster-row:nth-child(1) .spa-roster-rank{color:var(--gold)}.spa-roster-row:nth-child(2) .spa-roster-rank{color:#9ca8b5}.spa-roster-row:nth-child(3) .spa-roster-rank{color:#c17a4a}.spa-roster-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;flex:0 0 auto}.spa-roster-name{flex:1;font-weight:700;font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spa-roster-score{font-weight:900;color:var(--green-dark);font-size:13px}.spa-host-close-btn{width:100%;padding:12px;border-radius:var(--radius-md);border:none;background:linear-gradient(135deg,var(--red),#ff7a90);color:#fff;font-weight:800;cursor:pointer}.spa-results-header{text-align:center;margin-bottom:6px}.spa-results-trophy{font-size:44px;background:linear-gradient(135deg,var(--gold),#f3a72e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 18px rgba(243,167,46,0.45));animation:spaTrophyPop 0.6s cubic-bezier(0.34,1.56,0.64,1) both}@keyframes spaTrophyPop{from{transform:scale(0.4) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.spa-results-header h3{margin:6px 0 2px;font-size:24px;font-weight:900;color:var(--ink)}.spa-results-header p{margin:0;font-size:13px;font-weight:600;color:var(--muted)}.spa-result-stat--accent{background:linear-gradient(135deg,var(--purple-soft),rgba(236,72,153,0.12));border:1px solid rgba(114,87,232,0.25)}.spa-result-stat--accent b{background:linear-gradient(135deg,var(--purple),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.spa-podium-crown{font-size:22px;color:var(--gold);filter:drop-shadow(0 3px 8px rgba(217,164,65,0.55));margin-bottom:2px;animation:spaTrophyPop 0.7s 0.2s cubic-bezier(0.34,1.56,0.64,1) both}.spa-podium-score{font-size:11px;font-weight:800;color:var(--muted);margin-bottom:6px}.spa-podium-slot.rank-1 .spa-podium-avatar{box-shadow:0 0 0 3px var(--gold),var(--shadow-sm)}.spa-podium{display:flex;align-items:flex-end;justify-content:center;gap:12px;height:220px;padding:0 10px}.spa-podium-slot{flex:1;max-width:140px;display:flex;flex-direction:column;align-items:center}.spa-podium-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--pink));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;margin-bottom:-22px;z-index:1;box-shadow:var(--shadow-sm);border:3px solid var(--surface)}.spa-podium-name{font-size:12px;font-weight:800;color:var(--ink);background:var(--surface);padding:2px 10px;border-radius:999px;margin-bottom:8px;z-index:1;box-shadow:var(--shadow-sm)}.spa-podium-bar{width:100%;border-radius:12px 12px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:10px;font-size:26px;font-weight:900;color:#fff;animation:spaPodiumRise 0.8s cubic-bezier(0.34,1.56,0.64,1)}@keyframes spaPodiumRise{from{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.spa-podium-slot.rank-1 .spa-podium-bar{height:150px;background:linear-gradient(180deg,var(--gold),#b9822f)}.spa-podium-slot.rank-2 .spa-podium-bar{height:105px;background:linear-gradient(180deg,#b9c2cc,#8b96a3)}.spa-podium-slot.rank-3 .spa-podium-bar{height:78px;background:linear-gradient(180deg,#d99a63,#b06d3c)}.spa-result-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:18px 0}.spa-result-stat{padding:16px;border-radius:var(--radius-md);background:var(--canvas);text-align:center}.spa-result-stat b{display:block;font-size:24px;font-weight:900;color:var(--ink)}.spa-result-stat span{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em}.spa-rank-list{display:flex;flex-direction:column;gap:8px}.spa-rank-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line)}.spa-rank-row.is-you{border-color:var(--purple);background:var(--purple-soft)}.spa-certificate{position:relative;background:#fff;border:10px solid var(--navy);border-radius:6px;padding:48px;text-align:center;font-family:'Cinzel',serif;max-width:820px;margin:0 auto}.spa-certificate::before{content:"";position:absolute;inset:14px;border:1px solid var(--gold);pointer-events:none}.spa-certificate h1{font-size:34px;color:var(--navy);letter-spacing:0.08em;margin:10px 0 4px}.spa-certificate .spa-cert-kicker{font-size:12px;letter-spacing:0.2em;color:var(--muted);text-transform:uppercase}.spa-certificate .spa-cert-name{font-size:32px;color:var(--purple);font-weight:700;margin:18px 0;border-bottom:2px solid var(--line);display:inline-block;padding:0 30px 8px}.spa-certificate p{font-family:'Hind',sans-serif;color:var(--ink-2);font-size:15px;line-height:1.7;max-width:60ch;margin:0 auto}.spa-cert-signatures{display:flex;justify-content:space-between;gap:24px;margin-top:46px;text-align:center}.spa-cert-signature{flex:1;border-top:1px solid var(--muted);padding-top:8px;font-family:'Hind',sans-serif}.spa-cert-signature b{display:block;font-size:13px;color:var(--ink)}.spa-cert-signature span{font-size:11px;color:var(--muted)}.spa-cert-seal{position:absolute;bottom:36px;right:36px;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle,var(--gold),#a8781e);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:32px;box-shadow:var(--shadow);border:3px dashed rgba(255,255,255,0.5)}.spa-analytics-section{margin-top:24px;padding:22px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.spa-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:16px}.spa-analytics-card{padding:16px;border-radius:var(--radius-md);background:var(--canvas)}.spa-analytics-card h4{margin:0 0 10px;font-size:13px;font-weight:800;color:var(--ink-2)}@media (max-width:860px){.spa-quiz-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.spa-podium{height:180px}.spa-podium-slot.rank-1 .spa-podium-bar{height:120px}.spa-podium-slot.rank-2 .spa-podium-bar{height:84px}.spa-podium-slot.rank-3 .spa-podium-bar{height:62px}}@media (max-width:640px){.spa-float-window{height:100vh;max-height:100vh;border-radius:0}.spa-float-body{padding:20px}.spa-float-header{padding:18px 20px}.spa-two-col{grid-template-columns:1fr}.spa-time-choice{grid-template-columns:repeat(3,1fr)}.spa-cert-signatures{flex-direction:column}.spa-room-stage{min-height:0;padding:18px;border-radius:16px}.spa-room-topbar{gap:10px}.spa-progress-pill{font-size:11px;padding:5px 10px}.spa-timer{width:52px;height:52px;font-size:13px}.spa-lang-switch button{padding:6px 10px;font-size:12px}.spa-question-text{font-size:17px}.spa-option{padding:13px 14px;gap:10px}.spa-option-key{width:28px;height:28px;font-size:12px}.spa-roster-card{padding:14px}.spa-lobby{min-height:300px}.spa-lobby h3{font-size:20px}.spa-lobby-players{max-width:100%}.spa-reveal-answer-banner{flex-direction:column;align-items:flex-start;text-align:left}.spa-reveal-correct-option{margin-left:0}.spa-distribution-row{gap:8px}.spa-distribution-bar-track{height:18px}.spa-room-actions{flex-direction:column}.spa-room-actions button{width:100%;justify-content:center}.spa-podium{height:150px;gap:8px}.spa-podium-slot.rank-1 .spa-podium-bar{height:96px}.spa-podium-slot.rank-2 .spa-podium-bar{height:68px}.spa-podium-slot.rank-3 .spa-podium-bar{height:50px}.spa-podium-avatar{width:40px;height:40px;font-size:13px}.spa-results-trophy{font-size:34px}.spa-results-header h3{font-size:20px}.spa-result-summary{grid-template-columns:repeat(3,1fr);gap:8px}.spa-result-stat{padding:10px 6px}.spa-result-stat b{font-size:18px}.spa-invite-actions{flex-direction:column}.spa-invite-actions button{width:100%;justify-content:center}.spa-quiz-grid{grid-template-columns:1fr 1fr;gap:10px}.spa-quiz-card{padding:16px 14px 14px}.spa-quiz-card-title{font-size:14px}}@media (max-width:420px){.spa-quiz-grid{grid-template-columns:1fr}}@media (max-width:720px){html,body{overflow-x:clip}.arena-header{overflow:hidden;max-width:100%}.arena-tabs{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:10px 0 12px;gap:6px}.mode-tab{min-height:64px;flex-direction:column;justify-content:center;gap:6px;padding:8px 4px;text-align:center}.spa-hero{flex-direction:column;align-items:stretch}.spa-create-btn,.spa-join-bar{width:100%;min-width:0}.spa-overlay{padding:0}.spa-float-window{height:100dvh;max-height:100dvh;border-radius:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@media (hover:none){.mode-tab:hover,.spa-create-btn:hover,.wall-card:hover,.primary-btn:hover{transform:none}}