/*! 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)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size: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;--spacing:.25rem;--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;-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{.invisible{visibility:hidden}.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}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.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)}.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)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--obsidian:#05070b;--obsidian-soft:#0a0e16;--panel:#080d16d1;--panel-strong:#070b13f0;--line:#89b2cc2e;--line-bright:#75e7ff6b;--ink:#f3f7fa;--muted:#8191a0;--cyan:#70edff;--cyan-soft:#27bcd5;--magenta:#f063d9;--gold:#f1c96b;--danger:#ff587d;--shadow:0 24px 80px #0000007a;--font-display:"Arial Narrow", "Roboto Condensed", "Helvetica Neue", sans-serif;--font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{background:var(--obsidian);width:100%;min-height:100%;color:var(--ink);font-family:var(--font-ui);margin:0;overflow:hidden}body{min-height:100svh}button,input{color:inherit;font:inherit}button{border:0}button,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}::selection{color:#fff;background:#70edff47}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:var(--obsidian);background:var(--cyan);border-radius:4px;padding:10px 14px;font-weight:800;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.arena-app{isolation:isolate;background:radial-gradient(circle at 50% 44%,#12344157,#0000 34%),#05070b;min-width:320px;min-height:480px;position:fixed;inset:0}.arena-canvas{z-index:0;cursor:crosshair;touch-action:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.is-playing .arena-canvas{pointer-events:auto}.is-lobby .arena-canvas{opacity:.55;filter:saturate(.72)brightness(.54)blur(1.5px);transform:scale(1.02)}.arena-vignette{z-index:1;pointer-events:none;background:linear-gradient(90deg,#020408c2,#0000 26% 74%,#020408b3),linear-gradient(#020408c2,#0000 22% 70%,#020408b3),repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 3px);position:absolute;inset:0}.arena-vignette:after{content:"";opacity:.16;background-image:linear-gradient(45deg,#0000 48%,#70edff0d 49%,#0000 51%),linear-gradient(-45deg,#0000 48%,#f063d909 49%,#0000 51%);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 76%);mask-image:radial-gradient(circle,#000,#0000 76%)}.arena-header{z-index:20;pointer-events:none;background:linear-gradient(#04070cdb,#04070c2e);border-bottom:1px solid #93bad21a;justify-content:space-between;align-items:center;gap:24px;height:72px;padding:0 clamp(18px,3vw,48px);display:flex;position:absolute;top:0;left:0;right:0}.arena-header>*{pointer-events:auto}.brand-lockup{color:#d8e2e9;font-family:var(--font-display);letter-spacing:.19em;text-transform:uppercase;align-items:center;gap:12px;font-size:15px;font-weight:500;font-stretch:75%;line-height:1;display:flex}.brand-lockup b{color:#fff;font-weight:900}.brand-mark{border:1px solid #70edff61;place-items:center;width:31px;height:31px;display:inline-grid;position:relative;transform:rotate(45deg);box-shadow:inset 0 0 15px #70edff1f,0 0 18px #70edff14}.brand-mark:before,.brand-mark:after,.brand-mark i{content:"";display:block;position:absolute}.brand-mark:before{border:1px solid #f063d973;inset:6px}.brand-mark:after{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 12px var(--cyan);border-radius:50%}.system-status{align-items:center;gap:8px;display:flex}.status-chip{color:#97a8b6;min-height:29px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#060a1194;border:1px solid #87a8bb24;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:9px;display:inline-flex}.status-chip i{background:#70808c;border-radius:50%;flex:0 0 6px;width:6px;height:6px;box-shadow:0 0 0 3px #70808c1a}.status-online i,.gpu-webgpu i,.gpu-webgl2 i{background:var(--cyan);box-shadow:0 0 8px #70edffcc,0 0 0 3px #70edff1a}.status-connecting i,.status-reconnecting i,.gpu-checking i{background:var(--gold);animation:1.2s ease-in-out infinite status-pulse}.status-offline i,.gpu-unavailable i{background:var(--danger)}.gpu-webgl2 i{background:#9b8cff}#arena-main{z-index:5;position:absolute;inset:0}.lobby-shell{grid-template-columns:minmax(0,1.13fr) minmax(330px,.72fr);align-items:center;gap:clamp(54px,8vw,118px);width:min(1200px,100%);min-height:100%;margin:0 auto;padding:112px clamp(24px,6vw,80px) 54px;display:grid}.lobby-copy{max-width:680px;position:relative}.lobby-copy:before{content:"";z-index:-1;aspect-ratio:1;border:1px solid #70edff14;border-radius:50%;width:min(46vw,620px);animation:32s linear infinite glyph-turn;position:absolute;top:50%;left:-22%;transform:translateY(-51%);box-shadow:inset 0 0 0 48px #70edff03,inset 0 0 0 49px #f063d909,inset 0 0 0 110px #70edff02,inset 0 0 0 111px #f1c96b06}.eyebrow{color:var(--cyan);font-family:var(--font-mono);letter-spacing:.23em;text-transform:uppercase;align-items:center;gap:14px;margin:0 0 25px;font-size:10px;font-weight:700;display:flex}.eyebrow i{background:linear-gradient(90deg, var(--cyan), transparent);width:min(88px,12vw);height:1px}.lobby-copy h1{color:#f5f8fa;max-width:740px;font-family:var(--font-display);letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 16px 60px #000000a6;margin:0;font-size:clamp(60px,7.4vw,112px);font-weight:900;font-stretch:75%;line-height:.8}.lobby-copy h1 span{color:#94a4b0;letter-spacing:.34em;margin:0 0 12px 4px;font-size:.26em;font-weight:600;line-height:1;display:block}.lobby-copy h1:after{content:"";background:linear-gradient(90deg, var(--cyan), var(--magenta));width:.36em;height:.09em;margin:0 0 .05em .12em;display:inline-block;box-shadow:0 0 24px #70edff73}.lobby-lede{color:#a5b2bc;max-width:560px;margin:32px 0 0 5px;font-size:clamp(15px,1.4vw,18px);line-height:1.75}.lobby-spells{color:#7f909e;font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;flex-wrap:wrap;gap:21px;margin:32px 0 0 5px;font-size:10px;display:flex}.lobby-spells span{align-items:center;gap:8px;display:flex}.spell-dot{border:1px solid;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 10px}.spell-dot.cinder{color:var(--magenta)}.spell-dot.tide{color:var(--cyan)}.spell-dot.volt{color:var(--gold)}.join-card{background:linear-gradient(140deg, #0d1622f0, #050910eb), var(--panel-strong);width:100%;box-shadow:var(--shadow), inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #8ebfd638;padding:clamp(24px,3.2vw,38px);position:relative}.join-card:before,.join-card:after{content:"";pointer-events:none;width:26px;height:26px;position:absolute}.join-card:before{border-top:2px solid var(--cyan);border-left:2px solid var(--cyan);top:-1px;left:-1px}.join-card:after{border-right:2px solid var(--magenta);border-bottom:2px solid var(--magenta);bottom:-1px;right:-1px}.join-card-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:25px;display:flex}.join-card-heading p,.panel-heading p{color:var(--muted);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;margin:0 0 5px;font-size:9px}.join-card-heading h2,.panel-heading h2{color:#fff;font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:22px;font-weight:800;font-stretch:75%}.room-badge{min-width:96px;color:var(--cyan);font-family:var(--font-mono);letter-spacing:.12em;background:#70edff0e;border:1px solid #70edff3d;justify-content:center;align-items:baseline;gap:8px;padding:8px 10px;font-size:14px;font-weight:800;display:flex}.room-badge small{color:#71838f;letter-spacing:.13em;text-transform:uppercase;font-size:7px}.name-field{margin:25px 0 18px;display:block}.name-field>span{color:#b8c3cb;letter-spacing:.09em;text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:700;display:block}.name-field input{color:#fff;background:#0104098c;border:1px solid #97b7ca33;border-radius:0;width:100%;height:51px;padding:0 15px;font-size:15px;font-weight:700;transition:border-color .16s,box-shadow .16s}.name-field input:hover,.name-field input:focus{box-shadow:inset 3px 0 var(--cyan), 0 0 24px #70edff0f;border-color:#70edff8c}.name-field small{color:#637481;font-family:var(--font-mono);letter-spacing:.05em;margin-top:7px;font-size:8px;display:block}.enter-button,.invite-button{cursor:pointer;text-transform:uppercase;justify-content:center;align-items:center;gap:11px;width:100%;height:53px;display:flex}.enter-button{background:var(--cyan);color:#041016;font-family:var(--font-display);letter-spacing:.17em;justify-content:space-between;padding:0 19px 0 22px;font-size:13px;font-weight:900;font-stretch:75%;transition:transform .16s,background .16s,box-shadow .16s;box-shadow:0 12px 32px #27bcd529}.enter-button i{font-size:22px;font-style:normal;transition:transform .16s}.enter-button:hover:not(:disabled){background:#adf6ff;transform:translateY(-2px);box-shadow:0 16px 42px #27bcd547}.enter-button:hover i{transform:translate(3px)}.enter-button:disabled{cursor:not-allowed;opacity:.42}.invite-button{color:#8596a4;height:42px;font-family:var(--font-mono);letter-spacing:.11em;background:#ffffff06;border:1px solid #97b7ca2b;margin-top:9px;font-size:9px;font-weight:700;transition:color .16s,border-color .16s}.invite-button:hover{color:#e6edf1;border-color:#f063d973}.invite-button span{color:var(--magenta);font-size:15px}.join-meta{color:#61717d;letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:13px 17px;margin-top:20px;font-size:8px;display:flex}.join-meta span{align-items:center;gap:5px;display:flex}.meta-key,kbd{color:#a8b7c1;min-height:19px;font-family:var(--font-mono);letter-spacing:0;background:#ffffff09;border:1px solid #97b7ca3d;border-bottom-color:#97b7ca6b;justify-content:center;align-items:center;padding:0 5px;font-size:7px;font-style:normal;font-weight:800;display:inline-flex}.game-interface{pointer-events:none;position:absolute;inset:0}.game-interface button,.game-interface details,.glass-panel,.combat-hud{pointer-events:auto}.glass-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(150deg,#0a111be0,#05090fc7);border:1px solid #91bed32e;box-shadow:0 17px 50px #00000047,inset 0 1px #ffffff06}.score-panel{width:min(310px,100vw - 28px);padding:18px;position:absolute;top:91px;left:clamp(14px,2vw,30px)}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding-bottom:14px;display:flex}.panel-heading h2{font-size:18px}.panel-heading>span{color:var(--cyan);font-family:var(--font-mono);font-size:11px}.score-list{margin:0;padding:6px 0;list-style:none}.score-list li{border-left:2px solid #0000;grid-template-columns:23px 12px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:52px;margin:0 -7px;padding:5px 7px;display:grid}.score-list li.is-local{border-left-color:var(--cyan);background:linear-gradient(90deg,#70edff14,#0000)}.rank{color:#596a77;font-family:var(--font-mono);font-size:8px}.player-gem{background:var(--magenta);width:8px;height:8px;display:block;transform:rotate(45deg);box-shadow:0 0 9px #f063d9a6}.player-cyan{background:var(--cyan);box-shadow:0 0 9px #70edffb3}.player-gold{background:var(--gold);box-shadow:0 0 9px #f1c96bb3}.player-blue{background:#6f91ff;box-shadow:0 0 9px #6f91ffb3}.player-name{color:#dce5eb;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:750;overflow:hidden}.player-name small,.score-list strong small{color:#647580;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;margin-top:3px;font-size:7px;font-weight:500;display:block}.score-list strong{color:#fff;min-width:32px;font-family:var(--font-mono);text-align:right;font-size:13px}.empty-score{color:#73838f;text-align:center;margin:0;padding:24px 8px;font-size:10px;line-height:1.5}.panel-footer{border-top:1px solid var(--line);color:#5f707c;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;gap:12px;padding-top:11px;font-size:7px;display:flex}.match-tools{pointer-events:auto;gap:6px;display:flex;position:absolute;top:88px;right:clamp(14px,2vw,30px)}.match-tools button{color:#83949f;cursor:pointer;min-height:32px;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:#070c14c2;border:1px solid #91bed32b;padding:0 11px;font-size:8px;transition:border-color .15s,color .15s}.match-tools button:hover{color:#fff;border-color:#70edff73}.combat-reticle{z-index:13;pointer-events:none;filter:drop-shadow(0 2px 6px #000c);width:36px;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.combat-reticle:before,.combat-reticle:after,.combat-reticle i,.combat-reticle span{content:"";background:#ebfaffe0;position:absolute;box-shadow:0 0 7px #70edff7a}.combat-reticle:before,.combat-reticle:after{width:8px;height:1px;top:17px}.combat-reticle:before{left:2px}.combat-reticle:after{right:2px}.combat-reticle i,.combat-reticle span{width:1px;height:8px;left:17px}.combat-reticle i{top:2px}.combat-reticle span{bottom:2px}.direction-up i,.direction-down span,.direction-left:before,.direction-right:after{background:var(--cyan);box-shadow:0 0 11px var(--cyan)}.capture-pointer{z-index:19;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#050910e0;border:1px solid #70edff5c;gap:5px;min-width:250px;padding:13px 18px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(68px - 50%));box-shadow:0 14px 42px #0000007a,inset 0 0 20px #70edff0a}.capture-pointer strong{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.capture-pointer span{color:#71838f;font-family:var(--font-mono);font-size:7px}.help-panel{width:205px;position:absolute;top:135px;right:clamp(14px,2vw,30px)}.help-panel summary{color:#9aa9b4;cursor:pointer;min-height:42px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 12px 0 15px;font-size:8px;font-weight:700;list-style:none;display:flex}.help-panel summary::-webkit-details-marker{display:none}.help-panel summary i{width:21px;height:21px;color:var(--cyan);border:1px solid #70edff4d;place-items:center;font-style:normal;display:grid}.help-body{border-top:1px solid var(--line);padding:4px 14px 14px}.help-body p{color:#82939f;align-items:center;gap:9px;margin:9px 0;font-size:9px;display:flex}.help-body kbd{min-width:43px}.help-body small{color:#5d6d78;margin-top:12px;font-size:8px;line-height:1.55;display:block}.combat-hud{left:50%;bottom:max(20px, env(safe-area-inset-bottom));width:min(880px,100vw - 36px);position:absolute;transform:translate(-50%)}.blade-state{color:#8191a0;width:min(360px,55vw);min-height:28px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050910d1;border:1px solid #9f8cff38;grid-template-columns:1fr auto auto;align-items:center;gap:12px;margin:0 auto 6px;padding:7px 11px 8px;font-size:7px;display:grid;position:relative;overflow:hidden}.blade-state span{align-items:center;gap:7px;display:flex}.blade-state span i{background:#9f8cff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #9f8cff}.blade-state strong{color:#dce5eb;font-size:8px}.blade-state small{min-width:34px;color:var(--cyan);text-align:right;font-size:7px}.blade-state b{background:linear-gradient(90deg, #9f8cff, var(--cyan));height:2px;transition:width 80ms linear;position:absolute;inset:auto 0 0;box-shadow:0 0 10px #70edffb3}.phase-blocking{border-color:#70edff6b}.phase-stunned{border-color:#ff587d7a}.phase-releasing{border-color:#f1c96b7a}.health-cluster{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050910d9;border:1px solid #91bed329;width:min(390px,55vw);margin:0 auto 9px;padding:8px 12px 7px;box-shadow:0 10px 32px #00000047}.health-copy{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.health-copy>span{color:#71838f;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:7px}.health-copy strong{color:#fff;font-family:var(--font-mono);font-size:11px}.health-copy strong small{color:#647580;font-size:8px}.health-track{background:#ffffff14;height:5px;position:relative;overflow:hidden}.health-track:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 24%,#050910b3 24% calc(24% + 1px));position:absolute;inset:0}.health-track i{background:linear-gradient(90deg, var(--cyan-soft), var(--cyan));height:100%;transition:width .18s;display:block;box-shadow:0 0 14px #70edffa6}.spell-deck{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.spell-card{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:linear-gradient(145deg,#0a111beb,#05090fdb);border:1px solid #91bed32e;grid-template-rows:1fr auto;grid-template-columns:37px minmax(0,1fr) auto;align-items:center;column-gap:9px;min-width:0;min-height:68px;padding:10px 9px 8px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 38px #0000004d}.spell-card:before{content:"";opacity:.62;background:var(--spell-color);height:2px;box-shadow:0 0 12px var(--spell-color);position:absolute;inset:auto 0 0}.spell-primary{--spell-color:var(--magenta)}.spell-secondary{--spell-color:var(--cyan)}.spell-utility{--spell-color:var(--gold)}.spell-dash{--spell-color:#988cff}.spell-rune{border:1px solid var(--spell-color);grid-row:1/3;place-items:center;width:34px;height:34px;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.spell-rune{border:1px solid color-mix(in srgb, var(--spell-color) 55%, transparent)}}.spell-rune{color:var(--spell-color);box-shadow:inset 0 0 12px var(--spell-color);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.spell-rune{box-shadow:inset 0 0 12px color-mix(in srgb, var(--spell-color) 10%, transparent)}}.spell-rune:before,.spell-rune i{content:"";position:absolute}.spell-rune:before{background:currentColor;width:8px;height:8px;transform:rotate(45deg);box-shadow:0 0 10px}.spell-rune i:first-child{opacity:.45;background:currentColor;width:22px;height:1px;transform:rotate(45deg)}.spell-rune i:last-child{opacity:.45;background:currentColor;width:22px;height:1px;transform:rotate(-45deg)}.spell-copy{min-width:0}.spell-copy strong{color:#dce5eb;font-family:var(--font-display);letter-spacing:.01em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:800;font-stretch:75%;display:block;overflow:hidden}.spell-copy small{color:#647580;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:7px;display:block;overflow:hidden}.spell-key{color:#a5b2bc;min-width:25px;font-family:var(--font-mono);text-align:center;border:1px solid #97b7ca33;padding:3px 4px;font-size:7px;font-weight:800}.cooldown-readout{color:var(--spell-color);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;grid-column:2/4;font-size:7px}.spell-card.is-cooling{filter:saturate(.45)}.spell-card.is-cooling .spell-rune{opacity:.45}.respawn-callout{color:#ff9aeb;width:fit-content;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:#150818db;border:1px solid #f063d959;margin:0 auto 9px;padding:8px 13px;font-size:9px}.network-callout{z-index:30;width:min(320px,100vw - 40px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060a11e6;border:1px solid #f1c96b47;justify-items:center;gap:7px;padding:21px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.network-callout strong{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:14px}.network-callout small{color:#72838e;text-align:center;font-size:9px}.signal-bars{align-items:flex-end;gap:3px;height:20px;display:flex}.signal-bars i{background:var(--gold);width:3px;animation:1s ease-in-out infinite alternate signal}.signal-bars i:first-child{height:7px}.signal-bars i:nth-child(2){height:13px;animation-delay:.16s}.signal-bars i:nth-child(3){height:19px;animation-delay:.32s}@keyframes status-pulse{50%{opacity:.32;box-shadow:0 0 0 5px #0000}}@keyframes glyph-turn{to{transform:translateY(-51%)rotate(360deg)}}@keyframes signal{to{opacity:.22;transform:scaleY(.72)}}@media (width<=900px){.lobby-shell{grid-template-columns:minmax(0,1fr) minmax(310px,.82fr);gap:38px;padding-inline:30px}.lobby-copy h1{font-size:clamp(56px,9vw,80px)}.score-panel{width:272px}.help-panel{width:186px}.spell-copy small{display:none}}@media (width<=720px){html,body{overflow:hidden}.arena-header{height:62px;padding-inline:14px}.brand-lockup{letter-spacing:.14em;gap:9px;font-size:12px}.brand-mark{width:27px;height:27px}.status-chip{gap:0;padding-inline:8px;font-size:0}.status-chip i{width:7px;height:7px}.lobby-shell{height:100%;padding:96px 18px max(30px, env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-start;gap:30px;display:flex;overflow:auto}.lobby-copy{text-align:center;width:min(100%,520px)}.lobby-copy:before{width:400px;max-width:90vw;top:44%;left:50%;transform:translate(-50%,-50%)}.eyebrow,.lobby-spells{justify-content:center}.eyebrow i{display:none}.lobby-copy h1{font-size:clamp(54px,18vw,84px);line-height:.82}.lobby-copy h1 span{margin-left:0}.lobby-lede{margin-inline:auto;font-size:14px;line-height:1.6}.lobby-spells{margin-top:22px;margin-left:0}.join-card{width:min(100%,460px);margin:0 auto}.score-panel{width:min(260px,100vw - 24px);padding:12px;top:73px;left:12px}.panel-heading{padding-bottom:9px}.score-list li{min-height:42px}.score-list li:nth-child(n+4),.panel-footer{display:none}.match-tools{top:71px;right:12px}.match-tools button{min-height:30px;padding-inline:8px;font-size:7px}.match-tools button:first-child{display:none}.help-panel{width:145px;top:107px;right:12px}.help-panel summary{min-height:34px}.combat-hud{width:calc(100vw - 20px);bottom:max(9px, env(safe-area-inset-bottom))}.health-cluster{width:min(330px,80vw);margin-bottom:6px}.spell-deck{grid-template-columns:repeat(2,1fr);gap:5px}.spell-card{grid-template-columns:29px minmax(0,1fr) auto;min-height:54px;padding:6px 7px}.spell-rune{width:27px;height:27px}.spell-rune i:first-child,.spell-rune i:last-child{width:17px}.spell-copy strong{font-size:9px}.cooldown-readout{font-size:6px}}@media (width<=470px){.lobby-shell{gap:24px}.lobby-copy h1{font-size:clamp(52px,18vw,72px)}.lobby-lede{max-width:330px}.lobby-spells{gap:13px;font-size:8px}.join-card{padding:22px 18px}.join-card-heading h2{font-size:18px}.room-badge{min-width:88px;font-size:12px}.join-meta span:last-child{display:none}.score-panel{width:210px}.score-panel .panel-heading h2{font-size:14px}.score-list li{grid-template-columns:17px 8px minmax(0,1fr) auto;gap:6px}.player-name{font-size:9px}.player-name small,.match-tools button:nth-child(3){display:none}.help-panel{width:112px}.help-panel summary{padding-inline:9px;font-size:7px}.help-panel summary i{width:18px;height:18px}}@media (height<=690px) and (width>=721px){.arena-header{height:58px}.lobby-shell{padding-top:78px;padding-bottom:24px}.lobby-copy h1{font-size:clamp(58px,8vw,86px)}.lobby-lede{margin-top:22px}.lobby-spells{margin-top:20px}.join-card{padding-block:25px}.score-panel{top:70px}.match-tools{top:68px}.help-panel{top:110px}.spell-card{min-height:59px}}@media (height<=650px) and (width<=720px){.score-panel{width:180px;top:69px}.score-list{display:none}.panel-heading{border-bottom:0;padding-bottom:0}.match-tools{top:68px}.help-panel{top:102px}.health-cluster{padding-block:5px}.spell-card{min-height:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.is-lobby .arena-canvas{transform:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}