.hud{pointer-events:none;font-family:var(--ui-sans,system-ui, sans-serif);color:#fff;font-weight:800;position:absolute;inset:0}.hud.hud-hidden{visibility:hidden}.hud *{box-sizing:border-box}:where(.hud button){all:unset;box-sizing:border-box;pointer-events:auto;cursor:pointer;display:block}.hud button:focus-visible{outline:.3cqh solid var(--sel-edge);outline-offset:.2cqh}.hp{font:inherit;color:inherit;--hpx:calc(var(--h) * 1cqh);--sl:calc(var(--hpx) * var(--slant));background:0 0;border:0;border-radius:0;padding:0;line-height:1;position:absolute}.slant>.o,.slant>.i{clip-path:polygon(var(--sl) 0, 100% 0, calc(100% - var(--sl)) 100%, 0 100%);display:block;position:absolute}.slant>.o{background:var(--edge-c,#0e1117);inset:0}.slant>.i{inset:var(--edge);background:var(--fill,linear-gradient(#343948, #171a23));align-items:center;display:flex;overflow:hidden}.slant .gl{z-index:2;pointer-events:none;background:linear-gradient(#ffffff47,#fff0 52%);position:absolute;inset:0}.slant .tx{z-index:1;pointer-events:none;opacity:.12;-webkit-mask-image:var(--t-steel_brushed);-webkit-mask-image:var(--t-steel_brushed);mask-image:var(--t-steel_brushed);-webkit-mask-size:calc(var(--hpx) * 1.8) auto;-webkit-mask-size:calc(var(--hpx) * 1.8) auto;mask-size:calc(var(--hpx) * 1.8) auto;background:#fff;position:absolute;inset:0}.plate{--edge-c:#4b5366;--fill:linear-gradient(#2d3342, #141720)}.tab{--edge-c:#d6aa5c}.tab>.o,.tab>.i{clip-path:polygon(var(--sl) 0, 100% 0, 100% 100%, 0 100%)}.tab-name{z-index:3;width:100%;padding:0 .8cqh 0 calc(var(--sl) + .4cqh);text-align:center;white-space:nowrap;font-size:calc(1em * var(--fit,1));position:relative;overflow:hidden}.tab-name,.text{-webkit-text-stroke:.35cqh #1a1410;paint-order:stroke fill}.bar>.o{background:var(--edge-c)}.bar>.i{--fill:linear-gradient(#262b39, #0c0f15)}.bar .fill{background:linear-gradient(var(--f1), var(--f2) 55%, var(--f3));clip-path:polygon(0 0, 100% 0, calc(100% - var(--sl)) 100%, 0 100%);position:absolute;top:0;bottom:0;left:0}.bar .fill:after{content:"";width:calc(var(--hpx) * .34);background:linear-gradient(90deg,#fff0,#fffc);position:absolute;top:0;bottom:0;right:0}.bar .tk{z-index:1;background:#fff3;width:.17cqh;position:absolute;top:0;bottom:0;transform:skew(-22.8deg)}.bar .tx{background:#000}.badge{color:#1a1410;background:radial-gradient(circle at 35% 30%,#fffaf2,#ecd3b4 70%,#d9b48c);border:.5cqh solid #d6aa5c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:0 0 0 .35cqh #17110d;container-type:inline-size}.badge small{font-size:14cqw;font-weight:700}.badge b{font-size:34cqw}.wbadge,.slot{place-items:center;display:grid}.wbadge{border-radius:50%}.wbadge .icon,.slot .icon{width:100%;height:100%}.stack{gap:.2cqh;display:flex}.stack .icon{aspect-ratio:1;width:auto;height:100%}.text{white-space:nowrap;align-items:center;display:flex}.text.num{justify-content:flex-end}.banner,.msgbox{white-space:nowrap;border:.5cqh solid #17110d;border-radius:999px;justify-content:center;align-items:center;display:flex;overflow:hidden}.banner{background:rgba(14, 18, 26, var(--op));-webkit-text-stroke:.3cqh #0e1117;paint-order:stroke fill}.msgbox{background:rgba(236, 241, 246, var(--op));color:#16222c}.shift{transform:translateX(var(--rest));transition:transform var(--slide) cubic-bezier(.2, .9, .3, 1)}.shift.sel{transform:translateX(calc(var(--shift) * -1));z-index:2}.cbtn,.card{color:#fff;overflow:visible}.cbtn>.o,.card>.o{background:var(--c1)}.sel>.o{background:var(--sel-edge);animation:edge var(--breathe) ease-in-out infinite}.off{opacity:.45;cursor:not-allowed}.off>.o{background:#0e1117;animation:none}.cbtn .lbl,.card .lbl,.card .rt{z-index:3;white-space:nowrap;-webkit-text-stroke:.3cqh #1a1410;paint-order:stroke fill;align-items:center;display:flex;position:absolute;top:0;bottom:0}.cbtn .lbl,.card .lbl{padding-left:calc(var(--hpx) * 1.07);left:0}.card .rt{right:calc(var(--sl) + 1.2cqh)}.cbtn .ic{z-index:3;width:calc(var(--hpx) * 1.04);height:calc(var(--hpx) * 1.04);color:var(--c1);display:flex;position:absolute;top:50%;right:1.6cqh;transform:translateY(-50%)}.cbtn .ic svg{width:84%;height:84%;margin:auto}.cbtn.sel .ic{width:calc(var(--hpx) * 1.45);height:calc(var(--hpx) * 1.45);color:#fff;right:1.8cqh}.arw{z-index:3;width:0;height:0;animation:nudge var(--nudge) ease-in-out infinite;border-top:1.1cqh solid #0000;border-bottom:1.1cqh solid #0000;border-left:1.7cqh solid #fff;position:absolute;top:50%;left:2.2cqh;transform:translateY(-50%)}.cbtn.sel>.i,.card.sel>.i{background:linear-gradient(var(--c1), var(--c2) 60%, var(--c3))}.cbtn.sel .tx,.card.sel .tx{opacity:.26;background:#000}.card>.i{background:linear-gradient(90deg, transparent 20%, color-mix(in srgb, var(--c2) 64%, #14161d) 100%), linear-gradient(#343948, #171a23)}.card.sel>.i{background:linear-gradient(var(--c1), var(--c2) 60%, var(--c3))}.elp{background:var(--c1);opacity:.8;pointer-events:none;-webkit-mask-image:var(--pt), linear-gradient(90deg, transparent 26%, #000 84%);-webkit-mask-image:var(--pt), linear-gradient(90deg, transparent 26%, #000 84%);mask-image:var(--pt), linear-gradient(90deg, transparent 26%, #000 84%);-webkit-mask-composite:source-in;-webkit-mask-repeat:repeat,no-repeat;mask-repeat:repeat,no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-size:calc(var(--hpx) * 1.2) calc(var(--hpx) * 1.2), 100% 100%;-webkit-mask-size:calc(var(--hpx) * 1.2) calc(var(--hpx) * 1.2), 100% 100%;mask-size:calc(var(--hpx) * 1.2) calc(var(--hpx) * 1.2), 100% 100%;position:absolute;inset:0}.card.sel .elp{opacity:.62;-webkit-mask-image:var(--pt), linear-gradient(90deg, transparent 18%, #000 76%);-webkit-mask-image:var(--pt), linear-gradient(90deg, transparent 18%, #000 76%);mask-image:var(--pt), linear-gradient(90deg, transparent 18%, #000 76%);background:#0f1218}.cost-num{z-index:3;justify-content:flex-end}.cost-badge{z-index:3;place-items:center;display:grid}.cost-badge .icon{width:100%;height:100%}.shift.sel.cost-num,.shift.sel.cost-badge{z-index:4}.hint{justify-content:center}.glow{pointer-events:none;animation:breathe var(--breathe) ease-in-out infinite;position:absolute;inset:0}.glow i{background:var(--c1);clip-path:polygon(var(--sl) 0, 100% 0, calc(100% - var(--sl)) 100%, 0 100%);position:absolute}.glow i:first-child{inset:calc(var(--halo0) * -1);opacity:var(--halo0o)}.glow i:nth-child(2){inset:calc(var(--halo1) * -1);opacity:var(--halo1o)}.glow i:nth-child(3){inset:calc(var(--halo2) * -1);opacity:var(--halo2o)}.sh{z-index:3;pointer-events:none;width:28%;animation:sweep var(--sweep) ease-in-out infinite;background:linear-gradient(100deg,#0000,#ffffff70 50%,#0000);position:absolute;top:0;bottom:0;left:-40%}.fl{z-index:4;pointer-events:none;opacity:0;animation:flash var(--flash) ease-out 1;background:#fff;position:absolute;inset:0}@keyframes breathe{0%,to{opacity:var(--breathe-low)}50%{opacity:1}}@keyframes sweep{0%{left:-40%}55%,to{left:125%}}@keyframes flash{0%{opacity:.5}to{opacity:0}}@keyframes edge{0%,to{background:#ffe8a8}50%{background:#fffbe9}}@keyframes nudge{0%,to{transform:translateY(-50%)}50%{transform:translateY(-50%) translateX(var(--nudge-by))}}@media (prefers-reduced-motion:reduce){.glow,.sh,.fl,.sel>.o,.arw{animation:none!important}.sh,.fl{display:none}.shift{transition:none}}.battle-ui{--ui-glass-top:#f6fafded;--ui-glass-bottom:#d6e4f1e6;--ui-head-top:#e2ecf6f2;--ui-head-bottom:#ceddecf2;--ui-hairline:#ffffffd9;--ui-rule:#768ca647;--ui-ink:#1c2733;--ui-ink-soft:#52616f;--ui-gold:#c39a4b;--ui-gold-wash:#d6b47080;--ui-track:#dce5ee;--ui-hp-a:#7fc485;--ui-hp-b:#c1e7ba;--ui-chk-a:#62a7e4;--ui-chk-b:#acd5f5;--ui-xp-a:#c39a4b;--ui-xp-b:#ecd7a8;--ui-cut:14px;--ui-serif:"Cinzel", Georgia, serif;--ui-sans:"Inter", system-ui, sans-serif;pointer-events:none;font-family:var(--ui-sans);color:var(--ui-ink);position:absolute;inset:0;container-type:size}.battle-ui button{font:inherit;color:inherit;pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:0;margin:0;padding:0}.battle-ui button:focus-visible{outline:2px solid var(--ui-gold);outline-offset:-2px}.battle-ui button:disabled{cursor:not-allowed;opacity:.42}.panel{background:linear-gradient(180deg, var(--ui-glass-top), var(--ui-glass-bottom));clip-path:polygon(0 0, calc(100% - var(--ui-cut)) 0, 100% var(--ui-cut), 100% 100%, var(--ui-cut) 100%, 0 calc(100% - var(--ui-cut)));box-shadow:inset 0 0 0 1px var(--ui-hairline);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;position:relative}.dock>*,.readout,.message,.result,.command-stack{filter:drop-shadow(0 3px 10px #101a2647)}.panel-head{font-family:var(--ui-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--ui-ink-soft);background:linear-gradient(180deg, var(--ui-head-top), var(--ui-head-bottom));box-shadow:inset 0 -1px 0 var(--ui-rule), inset 0 1px 0 var(--ui-hairline);align-items:center;gap:.7em;padding:.5em 1.1em;font-size:clamp(11px,1vw,15px);font-weight:600;display:flex}.gold-diamond{background:var(--ui-gold);flex:none;width:.5em;height:.5em;display:inline-block;transform:rotate(45deg)}.level-diamond{aspect-ratio:1;flex:none;place-items:center;width:clamp(62px,6.2vw,92px);display:grid;position:relative}.level-diamond:before,.level-diamond:after{content:"";border:1.5px solid var(--ui-gold);position:absolute;inset:15%;transform:rotate(45deg)}.level-diamond:before{background:linear-gradient(#ffffffb3,#dbe7f380)}.level-diamond:after{opacity:.45;border-width:1px;inset:9%}.level-diamond span{font-variant-numeric:lining-nums;color:#1f2934;font-family:Crimson Pro,Georgia,serif;font-size:clamp(26px,2.7vw,40px);font-weight:500;position:relative}.bar-row{grid-template-columns:auto 1fr auto;align-items:center;gap:.65em;display:grid}.bar-label{min-width:2.3em;font-size:clamp(14px,1.3vw,19px);font-weight:500}.bar-track{background:var(--ui-track);border-radius:999px;height:clamp(8px,.85vw,12px);position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #3a4e6847}.bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--ui-hp-a), var(--ui-hp-b));height:100%;box-shadow:inset 0 1px #ffffff73}.chk .bar-fill{background:linear-gradient(90deg, var(--ui-chk-a), var(--ui-chk-b))}.xp .bar-fill{background:linear-gradient(90deg, var(--ui-xp-a), var(--ui-xp-b))}.bar-number{font-variant-numeric:tabular-nums;color:var(--ui-ink-soft);text-align:right;min-width:5.5em;font-size:clamp(11px,.95vw,14px)}.bar-number small{opacity:.65}.dock{flex-direction:column;align-items:flex-end;gap:clamp(8px,1.4vh,14px);transition:opacity .12s;display:flex;position:absolute;bottom:clamp(12px,3vh,32px);right:clamp(12px,2vw,32px)}.status{width:clamp(300px,31vw,440px)}.status-body{align-items:center;gap:clamp(10px,1.4vw,20px);padding:.9em 1.2em 1em .8em;display:flex}.status-bars{flex:1;gap:.35em;display:grid}.status-name{align-items:center;gap:.6em;font-size:clamp(16px,1.6vw,23px);font-weight:500;display:flex}.command-stack{position:relative}.command{width:clamp(210px,19vw,280px)}.command-row{text-align:left;width:100%;box-shadow:inset 0 1px 0 var(--ui-hairline), inset 0 -1px 0 var(--ui-rule);align-items:center;gap:.6em;font-size:clamp(15px,1.4vw,20px);position:relative;padding:.75em 1.25em!important;display:flex!important}.command-row.selected{box-shadow:inset 4px 0 0 var(--ui-gold), inset 0 -1px 0 var(--ui-rule);background:linear-gradient(90deg, var(--ui-gold-wash), #f0e2c440 60%, transparent)!important}.command-row:not(.selected) span:first-child{padding-left:1.1em}.command-row .count{color:var(--ui-ink-soft);margin-left:auto;font-size:.85em}.submenu{position:absolute;bottom:0;right:0}.tools{width:clamp(240px,22vw,320px)}.techniques{width:clamp(330px,34vw,480px)}.technique-grid{grid-template-columns:1fr 1fr;display:grid}.technique{box-shadow:inset -1px 0 0 var(--ui-rule), inset 0 -1px 0 var(--ui-rule), inset 0 1px 0 var(--ui-hairline);align-items:center;gap:.75em;font-size:clamp(15px,1.4vw,20px);padding:1em 1.1em!important;display:flex!important}.technique.selected{background:linear-gradient(90deg, var(--ui-gold-wash), #f0e2c433 70%, transparent)!important}.technique-text{text-align:left;flex:1;gap:.2em;display:grid}.technique-meta{color:var(--ui-ink-soft);align-items:center;gap:.7em;font-size:.7em;display:flex}.technique-acc{font-variant-numeric:tabular-nums;margin-left:auto}.pip{background:linear-gradient(135deg, color-mix(in srgb, var(--pip) 45%, white), var(--pip) 50%, color-mix(in srgb, var(--pip) 72%, black));width:.95em;height:.95em;box-shadow:0 0 0 1px color-mix(in srgb, var(--pip) 60%, black), inset 1px 1px 0 #ffffff80;flex:none;transform:rotate(45deg)}.pip.blank{box-shadow:0 0 0 1.5px var(--ui-gold);background:0 0}.readout{background:linear-gradient(180deg, var(--ui-glass-top), var(--ui-glass-bottom));clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));min-width:clamp(120px,12vw,180px);box-shadow:inset 0 0 0 1px var(--ui-hairline);gap:.3em;padding:.35em .9em .5em;transition:opacity .12s;display:grid;position:absolute;transform:translate(-50%,-100%)}.readout.ally{min-width:0}.readout.foe{transform:translate(calc(-100% - 12vh),40%)}.readout-name{white-space:nowrap;justify-content:center;align-items:center;gap:.5em;font-size:clamp(12px,1.05vw,15px);font-weight:600;display:flex}.readout .bar-track{height:7px}.readout .bar-row{grid-template-columns:1fr}.icon{vertical-align:middle;background-repeat:no-repeat;flex:none;width:1.5em;height:1.5em;display:inline-block}.state-chips{gap:.1em;display:inline-flex}.state-icon{width:1.4em;height:1.4em}.crests{align-items:center;gap:.08em;margin-left:auto;display:inline-flex}.crest{width:1.05em;height:1.05em}.crest.off{opacity:.4;filter:grayscale(.85)}.crest.main{width:1.55em;height:1.55em;filter:drop-shadow(0 0 2px var(--ui-gold)) drop-shadow(0 0 4px var(--ui-gold))}.cost-tag{font-variant-numeric:tabular-nums;align-items:center;gap:.15em;display:inline-flex}.cost-tag .icon{width:1.45em;height:1.45em}.message{white-space:nowrap;background:linear-gradient(180deg, var(--ui-glass-top), var(--ui-glass-bottom));clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));box-shadow:inset 0 0 0 1px var(--ui-hairline);padding:.6em 1.6em;font-size:clamp(14px,1.35vw,19px);font-weight:500;position:absolute;top:clamp(52px,9vh,90px);left:50%;transform:translate(-50%)}.result{width:clamp(300px,30vw,420px);position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.result-body{gap:.9em;padding:1.2em 1.5em 1.4em;font-size:clamp(14px,1.2vw,17px);display:grid}.result-body p{margin:0}.result-capacity{font-family:var(--ui-serif);color:#8a6a2c;font-size:1.6em}.result-level{color:#2f6d3a;font-weight:600}.battle-ui .primary{box-shadow:inset 0 0 0 1px var(--ui-gold), 0 1px 0 #ffffffb3;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:linear-gradient(#f6ecd6,#e5cf9f);justify-self:end;padding:.6em 1.6em;font-weight:600}.battle-ui .primary:hover{background:linear-gradient(#fbf3e2,#ecd8ad)}.battle-ui.ui-hidden .dock,.battle-ui.ui-hidden .readout{opacity:0;pointer-events:none}.list-menu{width:clamp(240px,22vw,320px)}.list-menu .command-row{grid-template-columns:auto 1fr minmax(4em,38%) auto;display:grid!important}.list-menu .command-row:not(.selected) span:first-child{padding-left:0}.list-menu .bar-row{grid-template-columns:1fr}.submenu-static{position:relative}.center-panel{filter:drop-shadow(0 4px 14px #101a264d);width:min(520px,90vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.format-list{display:grid}.battle-ui .format{text-align:left;gap:.25em;display:grid!important}.format-name{font-family:var(--ui-serif);letter-spacing:.1em;text-transform:uppercase;font-weight:600}.format-note{color:var(--ui-ink-soft);font-size:.72em}.battle-ui .format:hover,.battle-ui .format:focus-visible{background:linear-gradient(90deg, var(--ui-gold-wash), transparent)!important}.test-panel{z-index:5;width:min(640px,94vw)}.test-body{gap:.8em;padding:1em 1.2em 1.2em;font-size:14px;display:grid}.test-loadout{border:1px solid var(--ui-rule);grid-template-columns:1fr 1fr;gap:.4em;padding:.6em .8em .8em;display:grid}.test-loadout legend{padding:0 .3em;font-weight:600}.test-panel select{font:inherit;pointer-events:auto;padding:.3em}.test-weather{align-items:center;gap:.8em;font-weight:600;display:flex}.test-actions{flex-wrap:wrap;justify-content:flex-end;gap:.8em;display:flex}.test-record{flex-wrap:wrap;align-items:center;gap:.6em;font-weight:600;display:flex}.test-note{color:var(--ui-ink-soft);flex-basis:100%;font-size:12px;font-weight:400}.rec-dot{background:#d62d2d;border-radius:50%;width:.7em;height:.7em;display:inline-block}.rec-badge{letter-spacing:.1em;color:#fff;background:#141a1799;align-items:center;gap:.4em;padding:.2em .7em;font-size:12px;font-weight:700;display:flex;position:absolute;top:clamp(52px,8vh,80px);left:clamp(12px,2vw,32px)}.loadout-list{gap:.6em;display:grid}.command-row.loadout{text-align:left;justify-items:start;gap:.2em;display:grid}.command-row.loadout.illegal{opacity:.7}.loadout-cost{color:var(--ui-ink-soft);margin-left:.6em;font-size:.8em;font-weight:400}.loadout-problem{color:#a23b2c}.test-panel{pointer-events:auto;max-height:92vh;overflow-y:auto}.test-loadouts{gap:.6em;display:grid}.test-tabs{flex-wrap:wrap;gap:.6em;display:flex}.test-tabs .on{outline:2px solid var(--ui-gold,#c39a4b)}.test-boosts{border:1px solid var(--ui-rule);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.4em;padding:.6em .8em .8em;display:grid}.test-boost{align-items:center;gap:.3em;font-weight:600;display:flex}.test-boost button{pointer-events:auto;min-width:1.8em}.test-cost{margin:0;font-weight:600}.test-cost.over{color:#a23b2c}:root{--ink:#f4efe2;--plate:#141a17b8;--edge:#f4efe238;--gutter:clamp(10px, 1.6vw, 20px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body,#root{background:#0b0f0d;height:100%;margin:0;overflow:hidden}.page{width:100%;height:100%;position:relative}.stage{position:absolute;inset:0}.stage canvas{display:block}.hud,.hints{align-items:center;gap:var(--gutter);padding:var(--gutter);pointer-events:none;display:flex;position:absolute;left:0;right:0}.hud{top:0}.hints{flex-wrap:wrap;justify-content:flex-start;bottom:0}.title{color:var(--ink);letter-spacing:.08em;text-shadow:0 1px 6px #000000b3;margin:0;font-size:clamp(16px,2.2vw,26px);font-weight:400;position:absolute;left:50%;transform:translate(-50%)}button{pointer-events:auto;font:inherit;color:var(--ink);background:var(--plate);border:1px solid var(--edge);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:14px}button:hover{border-color:var(--ink)}button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}kbd{border:1px solid var(--edge);border-radius:4px;margin-right:4px;padding:0 5px;font-family:ui-monospace,monospace}.anim-setting{pointer-events:auto;color:var(--ink);background:var(--plate);border:1px solid var(--edge);border-radius:6px;align-items:center;gap:6px;padding:3px 6px 3px 12px;font-size:14px;display:inline-flex}.anim-setting select{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0}.anim-setting select option{color:#111}