:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eeeaf3;font-synthesis:none;text-rendering:optimizelegibility;--purple:#8b5cf6;--purple-bright:#b69aff;--panel:#121019;--panel-light:#1a1723;--line:#302a3d;--muted:#9992a4;--gold:#e4b859;--green:#38dd81;--red:#ff4f62;--amber:#f1ad3e;background:#08070b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -20%,#69379b47,#0000 45%),repeating-linear-gradient(135deg,#ffffff03 0 1px,#0000 1px 7px),#08070b;min-height:100vh}button{font:inherit}button:focus-visible{outline-offset:2px;outline:2px solid #d3c2ff}.screen{width:min(1120px,100% - 40px);min-height:100vh;margin:0 auto;padding:52px 0 64px}.eyebrow{color:var(--gold);letter-spacing:.24em;margin:0 0 9px;font-size:11px;font-weight:800}.title-block{text-align:center}.title-lockup{display:inline-block;position:relative}.title-block h1{color:#f4f0f7;letter-spacing:-.055em;text-shadow:0 3px 22px #000c;margin:0;font:700 clamp(42px,6vw,72px)/.93 Georgia,serif}.title-block h1 span{color:#af91ff}.beta-badge{color:#f6d77c;letter-spacing:.16em;background:#2b2110;border:1px solid #725822;padding:4px 7px;font-size:9px;font-weight:900;position:absolute;top:8px;right:-58px;box-shadow:0 0 18px #e4b8591f}.subtitle{color:#aaa2b3;margin:22px 0 0;font-size:15px}.class-screen{flex-direction:column;justify-content:center;display:flex}.class-grid{grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;width:min(920px,100%);margin:42px auto 0;display:grid}.class-card{color:#ddd7e4;text-align:left;background:linear-gradient(#1a1721,#100e15);border:1px solid #312b3a;border-radius:2px;align-items:center;min-height:72px;padding:8px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 8px 25px #00000038}.class-card img{object-fit:cover;border:2px solid #17141c;flex:none;width:52px;height:52px;box-shadow:0 0 0 1px #51495c}.class-card-copy{flex-direction:column;min-width:0;margin-left:10px;display:flex}.class-card strong{color:var(--class-color);font:700 15px Georgia,serif}.class-card small{color:#6f6977;letter-spacing:.1em;margin-top:6px;font-size:8px;font-weight:800}.class-card.is-playable{cursor:pointer;border-color:color-mix(in srgb, var(--class-color) 50%, #312b3a)}.class-card.is-playable small{color:#7bd4f3}.class-card.is-playable:hover{z-index:1;border-color:var(--class-color);box-shadow:0 0 24px color-mix(in srgb, var(--class-color) 20%, transparent);background:linear-gradient(#24202c,#15111c);transform:translateY(-2px)}.class-card.is-locked{opacity:.5;filter:saturate(.45)}.keyboard-note{color:#645e6b;letter-spacing:.04em;margin:28px auto 0;font-size:11px}.creator-credit{color:#514a59;justify-content:center;align-items:center;gap:6px;margin:12px auto 0;font-size:9px;display:flex}.creator-credit i{font-style:normal}.creator-credit a{color:#776c82;text-decoration:none}.creator-credit a:hover{color:#bca8d0}.analytics-screen{place-items:start center;padding-top:48px;display:grid}.analytics-card{background:#0c0911f5;border:1px solid #31283c;width:min(1040px,100%);padding:28px;box-shadow:0 24px 80px #0008}.analytics-card h1{margin:4px 0 2px}.analytics-subtitle,.stats-updated{color:#81778c;font-size:12px}.stats-login{grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:12px;margin:24px 0;display:grid}.stats-login label{color:#9d90aa;letter-spacing:.08em;text-transform:uppercase;gap:6px;font-size:10px;display:grid}.stats-login input,.stats-login select{color:#eee7f4;background:#09070d;border:1px solid #3c3147;min-height:38px;padding:8px 10px}.stats-login .primary-button{min-height:38px}.stats-error{color:#ff9dab;background:#2c0e15;border:1px solid #7d2935;padding:10px 12px}.analytics-totals{grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0;display:grid}.analytics-totals div{background:#120d19;border:1px solid #392c47;padding:14px}.analytics-totals span{color:#8b8096;text-transform:uppercase;letter-spacing:.07em;font-size:10px;display:block}.analytics-totals strong{color:#fff;margin-top:5px;font-size:26px;display:block}.analytics-breakdowns{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.analytics-section-title{color:#a899b4;letter-spacing:.08em;text-transform:uppercase;margin:22px 0 10px;font-size:12px}.analytics-section-note{color:#6f6678;margin:8px 0 0;font-size:10px}.stats-breakdown{background:#0c0911;border:1px solid #30263a;padding:14px}.stats-breakdown h2{color:#d8cae4;margin:0 0 10px;font-size:14px}.stats-breakdown p{color:#625b69;font-size:11px}.stats-breakdown table{border-collapse:collapse;width:100%;font-size:11px}.stats-breakdown th,.stats-breakdown td{text-align:left;border-bottom:1px solid #241d2b;padding:6px 4px}.stats-breakdown th{color:#a79bad;font-weight:500}.stats-breakdown td:last-child{color:#fff;text-align:right}.daily-breakdown{margin-top:10px}.daily-breakdown th:last-child{text-align:right}.stats-back{color:#a68dbc;margin-top:20px;text-decoration:none;display:inline-block}.stats-actions{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.stats-forget{color:#776c82;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.stats-forget:hover{color:#bca8d0}@media (width<=760px){.stats-login,.analytics-breakdowns{grid-template-columns:1fr}.analytics-totals{grid-template-columns:repeat(2,1fr)}}.screen-header{grid-template-columns:130px 1fr 130px;align-items:center;margin-bottom:28px;display:grid}.screen-header>div:nth-child(2){text-align:center}.screen-header h1{letter-spacing:-.03em;margin:0;font:700 34px Georgia,serif}.text-button{color:#aaa2b2;cursor:pointer;background:0 0;border:0;width:fit-content;padding:6px 0}.text-button:hover{color:#fff}.class-chip{color:var(--class-color);justify-self:end;align-items:center;gap:8px;font-weight:700;display:flex}.class-chip img{border:1px solid #554c62;width:32px;height:32px}.panel-inset{background:#100e15d1;border:1px solid #2c2734;box-shadow:inset 0 1px #ffffff06}.config-intro{justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.config-intro>div:first-child{flex-direction:column;gap:3px;display:flex}.config-intro strong{font-size:13px}.config-intro span{color:var(--muted);font-size:11px}.config-actions{gap:8px;display:flex}.small-button,.hud-actions button{color:#c7c0cf;cursor:pointer;background:#211d28;border:1px solid #3b3545;border-radius:2px;padding:8px 12px;font-size:11px;font-weight:700}.small-button:hover,.hud-actions button:hover{color:#fff;border-color:#655876}.danger-button{color:#df929b}.bind-list{border-top:1px solid #302a39;margin-top:12px}.spell-row{background:linear-gradient(90deg,#18151eeb,#0f0d14eb);border:1px solid #2d2835;border-top:0;grid-template-columns:minmax(260px,1fr) 1.45fr;align-items:center;gap:26px;min-height:92px;padding:12px 16px;display:grid}.spell-row:nth-child(2n){background:linear-gradient(90deg,#1d1924eb,#110f16eb)}.spell-identity{align-items:center;gap:14px;min-width:0;display:flex}.spell-copy{min-width:0}.spell-title-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wow-icon{object-fit:cover;image-rendering:auto;background:#09080b;border:2px solid #0b090e;border-radius:0;display:block;box-shadow:0 0 0 1px #514a57}.spell-icon{flex:none;width:54px;height:54px}.macro-icon-pair{flex:none;width:76px;height:56px;position:relative}.macro-icon-pair .spell-icon{width:46px;height:46px;position:absolute}.macro-icon-pair .spell-icon:first-child{top:0;left:0}.macro-icon-pair .spell-icon:last-child{z-index:1;bottom:0;right:0;box-shadow:0 0 0 1px #8d7338,0 4px 14px #000b}.spell-identity h2{color:#f0ecf3;margin:0;font:700 18px Georgia,serif}.spell-identity p{color:#77717e;margin:4px 0 0;font-size:11px;line-height:1.3}.dispel-types{color:#79a9cd;letter-spacing:.09em;margin-top:5px;font-size:7px;font-weight:900;display:block}.macro-steps{color:#d8bd73;letter-spacing:.09em;margin-top:5px;font-size:7px;font-weight:900;display:block}.spell-row.is-disabled .spell-icon,.spell-row.is-disabled .spell-title-line,.spell-row.is-disabled .arena-bindings{opacity:.56}.spell-row.is-disabled:hover .spell-icon,.spell-row.is-disabled:hover .spell-title-line,.spell-row.is-disabled:hover .arena-bindings{opacity:.78}.target-mode-chip{color:#9e8daf;letter-spacing:.1em;background:#251d2e;border:1px solid #493858;padding:2px 5px;font-size:7px;font-weight:900}.target-mode-chip.mode-ally{color:#8dc8f2;background:#142432;border-color:#29506a}.target-mode-chip.macro-chip{color:#e4c87e;background:#2c2515;border-color:#69572b}.target-mode-chip.timing-chip{color:#f0c979;background:#2a2110;border-color:#6d5523}.spell-toggle{color:#756e7c;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:6px;width:fit-content;margin-top:8px;padding:0;font-size:8px;font-weight:900;display:flex}.spell-toggle i{background:#29242e;border:1px solid #49414f;border-radius:7px;width:22px;height:11px;position:relative}.spell-toggle i:after{content:"";background:#77707c;border-radius:50%;width:5px;height:5px;transition:transform .1s,background .1s;position:absolute;top:2px;left:2px}.spell-toggle.is-on{color:#83d7a7}.spell-toggle.is-on i{background:#173826;border-color:#2e7650}.spell-toggle.is-on i:after{background:#54e594;transform:translate(11px)}.arena-bindings{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.bind-control{min-width:0}.bind-control>label{color:#827a8c;letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px 2px;font-size:9px;font-weight:800;display:block}.bind-input-group{height:36px;display:flex}.bind-input{color:#eee9f2;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#0c0a0f;border:1px solid #3c3547;border-radius:2px 0 0 2px;width:100%;min-width:0;padding:0 8px;font:700 12px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden}.bind-input:last-child{border-radius:2px}.bind-input:hover{border-color:#756486}.bind-input em{color:#5f5865;font-style:normal;font-weight:500}.bind-input.is-capturing{color:#fff;background:#2b2041;border-color:#9b78e8;box-shadow:0 0 10px #8b5cf640}.bind-input.is-capturing span{animation:.75s ease-in-out infinite alternate pulseText}.clear-bind{color:#786f80;cursor:pointer;background:#17131c;border:1px solid #3c3547;border-left:0;border-radius:0 2px 2px 0;flex:none;width:28px}.clear-bind:hover{color:#ff8996;background:#28171d}.bind-control.has-duplicate .bind-input,.bind-control.has-duplicate .clear-bind{border-color:#b04a56}.duplicate-note{color:#ef707e;margin:3px 0 -12px 2px;font-size:9px;display:block}.practice-options{justify-content:space-between;align-items:center;gap:50px;margin-top:12px;padding:15px 18px;display:flex}.option-group{align-items:center;gap:14px;display:flex}.option-label{color:#9991a2;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.segmented-control{display:flex}.segmented-control button{color:#8c8494;cursor:pointer;text-transform:uppercase;background:#0d0b10;border:1px solid #3a3343;border-left:0;min-width:98px;padding:7px 13px;font-size:11px;font-weight:800}.segmented-control button:first-child{border-left:1px solid #3a3343;border-radius:2px 0 0 2px}.segmented-control button:last-child{border-radius:0 2px 2px 0}.segmented-control button.active{color:#e6dcff;background:#302143;border-color:#7656a0;position:relative}.segmented-control small{color:#6f6776;text-transform:none;margin-top:2px;font-size:8px;font-weight:600;display:block}.segmented-control button.active small{color:#ae9aba}.compact-segments button{min-width:65px}.config-footer{justify-content:space-between;align-items:center;margin-top:22px;display:flex}.bind-status{color:#817a88;font-size:12px}.bind-status strong{color:#ded8e3}.bind-status small{color:#77707f;margin-top:3px;font-size:10px;display:block}.bind-status .reserved-bind-note{color:#c5a76a}.bind-status span{color:#e36270;margin-top:3px;display:block}.primary-button{color:#fff;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(#8057c7,#503078);border:1px solid #a384d6;border-radius:2px;min-width:180px;padding:13px 18px;font-size:12px;font-weight:800;box-shadow:inset 0 1px #ffffff2e,0 8px 24px #4a286f4d}.primary-button span{float:right}.primary-button:hover{filter:brightness(1.15)}.primary-button:disabled{color:#756d7b;cursor:not-allowed;box-shadow:none;background:#27232c;border-color:#3b3541}@keyframes pulseText{0%{opacity:.55}to{opacity:1}}.bind-capture-surface{z-index:100;cursor:crosshair;touch-action:none;overscroll-behavior:none;background:#05030738;justify-content:center;align-items:flex-start;padding-top:70px;display:flex;position:fixed;inset:0}.capture-toast{pointer-events:none;background:#120d19f7;border:1px solid #9b78e8;flex-direction:column;align-items:center;min-width:340px;padding:13px 20px;display:flex;box-shadow:0 12px 50px #000,0 0 22px #8b5cf640}.capture-toast>span{color:var(--gold);letter-spacing:.2em;font-size:7px;font-weight:900}.capture-toast strong{margin-top:2px;font:700 16px Georgia,serif}.capture-toast small{color:#92889a;margin-top:3px;font-size:9px}.practice-screen{min-height:100vh;overflow:hidden}.practice-topbar{background:#09070cf0;border-bottom:1px solid #2d2735;justify-content:space-between;align-items:center;height:54px;padding:0 24px;display:flex}.practice-brand{align-items:baseline;gap:8px;display:flex}.practice-brand span{color:var(--gold);font:700 11px Georgia,serif}.practice-brand strong{color:#c8b3ed;letter-spacing:.14em;font-size:10px}.hud-actions{gap:6px;display:flex}.hud-actions button{background:#16121b;padding:6px 10px}kbd{color:#93899c;background:#0c0a0e;border:1px solid #3c3544;border-radius:2px;padding:1px 4px;font:700 9px ui-monospace,monospace}.stats-strip{background:#110e16e6;border-bottom:1px solid #28222f;justify-content:center;align-items:stretch;height:64px;display:flex}.stats-strip>div{border-right:1px solid #2d2634;flex-direction:column;justify-content:center;min-width:130px;padding:0 22px;display:flex}.stats-strip>div:first-child{border-left:1px solid #2d2634}.stats-strip span{color:#77707f;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:800}.stats-strip strong{color:#eeeaf2;margin-top:2px;font:700 18px Georgia,serif}.stats-strip strong.streak-value{color:var(--gold)}.stats-strip strong small{color:#6e6675;font:600 10px Inter,sans-serif}.reaction-meter{background:#211b28;height:3px}.reaction-meter-fill{transform-origin:0;background:linear-gradient(90deg,#9b7ad5,#e7c86e);width:100%;height:100%;transition:transform 40ms linear}.practice-stage{background:radial-gradient(#45295536,#0000 55%),linear-gradient(#06050873,#060508b3);flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 121px);padding:24px;display:flex}.challenge-callout{color:#817888;text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:9px;min-height:34px;margin-bottom:12px;display:flex}.challenge-callout span,.challenge-callout i{letter-spacing:.15em;font-size:9px;font-style:normal;font-weight:800}.challenge-callout strong{color:#eee8f4;font:700 21px Georgia,serif}.challenge-callout b{color:#c5a4ff;letter-spacing:.08em;font-size:13px}.challenge-callout.is-correct strong{color:var(--green)}.challenge-callout.is-incorrect strong{color:var(--red)}.challenge-callout.is-missed strong{color:var(--amber)}.gladius-shell{background:#070609;border:1px solid #463c51;width:min(610px,100%);padding:4px;box-shadow:0 18px 70px #00000094,0 0 0 1px #09070c}.combat-panels{justify-content:center;align-items:flex-start;gap:16px;width:100%;display:flex}.combat-panels>.gladius-shell{flex:none}.party-shell{border-color:#354c60;width:min(430px,100%)}.party-titlebar{color:#829eb4;background:linear-gradient(#182b39,#101922)}.party-titlebar i{color:#91bad9}.ally-frame.arena-frame{background:linear-gradient(90deg,#101e28,#0b1117 75%);border-color:#263a48;grid-template-columns:67px 49px minmax(145px,1fr) 68px;height:76px;padding-left:5px}.ally-frame.is-targeted{background:linear-gradient(90deg,#18354a,#0d1821 75%);border-color:#59a5d8;box-shadow:inset 0 0 15px #3c96d22e,0 0 15px #308bc759}.ally-label{color:#91aabd;letter-spacing:.06em;text-align:center;text-transform:uppercase;font-size:8px;font-weight:900}.ally-portrait{width:40px;height:40px}.ally-bars{margin:0 7px}.ally-frame .health-bar{height:26px}.ally-frame .health-bar strong{font-size:10px;top:4px}.ally-frame .health-bar>span{top:5px}.ally-frame .empty-challenge-slot{width:44px;height:44px}.ally-frame .challenge-icon{width:46px;height:46px}.ally-frame.feedback-correct{border-color:var(--green);background:linear-gradient(90deg,#123322,#0d1712 75%)}.ally-frame.feedback-incorrect{border-color:var(--red);background:linear-gradient(90deg,#3a171d,#190d11 75%)}.ally-frame.feedback-missed{border-color:var(--amber);background:linear-gradient(90deg,#352611,#181209 75%)}.gladius-titlebar{color:#8b7a9b;letter-spacing:.12em;background:linear-gradient(#271e31,#16111c);border-bottom:1px solid #09070b;justify-content:space-between;align-items:center;height:22px;padding:0 7px;font-size:8px;font-weight:900;display:flex}.gladius-titlebar i{color:#baa8c9;font-style:normal}.arena-frame-stack{flex-direction:column;gap:3px;padding-top:3px;display:flex}.arena-frame{background:linear-gradient(90deg,#18111f,#0e0b12 75%);border:1px solid #2b2234;grid-template-columns:43px 61px minmax(180px,1fr) 55px 94px;align-items:center;height:92px;padding:5px 6px 5px 0;transition:border-color 80ms,box-shadow 80ms,background 80ms;display:grid;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff06}.arena-frame.is-targeted{z-index:2;background:linear-gradient(90deg,#271936,#15101c 75%);border-color:#9e70dd;box-shadow:inset 0 0 15px #784bb22e,0 0 15px #8850d266}.arena-frame.feedback-correct{border-color:var(--green);background:linear-gradient(90deg,#123322,#0d1712 75%);box-shadow:inset 0 0 22px #2cd7773d,0 0 17px #2cd77766}.arena-frame.feedback-incorrect{border-color:var(--red);background:linear-gradient(90deg,#3a171d,#190d11 75%);box-shadow:inset 0 0 22px #ff3d523d,0 0 17px #ff3d5266}.arena-frame.feedback-missed{border-color:var(--amber);background:linear-gradient(90deg,#352611,#181209 75%);box-shadow:inset 0 0 22px #f1ad3e33,0 0 17px #f1ad3e52}.arena-index{color:#554b60;flex-direction:column;align-items:center;display:flex}.arena-index span{letter-spacing:.1em;font-size:6px;font-weight:900}.arena-index strong{color:#a894b7;font:700 21px Georgia,serif}.portrait-icon{width:50px;height:50px}.unit-bars{flex-direction:column;justify-content:center;align-self:stretch;gap:3px;min-width:0;margin:0 9px;display:flex}.health-bar,.resource-bar{background:#131017;border:1px solid #060507;position:relative;overflow:hidden;box-shadow:0 0 0 1px #38303e}.health-bar{height:31px}.resource-bar{height:14px}.bar-fill{background:linear-gradient(#32794d,#205b38);position:absolute;inset:0 auto 0 0}.health-bar strong,.health-bar span,.resource-bar span,.resource-bar small{z-index:1;text-shadow:1px 1px 1px #000,-1px -1px 1px #0000008c;position:absolute}.health-bar strong{color:#fff;font-size:12px;top:5px;left:8px}.health-bar>span{color:#d9e3dc;font-size:9px;font-weight:800;top:6px;right:6px}.resource-bar>span{color:#f3f3f3;font-size:7px;font-weight:800;top:1px;left:6px}.resource-bar small{color:#ddd;font-size:7px;top:1px;right:5px}.unit-bars.has-incoming-cast{gap:2px}.unit-bars.has-incoming-cast .health-bar{height:23px}.unit-bars.has-incoming-cast .health-bar strong{font-size:10px;top:2px}.unit-bars.has-incoming-cast .health-bar>span{top:3px}.unit-bars.has-incoming-cast .resource-bar{height:10px}.unit-bars.has-incoming-cast .resource-bar>span,.unit-bars.has-incoming-cast .resource-bar small{font-size:6px;top:0}.frame-cast-bar{background:#17111d;border:1px solid #060507;height:16px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #503b60}.frame-cast-bar>i{transform-origin:0;background:linear-gradient(90deg,#684486,#a76ab4);position:absolute;inset:0}.frame-cast-bar>span,.frame-cast-bar>small{z-index:1;color:#fff;text-shadow:1px 1px 2px #000;font-size:7px;font-weight:900;position:absolute;top:1px}.frame-cast-bar>span{align-items:center;gap:3px;display:flex;left:3px}.frame-cast-bar>span img{border:1px solid #09070c;width:11px;height:11px}.frame-cast-bar>small{color:#f5d47a;letter-spacing:.04em;right:3px}.frame-cast-bar.is-bonus-window{box-shadow:0 0 0 1px #4fd886,0 0 12px #36cb7044}.frame-cast-bar.is-bonus-window>i{background:linear-gradient(90deg,#247f4a,#3ed77b)}.frame-cast-bar.is-bonus-window>small{color:#d8ffe7}.status-icons{grid-template-columns:repeat(2,22px);gap:3px;display:grid}.status-icons .wow-icon{border-width:1px;width:22px;height:22px}.challenge-slot{justify-content:center;align-items:center;min-width:0;height:100%;display:flex}.empty-challenge-slot{background:#0c090e;border:1px solid #251f2b;width:54px;height:54px}.challenge-icon-wrap{animation:.1s ease-out challengeIn;position:relative}.challenge-icon{border-color:#050406;width:56px;height:56px;box-shadow:0 0 0 2px #c5a1ff,0 0 18px #7d41cb}.challenge-macro-icons{grid-template-columns:repeat(2,39px);align-items:center;display:grid}.challenge-macro-icons .challenge-icon{width:40px;height:40px}.challenge-macro-icons .challenge-icon:last-child{margin-left:-1px;box-shadow:0 0 0 2px #d3b354,0 0 18px #b18d36}.challenge-icon-wrap span{color:#eaddf2;white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 2px #000;width:max-content;max-width:100px;font-size:8px;font-weight:800;position:absolute;bottom:-20px;right:50%;overflow:hidden;transform:translate(50%)}.feedback-correct .challenge-icon{box-shadow:0 0 0 2px var(--green), 0 0 18px var(--green)}.feedback-incorrect .challenge-icon{box-shadow:0 0 0 2px var(--red), 0 0 18px var(--red)}.feedback-missed .challenge-icon{box-shadow:0 0 0 2px var(--amber), 0 0 18px var(--amber)}@keyframes challengeIn{0%{opacity:.2;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.practice-hint{color:#5e5664;margin:18px 0 0;font-size:10px}.practice-hint.shortcut-locked{color:#68cb91}.practice-hint.shortcut-requesting{color:#c5a76a}.practice-hint.shortcut-fullscreen-only,.practice-hint.shortcut-unavailable{color:#e78691}.pause-overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#040306d1;place-items:center;display:grid;position:fixed;inset:0}.pause-overlay>div{text-align:center;background:#141019;border:1px solid #58456b;width:min(370px,100% - 40px);padding:34px;box-shadow:0 25px 80px #000}.pause-overlay h2{margin:0 0 25px;font:700 31px Georgia,serif}.pause-overlay .primary-button kbd{float:right;margin-top:1px}.results-screen{place-items:center;display:grid}.results-card{text-align:center;background:linear-gradient(#1c1723f7,#0d0b11f7);border:1px solid #4b3e58;width:min(620px,100%);padding:36px;box-shadow:0 25px 90px #00000080}.results-card h1{letter-spacing:-.04em;margin:0;font:700 42px Georgia,serif}.results-subtitle{color:#8c8493;margin:8px 0 25px;font-size:12px}.results-score{background:#0d0a10;border:1px solid #312938;flex-direction:column;padding:18px;display:flex}.results-score span{color:#796f81;letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:800}.results-score strong{color:var(--gold);font:700 35px Georgia,serif}.results-grid{border-top:1px solid #312a38;border-left:1px solid #312a38;grid-template-columns:repeat(3,1fr);margin-top:10px;display:grid}.results-grid>div{border-bottom:1px solid #312a38;border-right:1px solid #312a38;flex-direction:column;padding:15px 8px;display:flex}.results-grid strong{font:700 20px Georgia,serif}.results-grid span{color:#77707d;letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:8px;font-weight:800}.results-grid .correct-result strong{color:var(--green)}.results-grid .incorrect-result strong{color:var(--red)}.results-grid .missed-result strong{color:var(--amber)}.results-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:24px;display:flex}@media (width<=900px){.class-grid{grid-template-columns:repeat(2,1fr);max-width:560px}.spell-row{grid-template-columns:1fr;gap:12px}.practice-options{flex-direction:column;align-items:flex-start;gap:14px}.option-group{justify-content:space-between;width:100%}.stats-strip>div{flex:1;min-width:0;padding:0 10px}}@media (width<=1120px){.combat-panels.has-party-panel{flex-direction:column;align-items:center}.party-shell{width:min(610px,100%)}}@media (width<=650px){.screen{width:min(100% - 24px,1120px);padding-top:28px}.screen-header{grid-template-columns:1fr auto;gap:15px}.screen-header>div:nth-child(2){text-align:left;grid-area:2/1/auto/-1}.class-chip{grid-area:1/2}.config-intro{flex-direction:column;align-items:flex-start;gap:12px}.arena-bindings{grid-template-columns:1fr}.spell-row{padding-bottom:20px}.practice-options,.option-group{flex-direction:column;align-items:stretch}.segmented-control button{flex:1;min-width:0}.config-footer{flex-direction:column;align-items:stretch;gap:14px}.practice-topbar{padding:0 10px}.practice-brand strong{display:none}.hud-actions button{padding:6px;font-size:9px}.hud-actions kbd{display:none}.stats-strip>div{text-align:center;padding:0 5px}.stats-strip span{font-size:6px}.stats-strip strong{font-size:14px}.arena-frame{grid-template-columns:31px 45px minmax(120px,1fr) 0 70px;height:78px}.arena-index strong{font-size:17px}.portrait-icon{width:40px;height:40px}.unit-bars{margin:0 6px}.status-icons{display:none}.challenge-icon{width:48px;height:48px}.challenge-macro-icons{grid-template-columns:repeat(2,32px)}.challenge-macro-icons .challenge-icon{width:34px;height:34px}.challenge-slot{overflow:visible}.ally-frame.arena-frame{grid-template-columns:51px 43px minmax(105px,1fr) 57px;height:72px}.ally-label{font-size:7px}.ally-portrait{width:36px;height:36px}.ally-frame .challenge-icon{width:42px;height:42px}.ally-frame .empty-challenge-slot{width:40px;height:40px}.practice-stage{padding:12px}.beta-badge{top:-21px;right:0}}