/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-xs:.125rem;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-4{top:calc(var(--spacing) * 4)}.top-\[50\%\]{top:50%}.right-4{right:calc(var(--spacing) * 4)}.left-\[50\%\]{left:50%}.z-50{z-index:50}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.shrink-0{flex-shrink:0}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.resize{resize:both}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xs{border-radius:var(--radius-xs)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.paused{animation-play-state:paused}.running{animation-play-state:running}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}@media (min-width:40rem){.sm\:max-w-lg{max-width:var(--container-lg)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:text-left{text-align:left}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root,.dark{--background:#10131a;--foreground:#f3f5f8;--card:#171b24;--card-foreground:#f3f5f8;--popover:#171b24;--popover-foreground:#f3f5f8;--primary:#9bedd9;--primary-foreground:#102c28;--secondary:#232937;--secondary-foreground:#f3f5f8;--muted:#232937;--muted-foreground:#a0a9bc;--accent:#29333b;--accent-foreground:#f3f5f8;--destructive:#ff887a;--border:#2c3341;--input:#303b48;--ring:#9bedd9;--radius:.75rem}*{box-sizing:border-box}body{color:#f3f5f8;background:#10131a;margin:0;font:16px/1.6 Arial,Microsoft YaHei,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #9bedd9}button{transition:background .18s,transform .18s}button:not(:disabled):hover{filter:brightness(1.12)}.shell{max-width:1180px;margin:auto;padding:0 36px}header{border-bottom:1px solid #2c3341;justify-content:space-between;align-items:center;height:100px;display:flex}.brand{color:inherit;align-items:center;gap:12px;font-size:24px;font-weight:800;text-decoration:none;display:flex}.brand>span{color:#9bedd9;text-align:center;border:2px solid #9bedd9;border-radius:10px;width:38px;height:38px;line-height:34px}.brand small{letter-spacing:2px;color:#8893a7;margin-left:10px;font-size:12px;font-weight:400}.quiet{color:#c2cbda;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:10px;display:inline-flex}.intro{justify-content:space-between;align-items:center;padding:44px 0 32px;display:flex}.eyebrow{letter-spacing:2px;color:#9bedd9;margin:0 0 12px;font-size:13px}h1{letter-spacing:-1px;margin:0 0 12px;font-size:40px;line-height:1.35}h1 em{color:#9bedd9;font-style:normal}.muted{color:#a0a9bc}.intro p{margin-top:0}.season{color:#697489;letter-spacing:2px;writing-mode:vertical-rl;font-size:13px}.arena{background:radial-gradient(at 15%,#19312e70,#0000 45%),radial-gradient(at 90% 40%,#3c222e65,#0000 45%),#141923;border:1px solid #354052;border-radius:20px;overflow:hidden}.arena-top{border-bottom:1px solid #303846;justify-content:space-between;padding:18px 26px;font-size:14px;display:flex}.duel{text-align:center;grid-template-columns:1fr .55fr 1fr;align-items:center;gap:12px;padding:40px 50px 30px;display:grid}.sigil{border:1px solid;border-radius:28px;place-items:center;width:102px;height:102px;margin:auto;display:grid;transform:rotate(-5deg)}.sigil svg{transform:rotate(5deg)}.cyan{color:#9bedd9;background:#1a3c39;border-color:#3b6a60}.coral{color:#ffa299;background:#3b2831;border-color:#744653}.fighter h2{margin:16px 0 3px;font-size:21px}.fighter p{color:#a0a9bc;margin:0;font-size:14px}.versus{color:#526074;letter-spacing:4px;font-size:40px;font-style:italic;font-weight:900}.versus span{letter-spacing:1px;color:#a0a9bc;margin-top:8px;font-size:13px;font-style:normal;font-weight:400;display:block}.lobby{background:#10151b66;border-top:1px solid #2a3441;align-items:end;gap:12px;padding:22px 28px 28px;display:flex}.lobby label{color:#b6c1d0;flex:1;font-size:14px}.lobby input,input.field{color:#fff;background:#121820;border:1px solid #354152;border-radius:10px;width:100%;min-width:0;margin-top:8px;padding:12px 15px;display:block}.primary,.secondary{border:1px solid #0000;border-radius:10px;min-height:50px;padding:12px 23px;font-weight:700}.primary{color:#102c28;background:#9bedd9}.secondary{color:#e9edf4;background:#242d3b;border-color:#3b4657}.bottom-grid{grid-template-columns:1.5fr 1fr;gap:20px;margin:22px 0;display:grid}.panel{background:#171b24;border:1px solid #2c3341;border-radius:16px;padding:25px}.starter{gap:20px;display:flex}.starter article{flex:1;grid-template-columns:25px 1fr;gap:5px 10px;display:grid}.starter svg{color:#9bedd9;width:21px}.starter strong{font-size:17px}.starter span{color:#a0a9bc;grid-column:1/3;font-size:14px}.goal h2{margin:0;font-size:23px}.goal p:last-child{margin-bottom:0;font-size:14px}footer{color:#728097;letter-spacing:1px;justify-content:space-between;padding:15px 0 30px;font-size:12px;display:flex}@media (max-width:700px){.shell{padding:0 18px}header{height:78px}.brand small{display:none}h1{font-size:29px}.intro{padding:30px 0 20px}.duel{padding:28px 15px}.sigil{border-radius:22px;width:78px;height:78px}.lobby{flex-wrap:wrap;padding:20px}.lobby label{flex-basis:100%}.lobby button{flex:1;padding:12px}.bottom-grid{grid-template-columns:1fr}.season{display:none}.starter{gap:10px}footer span{display:none}.arena-top{gap:12px;padding:16px}.versus{font-size:28px}}.header-actions{gap:12px;display:flex}.room-bar{justify-content:space-between;align-items:center;padding:23px 0;display:flex}.room-bar>div{align-items:center;gap:12px;display:flex}.room-bar .eyebrow{margin:0}.room-bar strong{letter-spacing:3px}.compact.duel{padding:25px 28px}.compact .sigil{border-radius:22px;width:76px;height:76px}.fighter h2{overflow-wrap:anywhere}.fighter h2 small{color:#9bedd9;vertical-align:middle;background:#254139;border-radius:5px;margin-left:8px;padding:3px 7px;font-size:12px}.stats{justify-content:center;gap:14px;margin-top:14px;font-size:14px;display:flex}.stats span:first-child{color:#9bedd9;align-items:center;gap:4px;display:flex}.stats span:last-child{color:#bac2d3}.fighter .status-line{margin-top:8px;font-size:12px}.waiting,.reveal{text-align:center;background:#10151b66;border-top:1px solid #303846;padding:20px 26px}.waiting p{margin:0 0 16px}.waiting .muted{margin:16px 0 0;font-size:13px}.waiting button,.lock-bar button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.reveal-moves{justify-content:center;align-items:center;gap:26px;font-size:23px;font-weight:700;display:flex}.reveal-moves span:first-child{color:#9bedd9}.reveal-moves span:last-child{color:#ffa299}.reveal-moves small{color:#8792a5;font-size:12px;font-weight:400}.reveal p{color:#c2cbda;margin:8px 0;font-size:14px}.reveal button{margin-top:10px}.battle-layout{grid-template-columns:minmax(0,1fr) 280px;gap:24px;margin:25px 0;display:grid}.section-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-heading h2{margin:0;font-size:20px}.section-heading span{font-size:13px}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.skill-card{text-align:left;color:#f0f4f8;background:#181e28;border:1px solid #30394a;border-radius:13px;min-height:160px;padding:16px;position:relative}.skill-card>div{color:#9bedd9;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.skill-card .cost{color:#a0a9bc;font-size:12px}.skill-card strong{font-size:19px}.skill-card p{color:#aeb9ca;margin:7px 0 0;font-size:12px;line-height:1.7}.skill-card.selected{background:#1a312f;border-color:#9bedd9;box-shadow:0 0 0 1px #9bedd9}.skill-card.攻击>div{color:#ffa299}.skill-card.终结>div{color:#c3a8ff}.skill-card .chosen{color:#9bedd9;position:absolute;bottom:10px;right:12px}.lock-bar{background:#1b242e;border:1px solid #344252;border-radius:13px;justify-content:space-between;align-items:center;gap:15px;margin-top:16px;padding:18px;display:flex}.lock-bar strong{font-size:15px}.lock-bar p{margin:5px 0 0;font-size:12px}.lock-bar button{flex-shrink:0;padding:12px 18px}.progression{padding:20px}.progression h2{margin:0;font-size:28px}.progression p.muted{font-size:14px}.level-track{gap:3px;margin:15px 0;display:flex}.level-track span{background:#343d4c;border-radius:2px;flex:1;height:6px}.level-track .earned{background:#9bedd9}.mini-status{color:#9da9bd;border-top:1px solid #303846;justify-content:space-between;margin-top:10px;padding-top:10px;font-size:13px;display:flex}.mini-status b{color:#d7deea;font-weight:400}.battle-log{max-height:440px;margin-top:18px;padding:20px;overflow:auto}.battle-log article{border-top:1px solid #2d3544;padding:12px 0}.battle-log article small{color:#738299;font-size:12px}.battle-log article p{margin:4px 0;font-size:15px}.battle-log article p span{color:#6b788d}.battle-log article div{font-size:12px}.message{color:#b6f3dc;background:#203d35;border:1px solid #416554;border-radius:9px;margin:0 0 15px;padding:11px 15px;font-size:14px}.message.error{color:#ffc5c1;background:#3d2730;border-color:#774956}.rules-modal{max-height:85vh;overflow-y:auto;background:#151c26!important;border-color:#374153!important;max-width:760px!important;padding:30px!important}.rule-note{color:#b7c3d6;background:#202a36;border-radius:10px;padding:14px 18px;font-size:14px}.rule-note p{margin:5px 0}.rule-list article{border-bottom:1px solid #303946;gap:15px;padding:17px 0;display:flex}.rule-list svg{color:#9bedd9;flex-shrink:0;margin-top:5px}.rule-list h3{margin:0;font-size:18px}.rule-list small{color:#9bacc4;margin-left:12px;font-size:12px;font-weight:400}.rule-list p{color:#b0bdcf;margin:5px 0 0;font-size:14px}@media (max-width:900px){.battle-layout{grid-template-columns:1fr}.battle-layout aside{grid-template-columns:1fr 1fr;gap:18px;display:grid}.battle-log{max-height:300px;margin:0}}@media (max-width:600px){.header-actions{gap:0}.quiet{padding:9px 6px;font-size:14px}.room-bar .eyebrow{display:none}.room-bar{font-size:13px}.room-bar strong{letter-spacing:1px}.stats{flex-direction:column;align-items:center;gap:2px}.compact.duel{grid-template-columns:1fr 65px 1fr;padding:24px 8px}.fighter h2{font-size:18px}.fighter p,.versus span{font-size:12px}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-card{padding:14px}.battle-layout aside{grid-template-columns:1fr}.lock-bar{z-index:5;flex-wrap:wrap;position:sticky;bottom:10px;box-shadow:0 5px 20px #0008}.lock-bar>div{flex:1}.lock-bar p{display:none}.lock-bar button{font-size:14px}.rules-modal{padding:22px!important}.lobby label{flex-basis:100%}.waiting .muted{line-height:1.8}.room-bar>div{gap:6px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.avatar-stage{--skin:#f4bc98;--outfit:#72e3cf;--face:1;isolation:isolate;background:radial-gradient(circle at 50% 78%,var(--outfit),transparent 55%);border-radius:28px;width:188px;height:178px;margin:0 auto;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.avatar-stage{background:radial-gradient(circle at 50% 78%,color-mix(in srgb,var(--outfit) 16%,transparent),transparent 55%)}}.avatar-stage.right{--face:-1}.avatar-stage.large{width:min(100%,285px);height:245px}.avatar-backlight{border:1px solid var(--outfit);position:absolute;inset:29px 27px 15px}@supports (color:color-mix(in lab, red, red)){.avatar-backlight{border:1px solid color-mix(in srgb,var(--outfit) 25%,transparent)}}.avatar-backlight{background:radial-gradient(circle,var(--outfit),transparent 69%);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.avatar-backlight{background:radial-gradient(circle,color-mix(in srgb,var(--outfit) 15%,transparent),transparent 69%)}}.avatar-backlight{opacity:.7}.avatar-stage.ready .avatar-backlight,.avatar-stage:not(.idle) .avatar-backlight{animation:1.6s ease-in-out infinite alternate avatar-glow}.avatar-ground{background:var(--outfit);border-radius:50%;width:118px;height:17px;position:absolute;bottom:10px;left:50%}@supports (color:color-mix(in lab, red, red)){.avatar-ground{background:color-mix(in srgb,var(--outfit) 24%,#15202b)}}.avatar-ground{box-shadow:0 0 20px var(--outfit);transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.avatar-ground{box-shadow:0 0 20px color-mix(in srgb,var(--outfit) 17%,transparent)}}.avatar-person{width:92px;height:145px;transform:translateX(-50%) scaleX(var(--face));z-index:2;filter:drop-shadow(0 7px 10px #0007);position:absolute;bottom:18px;left:50%}.avatar-stage.large .avatar-person{transform:translateX(-50%) scaleX(var(--face)) scale(1.23);transform-origin:bottom}.avatar-leg{z-index:1;background:#34465e;border:2px solid #17283a;border-radius:11px 11px 8px 8px;width:20px;height:48px;position:absolute;bottom:1px}.leg-left{left:24px;transform:rotate(8deg)}.leg-right{right:24px;transform:rotate(-8deg)}.avatar-leg:after{content:"";background:#172635;border-radius:8px 6px 4px 4px;width:25px;height:11px;position:absolute;bottom:-2px;left:-4px}.avatar-body{background:linear-gradient(135deg,var(--outfit),var(--outfit) 55%,var(--outfit));width:54px;height:60px;position:absolute;bottom:37px;left:19px}@supports (color:color-mix(in lab, red, red)){.avatar-body{background:linear-gradient(135deg,color-mix(in srgb,var(--outfit) 88%,white),var(--outfit) 55%,color-mix(in srgb,var(--outfit) 52%,#192938))}}.avatar-body{z-index:3;border:3px solid #203442;border-radius:20px 20px 17px 17px}.avatar-body:before{content:"";border-left:2px solid #fff7;height:45px;position:absolute;top:3px;left:22px}.avatar-emblem{background:#fff8;border:2px solid #263f4b;border-radius:5px;width:17px;height:17px;position:absolute;top:19px;left:15px;transform:rotate(45deg)}.avatar-neck{background:var(--skin);z-index:3;width:18px;height:14px;position:absolute;bottom:89px;left:37px}.avatar-head{background:var(--skin);z-index:5;border:3px solid #5d4750;border-radius:48% 48% 44% 44%;width:54px;height:54px;transition:transform .2s;position:absolute;top:6px;left:19px;overflow:visible}.avatar-hair{z-index:2;background:#243347;border:2px solid #172536;border-radius:20px 19px 11px 6px;width:56px;height:27px;position:absolute;top:-7px;left:-4px;transform:rotate(-6deg)}.hair-spiky .avatar-hair{clip-path:polygon(0 62%,9% 0,28% 35%,42% 0,58% 32%,79% 0,100% 72%,89% 100%,10% 100%);border-radius:0;height:33px;top:-10px}.hair-bob .avatar-hair{clip-path:polygon(0 0,100% 0,100% 100%,82% 100%,77% 48%,25% 51%,20% 100%,0 100%);border-radius:23px 23px 14px 13px;width:60px;height:43px;top:-8px;left:-6px}.hair-none .avatar-hair{display:none}.avatar-face{gap:15px;display:flex;position:absolute;top:28px;left:14px}.avatar-face i{background:#24313b;border-radius:50%;width:4px;height:6px;display:block}.avatar-mouth{border-bottom:2px solid #9c5a59;border-radius:50%;width:8px;height:3px;position:absolute;top:41px;left:24px}.avatar-accessory{z-index:4;display:none;position:absolute}.accessory-band .avatar-accessory{background:#f5cb73;border:1px solid #ad7e41;border-radius:4px;width:54px;height:7px;display:block;top:14px;left:-3px}.accessory-visor .avatar-accessory{background:#143b4cb8;border:2px solid #93f5e3;border-radius:6px;width:39px;height:15px;display:block;top:24px;left:6px;box-shadow:0 0 8px #74e8d4}.accessory-star .avatar-accessory{clip-path:polygon(50% 0,63% 35%,100% 36%,72% 59%,82% 100%,50% 75%,17% 100%,28% 59%,0 36%,37% 35%);filter:drop-shadow(0 0 5px #fdd779);background:#ffe490;width:23px;height:23px;display:block;top:-13px;right:-6px}.avatar-arm{background:linear-gradient(#34465e 0 60%,var(--skin) 60%);z-index:2;transform-origin:8px 8px;border:2px solid #263748;border-radius:12px;width:16px;height:54px;transition:transform .24s cubic-bezier(.2,.8,.2,1);position:absolute;top:50px}.arm-left{left:11px;transform:rotate(22deg)}.arm-right{right:11px;transform:rotate(-25deg)}.move-store .arm-left,.move-charge .arm-left{transform:rotate(145deg)}.move-store .arm-right,.move-charge .arm-right{transform:rotate(-145deg)}.move-wave .arm-right,.move-ring .arm-right,.move-fire .arm-right,.move-arrow .arm-right,.move-slash .arm-right,.move-hole .arm-right,.move-shoot .arm-right{transform:rotate(-93deg)}.move-shield .arm-left,.move-aegis .arm-left,.move-orb .arm-left,.move-spark .arm-left,.move-guard .arm-left{transform:rotate(-46deg)}.move-shield .arm-right,.move-aegis .arm-right,.move-orb .arm-right,.move-spark .arm-right,.move-guard .arm-right{transform:rotate(46deg)}.move-mount .arm-left,.move-mount .arm-right,.move-shoot .arm-left,.move-charge .arm-right{transform:rotate(-82deg)}.avatar-action,.avatar-action-secondary{z-index:4;pointer-events:none;display:none;position:absolute}.move-store .avatar-action,.move-charge .avatar-action{background:radial-gradient(circle,#ffeda9,#f6c86f44 45%,#0000 70%);border:3px solid #f8e49b;border-radius:50%;width:42px;height:42px;animation:1s ease-in-out infinite alternate avatar-pulse;display:block;top:8px;left:calc(50% - 21px);box-shadow:0 0 26px #f4d782}.move-wave .avatar-action,.move-orb .avatar-action{background:radial-gradient(circle,#e4fffc,#70e2d6 42%,#177d8299 75%);border:3px solid #b6f7ee;border-radius:50%;width:49px;height:49px;animation:.8s ease-in-out infinite alternate avatar-pulse;display:block;top:48px;left:calc(50% + 22px);box-shadow:0 0 25px #7beedc}.move-orb .avatar-action{background:#6adbdc42;width:65px;height:65px;top:52px;left:calc(50% - 25px)}.move-shield .avatar-action,.move-aegis .avatar-action,.move-guard .avatar-action,.move-spark .avatar-action{clip-path:polygon(50% 0,95% 17%,91% 62%,50% 100%,9% 62%,5% 17%);background:linear-gradient(135deg,#e2fffa88,#55cfc388);border:2px solid #d9fff7;width:68px;height:83px;animation:1.2s ease-in-out infinite alternate avatar-pulse;display:block;top:56px;left:calc(50% + 4px);box-shadow:0 0 20px #73e6d2}.move-aegis .avatar-action{background:linear-gradient(135deg,#c9b5ffdd,#745bd2aa)}.move-guard .avatar-action{background:linear-gradient(135deg,#b9dfffdd,#4b8ed4aa)}.move-spark .avatar-action{background:linear-gradient(135deg,#ffdb9bdd,#f48062aa)}.move-ring .avatar-action{border:8px solid #ffdf83;border-radius:50%;width:79px;height:28px;animation:1s ease-in-out infinite alternate avatar-pulse;display:block;top:26px;left:calc(50% - 3px);transform:rotate(-18deg);box-shadow:0 0 20px #ffd66d}.move-slash .avatar-action{filter:drop-shadow(0 0 12px #fd8e8c);border-top:8px solid #ff9f99;border-right:8px solid #ff9f99;border-radius:50%;width:97px;height:97px;animation:.9s ease-in-out infinite avatar-swipe;display:block;top:27px;left:calc(50% + 5px);transform:rotate(29deg)}.move-fire .avatar-action,.move-spark .avatar-action-secondary{clip-path:polygon(49% 0,71% 37%,90% 17%,85% 55%,100% 74%,72% 100%,23% 100%,0 72%,20% 50%,15% 21%,36% 38%);filter:drop-shadow(0 0 14px #ff805c);background:linear-gradient(#ffe89c,#ff9d64 55%,#e64b56);width:73px;height:90px;animation:1s ease-in-out infinite alternate avatar-flame;display:block;top:25px;left:calc(50% + 15px)}.move-spark .avatar-action-secondary{width:42px;height:55px;top:49px;left:calc(50% - 20px)}.move-arrow .avatar-action{background:#fce5b6;width:91px;height:4px;display:block;top:75px;left:calc(50% + 4px);transform:rotate(-8deg);box-shadow:0 0 12px #ffe7ba}.move-arrow .avatar-action:after{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:16px solid #fce5b6;position:absolute;top:-8px;right:-1px}.move-mount .avatar-action,.move-shoot .avatar-action{background:linear-gradient(#34465d,#1d2c40);border:5px solid #a3b6ca;border-radius:8px;width:91px;height:30px;display:block;top:91px;left:calc(50% + 5px);box-shadow:0 8px 0 -1px #4e6072}.move-shoot .avatar-action-secondary{background:#ffe9ac99;border:5px solid #ffd58e;border-radius:50%;width:58px;height:58px;animation:.45s ease-in-out infinite alternate avatar-pulse;display:block;top:73px;left:calc(50% + 87px);box-shadow:0 0 20px #ffe1a3}.move-hole .avatar-action{background:radial-gradient(circle,#111422 35%,#654f9d 60%,#cbb8ff);border:6px solid #bcaaff;border-radius:50%;width:75px;height:75px;animation:.9s ease-in-out infinite alternate avatar-pulse;display:block;top:39px;left:calc(50% + 15px);box-shadow:0 0 25px #9571ef}@keyframes avatar-glow{to{opacity:1;transform:scale(1.1)}}@keyframes avatar-pulse{to{filter:brightness(1.25);transform:scale(1.13)}}@keyframes avatar-swipe{to{opacity:.55;transform:rotate(75deg)scale(1.08)}}@keyframes avatar-flame{to{transform:scale(.88,1.12)rotate(4deg)}}.customize-page{margin:30px 0 45px}.customize-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.customize-heading h1{margin-bottom:4px}.customize-heading p:last-child{margin-bottom:0}.customize-layout{grid-template-columns:minmax(270px,.75fr) minmax(0,1.25fr);gap:22px;display:grid}.customize-preview,.customize-controls{background:#171e29;border:1px solid #354052;border-radius:20px;padding:26px}.customize-preview{text-align:center;background:radial-gradient(circle at 50% 40%,#263e42,#171e29 65%);flex-direction:column;justify-content:center;align-items:center;display:flex}.customize-preview h2{margin:8px 0 0}.customize-preview p{color:#b4c3d4;font-size:14px}.customize-controls h2{margin:0 0 10px;font-size:20px}.customize-group{border-top:1px solid #354052;padding:17px 0}.customize-group h3{color:#b8c7d9;margin:0 0 12px;font-size:14px}.choice-row{flex-wrap:wrap;gap:10px;display:flex}.choice{color:#dce5ee;background:#222c39;border:1px solid #405065;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:82px;padding:10px 14px;display:flex}.choice[aria-pressed=true]{background:#26443f;border-color:#92ecd9;box-shadow:0 0 0 1px #92ecd9}.choice-swatch{background:var(--swatch);border:2px solid #ffffffa3;border-radius:50%;width:18px;height:18px}.customize-actions{flex-wrap:wrap;gap:12px;padding-top:8px;display:flex}.customize-actions .primary,.customize-actions .secondary{flex:1}.customize-hint{color:#98a9bd;margin:16px 0 0;font-size:13px}.fighter-action{color:#a9ecdc;white-space:nowrap;text-overflow:ellipsis;background:#1b3836;border:1px solid #477467;border-radius:999px;max-width:100%;margin:1px auto 0;padding:3px 11px;font-size:12px;display:inline-block;overflow:hidden}.fighter-action.opponent{color:#f7b6aa;background:#3d2931;border-color:#86555c}.fighter h2{margin-top:11px}.header-actions .quiet{white-space:nowrap}@media (max-width:700px){.avatar-stage{width:128px;height:144px}.avatar-person{transform:translateX(-50%) scaleX(var(--face)) scale(.79);transform-origin:bottom}.avatar-stage.large .avatar-person{transform:translateX(-50%) scaleX(var(--face)) scale(1.23)}.avatar-backlight{inset:20px 7px 12px}.avatar-ground{width:94px;bottom:6px}.avatar-stage:not(.large) .avatar-action{transform-origin:0;transform:scale(.77)}.customize-layout{grid-template-columns:1fr}.customize-heading{flex-direction:column;align-items:start}.customize-preview{min-height:310px}}@media (max-width:420px){.avatar-stage{width:105px;height:130px}.avatar-person{transform:translateX(-50%) scaleX(var(--face)) scale(.68)}.compact.duel{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr)}.versus{font-size:20px}}@media (prefers-reduced-motion:reduce){.avatar-stage *{animation:none!important}}.header-actions .music-toggle{color:#e2e6ec;background:#252d39;border:1px solid #596575;border-radius:999px;gap:6px;min-width:93px;padding:7px 10px;font-size:13px;font-weight:800}.header-actions .music-toggle[aria-pressed=true]{color:#eafff4;background:#1d503f;border-color:#9bedd9;box-shadow:0 0 0 1px #9bedd958,0 0 15px #69d7b655}.music-indicator{background:#8995a5;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.music-toggle[aria-pressed=true] .music-indicator{background:#a7ffe0;box-shadow:0 0 8px #a7ffe0}.header-actions .tutorial-trigger{color:#b6f1dc;background:#203a35;border:1px solid #56756d;border-radius:10px;gap:5px;padding:7px 9px;font-size:13px;font-weight:800}.tutorial-banner{text-align:left;color:#dff9ef;background:linear-gradient(100deg,#204a40,#253746);border:1px solid #5c9d8d;border-radius:14px;align-items:center;gap:12px;width:100%;margin:0 0 18px;padding:15px 20px;display:flex;box-shadow:0 8px 24px #0a171833}.tutorial-banner>span:first-child{color:#add4c8;font-size:13px}.tutorial-banner strong{font-size:18px}.tutorial-banner>span:last-child{color:#a8f5d9;margin-left:auto;font-size:14px;font-weight:800}.guide-tabs{gap:8px;margin:18px 0;display:flex}.guide-tabs button{color:#c9d6e2;background:#202b37;border:1px solid #405568;border-radius:10px;flex:1;min-height:42px;font-weight:700}.guide-tabs button[aria-selected=true]{color:#e9fff5;background:#244b40;border-color:#9bedd9}.tutorial-lead{background:radial-gradient(circle at 86% 0,#3f756b77,#0000 55%),#1d3732;border:1px solid #4c8979;border-radius:15px;padding:19px 21px}.tutorial-lead>span{color:#9bedd9;letter-spacing:.15em;font-size:12px;display:block}.tutorial-lead>strong{color:#f0fff8;margin:5px 0;font-size:clamp(20px,4vw,27px);display:block}.tutorial-lead p{color:#bedbd1;margin:0;font-size:14px}.tutorial-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;padding:0;list-style:none;display:grid}.tutorial-steps li{background:#1c2732;border:1px solid #354757;border-radius:13px;gap:12px;padding:15px;display:flex}.tutorial-steps li>b{color:#9bedd9;font-size:20px;line-height:1}.tutorial-steps h3{color:#f3faf6;margin:0;font-size:16px}.tutorial-steps p{color:#b7c8d2;margin:5px 0 0;font-size:13px;line-height:1.7}.tutorial-steps p strong{color:#b7f5dd}.guide-next{width:100%}@media (max-width:600px){.header-actions .music-toggle{width:auto;min-width:85px;padding:7px 6px}.header-actions .music-toggle .music-state,.header-actions .tutorial-trigger span{display:inline}.header-actions .tutorial-trigger{width:auto;padding:7px 5px;font-size:13px}.tutorial-banner{flex-wrap:wrap;gap:4px 9px;padding:13px 15px}.tutorial-banner strong{font-size:16px}.tutorial-banner>span:last-child{width:100%;margin-left:0}.tutorial-steps{grid-template-columns:1fr}.guide-modal{padding:18px!important}}@media (max-width:380px){header{flex-wrap:wrap;gap:8px;height:auto;min-height:78px;padding:10px 0}.header-actions{justify-content:space-between;width:100%}.header-actions .music-toggle{min-width:90px}}.skill-tabs{scrollbar-width:thin;gap:7px;padding:0 0 10px;display:flex;overflow-x:auto}.skill-tabs button{color:#c8d4de;background:#1d2833;border:1px solid #3c4d5e;border-radius:999px;flex:none;padding:7px 13px;font-size:13px}.skill-tabs button[aria-pressed=true]{color:#e4fff4;background:#24443e;border-color:#9bedd9}.skill-grid.compact{scrollbar-color:#5b7c81 #1a2630;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;max-height:350px;padding:3px 5px 9px 2px;overflow-y:auto}.skill-grid.compact .skill-card>div{margin-bottom:4px}.skill-grid.compact .skill-card p{display:none}.skill-grid.compact .skill-card .chosen{bottom:8px}.skill-detail{color:#bdcfd1;background:#1a2b2e;border:1px solid #354b50;border-radius:11px;min-height:44px;margin-top:12px;padding:10px 13px;font-size:13px}.skill-detail strong{color:#e9fff6}.skill-detail p{margin:3px 0 0}.turn-clock{background:linear-gradient(100deg,#1e443b,#1b2d36);border:1px solid #5b9f90;border-radius:13px;justify-content:space-between;align-items:center;gap:14px;margin:11px 0 0;padding:13px 18px;display:flex}.turn-clock strong{color:#dbfff1;font-variant-numeric:tabular-nums;font-size:25px}.turn-clock p{color:#c1dcd5;margin:0;font-size:13px}.turn-clock.waiting{background:#1b2935;border-color:#536479}.turn-clock.waiting strong{font-size:16px}.attrition-alert{text-align:center;background:radial-gradient(circle at 50% 0,#9b453b88,#39242a 72%);border:2px solid #ffae75;border-radius:16px;margin:15px 0;padding:20px;box-shadow:0 0 27px #f3795133}.attrition-alert strong{color:#fff0bd;letter-spacing:.18em;text-shadow:0 3px 15px #ff824e;font-size:clamp(29px,6vw,50px);display:block}.attrition-alert p{color:#ffe2d0;margin:5px 0 0;font-size:14px}.attrition-alert.new{animation:.6s ease-out both attrition-enter}@keyframes attrition-enter{0%{opacity:0;transform:scale(.87)}to{opacity:1;transform:scale(1)}}@media (max-width:650px){.skill-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));max-height:330px}.skill-grid.compact .skill-card{min-height:88px}.turn-clock{padding:10px 13px}}.avatar-hair{background:var(--hair)}.avatar-scenery{opacity:.8;pointer-events:none;position:absolute;inset:0}.backdrop-sunrise .avatar-scenery{background:radial-gradient(circle at 50% 31%,#ffd58b55,#0000 36%),linear-gradient(#0000 50%,#dc807329)}.backdrop-night .avatar-scenery{background:radial-gradient(circle at 75% 23%,#dceeff73 0 10px,#0000 12px),linear-gradient(#222b5588,#101e3977)}.backdrop-forest .avatar-scenery{background:repeating-linear-gradient(100deg,#0000 0 26px,#54a47a25 27px 31px),linear-gradient(#0000,#2d705644)}.backdrop-cosmos .avatar-scenery{background:radial-gradient(circle at 19% 25%,#e1d6ff 0 2px,#0000 3px),radial-gradient(circle at 71% 53%,#e1d6ff 0 2px,#0000 3px),radial-gradient(circle at 82% 18%,#e1d6ff 0 1px,#0000 2px),linear-gradient(120deg,#59428555,#172a5b77)}.backdrop-arena .avatar-scenery{background:repeating-linear-gradient(0deg,#0000 0 22px,#90c1cd20 23px 24px),repeating-linear-gradient(90deg,#0000 0 22px,#90c1cd20 23px 24px)}.avatar-aura{border:3px solid var(--aura);box-shadow:0 0 18px var(--aura),inset 0 0 25px var(--aura);opacity:.65;border-radius:50%;animation:1.5s ease-in-out infinite alternate avatar-glow;display:none;position:absolute;inset:12px 17px 10px}.avatar-stage:not(.aura-none) .avatar-aura{display:block}.aura-flame .avatar-aura{clip-path:polygon(0 95%,10% 43%,23% 70%,45% 0,57% 56%,79% 23%,100% 95%)}.aura-electric .avatar-aura{border-style:dashed;transform:rotate(-8deg)}.aura-stars .avatar-aura{border-style:dotted;border-width:5px}.aura-shadow .avatar-aura{background:#37294936}.avatar-cape{z-index:0;background:var(--outfit);width:68px;height:91px;display:none;position:absolute;top:48px;left:12px}@supports (color:color-mix(in lab, red, red)){.avatar-cape{background:color-mix(in srgb,var(--outfit) 70%,#312f5b)}}.avatar-cape{clip-path:polygon(12% 0,87% 0,100% 100%,50% 82%,0 100%);filter:drop-shadow(0 2px 3px #0009)}.avatar-stage:not(.cape-none) .avatar-cape{display:block}.cape-short .avatar-cape{height:56px}.cape-split .avatar-cape{clip-path:polygon(12% 0,87% 0,100% 100%,55% 60%,48% 100%,0 100%)}.cape-scarf .avatar-cape{clip-path:polygon(0 0,100% 16%,87% 86%,0 100%);width:95px;height:42px;top:52px;left:-4px;transform:rotate(-15deg)}.cape-wings .avatar-cape{clip-path:polygon(0 13%,45% 38%,50% 0,55% 38%,100% 13%,82% 88%,52% 67%,18% 88%);width:143px;height:80px;top:35px;left:-25px}.hair-long .avatar-hair{clip-path:polygon(0 0,100% 0,100% 100%,76% 100%,75% 39%,25% 40%,23% 100%,0 100%);width:62px;height:58px;left:-7px}.hair-curly .avatar-hair{height:34px;box-shadow:-7px 5px 0 -2px var(--hair),8px 3px 0 -1px var(--hair);border-radius:48% 46% 28% 27%;top:-9px}.hair-mohawk .avatar-hair{clip-path:polygon(50% 0,100% 100%,0 100%);width:26px;height:44px;top:-20px;left:15px}.hair-twin .avatar-hair{height:25px;box-shadow:-12px 16px 0 -1px var(--hair),12px 16px 0 -1px var(--hair)}.eyes-happy .avatar-face i{background:0 0;border-top:2px solid #26313c;height:4px}.eyes-sharp .avatar-face i{border-radius:1px;transform:rotate(-20deg)}.eyes-sleepy .avatar-face i{border-radius:0;width:9px;height:2px}.eyes-sparkle .avatar-face i{background:#3f628b;width:7px;height:7px;box-shadow:1px 0 4px #b4e9ff}.eyes-wink .avatar-face i:first-child{border-radius:0;width:8px;height:2px}.outfit-style-robe .avatar-body{clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);border-radius:18px 18px 5px 5px}.outfit-style-jacket .avatar-body{border-radius:9px 9px 19px 19px}.outfit-style-jacket .avatar-body:before{border-left:4px solid #f7f4da}.outfit-style-uniform .avatar-body{border-color:#e3d6a0;border-radius:8px}.outfit-style-sport .avatar-body{background:repeating-linear-gradient(90deg,var(--outfit) 0 15px,#f4f6fd 16px 19px);border-radius:23px 23px 11px 11px}.outfit-style-tech .avatar-body{border-radius:12px;box-shadow:inset 0 0 9px #d2faff,0 0 10px #8bdce966}.outfit-style-tech .avatar-emblem{box-shadow:0 0 10px #e5faff}.accessory-crown .avatar-accessory{clip-path:polygon(0 100%,0 18%,23% 60%,48% 0,74% 60%,100% 18%,100% 100%);background:#ffd37b;width:44px;height:24px;display:block;top:-21px;left:5px}.accessory-glasses .avatar-accessory{border:3px double #344c59;border-radius:5px;width:36px;height:12px;display:block;top:26px;left:8px;box-shadow:0 0 0 1px #e7f6f4}.accessory-flower .avatar-accessory{background:radial-gradient(circle,#fce48a 0 3px,#f29aaa 4px 9px,#0000 10px);border-radius:50%;width:22px;height:22px;display:block;top:-10px;right:-5px}.accessory-horns .avatar-accessory{clip-path:polygon(0 100%,13% 0,30% 100%,70% 100%,87% 0,100% 100%);background:#d9daf8;width:54px;height:22px;display:block;top:-18px;left:0}.move-shield .avatar-action{clip-path:polygon(50% 0,100% 19%,89% 79%,50% 100%,11% 79%,0 19%);background:linear-gradient(130deg,#edfffa,#61d9ca);border-radius:14px 14px 18px 18px;width:37px;height:48px;animation:.45s ease-in-out infinite alternate shield-pop;top:71px;left:calc(50% + 12px);box-shadow:0 0 11px #83e9df}.move-shield .arm-right{animation:.45s ease-in-out infinite alternate shield-arm;transform:rotate(-103deg)}.move-aegis .avatar-action{clip-path:none;background:radial-gradient(circle,#bba1f844,#785bd080 55%,#48388033);border:5px double #e7d5ff;border-radius:50%;width:126px;height:118px;animation:1.4s ease-in-out infinite alternate aegis-bloom;top:29px;left:calc(50% - 63px);box-shadow:0 0 23px #ae8af3,inset 0 0 20px #d5b8ff}.move-aegis .avatar-action-secondary{border:2px dashed #eee0ff;border-radius:50%;width:92px;height:92px;animation:5s linear infinite aegis-spin;display:block;top:42px;left:calc(50% - 46px)}.move-aegis .arm-left{transform:rotate(-152deg)}.move-aegis .arm-right{transform:rotate(152deg)}.move-guard .avatar-action{clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);background:repeating-linear-gradient(90deg,#7996bbee 0 18px,#54729bee 19px 24px);border:5px solid #a8c7e2;border-radius:8px;width:111px;height:91px;animation:1.1s ease-in-out infinite alternate guard-brace;top:79px;left:calc(50% - 54px);box-shadow:0 8px #344e70,0 0 12px #6797c9}.move-guard .avatar-action-secondary{background:#91b9dc66;border-radius:50%;width:125px;height:12px;display:block;bottom:10px;left:calc(50% - 63px);box-shadow:0 0 13px #74a7dd}.move-guard .avatar-person{transform:translateX(-50%) scaleX(var(--face)) translateY(12px)}@keyframes shield-pop{to{transform:translate(8px)scale(1.1)}}@keyframes shield-arm{to{transform:rotate(-123deg)}}@keyframes aegis-bloom{to{transform:scale(1.09);box-shadow:0 0 35px #caa9ff,inset 0 0 27px #e6d4ff}}@keyframes aegis-spin{to{transform:rotate(360deg)}}@keyframes guard-brace{to{transform:scaleY(1.05);box-shadow:0 11px #344e70,0 0 22px #6797c9}}@media (max-width:700px){.move-guard .avatar-person{transform:translateX(-50%) scaleX(var(--face)) scale(.79) translateY(12px)}.avatar-stage.large.move-guard .avatar-person{transform:translateX(-50%) scaleX(var(--face)) scale(1.23) translateY(12px)}}@media (prefers-reduced-motion:reduce){.avatar-stage *,.attrition-alert.new{animation:none!important}}.avatar-blast{z-index:7;transform-origin:0;pointer-events:none;border-radius:50%;animation:.55s ease-in-out infinite alternate cannon-flash;display:none;position:absolute;top:94px;left:calc(50% + 13px)}.move-shoot .avatar-blast{clip-path:polygon(0 24%,72% 0,100% 50%,72% 100%,0 76%);background:linear-gradient(90deg,#fff9d8,#ffdd8a 48%,#ff9a6477 80%,#0000);display:block}.move-shoot.charge-tier-0 .avatar-blast,.move-shoot.charge-tier-1 .avatar-blast{width:45px;height:12px;top:92px;box-shadow:0 0 10px #ffe099}.move-shoot.charge-tier-2 .avatar-blast{width:74px;height:21px;top:87px;box-shadow:0 0 17px #ffcf78}.move-shoot.charge-tier-3 .avatar-blast{width:100px;height:32px;top:81px;box-shadow:0 0 24px #ffad74}.move-shoot.charge-tier-4 .avatar-blast{background:linear-gradient(90deg,#fff,#e3dcff 28%,#ad92ff 70%,#0000);width:143px;height:55px;animation:.7s ease-in-out infinite alternate cannon-super;top:69px;box-shadow:0 0 34px #b99bff}.move-shoot.charge-tier-2 .avatar-action-secondary{border-color:#ffca84;width:52px;height:52px;top:68px;left:calc(50% + 20px)}.move-shoot.charge-tier-3 .avatar-action-secondary{border:7px double #ffba8c;width:78px;height:78px;top:56px;left:calc(50% + 8px);box-shadow:0 0 27px #ff9d6d}.move-shoot.charge-tier-4 .avatar-action-secondary{background:radial-gradient(circle,#ffffffc9,#ac8dff8a 47%,#0000 72%);border:9px double #d7c3ff;width:125px;height:125px;animation:.7s ease-in-out infinite alternate cannon-super;top:32px;left:calc(50% - 14px);box-shadow:0 0 35px #b394ff,inset 0 0 26px #efe7ff}.move-shoot.charge-tier-4 .avatar-backlight{box-shadow:0 0 28px #c5a9ff,inset 0 0 24px #bea0ff}.move-shoot.charge-tier-4 .avatar-ground{background:#9e83d4;box-shadow:0 0 28px #c4a6ff}@keyframes cannon-flash{to{filter:brightness(1.25);transform:scaleX(1.25)}}@keyframes cannon-super{to{filter:brightness(1.3);transform:scale(1.13)}}@media (prefers-reduced-motion:reduce){.avatar-blast{animation:none!important}}.turn-result-overlay{z-index:100;pointer-events:none;background:#070d18b8;place-items:center;padding:20px;animation:.25s ease-out both result-enter;display:grid;position:fixed;inset:0}.turn-result-card{text-align:center;background:radial-gradient(circle at 50% 0,#25463e,#17222d 68%);border:2px solid #83d9c6;border-radius:22px;width:min(100%,480px);padding:28px 25px;box-shadow:0 15px 55px #000b,0 0 27px #7be5c64d}.turn-result-card>span{color:#a8d5cb;letter-spacing:.16em;font-size:13px;display:block}.turn-result-card>strong{color:#e7fff3;margin:7px 0 18px;font-size:clamp(28px,6vw,43px);line-height:1.25;display:block}.turn-result-card .reveal-moves{gap:16px}.turn-result-card p{color:#d5e2e7;margin:16px 0 0;font-size:14px;line-height:1.7}.turn-result-overlay.loss .turn-result-card{background:radial-gradient(circle at 50% 0,#573539,#24212d 68%);border-color:#ec9b94;box-shadow:0 15px 55px #000b,0 0 27px #e9938b4d}.turn-result-overlay.loss .turn-result-card>strong{color:#ffe0da}.turn-result-overlay.draw .turn-result-card{background:radial-gradient(circle at 50% 0,#393859,#1c2231 68%);border-color:#c0b2ea;box-shadow:0 15px 55px #000b,0 0 27px #ae9bea4d}.turn-result-overlay.draw .turn-result-card>strong{color:#e8e2ff}@keyframes result-enter{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (max-width:600px){.turn-result-card{padding:22px 17px}.turn-result-card .reveal-moves{font-size:20px}}.turn-result-overlay.attrition-start{background:#140a0fe8}.turn-result-overlay.attrition-start .turn-result-card{background:radial-gradient(circle at 50% 0,#693932,#251d2b 67%);border-color:#ffb36f;width:min(100%,530px);max-height:calc(100dvh - 32px);overflow-y:auto;box-shadow:0 18px 65px #000d,0 0 45px #ff8c5799}.attrition-announcement{background:linear-gradient(135deg,#8b392dcc,#522735ee);border:2px solid #ffc080;border-radius:17px;margin-top:21px;padding:19px 14px 20px;box-shadow:inset 0 0 24px #ffb06730,0 0 24px #ff915442}.attrition-announcement>span{color:#ffe0ac;letter-spacing:.17em;font-size:12px;font-weight:800;display:block}.attrition-announcement>strong{color:#fff5d2;letter-spacing:.12em;text-shadow:0 3px 16px #ff7b54;margin:4px 0 7px;font-size:clamp(34px,9vw,53px);line-height:1.15;display:block}.attrition-announcement>p{color:#fff2e4;margin:0;font-size:18px;font-weight:700}.attrition-announcement b{color:#ffe78b;font-size:26px}.attrition-announcement>small{color:#ffe2d5;margin-top:7px;font-size:13px;line-height:1.5;display:block}@media (max-width:600px){.turn-result-overlay.attrition-start{padding:12px}.attrition-announcement{margin-top:16px;padding:15px 9px}.attrition-announcement>p{font-size:16px}}@media (prefers-reduced-motion:reduce){.turn-result-overlay{animation:none!important}}.music-controls{align-items:center;gap:2px;display:flex}.music-toggle[aria-pressed=true]{color:#9bedd9}.music-volume{position:relative}.music-volume summary{color:#c2cbda;cursor:pointer;border-radius:9px;place-items:center;width:34px;height:36px;list-style:none;display:grid}.music-volume summary:hover,.music-volume[open] summary{color:#9bedd9;background:#21372f}.music-volume summary::-webkit-details-marker{display:none}.music-volume-panel{z-index:70;background:#19272a;border:1px solid #45645d;border-radius:12px;width:205px;padding:14px;position:absolute;top:42px;right:0;box-shadow:0 14px 30px #0009}.music-volume-panel label{color:#d7ebe5;font-size:13px;font-weight:700;display:block}.music-volume-panel input{accent-color:#9bedd9;width:100%;margin:10px 0 0;display:block}.music-volume-panel small{color:#ffc8b8;margin-top:7px;display:block}@media (max-width:600px){.header-actions{gap:2px}.header-actions .quiet{padding:7px 4px}.header-actions .quiet span{display:none}.music-volume summary{width:29px}.music-toggle{width:30px}.brand{gap:7px;font-size:21px}}.upgrade-panel{background:linear-gradient(145deg,#243b32,#1a232c 68%);border-color:#526250;padding:18px}.upgrade-heading{align-items:center;gap:10px;margin-bottom:10px;display:flex}.upgrade-heading>svg{color:#c3efab;flex-shrink:0}.upgrade-heading .eyebrow{margin:0;font-size:11px}.upgrade-heading h2{margin:0;font-size:17px}.upgrade-panel p{margin:7px 0;font-size:13px;line-height:1.55}.upgrade-panel p strong{color:#c8f7b9}.upgrade-panel small{margin-top:8px;font-size:11px;display:block}.upgrade-panel>button{width:100%;min-height:42px;margin-top:10px;padding:8px 11px;font-size:13px}.upgrade-actions{gap:8px;margin-top:11px;display:flex}.upgrade-actions button{flex:1;justify-content:center;align-items:center;gap:5px;min-height:42px;padding:8px 10px;font-size:13px;display:flex}.spectator-page>.upgrade-panel{margin-bottom:17px}.avatar-speech{z-index:8;color:#173a35;text-align:left;-webkit-line-clamp:2;background:#f1fff9;border:1px solid #ddf8ee;border-radius:13px 13px 13px 3px;-webkit-box-orient:vertical;max-width:130px;padding:7px 10px;font-size:11px;line-height:1.35;animation:.3s ease-out both speech-pop;display:-webkit-box;position:absolute;top:5px;right:2px;overflow:hidden;box-shadow:0 5px 17px #0008}.avatar-speech:after{content:"";border-top:7px solid #f1fff9;border-right:7px solid #0000;position:absolute;bottom:-6px;left:8px}.avatar-stage.right .avatar-speech{border-radius:13px 13px 3px;left:2px;right:auto}.avatar-stage.right .avatar-speech:after{border-left:7px solid #0000;border-right:0;left:auto;right:8px}@keyframes speech-pop{0%{opacity:0;transform:translateY(6px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.bot-button{color:#ffe4ae;background:#40372a;border-color:#cdb88a}.lobby .bot-button{white-space:nowrap}.inline-icon{vertical-align:-2px}.bot-options{border-top:1px solid #33404b;flex:1 0 100%;align-items:end;gap:14px;padding-top:12px;display:flex}.bot-difficulty{border:0;flex:1;align-items:center;gap:8px;min-width:0;margin:0;padding:0;display:flex}.bot-difficulty legend{float:left;color:#c8d8e4;min-width:78px;padding:0 10px 0 0;font-size:14px;font-weight:700}.bot-difficulty label{color:#cbd8e2;cursor:pointer;background:#1a2632;border:1px solid #526171;border-radius:10px;justify-content:center;align-items:center;min-width:64px;padding:8px 17px;display:flex}.bot-difficulty label.active{color:#e8fff4;background:#23483f;border-color:#9bedd9;box-shadow:inset 0 0 0 1px #9bedd958}.bot-difficulty input{opacity:0;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute}.bot-difficulty label:focus-within{outline-offset:3px;outline:2px solid #9bedd9}@media (max-width:650px){.bot-options{flex-direction:column;align-items:stretch}.bot-difficulty{flex-wrap:wrap;width:100%}.bot-difficulty legend{float:none;width:100%;padding:0 0 5px}.bot-difficulty label{flex:1}.bot-options .bot-button{width:100%}}.chat-panel{padding:18px}.chat-heading{align-items:center;gap:10px;margin-bottom:14px;display:flex}.chat-heading svg{color:#9bedd9;flex-shrink:0}.chat-heading .eyebrow{margin:0;font-size:11px}.chat-heading h2{margin:0;font-size:17px}.chat-messages{background:#121924;border:1px solid #334050;border-radius:12px;flex-direction:column;gap:10px;height:220px;padding:12px;display:flex;overflow:auto}.chat-message{overflow-wrap:anywhere;align-self:flex-start;max-width:95%}.chat-message.mine{text-align:right;align-self:flex-end}.chat-message small{color:#96a9c1;margin:0 2px 3px;font-size:11px;display:block}.chat-message p{color:#e7f0f7;text-align:left;background:#293847;border-radius:11px 11px 11px 3px;margin:0;padding:7px 10px;font-size:13px;line-height:1.45;display:inline-block}.chat-message.mine p{color:#e6fff6;background:#27534c;border-radius:11px 11px 3px}.chat-empty,.chat-readonly{color:#a3b3c7;font-size:12px}.chat-empty{text-align:center;margin:auto}.chat-readonly{margin:12px 0 0}.chat-quick{grid-template-columns:1fr 1fr;gap:6px;margin:12px 0;display:grid}.chat-quick button{color:#cad7e7;background:#25313f;border:1px solid #3c4d60;border-radius:8px;padding:7px 5px;font-size:11px}.chat-compose{gap:7px;display:flex}.chat-compose input{color:#f2f8ff;background:#111a25;border:1px solid #405066;border-radius:9px;flex:1;width:100%;min-width:0;padding:9px 10px;font-size:13px}.chat-compose button{color:#123e37;background:#9bedd9;border:0;border-radius:9px;flex-shrink:0;place-items:center;width:38px;display:grid}.spectator-page{margin:30px 0 42px}.spectator-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.spectator-bar .eyebrow{align-items:center;gap:6px;margin-bottom:6px;display:flex}.spectator-bar h1{margin:0}.spectator-bar p{margin:2px 0}.spectator-bar button{align-items:center;gap:8px;display:flex}.spectator-layout{grid-template-columns:minmax(0,1fr) 295px;align-items:start;gap:20px;display:grid}.spectator-main{min-width:0}.spectator-fighters{text-align:center;background:radial-gradient(circle at 20%,#1d484052,#0000 45%),radial-gradient(circle at 80%,#4a2d3652,#0000 45%),#171d28;border:1px solid #3b4658;border-radius:18px;grid-template-columns:1fr 1fr;gap:18px;padding:24px;display:grid}.spectator-fighters .fighter{min-width:0}.spectator-fighters .fighter h2{margin:7px 0}.spectator-fighters .fighter p{font-size:13px}.spectator-result{text-align:center;background:#171e29;border:1px solid #34404f;border-radius:15px;margin:15px 0;padding:20px}.spectator-result .eyebrow{margin:0 0 8px}.spectator-result p:last-child{color:#b7c3d5;margin:8px 0 0;font-size:14px}.spectator-page .battle-log{max-height:350px;margin-top:15px}@media (max-width:900px){.spectator-layout{grid-template-columns:1fr}.spectator-page .chat-panel{max-width:none}.spectator-bar h1{font-size:30px}}@media (max-width:600px){.lobby .bot-button{flex-basis:100%}.spectator-bar{flex-direction:column;align-items:flex-start}.spectator-fighters{gap:3px;padding:15px 6px}.spectator-fighters .avatar-stage{max-width:100%}.avatar-speech{max-width:92px;padding:5px 6px;font-size:9px}.spectator-bar h1{font-size:26px}}@media (prefers-reduced-motion:reduce){.avatar-speech{animation:none!important}}.spectator-join{background:#1b3034;border:1px solid #354c55;border-radius:14px;align-items:end;gap:10px;margin:-3px 0 18px;padding:15px 18px;display:flex}.spectator-join label{color:#b9d2d6;flex:1;font-size:13px}.spectator-join input{color:#f4fcff;background:#111e25;border:1px solid #49636b;border-radius:8px;width:100%;min-width:0;margin-top:5px;padding:9px 11px;display:block}.spectator-join .primary{min-height:41px;padding:8px 16px}.spectator-fighters .inline-icon{vertical-align:-2px;color:#9bedd9;display:inline-block}@media (max-width:600px){.spectator-join{flex-wrap:wrap}.spectator-join label{flex-basis:100%}.spectator-join .primary{width:100%}}.avatar-stage.mounted{background:radial-gradient(circle at 57% 70%,#55729444,transparent 58%),radial-gradient(circle at 50% 78%,var(--outfit),transparent 55%)}@supports (color:color-mix(in lab, red, red)){.avatar-stage.mounted{background:radial-gradient(circle at 57% 70%,#55729444,transparent 58%),radial-gradient(circle at 50% 78%,color-mix(in srgb,var(--outfit) 16%,transparent),transparent 55%)}}.avatar-stage.mounted .avatar-backlight{border-color:#9bb9d477;box-shadow:inset 0 0 25px #6286a033,0 0 15px #70a1c933}.avatar-cannon{z-index:5;filter:drop-shadow(0 5px 4px #0b1525);width:88px;height:55px;display:none;position:absolute;bottom:15px;left:calc(50% + 4px)}.mounted .avatar-cannon{display:block}.mounted.move-mount .avatar-action,.mounted.move-shoot .avatar-action{display:none}.cannon-barrel{background:linear-gradient(#566b82,#263b54 50%,#1d3048);border:4px solid #aebfd1;border-radius:9px;width:77px;height:27px;position:absolute;top:10px;left:4px;box-shadow:inset 0 -4px #17293d,0 0 11px #8ac1e155}.cannon-barrel:after{content:"";background:#465e75;border:3px solid #c6d4dd;border-radius:4px;width:12px;height:30px;position:absolute;top:-6px;right:-8px}.cannon-base{background:#263a53;border:4px solid #9aadc1;border-top:0;border-radius:0 0 8px 8px;width:35px;height:20px;position:absolute;top:34px;left:24px}.cannon-base:after{content:"";background:#9aadc1;border-radius:6px;width:56px;height:9px;position:absolute;bottom:-5px;left:-13px}.cannon-gauge{gap:3px;display:flex;position:absolute;top:-8px;left:4px}.cannon-gauge i{background:#35475e;border:1px solid #c8d3e0;border-radius:2px;width:9px;height:7px}.cannon-gauge i.filled{background:#ffe08b;border-color:#fff0b9;box-shadow:0 0 8px #ffe090}.mounted.idle .arm-left{transform:rotate(-62deg)}.mounted.idle .arm-right{transform:rotate(-84deg)}.mounted.idle .avatar-body{transform:rotate(-5deg)}.mounted.idle .avatar-head{transform:rotate(7deg)}.mounted.move-shoot .avatar-cannon{animation:.55s ease-in-out infinite alternate avatar-cannon-recoil}.mounted.move-charge .cannon-barrel{box-shadow:inset 0 -4px #17293d,0 0 16px #ffe08b}.preview-controls{width:100%;max-width:350px;margin:10px auto 0}.preview-controls h3{color:#b9c9d9;text-align:left;margin:8px 0 10px;font-size:13px;font-weight:600}.preview-controls .choice-row{justify-content:center;gap:7px}.preview-controls .choice{min-width:58px;padding:7px 9px;font-size:13px}.cannon-preview-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:14px;display:flex}.charge-preview{color:#abbad0;align-items:center;gap:5px;font-size:12px;display:flex}.charge-preview .choice{min-width:29px;padding:4px 7px}@media (max-width:700px){.avatar-stage:not(.large) .avatar-cannon{transform-origin:0 100%;bottom:10px;left:calc(50% - 12px);transform:scale(.66)}.avatar-stage.large .avatar-cannon{transform-origin:0 100%;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.avatar-stage *{animation:none!important}}@media (max-width:600px){.header-actions .quiet:last-child{width:38px;padding:8px;font-size:0}.header-actions .quiet:last-child svg{width:20px;height:20px}.duel,.compact.duel{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr);gap:0;padding:20px 8px}.fighter,.versus{min-width:0}.fighter-action{max-width:98px;font-size:10px}.versus span{letter-spacing:0;font-size:10px;line-height:1.3}.arena-top .muted{display:none}.avatar-stage:not(.large){max-width:100%}}.move-store .arm-left{animation:1.1s ease-in-out infinite alternate avatar-gather-left;transform:rotate(145deg)}.move-store .arm-right{animation:1.1s ease-in-out infinite alternate avatar-gather-right;transform:rotate(-145deg)}.move-store .avatar-head{transform:translateY(-4px)}.move-wave .arm-left{transform:rotate(12deg)}.move-wave .arm-right{animation:.65s ease-in-out infinite alternate avatar-thrust;transform:rotate(-94deg)}.move-wave .avatar-body{transform:rotate(5deg)}.move-shield .arm-left{transform:rotate(-47deg)}.move-shield .arm-right{transform:rotate(47deg)}.move-shield .avatar-head{transform:translateY(4px)}.move-ring .arm-left{animation:.9s ease-in-out infinite alternate avatar-toss;transform:rotate(160deg)}.move-ring .arm-right{transform:rotate(-23deg)}.move-ring .avatar-head{transform:rotate(-8deg)}.move-aegis .arm-left{animation:1.2s ease-in-out infinite alternate avatar-wide-left;transform:rotate(-105deg)}.move-aegis .arm-right{animation:1.2s ease-in-out infinite alternate avatar-wide-right;transform:rotate(105deg)}.move-aegis .avatar-head{transform:translateY(-3px)}.move-slash .arm-left{transform:rotate(-54deg)}.move-slash .arm-right{animation:.7s ease-in-out infinite alternate avatar-cut;transform:rotate(-142deg)}.move-slash .avatar-body{transform:rotate(-10deg)}.move-slash .avatar-head{transform:rotate(-12deg)}.move-orb .arm-left{transform:rotate(-87deg)}.move-orb .arm-right{transform:rotate(87deg)}.move-orb .avatar-head{transform:translateY(-2px)}.move-spark .arm-left{transform:rotate(-39deg)}.move-spark .arm-right{animation:1s ease-in-out infinite alternate avatar-spark-hand;transform:rotate(-78deg)}.move-spark .avatar-head{transform:rotate(7deg)}.move-fire .arm-left{transform:rotate(19deg)}.move-fire .arm-right{animation:.9s ease-in-out infinite alternate avatar-fling;transform:rotate(-100deg)}.move-fire .avatar-body{transform:rotate(7deg)}.move-arrow .arm-left{transform:rotate(-93deg)}.move-arrow .arm-right{animation:.8s ease-in-out infinite alternate avatar-draw;transform:rotate(-62deg)}.move-arrow .avatar-head{transform:rotate(5deg)}.move-guard .arm-left{transform:rotate(-32deg)}.move-guard .arm-right{transform:rotate(32deg)}.move-guard .avatar-body,.move-guard .avatar-head{transform:translateY(9px)}.move-guard .leg-left{transform:rotate(21deg)}.move-guard .leg-right{transform:rotate(-21deg)}.move-mount .arm-left{animation:.9s ease-in-out infinite alternate avatar-mount-hand;transform:rotate(-68deg)}.move-mount .arm-right{transform:rotate(-84deg)}.move-mount .avatar-head{transform:rotate(8deg)}.move-charge .arm-left{animation:.8s ease-in-out infinite alternate avatar-charge-hand;transform:rotate(126deg)}.move-charge .arm-right{transform:rotate(-85deg)}.move-charge .avatar-head{transform:translateY(-4px)rotate(6deg)}.move-shoot .arm-left{transform:rotate(38deg)}.move-shoot .arm-right{animation:.55s ease-in-out infinite alternate avatar-recoil;transform:rotate(-83deg)}.move-shoot .avatar-body{transform:rotate(-7deg)}.move-shoot .avatar-action{animation:.55s ease-in-out infinite alternate avatar-cannon-recoil}.move-hole .arm-left{animation:1s ease-in-out infinite alternate avatar-void-left;transform:rotate(-150deg)}.move-hole .arm-right{animation:1s ease-in-out infinite alternate avatar-void-right;transform:rotate(150deg)}.move-hole .avatar-head{transform:translateY(-6px)}@keyframes avatar-gather-left{to{transform:rotate(162deg)}}@keyframes avatar-gather-right{to{transform:rotate(-162deg)}}@keyframes avatar-thrust{to{transform:rotate(-113deg)translateY(-6px)}}@keyframes avatar-toss{to{transform:rotate(180deg)}}@keyframes avatar-wide-left{to{transform:rotate(-122deg)}}@keyframes avatar-wide-right{to{transform:rotate(122deg)}}@keyframes avatar-cut{to{transform:rotate(-72deg)}}@keyframes avatar-spark-hand{to{transform:rotate(-96deg)}}@keyframes avatar-fling{to{transform:rotate(-122deg)}}@keyframes avatar-draw{to{transform:rotate(-82deg)}}@keyframes avatar-mount-hand{to{transform:rotate(-87deg)}}@keyframes avatar-charge-hand{to{transform:rotate(151deg)}}@keyframes avatar-recoil{to{transform:rotate(-62deg)translate(-4px)}}@keyframes avatar-cannon-recoil{to{transform:translate(-7px)}}@keyframes avatar-void-left{to{transform:rotate(-167deg)}}@keyframes avatar-void-right{to{transform:rotate(167deg)}}@media (prefers-reduced-motion:reduce){.avatar-stage *{animation:none!important}}@media (max-width:600px){.header-actions .quiet.music-toggle span.music-state,.header-actions .quiet.tutorial-trigger span{display:inline}.header-actions .quiet.tutorial-trigger{width:auto;padding:7px 5px;font-size:13px}.header-actions .quiet.music-toggle{width:auto;min-width:85px;padding:7px 6px}}.lobby-shortcuts{grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:12px;margin:0 0 18px;display:grid}.lobby-shortcuts .tutorial-banner{margin:0}.customize-banner{text-align:left;color:#eeeafc;background:linear-gradient(110deg,#292b47,#24323b);border:1px solid #6b6792;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.customize-banner>svg{color:#cbbcff;flex:none}.customize-banner>span{flex-direction:column;align-items:flex-start;line-height:1.35;display:flex}.customize-banner small{color:#b8b7d0;font-size:12px}.customize-banner strong{color:#f4eaff;margin:2px 0;font-size:19px}@media (max-width:700px){.lobby-shortcuts{grid-template-columns:1fr}.customize-banner{min-height:76px}.customize-banner strong{font-size:17px}}.duel-dock{z-index:40;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#131d26f2;border:1px solid #6ca99a;border-radius:18px;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:center;gap:10px;width:min(790px,100vw - 20px);min-height:81px;padding:6px 14px;display:grid;position:fixed;top:8px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #000b,0 0 20px #86e9cf22}.dock-fighter{align-items:center;gap:10px;min-width:0;display:flex}.dock-fighter.right{text-align:right;justify-content:flex-end}.dock-fighter span{flex-direction:column;min-width:0;line-height:1.25;display:flex}.dock-fighter strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.dock-fighter small{color:#add7d0;white-space:nowrap;font-size:11px}.dock-vs{text-align:center;color:#bdeadd;letter-spacing:1px;font-size:15px}.dock-avatar{background:#203343;border-radius:9px;flex:none;width:66px;height:67px;overflow:hidden}.dock-avatar .avatar-stage{transform-origin:0 0;width:188px;height:178px;margin:0;transform:scale(.37);max-width:none!important}.dock-avatar .avatar-person{transform:translateX(-50%) scaleX(var(--face));transform-origin:bottom}.presence-banner,.pause-banner{color:#fff3e5;background:#472c2b;border:1px solid #d79976;border-radius:12px;align-items:center;gap:12px;margin:0 0 14px;padding:12px 16px;display:flex}.presence-banner svg,.pause-banner svg{flex:none}.presence-banner span{flex-direction:column;display:flex}.presence-banner small{color:#f6d8c3;font-size:12px}.pause-banner{color:#d9fff3;background:#233e3b;border-color:#a8d6c8}.pause-banner button{min-height:36px;margin-left:auto;padding:7px 13px}.pause-toggle.paused{color:#fff2ad;background:#5c492d;border-radius:10px}.upgrade-dialog{text-align:center;box-shadow:0 22px 70px #000c,0 0 30px #73dcb944;background:linear-gradient(155deg,#283f3b,#17222d 75%)!important;border:2px solid #89dec4!important;max-width:430px!important;padding:28px!important}.upgrade-dialog-icon{color:#9bf2d5;background:#77d6b32e;border-radius:18px;place-items:center;width:62px;height:62px;margin:auto;display:grid}.upgrade-dialog [data-slot=dialog-title]{color:#edfff6;font-size:27px}.upgrade-dialog [data-slot=dialog-description]{color:#d2e4dc;font-size:15px;line-height:1.7}.upgrade-dialog [data-slot=dialog-description] strong{color:#a7ffd6}.upgrade-compensation{color:#ddffd2;background:#365544;border-radius:9px;margin:0;padding:9px 12px;font-size:13px}.upgrade-dialog-actions{gap:10px;display:flex}.upgrade-dialog-actions button{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.skill-panel{min-width:0}.skill-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));max-height:320px}.skill-grid.compact .skill-card{min-height:82px;padding:9px 10px}.skill-grid.compact .skill-card strong{font-size:15px}.skill-grid.compact .skill-card .cost{font-size:11px}.opening-choice{color:#f3efd4;background:#343b2a;border:1px solid #8f9c61;border-radius:11px;align-items:center;gap:12px;margin:0 0 11px;padding:10px 13px;font-size:12px;display:flex}.opening-choice strong{white-space:nowrap;color:#fff7c6;font-size:14px}.customize-layout{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}.customize-preview{background:linear-gradient(#101a25aa,#0b1520ca),url(/wardrobe-studio.webp) 50%/cover;border-color:#857455;justify-content:flex-end;align-self:start;min-height:600px;position:sticky;top:16px;overflow:hidden;box-shadow:inset 0 0 55px #08111f,0 15px 35px #0005}.customize-preview .avatar-stage.large{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#102c3cbb;flex:none;box-shadow:0 0 0 2px #dfc98899,0 10px 30px #0009}.customize-preview h2,.customize-preview p,.customize-preview .preview-controls{z-index:1;text-shadow:0 2px 6px #000;position:relative}.customize-preview h2{color:#fff3cc}.customize-preview p{color:#e6edeb}.customize-controls{background:linear-gradient(145deg,#202a37,#151c27);border-color:#677567}.customize-controls h2{color:#f7e7b2}.customize-group h3{color:#d4d9c5}.customize-group:has(.choice[aria-pressed=true]){border-color:#607e74}@media (max-width:900px){.skill-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.customize-layout{grid-template-columns:1fr}.customize-preview{min-height:430px;position:relative;top:auto}}@media (max-width:650px){.skill-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px}.skill-tabs{gap:5px}.skill-tabs button{padding:7px 10px}.opening-choice{display:block}.opening-choice strong{margin-bottom:3px;display:block}.duel-dock{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:3px;min-height:68px;padding:4px 7px;top:4px}.dock-avatar{width:47px;height:56px}.dock-avatar .avatar-stage{transform:scale(.29)}.dock-fighter{gap:4px}.dock-fighter strong{font-size:12px}.dock-fighter small{white-space:normal;font-size:10px}.dock-vs{font-size:12px}.customize-preview{min-height:380px}.header-actions .pause-toggle{color:#c6f4e7}.header-actions .pause-toggle span{display:none}}@media (prefers-reduced-motion:reduce){.avatar-generated-vfx{animation:none}}.skill-art{background-image:url(/skill-atlas.webp);background-repeat:no-repeat;background-size:500% 300%;background-position:var(--art-x) var(--art-y);filter:drop-shadow(0 2px 3px #0007);flex:none;width:28px;height:28px;display:inline-block}.art-store{--art-x:0%;--art-y:0%}.art-wave{--art-x:25%;--art-y:0%}.art-shield{--art-x:50%;--art-y:0%}.art-ring{--art-x:75%;--art-y:0%}.art-aegis{--art-x:100%;--art-y:0%}.art-slash{--art-x:0%;--art-y:50%}.art-orb{--art-x:25%;--art-y:50%}.art-spark{--art-x:50%;--art-y:50%}.art-fire{--art-x:75%;--art-y:50%}.art-arrow{--art-x:100%;--art-y:50%}.art-guard{--art-x:0%;--art-y:100%}.art-mount{--art-x:25%;--art-y:100%}.art-charge{--art-x:50%;--art-y:100%}.art-shoot{--art-x:75%;--art-y:100%}.art-hole{--art-x:100%;--art-y:100%}.skill-card .skill-art{width:42px;height:42px}.rule-list .skill-art{width:48px;height:48px;margin-top:0}.starter article{grid-template-columns:48px 1fr;align-items:center}.starter .skill-art{grid-area:1/1/3;width:44px;height:44px}.starter article>span:not(.skill-art){grid-column:2}.starter strong{align-self:end}.starter article>span:not(.skill-art){align-self:start}.arena{background:#101b29}.arena-top{background:#111a26}.duel{background:linear-gradient(#1018223d,#10182255 65%,#101822a8),url(/arena.webp) 50% 55%/cover no-repeat}.duel .fighter h2,.duel .fighter p,.duel .versus{text-shadow:0 2px 5px #07121f,0 0 10px #07121f}.duel .fighter-action{box-shadow:0 2px 12px #0008}.ai-avatar,.avatar-stage.ai-avatar.mounted{background:0 0;border-radius:0;overflow:visible}.ai-avatar .fighter-sprite{z-index:2;object-fit:contain;object-position:center bottom;width:100%;height:100%;transform:scaleX(var(--face));filter:drop-shadow(0 7px 5px #04121eb0);will-change:transform;position:absolute;inset:0}.ai-avatar .skill-art{pointer-events:none;position:absolute}.ai-avatar .fighter-skill-art{z-index:4;opacity:.95;filter:drop-shadow(0 0 10px #fff8);width:110px;height:110px;animation:.85s ease-in-out infinite alternate ai-effect;top:24%;left:48%}.ai-avatar .mounted-art{z-index:3;filter:drop-shadow(0 4px 7px #000c);width:100px;height:100px;bottom:-5px;left:47%}.ai-avatar .ai-charge-count{z-index:5;color:#e9f9ff;background:#102b40e8;border:1px solid #b0e8ff;border-radius:9px;padding:1px 6px;font-size:10px;font-weight:700;position:absolute;bottom:4px;right:0}.ai-avatar.right .fighter-skill-art,.ai-avatar.right .mounted-art{left:auto;right:48%}.ai-avatar.large .fighter-skill-art{width:145px;height:145px}.ai-avatar.large .mounted-art{width:125px;height:125px}.ai-avatar.move-store .fighter-sprite{animation:1.15s ease-in-out infinite ai-store}.ai-avatar.move-wave .fighter-sprite{animation:.72s ease-in-out infinite ai-wave}.ai-avatar.move-shield .fighter-sprite{animation:.9s ease-in-out infinite ai-shield}.ai-avatar.move-ring .fighter-sprite{animation:.8s ease-in-out infinite ai-ring}.ai-avatar.move-aegis .fighter-sprite{animation:1.2s ease-in-out infinite ai-aegis}.ai-avatar.move-slash .fighter-sprite{animation:.55s ease-in-out infinite ai-slash}.ai-avatar.move-orb .fighter-sprite{animation:1.5s ease-in-out infinite ai-orb}.ai-avatar.move-fire .fighter-sprite{animation:.8s ease-in-out infinite ai-fire}.ai-avatar.move-arrow .fighter-sprite{animation:1s ease-in-out infinite ai-arrow}.ai-avatar.move-guard .fighter-sprite{animation:1s ease-in-out infinite ai-guard}.ai-avatar.move-mount .fighter-sprite,.ai-avatar.mounted.idle .fighter-sprite{animation:1.25s ease-in-out infinite ai-mount}.ai-avatar.move-charge .fighter-sprite{animation:.65s ease-in-out infinite ai-charge}.ai-avatar.move-shoot .fighter-sprite{animation:.72s ease-in-out infinite ai-shoot}.ai-avatar.move-hole .fighter-sprite{animation:1.6s ease-in-out infinite ai-hole}.ai-avatar.move-shield .fighter-skill-art{opacity:.78;left:27%}.ai-avatar.move-aegis .fighter-skill-art{opacity:.78;width:123px;height:123px;left:23%}.ai-avatar.move-guard .fighter-skill-art{opacity:.8;width:126px;height:126px;left:22%}.ai-avatar.move-orb .fighter-skill-art{top:0;left:55%}.ai-avatar.move-spark .fighter-skill-art{width:84px;height:84px;top:23%;left:54%}.ai-avatar.move-arrow .fighter-skill-art{top:14%;left:57%}.ai-avatar.move-mount .fighter-skill-art{top:43%;left:43%}.ai-avatar.move-charge .fighter-skill-art{top:43%;left:48%}.ai-avatar.move-shoot .fighter-skill-art{top:25%;left:53%}.ai-avatar.move-shoot.charge-tier-1 .fighter-skill-art{width:75px;height:75px;top:40%}.ai-avatar.move-shoot.charge-tier-2 .fighter-skill-art{width:100px;height:100px;top:34%}.ai-avatar.move-shoot.charge-tier-3 .fighter-skill-art{width:130px;height:130px;top:23%}.ai-avatar.move-shoot.charge-tier-4 .fighter-skill-art{filter:drop-shadow(0 0 20px #ffe6a5);width:160px;height:160px;top:12%}.ai-avatar.move-hole .fighter-skill-art{width:130px;height:130px;top:12%;left:47%}@keyframes ai-effect{0%{opacity:.68;transform:scale(.92)rotate(-3deg)}to{opacity:1;transform:scale(1.06)rotate(3deg)}}@keyframes ai-store{50%{transform:scaleX(var(--face)) translateY(-9px) scale(1.04)}}@keyframes ai-wave{50%{transform:scaleX(var(--face)) translateX(10px) rotate(-5deg)}}@keyframes ai-shield{50%{transform:scaleX(var(--face)) translateY(7px) scale(.96,1.02)}}@keyframes ai-ring{50%{transform:scaleX(var(--face)) rotate(-10deg) translateX(7px)}}@keyframes ai-aegis{50%{transform:scaleX(var(--face)) translateY(-7px) scale(1.06)}}@keyframes ai-slash{50%{transform:scaleX(var(--face)) translateX(15px) rotate(-9deg)}}@keyframes ai-orb{50%{transform:scaleX(var(--face)) translateY(-12px) rotate(3deg)}}@keyframes ai-spark{50%{transform:scaleX(var(--face)) translateX(-6px) rotate(5deg)}}@keyframes ai-fire{50%{transform:scaleX(var(--face)) translateX(9px) scale(1.08)}}@keyframes ai-arrow{50%{transform:scaleX(var(--face)) translateX(-8px) rotate(-4deg)}}@keyframes ai-guard{50%{transform:scaleX(var(--face)) translateY(5px) scale(1.09,.95)}}@keyframes ai-mount{50%{transform:scaleX(var(--face)) translateY(5px) rotate(-3deg)}}@keyframes ai-charge{50%{transform:scaleX(var(--face)) translateY(-5px) rotate(2deg) scale(1.04)}}@keyframes ai-shoot{30%{transform:scaleX(var(--face)) translateX(-8px) rotate(5deg)}65%{transform:scaleX(var(--face)) translateX(9px) rotate(-6deg)}}@keyframes ai-hole{50%{transform:scaleX(var(--face)) translateY(-14px) scale(1.06)}}.preset-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 22px;display:grid}.preset-card{color:#eef6f8;text-align:center;background:linear-gradient(145deg,#273545,#1a2532);border:1px solid #596570;border-radius:15px;flex-direction:column;align-items:center;min-width:0;padding:8px 8px 10px;display:flex}.preset-card[aria-pressed=true]{background:linear-gradient(145deg,#38594d,#233c43);border-color:#b8f3dd;box-shadow:0 0 0 2px #9bedd99c}.preset-card img{object-fit:contain;filter:drop-shadow(0 4px 3px #0009);width:100%;height:135px}.preset-card strong{font-size:14px;line-height:1.35}.preset-card small{color:#abbec7;font-size:11px;line-height:1.3}.customize-controls>.muted{margin:0;font-size:13px}.customize-preview .ai-avatar.large{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}@media (max-width:700px){.ai-avatar .fighter-skill-art{width:83px;height:83px}.ai-avatar .mounted-art{width:72px;height:72px}.ai-avatar.move-aegis .fighter-skill-art,.ai-avatar.move-guard .fighter-skill-art,.ai-avatar.move-hole .fighter-skill-art{width:90px;height:90px}.ai-avatar.move-shoot.charge-tier-4 .fighter-skill-art{width:112px;height:112px}.ai-avatar.large .fighter-skill-art{width:130px;height:130px}.preset-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.preset-card img{height:115px}}@media (max-width:450px){.preset-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-card img{height:125px}.starter{gap:6px}.starter article{grid-template-columns:34px 1fr;gap:2px}.starter .skill-art{width:32px;height:32px}.starter strong{font-size:14px}.starter article>span:not(.skill-art){font-size:11px}}@media (prefers-reduced-motion:reduce){.ai-avatar .fighter-sprite,.ai-avatar .fighter-skill-art{animation:none!important}}.ai-avatar.right .fighter-skill-art{right:42%;left:auto!important}.ai-avatar.right.move-shield .fighter-skill-art,.ai-avatar.right.move-aegis .fighter-skill-art,.ai-avatar.right.move-guard .fighter-skill-art{right:22%}.ai-avatar.right.move-shoot .fighter-skill-art{right:50%}.ai-avatar.idle .fighter-sprite{animation:2.8s ease-in-out infinite ai-breathe}.ai-avatar.ready.idle .fighter-sprite{animation:1.1s ease-in-out infinite ai-ready}.ai-avatar .fighter-skill-echo{z-index:1;opacity:.48;filter:blur(2px)drop-shadow(0 0 18px #a5f4e9);width:132px;height:132px;animation:1.3s ease-in-out infinite ai-echo;top:9%;left:30%}.ai-avatar.right .fighter-skill-echo{left:auto;right:30%}.ai-avatar .fighter-cinematic-vfx{z-index:5;pointer-events:none;object-fit:contain;opacity:.85;filter:drop-shadow(0 0 18px #ffffff7a);width:155px;height:155px;animation:1.25s ease-out infinite ai-cinematic;position:absolute;top:4%;left:48%}.ai-avatar.right .fighter-cinematic-vfx{left:auto;right:48%;transform:scaleX(-1)}.ai-avatar.move-wave .fighter-cinematic-vfx{width:190px;height:155px;top:15%;left:42%}.ai-avatar.move-fire .fighter-cinematic-vfx,.ai-avatar.move-shoot .fighter-cinematic-vfx{width:190px;height:180px;top:9%;left:42%}.ai-avatar.move-spark .fighter-cinematic-vfx{width:105px;height:105px;top:31%;left:52%}.ai-avatar.move-shield .fighter-cinematic-vfx,.ai-avatar.move-aegis .fighter-cinematic-vfx,.ai-avatar.move-orb .fighter-cinematic-vfx,.ai-avatar.move-guard .fighter-cinematic-vfx{animation:1.45s ease-in-out infinite ai-barrier;top:3%;left:18%}.ai-avatar.move-aegis .fighter-cinematic-vfx{filter:hue-rotate(65deg)drop-shadow(0 0 16px #cdb7ff)}.ai-avatar.move-orb .fighter-cinematic-vfx{filter:hue-rotate(145deg)drop-shadow(0 0 14px #b4ddff);width:135px;height:135px;top:-8%;left:37%}.ai-avatar.move-guard .fighter-cinematic-vfx{opacity:.5;filter:hue-rotate(95deg)drop-shadow(0 0 10px #a6ffce);width:175px;height:155px;top:4%;left:8%}.ai-avatar.move-hole .fighter-cinematic-vfx{width:185px;height:185px;animation:2.6s linear infinite ai-vortex;top:-2%;left:43%}.ai-avatar.move-shoot.charge-tier-1 .fighter-cinematic-vfx{width:95px;height:95px;top:35%}.ai-avatar.move-shoot.charge-tier-2 .fighter-cinematic-vfx{width:130px;height:130px;top:25%}.ai-avatar.move-shoot.charge-tier-3 .fighter-cinematic-vfx{width:165px;height:165px;top:14%}.ai-avatar.move-shoot.charge-tier-4 .fighter-cinematic-vfx{filter:drop-shadow(0 0 25px #ffe4ac);width:210px;height:210px;top:-6%}.ai-avatar.burst .fighter-skill-art{animation:1.65s ease-out both ai-skill-burst}.ai-avatar.burst .fighter-skill-echo{animation:1.65s ease-out both ai-echo-burst}.ai-avatar.burst .fighter-cinematic-vfx{animation:1.65s ease-out both ai-vfx-burst}.ai-avatar.burst .fighter-sprite{animation:1.65s ease-out both ai-recoil}.ai-avatar.burst.move-shield .fighter-sprite,.ai-avatar.burst.move-aegis .fighter-sprite,.ai-avatar.burst.move-guard .fighter-sprite{animation:1.65s ease-out both ai-block}.turn-result-overlay{background:#070d188a}.turn-result-card{position:relative;overflow:hidden;box-shadow:0 15px 55px #000b,0 0 35px #7be5c680}.turn-result-card>strong{margin:3px 0 8px}.result-art-pair{justify-content:center;align-items:center;gap:9px;margin:5px auto 3px;display:flex}.result-art-pair .skill-art{filter:drop-shadow(0 0 13px #ffefc8a8);width:82px;height:82px}.result-art-pair .skill-art:first-child{animation:1.3s ease-out both result-art-left}.result-art-pair .skill-art:last-child{animation:1.3s ease-out both result-art-right}.result-art-pair i{z-index:2;color:#d7e4e7;letter-spacing:2px;font-size:13px;font-style:normal;font-weight:900;animation:1.4s ease-out both result-art-vs;position:relative}@keyframes ai-breathe{0%,to{transform:scaleX(var(--face)) translateY(0) scale(1)}50%{transform:scaleX(var(--face)) translateY(-6px) scale(1.025)}}@keyframes ai-ready{0%,to{transform:scaleX(var(--face)) translateY(0) rotate(-2deg)}50%{transform:scaleX(var(--face)) translateY(-6px) rotate(2deg)}}@keyframes ai-echo{0%,to{opacity:.14;transform:scale(.8)rotate(-16deg)}50%{opacity:.5;transform:scale(1.13)rotate(10deg)}}@keyframes ai-cinematic{0%{opacity:0;transform:translate(-24px)scale(.55)}36%{opacity:.95;transform:translate(1px)scale(1)}to{opacity:0;transform:translate(30px)scale(1.35)}}@keyframes ai-barrier{0%,to{opacity:.4;transform:scale(.82)}50%{opacity:.9;transform:scale(1.12)}}@keyframes ai-vortex{0%{opacity:.55;transform:rotate(0)scale(.85)}50%{opacity:.95;transform:rotate(180deg)scale(1.13)}to{opacity:.55;transform:rotate(360deg)scale(.85)}}@keyframes ai-skill-burst{0%{opacity:0;transform:scale(.5)rotate(-17deg)}25%{opacity:1;transform:scale(1.25)rotate(6deg)}70%{opacity:1;transform:scale(1.06)}to{opacity:.55;transform:scale(.98)}}@keyframes ai-echo-burst{0%{opacity:0;transform:scale(.3)}40%{opacity:.75;transform:scale(1.4)rotate(18deg)}to{opacity:0;transform:scale(1.85)rotate(30deg)}}@keyframes ai-vfx-burst{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1.25)}70%{opacity:.9;transform:scale(1.15)}to{opacity:0;transform:scale(1.5)}}@keyframes ai-recoil{0%,to{transform:scaleX(var(--face)) translateX(0)}20%{transform:scaleX(var(--face)) translateX(13px) rotate(-7deg)}48%{transform:scaleX(var(--face)) translateX(-7px) rotate(3deg)}}@keyframes ai-block{0%,to{transform:scaleX(var(--face)) scale(1)}25%{transform:scaleX(var(--face)) translateY(7px) scale(.92,1.05)}65%{transform:scaleX(var(--face)) translateY(-3px) scale(1.08)}}@keyframes result-art-left{0%{opacity:0;transform:translate(-55px)rotate(-25deg)scale(.7)}50%{opacity:1;transform:translate(8px)rotate(12deg)scale(1.18)}to{opacity:1;transform:translate(0)}}@keyframes result-art-right{0%{opacity:0;transform:translate(55px)rotate(25deg)scale(.7)}50%{opacity:1;transform:translate(-8px)rotate(-12deg)scale(1.18)}to{opacity:1;transform:translate(0)}}@keyframes result-art-vs{0%{opacity:0;transform:scale(.3)}52%{opacity:1;transform:scale(1.45)}to{opacity:1;transform:scale(1)}}@media (max-width:700px){.ai-avatar .fighter-skill-echo{width:100px;height:100px}.ai-avatar .fighter-cinematic-vfx{width:110px;height:110px}.ai-avatar.move-wave .fighter-cinematic-vfx,.ai-avatar.move-fire .fighter-cinematic-vfx,.ai-avatar.move-shoot .fighter-cinematic-vfx,.ai-avatar.move-hole .fighter-cinematic-vfx{width:135px;height:135px}.ai-avatar.move-shoot.charge-tier-4 .fighter-cinematic-vfx{width:155px;height:155px}.ai-avatar.large .fighter-cinematic-vfx{width:160px;height:160px}.result-art-pair .skill-art{width:63px;height:63px}}@media (prefers-reduced-motion:reduce){.ai-avatar .fighter-sprite,.ai-avatar .fighter-skill-echo,.ai-avatar .fighter-skill-art,.ai-avatar .fighter-cinematic-vfx,.result-art-pair .skill-art,.result-art-pair i{animation:none!important}}.ai-avatar .fighter-idle-sprite{z-index:2;aspect-ratio:3/4;height:100%;transform:translateX(-50%) scaleX(var(--face));filter:drop-shadow(0 7px 5px #04121eb0);background-position:0 0;background-repeat:no-repeat;background-size:400% 100%;animation:2.5s step-end infinite ai-idle-frames,2.5s ease-in-out infinite ai-idle-sway;position:absolute;bottom:0;left:50%}.ai-avatar .fighter-idle-sprite.idle-cosmos{aspect-ratio:5/8}.ai-avatar.mounted.idle .fighter-idle-sprite{animation-duration:2.1s,2.1s}.ai-avatar.ready.idle .fighter-idle-sprite{animation-duration:1.8s,1.8s}@keyframes ai-idle-frames{0%,24.9%{background-position:0 0}25%,49.9%{background-position:33.333% 0}50%,74.9%{background-position:66.667% 0}75%,99.9%{background-position:100% 0}to{background-position:0 0}}@keyframes ai-idle-sway{0%,to{transform:translateX(-50%) scaleX(var(--face)) translateY(0)}50%{transform:translateX(-50%) scaleX(var(--face)) translateY(-4px)}}@media (prefers-reduced-motion:reduce){.ai-avatar .fighter-idle-sprite{animation:none!important}}.ai-avatar.idle .fighter-sprite{visibility:hidden;animation:none!important}.traditional-avatar.idle .avatar-person{animation:2.7s ease-in-out infinite classic-idle}@keyframes classic-idle{0%,to{translate:0}50%{translate:0 -4px}}.style-chooser{background:linear-gradient(120deg,#1b3040,#1c2538);border:1px solid #506d72;border-radius:17px;margin:0 0 20px;padding:16px;box-shadow:0 7px 20px #0003}.style-chooser-heading{justify-content:space-between;align-items:baseline;gap:12px;margin:0 2px 12px;display:flex}.style-chooser-heading strong{color:#f4e7b7;font-size:19px}.style-chooser-heading span{color:#abc8cf;font-size:12px}.style-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.style-option{text-align:left;color:#e9f6f2;background:#1b2632;border:1px solid #52606e;border-radius:14px;align-items:center;gap:12px;min-width:0;min-height:92px;padding:7px 12px;display:flex}.style-option[aria-pressed=true]{background:linear-gradient(110deg,#214b42,#213646);border-color:#9bedd9;box-shadow:inset 0 0 0 1px #9bedd96b,0 0 18px #8ae5cd22}.style-thumbnail{flex:none;width:76px;height:73px;display:block;overflow:hidden}.style-thumbnail .avatar-stage{transform-origin:0 0;margin:0;transform:scale(.4);width:188px!important;max-width:none!important;height:178px!important}.style-option-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.style-option-copy strong{font-size:17px}.style-option-copy small{color:#b8c9d4;font-size:12px;line-height:1.3}.style-option-check{color:#b9ebd8;flex:none;font-size:12px;font-weight:800}.customize-controls .style-chooser{margin-bottom:24px;padding:12px}.classic-customizer{margin:12px 0 20px}.classic-customizer .customize-group:first-child{border-top:0}.music-toggle .music-indicator.pending{background:#ffd78a;box-shadow:0 0 8px #ffd78a}@media (max-width:700px){.style-chooser-heading{display:block}.style-chooser-heading span{margin-top:4px;display:block}.style-option{gap:5px;min-height:82px;padding:6px}.style-thumbnail{width:56px;height:58px}.style-thumbnail .avatar-stage{transform:scale(.31)}.style-option-copy strong{font-size:14px}.style-option-copy small,.style-option-check{font-size:10px}.style-options{gap:7px}}@media (min-width:1000px){.lobby-shell header{height:76px}.lobby-shell .intro{padding:17px 0 10px}.lobby-shell .intro h1{margin-bottom:3px;font-size:34px}.lobby-shell .intro .eyebrow{margin-bottom:3px}.lobby-shell .intro .muted{margin-bottom:0;font-size:14px}.lobby-shell .lobby-shortcuts{margin-bottom:10px}.lobby-shell .tutorial-banner,.lobby-shell .customize-banner{min-height:58px;padding:8px 16px}.lobby-shell .style-chooser{margin-bottom:12px;padding:9px 14px}.lobby-shell .style-chooser-heading{margin-bottom:6px}.lobby-shell .style-chooser-heading strong{font-size:16px}.lobby-shell .style-option{min-height:68px;padding:4px 10px}.lobby-shell .style-thumbnail{width:60px;height:57px}.lobby-shell .style-thumbnail .avatar-stage{transform:scale(.32)}.lobby-shell .arena-top{padding:8px 18px}.lobby-shell .duel{padding:6px 44px 2px}.lobby-shell .duel .avatar-stage{height:165px}.lobby-shell .duel .fighter h2{margin:3px 0 0;font-size:17px}.lobby-shell .duel .fighter p{font-size:12px}.lobby-shell .fighter-action{font-size:11px}.lobby-shell .lobby{flex-wrap:wrap;gap:9px 12px;padding:12px 18px 15px}.lobby-shell .lobby>label{flex:250px}.lobby-shell .lobby input{margin-top:4px;padding:8px 12px}.lobby-shell .lobby .primary,.lobby-shell .lobby .secondary{min-height:42px;padding:8px 16px}.lobby-shell .bot-options{padding-top:8px}.lobby-shell .bot-difficulty label{padding:5px 16px}.battle-shell{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;column-gap:18px;display:grid}.battle-shell>header,.battle-shell>.room-bar,.battle-shell>.message,.battle-shell>.presence-banner,.battle-shell>.pause-banner,.battle-shell>footer{grid-column:1/-1}.battle-shell header{height:76px}.battle-shell .room-bar{padding:15px 0}.battle-shell>.arena{grid-column:1}.battle-shell>.battle-layout{grid-column:2;min-width:0;margin:0;display:block}.battle-shell .compact.duel{grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);gap:4px;padding:12px 7px}.battle-shell .versus{letter-spacing:1px;font-size:30px}.battle-shell .fighter h2{margin:6px 0 0;font-size:17px}.battle-shell .fighter p{font-size:12px}.battle-shell .stats{flex-wrap:wrap;gap:5px;margin-top:6px;font-size:12px}.battle-shell .fighter .status-line{font-size:11px}.battle-shell .reveal{padding:14px 10px}.battle-shell .battle-layout aside{grid-template-columns:1fr;gap:12px;margin-top:14px;display:grid}.battle-shell .battle-layout aside>*{min-width:0;margin:0}.battle-shell .skill-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));max-height:285px}.battle-shell .skill-grid.compact .skill-card{min-height:75px;padding:7px 9px}.battle-shell .skill-detail{min-height:38px;margin-top:8px;padding:7px 10px}.battle-shell .turn-clock{margin-top:8px;padding:9px 11px}}@media (max-width:400px){.style-option{flex-wrap:wrap}.style-option-copy{flex-basis:calc(100% - 65px)}.style-option-check{margin-left:61px}}@media (prefers-reduced-motion:reduce){.traditional-avatar.idle .avatar-person{animation:none!important}}.traditional-avatar.move-spark .avatar-action{clip-path:none;background:radial-gradient(#ffac5738 0 45%,#ff803c70 70%,#ffb95d9c 100%);border:2px solid #ffc778;border-radius:50%;width:106px;height:120px;top:30px;left:calc(50% - 53px);box-shadow:0 0 17px #ff934577,inset 0 0 18px #ffbb6266}.traditional-avatar.move-spark .avatar-generated-vfx{opacity:.9;filter:drop-shadow(0 0 8px #ff9d52);background-image:url(/vfx-small-fire.webp);width:134px;height:134px;animation:1.2s ease-in-out infinite alternate fire-ward;display:block;top:23px;left:calc(50% - 67px)}.ai-avatar.move-spark .fighter-sprite{animation:.9s ease-in-out infinite ai-fire-guard}.ai-avatar.move-spark .fighter-cinematic-vfx,.ai-avatar.right.move-spark .fighter-cinematic-vfx{opacity:.95;filter:drop-shadow(0 0 12px #ff954a);width:160px;height:160px;animation:1.2s ease-in-out infinite alternate fire-ward;top:5%;left:calc(50% - 80px);right:auto}.ai-avatar.move-spark .fighter-skill-art{opacity:.7;width:70px;height:70px;top:34%;left:calc(50% - 35px)}.ai-avatar.right.move-spark .fighter-skill-art{left:auto!important;right:calc(50% - 35px)!important}@keyframes fire-ward{0%{opacity:.62;scale:.91}to{opacity:.98;scale:1.07}}@keyframes ai-fire-guard{0%,to{transform:scaleX(var(--face)) translateY(0)}50%{transform:scaleX(var(--face)) translateY(5px) scale(.96)}}@media (max-width:700px){.ai-avatar.move-spark .fighter-cinematic-vfx,.ai-avatar.right.move-spark .fighter-cinematic-vfx{width:118px;height:118px;left:calc(50% - 59px)}.traditional-avatar.move-spark .avatar-generated-vfx{width:114px;height:114px;left:calc(50% - 57px)}}@media (prefers-reduced-motion:reduce){.traditional-avatar.move-spark .avatar-generated-vfx,.ai-avatar.move-spark .fighter-cinematic-vfx,.ai-avatar.move-spark .fighter-sprite{animation:none!important}}.skill-art-glyph{display:none}.style-ai-preview{color:#f4ddff;letter-spacing:2px;background:radial-gradient(circle at 50% 30%,#685597,#2d294b 68%);border:1px solid #8f80c0;border-radius:13px;place-items:center;width:100%;height:100%;font-size:24px;font-weight:900;display:grid;box-shadow:inset 0 0 18px #b492ff5c}html:not([data-art-style=ai]) .duel{background:radial-gradient(circle at 50% 22%,#e7c58e38 0 8%,#0000 9%),repeating-linear-gradient(90deg,#0000 0 116px,#8db9aa15 117px 118px),linear-gradient(#122b3d 0%,#173b48 64%,#31594e 65%,#234b40 71%,#173a35 100%)}html:not([data-art-style=ai]) .customize-preview{background:radial-gradient(circle at 50% 38%,#72cbb02b,#0000 35%),repeating-linear-gradient(90deg,#ffffff08 0 1px,#0000 1px 34px),linear-gradient(155deg,#203c45,#132936 62%,#243d38);border-color:#4e7776;box-shadow:inset 0 0 38px #08111f80,0 15px 35px #0005}html:not([data-art-style=ai]) .skill-art{--classic-art:#91e7d6;place-items:center;display:grid;background-image:radial-gradient(circle at 32% 24%,#ffffff38,transparent 35%),linear-gradient(145deg,var(--classic-art),#152431)!important}@supports (color:color-mix(in lab, red, red)){html:not([data-art-style=ai]) .skill-art{background-image:radial-gradient(circle at 32% 24%,#ffffff38,transparent 35%),linear-gradient(145deg,color-mix(in srgb,var(--classic-art) 32%,#172a37),#152431)!important}}html:not([data-art-style=ai]) .skill-art{border:2px solid var(--classic-art);color:var(--classic-art);text-shadow:0 1px 2px #081319;filter:none;background-position:50%;background-size:auto;border-radius:9px;font-size:15px;font-weight:900;box-shadow:inset 0 0 0 2px #0b202a,0 3px 7px #0005}html:not([data-art-style=ai]) .skill-art-glyph{place-items:center;line-height:1;display:grid}html:not([data-art-style=ai]) .skill-card .skill-art{border-radius:12px;font-size:22px}html:not([data-art-style=ai]) .rule-list .skill-art,html:not([data-art-style=ai]) .starter .skill-art{border-radius:13px;font-size:23px}html:not([data-art-style=ai]) .result-art-pair .skill-art{filter:drop-shadow(0 0 8px var(--classic-art));border-radius:19px;font-size:36px}@supports (color:color-mix(in lab, red, red)){html:not([data-art-style=ai]) .result-art-pair .skill-art{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--classic-art) 45%,transparent))}}html:not([data-art-style=ai]) .art-store,html:not([data-art-style=ai]) .art-charge{--classic-art:#f4da8e}html:not([data-art-style=ai]) .art-wave,html:not([data-art-style=ai]) .art-orb{--classic-art:#80e8e8}html:not([data-art-style=ai]) .art-shield,html:not([data-art-style=ai]) .art-guard{--classic-art:#9be0d0}html:not([data-art-style=ai]) .art-ring,html:not([data-art-style=ai]) .art-arrow{--classic-art:#f4cd86}html:not([data-art-style=ai]) .art-aegis,html:not([data-art-style=ai]) .art-hole{--classic-art:#c7adf7}html:not([data-art-style=ai]) .art-slash,html:not([data-art-style=ai]) .art-fire{--classic-art:#f9a294}html:not([data-art-style=ai]) .art-spark{--classic-art:#ffc984}html:not([data-art-style=ai]) .art-mount,html:not([data-art-style=ai]) .art-shoot{--classic-art:#a6c5da}html:not([data-art-style=ai]) .ai-avatar .skill-art{background-size:500% 300%;background-position:var(--art-x) var(--art-y);box-shadow:none;color:#0000;filter:drop-shadow(0 0 10px #fff8);border:0;border-radius:0;background-image:url(/skill-atlas.webp)!important}html:not([data-art-style=ai]) .ai-avatar .skill-art-glyph{display:none}.traditional-avatar .avatar-fx,.ai-avatar .ai-avatar-fx{pointer-events:none;transform:scaleX(var(--face));z-index:4;display:block;position:absolute;inset:0}.ai-avatar .ai-avatar-fx{z-index:3}.ai-avatar{--fx-skill-left:48%;--fx-cine-left:48%}.ai-avatar.move-shield{--fx-skill-left:27%;--fx-cine-left:18%}.ai-avatar.move-aegis{--fx-skill-left:23%;--fx-cine-left:18%}.ai-avatar.move-guard{--fx-skill-left:22%;--fx-cine-left:8%}.ai-avatar.move-orb{--fx-skill-left:55%;--fx-cine-left:37%}.ai-avatar.move-arrow{--fx-skill-left:57%}.ai-avatar.move-mount{--fx-skill-left:43%}.ai-avatar.move-shoot{--fx-skill-left:53%;--fx-cine-left:42%}.ai-avatar.move-wave,.ai-avatar.move-fire{--fx-cine-left:42%}.ai-avatar.move-hole{--fx-skill-left:47%;--fx-cine-left:43%}.ai-avatar.move-spark{--fx-skill-left:calc(50% - 35px);--fx-cine-left:calc(50% - 80px)}.ai-avatar.right .ai-avatar-fx .fighter-skill-art{left:var(--fx-skill-left)!important;right:auto!important}.ai-avatar.right .ai-avatar-fx .fighter-skill-echo{left:30%!important;right:auto!important}.ai-avatar.right .ai-avatar-fx .mounted-art{left:47%!important;right:auto!important}.ai-avatar.right .ai-avatar-fx .fighter-cinematic-vfx{left:var(--fx-cine-left)!important;right:auto!important}@media (max-width:700px){.ai-avatar.move-spark{--fx-cine-left:calc(50% - 59px)}}.guide-core{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0;display:grid}.guide-core article{background:#1b302d;border:1px solid #426b62;border-radius:11px;flex-wrap:wrap;align-items:center;gap:7px;padding:11px;display:flex}.guide-core .skill-art{width:31px;height:31px}.guide-core strong{color:#f2fff8;font-size:17px}.guide-core span:last-child{color:#b7d8cf;flex-basis:100%;font-size:12px}.guide-text-link{color:#a8e9d7;background:0 0;border:0;width:100%;margin-top:9px;padding:8px;text-decoration:underline;display:block}.guide-in-battle,.guide-skill-note{color:#c0d4d6;font-size:13px;line-height:1.6}.guide-skill-note{margin:0 0 12px}.rule-list details{color:#c4d5d9;margin-top:8px;font-size:12px}.rule-list summary{cursor:pointer;color:#a8eed8;width:max-content}.rule-list details p{margin-top:7px!important}.skill-guide-link{color:#c8f8e8;background:#203a35;border:1px solid #6f9d91;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.battle-coach{color:#d5f3e9;background:#1b3534;border:1px solid #6a9d8d;border-radius:10px;align-items:flex-start;gap:10px;margin:0 0 10px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.battle-coach strong{color:#a8f2d8;flex:none}.skill-grid.compact .skill-card{flex-direction:column;display:flex}.skill-grid.compact .skill-card .skill-micro{-webkit-line-clamp:2;color:#abc5c1;-webkit-box-orient:vertical;margin-top:3px;font-size:11px;line-height:1.25;display:-webkit-box;overflow:hidden}.skill-grid.compact .skill-card .skill-micro.unavailable{color:#eba99d}.skill-grid.compact .skill-card:disabled{opacity:.62}.skill-detail-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.skill-detail-title span{color:#9bd8c7;font-size:11px}.skill-matchup{gap:5px;margin-top:7px;display:grid}.skill-matchup span{display:block}.skill-matchup b{color:#a1efd8;min-width:72px;margin-right:5px;display:inline-block}.skill-matchup span:last-child b{color:#ffbdad}.reveal .reveal-why{color:#a6e5d3;font-weight:700}.turn-result-card .result-explanation{color:#c8f7e7;background:#173a35;border-radius:9px;margin:9px 0 0;padding:8px 10px;font-size:13px}.training-page{margin:24px 0 45px}.training-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px;display:flex}.training-heading h1{margin:0 0 3px;font-size:33px}.training-heading p:last-child{margin:0;font-size:14px}.training-heading button{white-space:nowrap;align-items:center;gap:7px;display:flex}.training-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.training-progress span{color:#94aab5;background:#1a2430;border:1px solid #3a4d59;border-radius:9px;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.training-progress span.current{color:#e6fff4;background:#21453d;border-color:#9bedd9}.training-progress span.done{color:#bdebdc;border-color:#6b9b8b}.training-progress b{color:#d3ffed;background:#284a44;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-size:12px;display:grid}.training-progress small{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.training-layout{grid-template-columns:minmax(0,1fr) 280px;gap:16px;display:grid}.training-main,.training-sidebar{background:#16232e;border:1px solid #38535c;border-radius:17px;padding:20px}.training-brief span{color:#a9ebd7;letter-spacing:.12em;font-size:12px}.training-brief h2{margin:4px 0;font-size:24px}.training-brief p{color:#c4d5d9;margin:0;font-size:14px}.training-duel{text-align:center;background:radial-gradient(circle at 20% 65%,#244b48,#152530 55%,#3a303c);border:1px solid #3a6570;border-radius:15px;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:center;gap:7px;min-height:213px;margin:14px 0;padding:12px 15px;display:grid}html[data-art-style=ai] .training-duel{background:linear-gradient(#10202aae,#10202acc),url(/arena.webp) 50%/cover}.training-fighter{flex-direction:column;align-items:center;min-width:0;display:flex}.training-fighter .avatar-stage{height:145px}.training-fighter strong{font-size:16px}.training-fighter small{color:#a9c4c7;font-size:11px}.training-vs{color:#acc9c8;font-size:24px;font-weight:900}.training-vs small{font-size:10px;font-weight:400;display:block}.training-foe{background:#3a282d;border:1px solid #a06b64;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;display:flex}.training-foe .skill-art{width:36px;height:36px}.training-foe span{flex-direction:column;display:flex}.training-foe small{color:#f0bdb7;font-size:11px}.training-foe strong{color:#ffede6;font-size:15px}.training-actions h3{margin:13px 0 7px;font-size:16px}.training-actions>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.training-actions button{color:#effaf6;background:#20303e;border:1px solid #466474;border-radius:11px;flex-direction:column;align-items:center;gap:3px;min-height:99px;padding:9px 5px;display:flex}.training-actions button:not(:disabled):hover{background:#285144;border-color:#9bedd9}.training-actions button strong{font-size:16px}.training-actions button small{color:#b8d3ce;text-align:center;font-size:10px;line-height:1.3}.training-error{color:#ffb6aa}.training-feedback{background:#412e30;border:1px solid #ba7868;border-radius:11px;margin-top:13px;padding:14px}.training-feedback.success{background:#24473b;border-color:#87d9b4}.training-feedback>strong{color:#fff;font-size:19px}.training-feedback p{color:#e6f5ed;margin:5px 0;font-size:13px}.training-feedback button{justify-content:center;align-items:center;gap:7px;margin-top:11px;display:flex}.training-sidebar h3{margin:0 0 8px;font-size:17px}.training-sidebar>p{color:#dbf3e8}.training-sidebar>div{border-top:1px solid #3d5660;margin-top:20px;padding-top:15px}.training-sidebar strong{color:#9ae9d4}.training-sidebar p{color:#b8cbd2;font-size:13px;line-height:1.7}@media (max-width:850px){.training-layout{grid-template-columns:1fr}.training-sidebar{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.training-sidebar h3{grid-column:1/-1}.training-sidebar>div{border-top:0;margin:0;padding:0}.training-sidebar>p{margin:0}}@media (max-width:600px){.guide-core{gap:5px}.guide-core article{padding:8px}.guide-core strong{font-size:15px}.guide-core span:last-child{font-size:10px}.training-heading{flex-direction:column;align-items:flex-start}.training-heading h1{font-size:28px}.training-progress small{display:none}.training-progress span{justify-content:center}.training-main,.training-sidebar{padding:14px}.training-duel{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);padding:8px 2px}.training-fighter .avatar-stage{height:128px}.training-vs{font-size:18px}.training-actions>div{grid-template-columns:repeat(2,minmax(0,1fr))}.training-actions button{min-height:89px}.training-sidebar{display:block}.training-sidebar>div{border-top:1px solid #3d5660;margin-top:12px;padding-top:10px}.battle-coach{display:block}.battle-coach strong{margin-bottom:3px;display:block}.skill-grid.compact .skill-card{min-height:102px}}@media (max-width:450px){header{flex-wrap:wrap;gap:4px;height:auto;min-height:88px;padding:8px 0}.brand{white-space:nowrap;flex:none;font-size:20px}.brand>span{width:32px;height:32px;line-height:28px}.header-actions{justify-content:space-between;width:100%}.header-actions .quiet{padding:5px 3px}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}