:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--hud-font:"Source Han Sans SC", "Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--hud-display:"STSong", "Songti SC", "Noto Serif CJK SC", Georgia, serif;--ink-950:#090b0d;--ink-900:#0f1215;--ink-850:#14181b;--ink-800:#191e22;--ink-700:#282d31;--paper-100:#f2eee4;--paper-200:#d9d2c4;--paper-300:#c2baac;--paper-400:#a89f90;--paper-500:#888176;--paper-600:#6e685f;--line-dim:#d9cab02e;--line-strong:#e5cfa666;--brass:#ba9255;--brass-bright:#dfbd78;--copper:#b45e48;--copper-bright:#da7055;--move:#55a8d4;--move-soft:#9bd4eb;--p1:#5eae70;--p1-soft:#9bd49d;--p2:#687fd3;--p2-soft:#a9b5ed;--enemy:#c7574d;--enemy-soft:#ef8b79;--warning:#d39d54;--success:#78b96e;--panel-bg:radial-gradient(circle at 18% 0%, #9a774617, transparent 42%), linear-gradient(145deg, #1a1c1ce8, #0b0d0fe0);--panel-shadow:0 18px 44px #00000061, inset 0 1px #fff6de0d, inset 0 0 0 1px #00000047;--cut-sm:8px;--cut-md:12px;--ease-out:cubic-bezier(.2, .75, .25, 1);--combat-rail-width:246px;--intent-rail-width:286px;--ability-slot-size:62px}html,body,#app{background:var(--ink-950);width:100%;height:100%;margin:0;overflow:hidden}#app{isolation:isolate;position:relative}*{box-sizing:border-box}button{appearance:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}.hud-root{z-index:20;min-width:1080px;min-height:620px;color:var(--paper-200);font:500 14px/1.35 var(--hud-font);letter-spacing:.015em;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.hud-root button,.hud-root dialog{font:inherit}.hud-root button{color:inherit}.hud-root button:focus-visible{outline:2px solid var(--brass-bright);outline-offset:2px}.hud-root button:not(:disabled){cursor:pointer}.hud-panel{background:var(--panel-bg);border:1px solid var(--line-dim);box-shadow:var(--panel-shadow);clip-path:polygon(0 var(--cut-md), var(--cut-md) 0, calc(100% - var(--cut-sm)) 0, 100% var(--cut-sm), 100% 100%, 0 100%);-webkit-backdrop-filter:none;backdrop-filter:none;position:relative}.hud-panel:before,.hud-panel:after{content:"";z-index:2;background:var(--brass);opacity:.65;pointer-events:none;width:26px;height:1px;position:absolute}.hud-panel:before{top:4px;left:9px}.hud-panel:after{bottom:4px;right:7px}.hud-top,.hud-left,.hud-right,.hud-log,.hud-actions,.hud-dock,.hud-toast,.hud-dialog{pointer-events:auto}.hud-battlefield{z-index:-1;pointer-events:auto;position:absolute;inset:0;overflow:hidden}.hud-battlefield canvas{outline:none;width:100%;height:100%;display:block}.hud-top{background:linear-gradient(#07090bf0,#0a0c0fb8 70%,#0000);grid-template-columns:1fr auto 1fr;align-items:start;gap:14px;height:70px;padding:0 14px;display:grid;position:absolute;inset:0 0 auto}.top-cluster{align-items:center;gap:8px;min-width:0;height:56px;display:flex}.top-cluster--right{justify-content:flex-end}.art-icon{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 3px #0000006b);flex:none;width:22px;height:22px;display:block}.art-icon[data-art-icon=battle-log]{transform:scale(1.14)}.art-icon[data-art-icon=ready]{transform:scale(1.16)}.brand-lockup{border-right:1px solid var(--line-dim);flex-direction:column;min-width:142px;padding:0 10px 0 4px;display:flex}.brand-lockup small{color:var(--paper-600);letter-spacing:.18em;font-size:10px}.brand-lockup strong{color:var(--paper-100);white-space:nowrap;font-size:14px}.icon-button,.text-button,.segmented button,.demo-dock>button{border:1px solid var(--line-dim);transition:border-color .14s var(--ease-out), color .14s var(--ease-out), background .14s var(--ease-out), transform .1s ease;background:linear-gradient(#3032319e,#111417d6);box-shadow:inset 0 1px #ffffff0b,0 4px 12px #00000026}.icon-button:hover,.text-button:hover,.segmented button:hover,.demo-dock>button:hover{color:var(--paper-100);border-color:var(--line-strong);background:linear-gradient(#4a453cad,#181a1be6)}.icon-button:active,.text-button:active,.segmented button:active,.demo-dock>button:active{transform:translateY(1px)}.icon-button{border-radius:3px;place-items:center;width:35px;height:35px;font-size:19px;display:grid}.icon-button>.art-icon{width:27px;height:27px}.text-button{white-space:nowrap;border-radius:3px;align-items:center;gap:6px;height:34px;padding:0 9px;font-size:12px;display:inline-flex}.segmented{border:1px solid #00000073;height:36px;display:flex;box-shadow:0 5px 16px #00000038}.segmented button{white-space:nowrap;border-width:0 1px 0 0;min-width:110px;padding:0 13px}.segmented button:last-child{border-right:0}.segmented button span{color:var(--paper-400);padding-left:3px}.segmented button.is-active{color:#fff4d8;background:linear-gradient(#b1813deb,#714c20f2);box-shadow:inset 0 0 0 1px #ffdc983d,0 0 18px #be85381f}.segmented button.is-active span{color:#f0d7a7}.segmented--compact button{justify-content:center;align-items:center;gap:5px;min-width:auto;padding:0 9px;font-size:12px;display:flex}.phase-plaque{min-width:320px;height:56px;color:var(--paper-100);border:1px solid var(--line-dim);clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,16px 100%);background:linear-gradient(#111417fa,#090b0ef2);border-top:0;grid-template-columns:1fr 1px 1.15fr;place-items:center;padding:0 22px 10px;display:grid;position:relative;box-shadow:0 10px 24px #00000061}.phase-plaque:before,.phase-plaque:after{content:"";background:linear-gradient(transparent, var(--brass));width:1px;height:100%;position:absolute;top:0;transform:skew(-16deg)}.phase-plaque:before{left:10px}.phase-plaque:after{right:10px}.phase-plaque>i{background:var(--brass);opacity:.6;width:1px;height:24px}.phase-plaque>span{align-items:center;gap:8px;display:flex}.phase-plaque>span strong{font-family:var(--hud-display);letter-spacing:.06em;font-size:18px}.phase-plaque>small{color:var(--paper-600);letter-spacing:.12em;font-size:9px;position:absolute;bottom:3px}.phase-plaque--player>span:last-of-type i{color:var(--p1-soft)}.phase-plaque--enemy>span:last-of-type i{color:var(--enemy-soft)}.seed-display{white-space:nowrap;align-items:baseline;gap:6px;padding:0 6px;display:flex}.seed-display small{color:var(--brass);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.seed-display strong{color:var(--paper-100);font:600 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.hud-left{background:var(--panel-bg);border:1px solid var(--line-dim);width:clamp(240px,17.2vw,278px);box-shadow:var(--panel-shadow);clip-path:polygon(0 var(--cut-md), var(--cut-md) 0, calc(100% - var(--cut-sm)) 0, 100% var(--cut-sm), 100% 100%, 0 100%);-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;gap:0;display:flex;position:absolute;top:80px;bottom:154px;left:12px;overflow:hidden}.roster{min-height:0;box-shadow:none;clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;flex:1 1 0;padding-bottom:5px}.roster:before,.roster:after{display:none}.roster--p1{border-bottom:1px solid var(--line-strong)}.panel-heading{border-bottom:1px solid var(--line-dim);height:38px;color:var(--paper-100);font:600 14px/1 var(--hud-display);letter-spacing:.08em;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.panel-heading__aside{color:var(--paper-600);font:500 10px/1 var(--hud-font);letter-spacing:.08em}.ready-chip{color:var(--paper-400);font:500 11px/1 var(--hud-font);letter-spacing:0;align-items:center;gap:5px;display:inline-flex}.roster--p1 .ready-chip.is-ready,.roster--p1 .panel-heading{color:var(--p1-soft)}.roster--p2 .ready-chip.is-ready,.roster--p2 .panel-heading{color:var(--p2-soft)}.roster__units{grid-template-rows:repeat(2,minmax(0,1fr));gap:4px;height:calc(100% - 38px);padding:5px;display:grid}.unit-card{text-align:left;min-height:0;transition:background .14s var(--ease-out), border-color .14s var(--ease-out), transform .14s var(--ease-out);background:#ffffff05;border:1px solid #0000;grid-template-columns:clamp(50px,4.25vw,66px) 1fr;gap:8px;padding:5px;display:grid;position:relative;overflow:hidden}.unit-card:before{content:"";background:var(--unit-color,var(--paper-600));width:3px;position:absolute;inset:0 auto 0 0}.unit-card--p1{--unit-color:var(--p1)}.unit-card--p2{--unit-color:var(--p2)}.unit-card:hover{border-color:var(--line-dim);background:#ffffff0e;transform:translate(2px)}.unit-card.is-selected{background:linear-gradient(90deg, color-mix(in srgb, var(--unit-color) 16%, transparent), #ffffff0a);border-color:color-mix(in srgb, var(--unit-color) 60%, transparent)}.unit-card.is-defeated{filter:grayscale(.9);opacity:.52}.unit-card[aria-disabled=true]:not(.is-selected){opacity:.66}.unit-card__key{z-index:2;color:#fff;background:color-mix(in srgb, var(--unit-color) 72%, #0b0d0f);border:1px solid color-mix(in srgb, var(--unit-color) 80%, white);min-width:21px;height:21px;font:700 12px/1 var(--hud-font);place-items:center;display:grid;position:absolute;top:2px;left:2px}.unit-portrait{aspect-ratio:1;background-color:#111618;border:1px solid #ffffff24;display:block;overflow:hidden;box-shadow:inset 0 0 18px #00000047}.unit-portrait>img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.unit-card>.unit-portrait{align-self:center;width:100%;height:auto}.unit-card__content{flex-direction:column;justify-content:space-between;min-width:0;padding:2px 2px 1px 0;display:flex}.unit-card__name-row,.unit-card__meta,.unit-card__resources{align-items:center;display:flex}.unit-card__name-row{justify-content:space-between;gap:5px}.unit-card__name-row strong{min-width:0;color:var(--paper-100);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.unit-card__status{color:var(--paper-600);white-space:nowrap;font-size:10px}.unit-card__meta{color:var(--paper-400);justify-content:space-between;font-size:10px}.unit-card__resources{gap:4px}.health-track{background:#000000b3;border:1px solid #ffffff1a;height:5px;display:block;position:relative;overflow:hidden}.health-track>span{background:linear-gradient(90deg,#3a8e5c,#66bd7b);height:100%;display:block;box-shadow:0 0 8px #50ba7359}.resource-pip{border:0;border-right:1px solid var(--line-dim);height:19px;color:var(--paper-200);font:600 10px/1 var(--hud-font);background:0 0;align-items:center;gap:3px;padding:0 6px 0 2px;display:inline-flex}.resource-pip:last-child{border-right:0}.resource-pip--move i{color:var(--move-soft)}.resource-pip--main i{color:var(--brass-bright)}.resource-pip--bonus i{color:var(--p2-soft)}.hud-right{background:var(--panel-bg);border:1px solid var(--line-dim);width:clamp(310px,22vw,352px);box-shadow:var(--panel-shadow);clip-path:polygon(0 var(--cut-md), var(--cut-md) 0, calc(100% - var(--cut-sm)) 0, 100% var(--cut-sm), 100% 100%, 0 100%);-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;gap:0;display:flex;position:absolute;top:80px;bottom:190px;right:12px;overflow:hidden}#hud-intents{flex:52%;min-height:160px;overflow:hidden}.intent-panel{height:100%;box-shadow:none;clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.intent-panel:before,.intent-panel:after{display:none}.intent-list{scrollbar-width:thin;scrollbar-color:var(--paper-600) transparent;height:calc(100% - 38px);padding:4px 6px 7px;overflow:auto}.intent-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #ddccaf1a;grid-template-columns:42px 16px 1fr auto;align-items:center;gap:7px;width:100%;min-height:52px;padding:4px 3px;transition:background .13s;display:grid}.intent-row:hover{background:#c4574914}.intent-row__portrait{width:42px;height:42px}.intent-row__index{color:var(--enemy-soft);font:700 11px/1 var(--hud-font);align-self:start;margin-top:2px}.intent-row__copy{flex-direction:column;min-width:0;display:flex}.intent-row__copy strong{color:var(--paper-100);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.intent-row__copy small{color:var(--paper-400);align-items:center;gap:4px;font-size:11px;display:flex}.intent-row__copy small i{color:var(--enemy-soft)}.intent-row__target{color:var(--enemy-soft);white-space:nowrap;font-size:11px}#hud-inspector{border-top:1px solid var(--line-strong);flex-direction:column;gap:0;min-height:240px;display:flex}#hud-inspector>*{border-top:1px solid #d9cab01a}#hud-inspector>:first-child{border-top:0}#hud-inspector .hud-panel{box-shadow:none;clip-path:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}#hud-inspector .hud-panel:before,#hud-inspector .hud-panel:after{display:none}.selected-panel{padding:10px 12px 9px}.selected-panel__identity{grid-template-columns:minmax(0,1fr) 92px;gap:12px;margin-bottom:9px;display:grid}.selected-panel__portrait{border-color:#dfbd7857;grid-area:1/2;width:92px;height:92px;box-shadow:inset 0 0 22px #0000004d,0 8px 18px #00000038}.selected-panel__identity>span:last-child{flex-direction:column;grid-area:1/1;justify-content:center;min-width:0;display:flex}.selected-panel__identity small{color:var(--brass);letter-spacing:.12em;font-size:11px}.selected-panel__identity strong{color:var(--paper-100);font:600 19px/1.35 var(--hud-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selected-panel__identity em{color:var(--paper-400);font-size:11px;font-style:normal;line-height:1.45}.selected-panel__health{grid-template-columns:48px 1fr auto;align-items:center;gap:7px;margin-bottom:7px;font-size:11px;display:grid}.selected-panel__health>span:first-child{color:var(--paper-400);gap:4px;display:flex}.selected-panel__health>span:first-child i{color:var(--enemy-soft)}.selected-panel__health strong{color:var(--paper-100);font-size:11px}.selected-panel__health .health-track{height:7px}.stat-grid{border-top:1px solid var(--line-dim);grid-template-columns:1fr 1fr;margin:0;display:grid}.stat-grid>div{border-bottom:1px solid var(--line-dim);justify-content:space-between;padding:5px 6px;display:flex}.stat-grid>div:nth-child(odd){border-right:1px solid var(--line-dim)}.stat-grid dt{color:var(--paper-400);align-items:center;gap:4px;font-size:11px;display:flex}.stat-grid dd{color:var(--paper-100);font:600 12px/1 var(--hud-font);margin:0}.stat-grid i{color:var(--brass)}.weapon-strip{grid-template-columns:34px 1fr auto auto;align-items:center;gap:8px;margin-top:7px;display:grid}.weapon-strip__icon{width:32px;height:32px;color:var(--brass-bright);border:1px solid var(--line-strong);background:#b4874917;place-items:center;font-size:18px;display:grid}.weapon-strip__icon .art-icon{width:29px;height:29px}.weapon-strip>span:not(.weapon-strip__icon){flex-direction:column;display:flex}.weapon-strip small{color:var(--paper-600);font-size:10px}.weapon-strip strong{color:var(--paper-100);font-size:12px}.ammo-state{color:var(--warning);border-left:1px solid var(--line-dim);padding-left:8px;font-size:10px}.ammo-state.is-loaded{color:var(--success)}.selected-panel--empty,.action-grid--empty{min-height:100px;color:var(--paper-400);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.selected-panel--empty>i{color:var(--brass);font-size:26px}.selected-panel--empty strong{color:var(--paper-100)}.selected-panel--empty span{max-width:240px;font-size:10px}.combat-preview{box-shadow:none;background:#0507082e;border:0;padding:8px 10px}.combat-preview header{color:var(--paper-400);justify-content:space-between;margin-bottom:7px;font-size:10px;display:flex}.combat-preview header>span{align-items:center;gap:4px;display:flex}.combat-preview header strong{color:var(--paper-100)}.preview-values{background:var(--line-dim);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.preview-values>span{background:var(--ink-900);justify-content:space-between;align-items:baseline;padding:5px 7px;display:flex}.preview-values small{color:var(--paper-600);font-size:10px}.preview-values strong{color:var(--paper-100);font-size:13px}.preview-flags{color:var(--paper-400);justify-content:space-between;gap:8px;margin-top:6px;font-size:10px;display:flex}.preview-flags span{align-items:center;gap:3px;display:flex}.preview-flags .is-danger{color:var(--enemy-soft)}.preview-flags .is-accent{color:var(--brass-bright)}.preview-reason{color:var(--enemy-soft);align-items:center;gap:5px;margin:6px 0 0;font-size:10px;display:flex}.combat-preview--empty{min-height:50px;color:var(--paper-600);align-items:center;gap:9px;font-size:10px;display:flex}.combat-preview--empty i{color:var(--brass);font-size:20px}.context-hint{min-width:0;color:var(--paper-400);border-left:2px solid var(--move);background:#090c0e6b;align-items:flex-start;gap:7px;padding:7px 10px;font-size:11px;display:flex}.context-hint i{color:var(--move-soft);margin-top:1px}.context-hint span{min-width:0}.hud-log{width:clamp(320px,25vw,382px);height:124px;position:absolute;bottom:16px;left:12px}.battle-log{height:100%}.battle-log ol{height:calc(100% - 38px);margin:0;padding:5px 10px 8px;list-style:none;overflow:hidden}.log-entry{border-bottom:1px solid #ffffff09;grid-template-columns:24px 1fr;align-items:start;gap:5px;min-height:18px;padding:2px 0;font-size:11px;display:grid}.log-entry>span{color:var(--paper-600);font:500 10px/1.5 ui-monospace,monospace}.log-entry p{margin:0}.log-entry--ally p{color:var(--p1-soft)}.log-entry--enemy p{color:var(--enemy-soft)}.log-entry--warning p{color:var(--warning)}.log-entry--success p{color:var(--success)}.log-entry--info p{color:var(--paper-400)}.hud-actions{width:clamp(440px,33vw,528px);height:164px;position:absolute;bottom:16px;right:12px}.command-deck{clip-path:none;border-color:var(--line-strong);border-radius:6px;height:100%;padding:7px;overflow:visible}.action-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;height:102px;display:grid}.action-grid--count-6{grid-template-columns:repeat(3,minmax(0,1fr))}.action-button{min-width:0;color:var(--paper-200);border:1px solid var(--line-dim);background:linear-gradient(#31312f94,#111315e6);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:5px 3px;transition:border-color .12s,background .12s,transform .1s;display:flex;position:relative;overflow:visible}.action-grid--count-6 .action-button{flex-direction:row;justify-content:flex-start;gap:7px;padding:4px 9px}.action-grid--count-6 .action-button>.art-icon{width:29px;height:29px}.action-button>i{color:var(--paper-200);font-size:22px}.action-button>.art-icon{width:34px;height:34px;transition:filter .12s,transform .12s}.action-button>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.action-button>small{color:var(--paper-400);font:600 10px/1 ui-monospace,monospace;position:absolute;top:4px;right:5px}.action-button:not(:disabled):hover{color:#fff;border-color:var(--line-strong);background:linear-gradient(#54483ab3,#1a1817eb);transform:translateY(-1px)}.action-button:not(:disabled):hover>.art-icon{filter:brightness(1.12)drop-shadow(0 3px 5px #00000080);transform:translateY(-1px)scale(1.04)}.action-button.is-selected{color:#fff4dc;border-color:var(--brass-bright);background:linear-gradient(#795b31e0,#35291af5);box-shadow:inset 0 0 0 1px #ffdb9921,0 0 14px #c0914429}.action-button.is-selected[data-action-type=MOVE]{color:#e8f8ff;border-color:var(--move-soft);background:linear-gradient(#2e6b87e6,#183746f7);box-shadow:inset 0 0 0 1px #b1e0f41f,0 0 14px #4a9cc233}.action-button.is-selected[data-action-type=ATTACK]{color:#fff0e9;border-color:var(--enemy-soft);background:linear-gradient(#923f33e6,#481f1bf7);box-shadow:inset 0 0 0 1px #ffb8a41f,0 0 14px #c44d3730}.action-button.is-selected[data-action-type=HEAL]{color:#efffec;background:linear-gradient(#3d6f3ce6,#1e3e21f7);border-color:#9fd395;box-shadow:inset 0 0 0 1px #cff4c61f,0 0 14px #5ba0542e}.action-button[aria-disabled=true]{cursor:not-allowed;opacity:.5;filter:grayscale(.62)}[data-tooltip]:after{z-index:80;content:attr(data-tooltip);width:max-content;max-width:230px;color:var(--paper-200);border:1px solid var(--line-strong);opacity:0;pointer-events:none;background:#080a0cfa;padding:6px 8px;font-size:11px;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);box-shadow:0 8px 24px #0006}[data-tooltip]{position:relative}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}.hud-top [data-tooltip]:after{top:calc(100% + 8px);bottom:auto;transform:translate(-50%,-4px)}.hud-top [data-tooltip]:hover:after,.hud-top [data-tooltip]:focus-visible:after{transform:translate(-50%)}.top-cluster--left>[data-tooltip]:first-child:after{left:0;transform:translateY(-4px)}.top-cluster--left>[data-tooltip]:first-child:hover:after,.top-cluster--left>[data-tooltip]:first-child:focus-visible:after{transform:translate(0)}.top-cluster--right>[data-tooltip]:last-child:after{left:auto;right:0;transform:translateY(-4px)}.top-cluster--right>[data-tooltip]:last-child:hover:after,.top-cluster--right>[data-tooltip]:last-child:focus-visible:after{transform:translate(0)}.action-button:nth-child(5n):after{left:auto;right:0;transform:translateY(4px)}.action-button:nth-child(5n):hover:after,.action-button:nth-child(5n):focus-visible:after{transform:translate(0)}.action-grid--count-6 .action-button:nth-child(3n):after{left:auto;right:0;transform:translateY(4px)}.action-grid--count-6 .action-button:nth-child(3n):hover:after,.action-grid--count-6 .action-button:nth-child(3n):focus-visible:after{transform:translate(0)}.end-phase-button{color:#f9e6d9;width:100%;height:43px;font:700 14px/1 var(--hud-display);letter-spacing:.08em;background:linear-gradient(#a34e42,#653028);border:1px solid #8d4439;justify-content:center;align-items:center;gap:9px;margin-top:5px;transition:filter .12s,transform .1s;display:flex;box-shadow:inset 0 0 0 2px #ffceb112,inset 0 10px 20px #ffffff06,0 6px 18px #3e0c0747}.end-phase-button>.art-icon{width:30px;height:30px}.end-phase-button>span{white-space:nowrap}.end-phase-button:not(:disabled):hover{filter:brightness(1.14)}.end-phase-button:not(:disabled):active{transform:translateY(1px)}.end-phase-button:disabled{color:var(--paper-600);border-color:var(--line-dim);background:var(--ink-800);box-shadow:none}.hud-dock{flex-direction:column;align-items:center;gap:6px;min-width:360px;display:flex;position:absolute;bottom:16px;left:max(50% - 300px,400px);right:max(50% - 300px,550px)}.demo-dock,.ready-dock{border:1px solid var(--line-dim);-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a0c0ec2;padding:5px;display:flex;box-shadow:0 10px 28px #00000052}.demo-dock{gap:4px;max-width:100%}.demo-dock>button{white-space:nowrap;align-items:center;gap:5px;height:32px;padding:0 8px;font-size:10px;display:flex;position:relative}.demo-dock>button .art-icon{width:24px;height:24px}.demo-dock.has-progress>button{flex:0 0 34px;justify-content:center;width:34px;padding-inline:0}.demo-dock.has-progress>button>span{display:none}.demo-progress{background:var(--ink-900);grid-template-columns:1fr auto;align-items:center;width:142px;margin-left:5px;padding:0 7px;display:grid;position:relative;overflow:hidden}.demo-progress>i{background:var(--brass-bright);height:2px;position:absolute;inset:auto 0 0}.demo-progress strong{color:var(--paper-200);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.demo-progress small{color:var(--paper-600);font-size:8px}.demo-controls{gap:3px;margin-left:1px;display:flex}.demo-controls button{width:30px;height:30px;color:var(--paper-200);border:1px solid var(--line-dim);background:var(--ink-800);place-items:center;display:grid;position:relative}.demo-controls button:hover{color:var(--paper-100);border-color:var(--line-strong);background:#292d30}.ready-dock{gap:6px}.ready-dock.is-solo{display:none}.player-ready{border-left:2px solid var(--player-color);align-items:center;gap:8px;padding:0 5px 0 8px;display:flex}.player-ready--p1{--player-color:var(--p1)}.player-ready--p2{--player-color:var(--p2)}.player-ready>span{flex-direction:column;min-width:72px;display:flex}.player-ready small{color:var(--paper-600);font-size:8px}.player-ready strong{color:var(--paper-200);font-size:9px}.player-ready button{height:28px;color:var(--paper-200);border:1px solid color-mix(in srgb, var(--player-color) 55%, transparent);background:color-mix(in srgb, var(--player-color) 19%, var(--ink-900));align-items:center;gap:4px;padding:0 8px;font-size:9px;display:flex}.player-ready button .art-icon{width:22px;height:22px}.player-ready button:hover:not(:disabled){background:color-mix(in srgb, var(--player-color) 32%, var(--ink-900))}.player-ready.is-ready button{color:var(--warning);background:#d39d541a;border-color:#d39d5466}.player-ready button:disabled{opacity:.35}.hud-toast{min-width:260px;max-width:520px;color:var(--paper-100);border:1px solid var(--line-strong);opacity:0;transition:opacity .18s ease, transform .22s var(--ease-out);background:#0d1012f5;justify-content:center;align-items:center;gap:8px;padding:10px 15px;display:flex;position:absolute;top:76px;left:50%;transform:translate(-50%,-8px);box-shadow:0 12px 30px #0006}.hud-toast.is-visible{opacity:1;transform:translate(-50%)}.hud-toast--success i{color:var(--success)}.hud-toast--warning i{color:var(--warning)}.hud-toast--danger i{color:var(--enemy-soft)}.hud-toast--info i{color:var(--move-soft)}.empty-state{height:100%;color:var(--paper-600);justify-content:center;align-items:center;gap:7px;margin:0;font-size:10px;display:flex}.hud-dialog{width:min(620px,100vw - 40px);color:var(--paper-200);border:1px solid var(--line-strong);clip-path:polygon(0 18px,18px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 18px),calc(100% - 18px) 100%,12px 100%,0 calc(100% - 12px));background:linear-gradient(145deg,#1b1f22 0%,#0e1114 72%);margin:auto;padding:26px;position:fixed;inset:0;overflow:visible;box-shadow:0 30px 100px #000000bf,inset 0 1px #ffffff0a}.hud-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(circle at 50% 45%,#1217188c,#040507e0)}.hud-dialog h2{color:var(--paper-100);font:600 25px/1.2 var(--hud-display);letter-spacing:.04em;margin:4px 0 8px}.hud-dialog p{color:var(--paper-400);margin:0;line-height:1.65}.hud-dialog footer{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.hud-dialog footer button{border:1px solid var(--line-strong);min-width:116px;height:38px;padding:0 15px}.dialog-primary{color:#fff0dc;background:linear-gradient(#a14e41,#663028)}.dialog-primary:hover{filter:brightness(1.15)}.dialog-primary.is-danger{background:linear-gradient(#a33e36,#5f2521)}.dialog-secondary{color:var(--paper-200);background:var(--ink-800)}.dialog-secondary:hover{background:#292d2f}.dialog-close{width:32px;height:32px;color:var(--paper-400);border:1px solid var(--line-dim);background:0 0;place-items:center;display:grid;position:absolute;top:13px;right:13px}.dialog-close:hover{color:var(--paper-100);border-color:var(--line-strong)}.dialog-ornament{pointer-events:none;border:1px solid #ba92551f;position:absolute;inset:7px}.tutorial-dialog>header small,.outcome-dialog>small{color:var(--brass-bright);text-transform:uppercase;letter-spacing:.2em;font-size:10px}.tutorial-dialog>header{max-width:500px}.tutorial-steps{grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 0;padding:0;list-style:none;display:grid}.tutorial-steps li{border:1px solid var(--line-dim);background:#ffffff06;min-height:150px;padding:28px 13px 13px;position:relative}.tutorial-steps li>span{color:#ba925580;font:600 10px/1 ui-monospace,monospace;position:absolute;top:7px;right:8px}.tutorial-steps div{flex-direction:column;gap:6px;display:flex}.tutorial-steps div>i{color:var(--brass-bright);font-size:26px}.tutorial-steps strong{color:var(--paper-100)}.tutorial-steps p{font-size:10px}.tutorial-duo-note{color:var(--paper-400);background:#587b8b14;border:1px solid #6c9eb43d;align-items:center;gap:9px;margin-top:10px;padding:9px 11px;font-size:10px;display:flex}.tutorial-duo-note>i{color:var(--p2-soft);flex:none;font-size:20px}.tutorial-duo-note strong{color:var(--paper-100)}.confirm-dialog{text-align:center;width:min(430px,100vw - 40px)}.dialog-symbol{width:50px;height:50px;color:var(--warning);background:#d39d5414;border:1px solid #d39d5457;place-items:center;margin:0 auto 10px;font-size:25px;display:grid;transform:rotate(45deg)}.dialog-symbol i{transform:rotate(-45deg)}.confirm-dialog footer{justify-content:center}.outcome-dialog{text-align:center;width:min(470px,100vw - 40px)}.outcome-mark{width:72px;height:72px;color:var(--brass-bright);border:1px solid var(--brass);background:radial-gradient(circle,#3a3429,#151719 68%);place-items:center;margin:-62px auto 18px;font-size:34px;display:grid;transform:rotate(45deg);box-shadow:0 0 30px #ba92552e}.outcome-mark i{transform:rotate(-45deg)}.outcome-mark.is-defeat{color:var(--enemy-soft);border-color:var(--enemy);box-shadow:0 0 30px #c7574d29}.outcome-dialog footer{justify-content:center}.review-dialog{width:min(650px,100vw - 40px)}.review-dialog header p{margin-bottom:0}.review-list{gap:6px;max-height:min(430px,55vh);margin:18px 0 0;padding:0 4px 0 0;list-style:none;display:grid;overflow-y:auto}.review-command{border:1px solid var(--line-dim);background:#ffffff06;grid-template-columns:46px 150px 1fr;align-items:center;gap:10px;min-height:46px;padding:7px 10px;display:grid}.review-command>span{color:var(--brass-bright);font:600 11px/1 ui-monospace,monospace}.review-command>strong{color:var(--paper-100);font-size:12px}.review-command>p{color:var(--paper-400);margin:0;font-size:11px}.review-command--invalid{border-color:#c7574d59}.review-command--invalid>span{color:var(--enemy-soft)}.review-empty{color:var(--paper-400);text-align:center;border:1px dashed var(--line-dim);padding:30px}@media (max-width:1360px),(max-height:790px){.hud-root{font-size:13px}.hud-top{gap:8px;height:62px;padding-inline:8px}.top-cluster{gap:5px;height:50px}.brand-lockup{min-width:130px}.brand-lockup small{display:none}.segmented button{min-width:94px;padding-inline:8px}.phase-plaque{min-width:280px;height:51px}.top-cluster--right .segmented{display:flex}.top-cluster--right .segmented button{white-space:nowrap;min-width:84px;padding-inline:6px}.hud-left{gap:0;width:236px;top:68px;bottom:140px;left:8px}.hud-right{gap:0;width:308px;top:68px;bottom:152px;right:8px}.panel-heading{height:32px}.roster__units{height:calc(100% - 32px)}.unit-card{grid-template-columns:50px 1fr;gap:6px;padding:3px}.unit-card__meta span:first-child{display:none}.resource-pip{padding-inline:3px}#hud-intents{min-height:138px}.intent-list{height:calc(100% - 32px)}.intent-row{grid-template-columns:30px 13px 1fr auto;min-height:38px}.intent-row__portrait{width:30px;height:30px}#hud-inspector{gap:0;min-height:255px}.selected-panel{padding:7px 9px}.selected-panel__identity{grid-template-columns:minmax(0,1fr) 84px;margin-bottom:5px}.selected-panel__portrait{width:84px;height:84px}.selected-panel__identity em{display:none}.stat-grid>div{padding-block:3px}.weapon-strip{margin-top:4px}.combat-preview{padding:6px 8px}.context-hint{align-items:center;min-height:26px;max-height:26px;padding-block:4px;overflow:hidden}.context-hint i{margin-top:0}.context-hint span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hud-log{width:328px;height:124px;bottom:8px;left:8px}.battle-log ol{height:calc(100% - 32px)}.log-entry{min-height:18px;padding:2px 0}.hud-actions{width:446px;height:136px;bottom:8px;right:8px}.command-deck{padding:5px}.action-grid{height:82px}.action-button>i{font-size:18px}.action-button>.art-icon{width:28px;height:28px}.action-button>span{font-size:11px}.end-phase-button{height:37px;margin-top:4px}.hud-dock{min-width:348px;bottom:8px;left:344px;right:462px}.demo-dock>button{padding-inline:6px}.tutorial-dialog{padding:22px}.tutorial-steps{margin-top:14px}.tutorial-steps li{min-height:132px}}@media (max-width:1180px){.brand-lockup{display:none}.top-cluster--right .text-button{justify-content:center;width:34px;padding:0;font-size:0}.top-cluster--right .text-button i{font-size:15px}.top-cluster--right .text-button .art-icon{width:25px;height:25px}.phase-plaque{min-width:260px}.hud-dock{min-width:276px;left:318px;right:454px}.demo-dock>button{flex:0 0 34px;justify-content:center;width:34px;padding-inline:0}.demo-dock>button>span,.player-ready>span{display:none}}@media (prefers-reduced-motion:reduce){.hud-root *,.hud-root :before,.hud-root :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hud-top{background:linear-gradient(#07090beb,#080a0ca3 72%,#0000);grid-template-columns:104px 360px 1fr 132px;align-items:center;gap:8px;height:58px;padding:7px 12px}.top-menu-button,.core-demo-button,.top-end-phase{min-width:0;height:40px;color:var(--paper-200);white-space:nowrap;background:linear-gradient(#272c2ee6,#0f1214f0);border:1px solid #cbd5d938;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:0 12px;transition:border-color .12s,background .12s,transform .1s;display:flex;box-shadow:inset 0 1px #ffffff0b,0 5px 16px #0305063d}.top-menu-button:hover,.core-demo-button:hover,.top-end-phase:not(:disabled):hover{background:linear-gradient(#3d392feb,#161614f5);border-color:#e2c38494}.top-menu-button:active,.core-demo-button:active,.top-end-phase:not(:disabled):active{transform:translateY(1px)}.top-menu-button>i,.core-demo-button>i{font-size:18px}.core-demo-button{color:#f2dfb9;border-color:#d0aa6261;justify-self:end}.top-end-phase{color:#fae9df;background:linear-gradient(#91473d,#5b2b26);border-color:#b14d40b8}.hud-top .phase-plaque{clip-path:none;background:#0c0f11e6;border:1px solid #cbd5d92e;border-radius:5px;grid-template-columns:auto 1px auto minmax(0,1fr);justify-items:start;gap:12px;width:360px;min-width:0;height:44px;padding:0 14px;box-shadow:0 5px 18px #02040547}.hud-top .phase-plaque>span{gap:6px}.hud-top .phase-plaque>span strong{font:650 14px/1 var(--hud-display);letter-spacing:.025em}.hud-left{width:352px;height:76px;box-shadow:none;clip-path:none;background:0 0;border:0;display:block;top:auto;bottom:16px;left:16px;overflow:visible}.squad-ribbon{background:#090c0ee6;border:1px solid #cbd5d933;border-radius:6px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;height:100%;padding:4px;display:grid;box-shadow:0 10px 28px #0204055c,inset 0 1px #ffffff09}.squad-unit{--unit-color:var(--p1);border:1px solid color-mix(in srgb, var(--unit-color) 34%, #ffffff1f);min-width:0;color:var(--paper-200);background:linear-gradient(180deg, color-mix(in srgb, var(--unit-color) 9%, #1c2022), #111416);border-radius:4px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:4px;padding:4px;transition:border-color .12s,background .12s,transform .1s;display:grid;position:relative;overflow:hidden}.squad-unit--p1{--unit-color:var(--p1)}.squad-unit:not([aria-disabled=true]):hover{border-color:color-mix(in srgb, var(--unit-color) 72%, white);transform:translateY(-1px)}.squad-unit[aria-disabled=true]{opacity:.5}.squad-unit.is-defeated{filter:grayscale(.9)}.squad-unit__portrait{border-radius:3px;width:38px;height:38px}.squad-unit__key{color:#fff;background:color-mix(in srgb, var(--unit-color) 72%, #101315);min-width:17px;height:17px;font:700 10px/1 var(--hud-font);border-radius:3px;place-items:center;display:grid;position:absolute;top:2px;left:2px}.squad-unit__summary{gap:4px;min-width:0;display:grid}.squad-unit__summary>span:first-child{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.squad-unit__summary strong,.squad-unit__summary small{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.squad-unit__summary strong{color:var(--paper-100);font-size:11px}.squad-unit__summary small{color:var(--paper-600);font-size:10px}.squad-unit__summary .health-track{width:100%;height:4px}.squad-unit__resources{align-items:center;gap:3px;display:flex}.squad-unit .resource-pip{border:0;gap:1px;height:14px;padding:0;font-size:10px}.squad-unit .resource-pip i{font-size:11px}.hud-actions{width:570px;height:118px;bottom:16px;left:50%;right:auto;transform:translate(-50%)}.command-deck{background:linear-gradient(#111415f6,#070a0cf4);border-color:#e2c38447;border-radius:7px;height:100%;padding:6px;box-shadow:0 13px 32px #0103047a,inset 0 1px #ffffff0b}.command-deck__identity{border-bottom:1px solid #cbd5d91c;grid-template-columns:minmax(0,1.25fr) 102px minmax(196px,1fr);align-items:center;gap:9px;height:46px;padding:0 3px 6px;display:grid}.command-deck__name strong,.command-deck__name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.command-deck__name strong{color:var(--paper-100);letter-spacing:.02em;font-size:12px}.command-deck__vitality{gap:4px;min-width:0;display:grid}.command-deck__vitality>span:first-child{color:var(--paper-500);justify-content:space-between;align-items:baseline;display:flex}.command-deck__vitality small{font-size:9px}.command-deck__resources{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;min-width:0;display:grid}.command-deck__resources>span{min-width:0;height:34px;color:var(--paper-400);background:#ffffff06;border:1px solid #cbd5d921;border-radius:4px;grid-template-rows:14px 14px;grid-template-columns:15px minmax(0,1fr);align-items:center;padding:3px 5px;display:grid}.command-deck__resources i{color:var(--brass-bright);grid-row:1/3;font-size:13px}.command-deck__resources small{color:var(--paper-600);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.command-deck__resources strong{color:var(--paper-100);font:650 10px/1 ui-monospace,monospace}.command-deck__resources [data-resource-kind=MOVE] i{color:var(--move-soft)}.command-deck__resources [data-resource-kind=STANDARD] i{color:#e6b3a7}.command-deck__resources [data-resource-kind=QUICK] i{color:#b7a6dc}.command-deck .action-grid{align-items:stretch;gap:5px;height:58px;padding-top:6px;display:flex}.command-deck .action-button,.command-deck .action-grid--count-6 .action-button{border-radius:4px;flex-direction:row;justify-content:flex-start;gap:7px;width:164px;min-width:0;padding:5px 7px 5px 24px;position:relative}.command-deck .action-button>.art-icon,.command-deck .action-grid--count-6 .action-button>.art-icon{flex:0 0 36px;width:36px;height:36px}.command-deck .action-button>kbd{width:16px;height:16px;color:var(--paper-500);background:#040607a3;border:1px solid #cbd5d929;border-radius:3px;place-items:center;font:600 9px/1 ui-monospace,monospace;display:grid;position:absolute;top:4px;left:4px}.command-deck .action-button__copy{text-align:left;gap:3px;min-width:0;display:grid}.command-deck .action-button__copy strong,.command-deck .action-button__copy em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.command-deck .action-button__copy strong{color:var(--paper-100);font-size:11px;font-style:normal}.command-deck .action-button__copy em{color:var(--paper-600);font-size:9px;font-style:normal}.command-deck .action-button>.action-button__cost{color:#e4c58b;font:650 10px/1 var(--hud-font);background:#050708c2;border-radius:3px;padding:2px 4px;top:4px;right:5px}.command-deck .action-button.is-default{border-color:#cdab6657}.command-deck .action-button.is-default:before{content:"默认";color:#e1c691a3;letter-spacing:.08em;font-size:8px;position:absolute;bottom:3px;right:5px}.command-deck .sequence-end-button{width:114px;min-width:0;color:var(--paper-400);border:1px solid var(--line-dim);background:#181b1de0;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:5px;font-size:10px;display:flex}.command-deck .sequence-end-button .art-icon{width:27px;height:27px}.command-deck .action-grid--empty{height:58px}.hud-log{width:470px;height:38px;bottom:144px;left:50%;transform:translate(-50%)}.event-ticker{width:100%;height:100%;color:var(--paper-300);background:#090c0ed1;border:1px solid #cbd5d92e;border-radius:5px;grid-template-columns:20px minmax(0,1fr) 15px;align-items:center;gap:7px;padding:0 10px;display:grid;box-shadow:0 7px 20px #02040547}.event-ticker:hover{color:var(--paper-100);border-color:#e2c3847a}.event-ticker>i:first-child{color:var(--brass-bright)}.event-ticker>i:last-child{font-size:9px}.event-ticker>span{text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.hud-dock{align-items:flex-end;min-width:0;max-width:360px;bottom:16px;left:auto;right:16px}.hud-dock:empty{display:none}.hud-dock .ready-dock{background:#090c0ee6;border-radius:5px}.hud-dock .demo-dock{border-radius:5px}.hud-dock .demo-progress{width:220px;height:32px}.hud-lab{z-index:72;width:388px;color:var(--paper-200);pointer-events:auto;scrollbar-width:thin;scrollbar-color:var(--paper-600) transparent;background:linear-gradient(#101315fb,#080b0dfc);border-left:1px solid #d3b9804d;padding:0 10px 18px;position:absolute;inset:0 0 0 auto;overflow-y:auto;box-shadow:-18px 0 42px #0103047a}.hud-lab[hidden]{display:none}.hud-lab__header{z-index:2;background:#0d1012fa;border-bottom:1px solid #cbd5d929;justify-content:space-between;align-items:center;height:58px;margin:0 -10px 10px;padding:0 12px;display:flex;position:sticky;top:0}.hud-lab__header>span{align-items:center;gap:8px;display:flex}.hud-lab__header>span i{color:var(--brass-bright);font-size:18px}.hud-lab__header button{border:1px solid var(--line-dim);background:var(--ink-800);border-radius:4px;place-items:center;width:40px;height:40px;display:grid}.hud-lab__header button:hover{border-color:var(--line-strong);background:#292d2f}.lab-controls{gap:10px;margin-bottom:10px;display:grid}.lab-control-group{border-bottom:1px solid #cbd5d91f;gap:6px;padding-bottom:10px;display:grid}.lab-control-group>span{color:var(--paper-400);justify-content:space-between;font-size:10px;display:flex}.lab-control-group>span strong{color:var(--brass-bright);font:600 10px/1 ui-monospace,monospace}.lab-controls .segmented{width:100%}.lab-controls .segmented button{flex:1;min-width:0;height:38px;padding:0 8px}.lab-button-row,.lab-button-grid{gap:5px;display:grid}.lab-button-row{grid-template-columns:repeat(3,1fr)}.lab-button-grid{grid-template-columns:repeat(2,1fr)}.lab-button-row button,.lab-button-grid button{border:1px solid var(--line-dim);background:var(--ink-800);border-radius:4px;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:40px;padding:5px;font-size:10px;display:flex}.lab-button-row button:hover,.lab-button-grid button:hover{border-color:var(--line-strong);background:#292d2f}.lab-button-row .art-icon,.lab-button-grid .art-icon{width:25px;height:25px}.hud-lab #hud-intents,.hud-lab #hud-inspector,.hud-lab #hud-lab-log{gap:8px;height:auto;min-height:0;margin-bottom:10px;display:grid}.hud-lab .intent-panel,.hud-lab .battle-log{height:auto;min-height:0}.hud-lab .intent-list{height:auto;max-height:244px}.hud-lab .battle-log ol{height:auto;max-height:126px}.hud-lab .selected-panel__identity{grid-template-columns:minmax(0,1fr) 72px}.hud-lab .selected-panel__portrait{width:72px;height:72px}.hud-lab .selected-panel__identity em{display:none}@media (max-width:1360px),(max-height:790px){.hud-top{grid-template-columns:94px 330px 1fr 124px;height:54px;padding:5px 8px}.top-menu-button,.core-demo-button,.top-end-phase{height:40px;padding-inline:9px;font-size:11px}.hud-top .phase-plaque{width:330px;height:42px}.hud-left{width:344px;height:72px;top:auto;bottom:8px;left:8px}.hud-actions{width:540px;height:110px;bottom:8px;left:50%;right:auto}.hud-log{width:450px;height:36px;bottom:126px;left:50%}.hud-dock{min-width:0;bottom:8px;left:auto;right:8px}.command-deck__identity{grid-template-columns:minmax(0,1.15fr) 92px minmax(188px,1fr);gap:6px;height:44px}.command-deck__portrait{width:33px;height:33px}.command-deck__unit{grid-template-columns:33px minmax(0,1fr);gap:5px}.command-deck .action-grid,.command-deck .action-grid--empty{height:54px}.command-deck .action-button,.command-deck .action-grid--count-6 .action-button{width:153px}.squad-unit{grid-template-columns:36px minmax(0,1fr)}.squad-unit__portrait{width:36px;height:36px}}@media (max-width:1180px){.core-demo-button>span{display:none}.core-demo-button{justify-self:end;width:42px;padding:0}.hud-top{grid-template-columns:90px 320px 1fr 120px}.hud-top .phase-plaque{width:320px}.hud-top .phase-plaque>small{font-size:10px}.hud-left{width:328px}.hud-actions{width:520px}}:root{--combat-edge:clamp(10px, 1vw, 18px);--party-width:clamp(216px, 15.2vw, 246px);--command-width:clamp(650px, 48vw, 730px);--command-height:clamp(104px, 9vw, 116px);--ability-slot-size:clamp(60px, 4.4vw, 68px)}.hud-top{height:62px;padding:10px var(--combat-edge) 0;pointer-events:none;background:linear-gradient(#050709e0,#06080a6b 68%,#0000);grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;display:grid}.top-menu-button,.top-end-phase{height:42px;color:var(--paper-200);pointer-events:auto;background:linear-gradient(#23282bf0,#0c0f11f5);border:1px solid #cdd6d83d;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 14px;transition:border-color .12s,filter .12s,transform .1s;display:inline-flex;box-shadow:inset 0 1px #ffffff0d,0 7px 20px #0000004d}.top-menu-button{justify-self:start;min-width:92px}.top-menu-button>i{font-size:18px}.top-menu-button:hover{border-color:#e2c3848f}.top-menu-button:active,.top-end-phase:not(:disabled):active{transform:translateY(1px)}.top-end-phase{color:#fff0e8;min-width:158px;font:700 13px/1 var(--hud-display);letter-spacing:.04em;background:linear-gradient(#985044,#5f2c26);border-color:#ba5345b8;justify-self:end}.top-end-phase>.art-icon{width:24px;height:24px}.top-end-phase:not(:disabled):hover{filter:brightness(1.12)}.top-end-phase:disabled{opacity:.44;filter:grayscale(.45)}.hud-top .phase-plaque{clip-path:none;pointer-events:auto;background:#090c0eeb;border:1px solid #d1c5ae38;border-radius:6px;grid-column:2;grid-template-columns:auto 1px auto minmax(0,1fr);align-items:center;gap:12px;width:clamp(360px,31vw,430px);height:44px;padding:0 16px;display:grid;box-shadow:0 7px 22px #00000057,inset 0 1px #ffffff0a}.hud-top .phase-plaque:before,.hud-top .phase-plaque:after{display:none}.hud-top .phase-plaque>i{background:#ddc18b70;width:1px;height:20px}.hud-top .phase-plaque>span{align-items:center;gap:6px;display:inline-flex}.hud-top .phase-plaque>span>i{color:var(--brass-bright);font-size:15px}.hud-top .phase-plaque>span strong{color:var(--paper-100);font:650 14px/1 var(--hud-display);letter-spacing:.025em}.hud-top .phase-plaque>small{color:#b8c9cc;letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap;justify-self:end;min-width:0;font-size:11px;position:static;overflow:hidden}.hud-top .phase-plaque--enemy{border-color:#cc5b4a66}.core-demo-button{display:none!important}.hud-left{left:var(--combat-edge);width:var(--party-width);clip-path:none;height:auto;box-shadow:none;background:0 0;border:0;display:block;position:absolute;top:76px;bottom:auto;overflow:visible}.squad-rail{background:linear-gradient(145deg,#0f1316f0,#070a0ce6);border:1px solid #cdd6d833;border-radius:7px;gap:6px;width:100%;padding:7px;display:grid;box-shadow:0 15px 38px #0000004d,inset 0 1px #ffffff09}.squad-rail__heading{border-bottom:1px solid #d3c4a921;justify-content:space-between;align-items:center;height:30px;padding:0 4px 5px;display:flex}.squad-rail__heading>span{align-items:center;gap:7px;display:inline-flex}.squad-rail__heading i{color:var(--brass-bright);font-size:15px}.squad-rail__heading strong{color:var(--paper-100);font:650 13px/1 var(--hud-display);letter-spacing:.05em}.squad-rail__heading small{color:var(--paper-500);font-size:10px}.squad-rail__members{gap:5px;display:grid}.squad-unit{--unit-color:var(--p1);text-align:left;border:1px solid #c9d2d424;border-left:3px solid color-mix(in srgb, var(--unit-color) 72%, #dce9e3);background:linear-gradient(100deg, color-mix(in srgb, var(--unit-color) 8%, #151a1d), #0a0d0ff5 68%);border-radius:5px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-width:0;height:62px;padding:6px;transition:border-color .12s,background .12s,transform .1s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.squad-unit--p2{--unit-color:var(--p2)}.squad-unit:hover{border-color:color-mix(in srgb, var(--unit-color) 64%, white);transform:translate(2px)}.squad-unit.is-selected{border-color:color-mix(in srgb, var(--unit-color) 80%, white);background:linear-gradient(100deg, color-mix(in srgb, var(--unit-color) 20%, #182126), #0b0f11fa 72%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--unit-color) 19%, transparent), 0 0 15px color-mix(in srgb, var(--unit-color) 15%, transparent)}.squad-unit[data-actionable=false]{filter:saturate(.72)}.squad-unit.is-defeated{filter:grayscale(.9);opacity:.62}.squad-unit__portrait{border-color:color-mix(in srgb, var(--unit-color) 45%, #c4ced0);border-radius:4px;width:48px;height:48px}.squad-unit__key{color:#fff;background:color-mix(in srgb, var(--unit-color) 82%, #111416);border:1px solid #ffffff52;border-radius:3px;place-items:center;width:18px;height:18px;font:750 10px/1 ui-monospace,monospace;display:grid;position:absolute;top:3px;left:3px}.squad-unit__summary{grid-template-rows:auto auto 11px;align-items:center;gap:2px;min-width:0;display:grid}.squad-unit__title{min-width:0;display:block}.squad-unit__title strong{text-overflow:ellipsis;white-space:nowrap;color:var(--paper-100);font-size:12px;display:block;overflow:hidden}.squad-unit__meta{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.squad-unit__meta>small{color:var(--paper-500);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.squad-unit__status{color:var(--paper-500);white-space:nowrap;flex:none;align-items:center;gap:4px;font-size:9px;display:inline-flex}.squad-unit__status>i{background:var(--paper-600);border-radius:50%;width:6px;height:6px}.squad-unit__status.is-ready{color:#acd9ad}.squad-unit__status.is-ready>i{background:#75bd78;box-shadow:0 0 6px #75bd787a}.squad-unit__health{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;display:grid}.squad-unit__health .health-track{width:100%;height:5px}.squad-unit__health>strong{color:var(--paper-300);font:700 10px/1 ui-monospace,monospace}.hud-actions{left:50%;right:auto;bottom:var(--combat-edge);width:var(--command-width);height:var(--command-height);position:absolute;transform:translate(-50%)}.command-deck{clip-path:none;background:linear-gradient(145deg,#0f1315f7,#06090bf5);border:1px solid #dec4954d;border-radius:8px;grid-template-columns:minmax(178px,.86fr) minmax(135px,.66fr) minmax(270px,1.28fr);align-items:stretch;gap:8px;width:100%;height:100%;padding:8px;display:grid;overflow:visible;box-shadow:0 18px 46px #00000075,inset 0 1px #ffffff0b}.command-deck:before,.command-deck:after{display:none}.command-deck__identity{border-right:1px solid #d8c7a826;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:center;gap:6px;min-width:0;padding-right:9px;display:grid}.command-deck__unit{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.command-deck__portrait{background:#15191b;border:1px solid #e2c38473;border-radius:5px;width:48px;height:48px;overflow:hidden}.command-deck__portrait img{object-fit:cover;width:100%;height:100%;display:block}.command-deck__name{gap:4px;min-width:0;display:grid}.command-deck__name small,.command-deck__name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.command-deck__name small{color:var(--paper-500);font-size:10px}.command-deck__name strong{color:var(--paper-100);font:650 13px/1.15 var(--hud-display);letter-spacing:.025em}.command-deck__vitality{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-width:0;display:grid}.command-deck__vitality>span:first-child{align-items:baseline;gap:5px;display:inline-flex}.command-deck__vitality small{color:var(--paper-500);font-size:10px}.command-deck__vitality strong{color:#efb0a4;font:700 11px/1 ui-monospace,monospace}.command-deck__vitality .health-track{width:100%;height:6px}.command-deck__vitality .health-track>i{background:linear-gradient(90deg,#8c3b35,#d26b5b);height:100%;display:block;box-shadow:0 0 8px #cf574747}.command-deck__resources{grid-template-columns:1.15fr .9fr .9fr;align-items:stretch;gap:6px;min-width:0;display:grid}.command-resource{min-width:0;color:var(--paper-500);background:#ffffff06;border:1px solid #cad3d621;border-radius:5px;grid-template-rows:auto auto;grid-template-columns:24px minmax(0,1fr);align-content:center;align-items:center;gap:5px 7px;padding:7px;display:grid;position:relative}.command-resource__icon{width:24px;height:24px;color:var(--paper-600);place-items:center;font-size:18px;display:grid}.command-resource__copy{gap:3px;min-width:0;display:grid}.command-resource small{color:var(--paper-500);white-space:nowrap;font-size:10px}.command-resource strong{color:var(--paper-200);font:700 11px/1 var(--hud-display);white-space:nowrap}.command-resource--move .command-resource__icon{color:var(--move-soft)}.command-resource--move .move-point-track{grid-column:1/3}.command-resource--standard.is-available .command-resource__icon{color:#e8aa9b}.command-resource--quick.is-available .command-resource__icon{color:#baa9e4}.resource-state{background:#ffffff0a;border:1px solid #fff3;border-radius:50%;width:8px;height:8px;position:absolute;bottom:7px;right:7px}.command-resource.is-available .resource-state{background:currentColor;box-shadow:0 0 7px}.command-resource--standard.is-available{color:#e8aa9b}.command-resource--quick.is-available{color:#baa9e4}.move-point-track{justify-content:flex-start;flex-direction:row!important;gap:5px!important;display:flex!important}.move-point-track i{background:#41687b2e;border:1px solid #8ac3db57;width:9px;height:9px;display:block;transform:rotate(45deg)}.move-point-track i.is-filled{background:#6eb7d7;border-color:#b3dff0;box-shadow:0 0 7px #57aed680}.command-deck__abilities{border-right:1px solid #d8c7a826;grid-template-rows:14px minmax(0,1fr);align-items:center;gap:4px;min-width:0;padding-right:8px;display:grid}.command-deck__eyebrow{color:var(--paper-500);letter-spacing:.08em;font-size:10px}.ability-dock{min-width:0;height:100%;display:block}.command-deck .action-grid{grid-template-columns:repeat(2, var(--ability-slot-size));place-content:center;gap:7px;width:100%;height:100%;display:grid;overflow:visible}.command-deck .ability-slot,.command-deck .action-grid--count-6 .ability-slot{width:var(--ability-slot-size);height:var(--ability-slot-size);min-width:var(--ability-slot-size);aspect-ratio:1;background:linear-gradient(145deg,#302f2be0,#0e1112fa);border:1px solid #d3c3a540;border-radius:6px;place-items:center;padding:4px;transition:border-color .12s,transform .11s,filter .12s;display:grid;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #0000004d,0 6px 15px #0000003d}.command-deck button.ability-slot:hover{filter:brightness(1.08);border-color:#e6c78ab3;transform:translateY(-2px)}.command-deck button.ability-slot.is-selected{border-color:var(--brass-bright);box-shadow:inset 0 0 0 1px #f7d38e33,0 0 17px #ca964347}.command-deck button.ability-slot[aria-disabled=true]{opacity:.48;filter:grayscale(.6)}.command-deck .ability-slot>.art-icon{width:calc(var(--ability-slot-size) - 12px);height:calc(var(--ability-slot-size) - 12px);object-fit:contain}.command-deck .ability-slot>kbd{z-index:4;color:#fff;background:#050708d6;border:1px solid #ffffff4d;border-radius:3px;place-items:center;width:17px;height:17px;font:700 9px/1 ui-monospace,monospace;display:grid;position:absolute;top:3px;left:3px}.ability-slot__label{z-index:3;color:#fff7e8;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#0000,#030506e6 42%);padding:3px 2px 2px;font-size:9px;line-height:1;position:absolute;inset:auto 3px 3px;overflow:hidden}.ability-slot__cost{z-index:4;color:#f0c999;background:#07090ae6;border:1px solid #e6c28961;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:3px;right:3px}.ability-slot__cost i{font-size:10px}.ability-slot__disabled{z-index:5;color:#efd5ca;background:#08090a70;border-radius:6px;place-items:center;font-size:19px;display:grid;position:absolute;inset:0}.ability-slot--empty{opacity:.2;box-shadow:none!important;background:#ffffff03!important;border-style:dashed!important}.command-deck .action-grid--empty{height:100%;color:var(--paper-500);align-items:center;font-size:11px;display:grid}.command-deck .sequence-end-button{position:absolute;bottom:7px;right:8px}.command-deck [data-tooltip]:after{width:320px;max-width:min(320px,70vw);color:var(--paper-200);text-align:left;white-space:normal;background:#070a0cfa;border:1px solid #e2c3846b;border-radius:6px;padding:10px 12px;font-size:11px;line-height:1.5;bottom:calc(100% + 10px);left:auto;right:0;transform:translateY(4px);box-shadow:0 12px 30px #0000007a}.command-deck [data-tooltip]:hover:after,.command-deck [data-tooltip]:focus-visible:after{opacity:1;transform:translate(0)}.hud-log{left:50%;bottom:calc(var(--combat-edge) + var(--command-height) + 9px);width:min(520px,42vw);height:32px;transform:translate(-50%)}.event-ticker{opacity:.9;background:#070a0ccc;border-color:#d3c2a229;border-radius:5px;height:100%}.event-ticker>span{font-size:10px}.hud-dock{left:auto;right:var(--combat-edge);bottom:var(--combat-edge);width:260px;min-width:0}.hud-dock .ready-dock.is-solo{display:none}.phase-banner{z-index:55;opacity:0;width:min(430px,44vw);color:var(--paper-100);pointer-events:none;background:linear-gradient(90deg,#0000,#080b0deb 22% 78%,#0000);border-block:1px solid #e2c3846b;justify-items:center;gap:4px;padding:13px 28px;transition:opacity .16s,transform .18s;display:grid;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)scaleX(.9)}.phase-banner.is-visible{opacity:1;transform:translate(-50%,-50%)scaleX(1)}.phase-banner small{color:var(--paper-500);letter-spacing:.16em;font-size:10px}.phase-banner strong{font:700 22px/1 var(--hud-display);letter-spacing:.12em}.phase-banner--enemy{border-color:#d85b488a}.phase-banner--enemy strong{color:#f1aa9d}.hud-lab #hud-inspector,.hud-lab #hud-lab-log{gap:8px;height:auto;min-height:0;margin-bottom:10px;display:grid}@media (max-width:1360px),(max-height:790px){:root{--party-width:210px;--command-width:640px;--command-height:100px;--ability-slot-size:58px}.hud-top{height:56px;padding-top:7px}.top-menu-button,.top-end-phase{height:40px;padding-inline:10px;font-size:11px}.top-menu-button{min-width:78px}.top-end-phase{min-width:142px}.hud-top .phase-plaque{gap:9px;width:350px;height:42px;padding-inline:12px}.hud-top .phase-plaque>span strong{font-size:13px}.hud-top .phase-plaque>small{font-size:10px}.hud-left{top:66px}.squad-rail{gap:4px;padding:5px}.squad-rail__heading{height:27px}.squad-unit{grid-template-columns:42px minmax(0,1fr);gap:6px;height:56px;padding:5px}.squad-unit__portrait{width:42px;height:42px}.squad-unit__title strong{font-size:11px}.squad-unit__status,.squad-unit__meta>small{font-size:9px}.command-deck{grid-template-columns:minmax(166px,.84fr) minmax(124px,.66fr) minmax(246px,1.3fr);gap:6px;padding:6px}.command-deck__identity{gap:4px;padding-right:6px}.command-deck__unit{grid-template-columns:40px minmax(0,1fr);gap:6px}.command-deck__portrait{width:40px;height:40px}.command-deck__name strong{font-size:12px}.command-deck__resources{gap:4px}.command-resource{grid-template-columns:20px minmax(0,1fr);gap:4px;padding:5px}.command-resource__icon{width:20px;height:20px;font-size:15px}.command-resource small{font-size:9px}.command-resource strong{font-size:10px}.move-point-track{gap:4px!important}.move-point-track i{width:8px;height:8px}.command-deck .action-grid{gap:5px}.ability-slot__label{font-size:8px}.hud-log{height:30px;bottom:115px}.hud-dock{width:246px}}@media (max-width:1180px){.top-menu-button>span{display:none}.top-menu-button{width:42px;min-width:42px;padding:0}.hud-top .phase-plaque{width:330px}}@media (min-width:1500px) and (min-height:1000px){:root{--party-width:252px;--command-width:760px;--command-height:120px;--ability-slot-size:70px}.hud-left{top:82px}.squad-unit{grid-template-columns:51px minmax(0,1fr);height:66px}.squad-unit__portrait{width:51px;height:51px}.command-deck{grid-template-columns:minmax(205px,.88fr) minmax(152px,.66fr) minmax(294px,1.3fr)}.command-deck__unit{grid-template-columns:52px minmax(0,1fr)}.command-deck__portrait{width:52px;height:52px}.command-deck__name strong{font-size:14px}.command-resource{padding:9px}.hud-log{width:560px;height:34px}}@media (prefers-reduced-motion:reduce){.phase-banner{transition-duration:.01ms}}