:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink-950:#050a09;--ink-900:#081310;--ink-800:#10231c;--panel:#091611e0;--line:#31594d;--emerald:#65c49a;--emerald-soft:#a7d8c3;--amber:#e7ba4a;--amber-soft:#f1d987;--danger:#e26158;--text:#edf5f0;--muted:#9eb1a9;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--touch:44px;--font-display:"Noto Sans TC", "Microsoft JhengHei", sans-serif;--font-mono:"Cascadia Mono", "Noto Sans Mono CJK TC", monospace}*{box-sizing:border-box}html{background:var(--ink-950)}body{background-color:var(--ink-950);min-width:320px;min-height:100dvh;color:var(--text);font-family:var(--font-display);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit}button,select,input[type=range]{min-height:var(--touch)}button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--ink-800);color:var(--text);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;padding:.68rem 1.05rem;font-weight:750;line-height:1;transition:background-color .14s,border-color .14s,color .14s,transform .14s;display:inline-flex}button:hover:not(:disabled){border-color:var(--emerald);background:#163329}button:active:not(:disabled){transform:translateY(1px)}button:disabled{color:#71827a;cursor:not-allowed;background:#111a17;border-color:#2a3a34}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.button-primary{border-color:var(--emerald);background:var(--emerald);color:#04100c}.button-primary:hover:not(:disabled){border-color:var(--emerald-soft);background:var(--emerald-soft)}.button-quiet{color:var(--emerald-soft);background:0 0}.app-shell{background-color:var(--ink-950);background-image:linear-gradient(#65c49a0a 1px,#0000 1px),linear-gradient(90deg,#65c49a0a 1px,#0000 1px);background-size:32px 32px;min-height:100dvh;position:relative;overflow-x:clip}.app-shell:before{z-index:0;border:10px solid var(--ink-900);pointer-events:none;content:"";position:fixed;inset:0}.app-shell>main:not(.battle-screen),.loading-screen{z-index:1;width:min(1180px,100% - 40px);min-height:100dvh;margin:0 auto;padding:clamp(4rem,9vw,7.5rem) 0 clamp(2rem,5vw,4rem);position:relative}.screen-copy{min-width:0}.eyebrow{color:var(--emerald);font-family:var(--font-mono);letter-spacing:.14em;margin:0 0 1rem;font-size:.76rem;font-weight:700;line-height:1.5}h1,h2,p{overflow-wrap:break-word}h1{letter-spacing:-.055em;max-width:14ch;margin:0;font-size:clamp(2.65rem,7vw,6.6rem);font-weight:900;line-height:.96}h2{margin:0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.3}.screen-lede{color:var(--emerald-soft);font-family:var(--font-mono);letter-spacing:.04em;margin:1.35rem 0 0;font-size:clamp(1rem,2vw,1.24rem)}.home-screen{grid-template-columns:minmax(0,1.55fr) minmax(260px,.7fr);align-items:center;gap:clamp(2.5rem,8vw,8rem);display:grid}.home-screen .screen-copy{padding-left:clamp(0rem,4vw,3rem)}.disclaimer{border-left:3px solid var(--amber);max-width:37rem;color:var(--muted);margin:clamp(2.5rem,8vw,6.5rem) 0 0;padding:.15rem 0 .15rem 1rem;font-size:.88rem;line-height:1.75}.primary-nav{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);align-content:center;gap:.75rem;padding:clamp(1.15rem,3vw,2rem);display:grid;box-shadow:14px 14px #07110d}.primary-nav:before{content:"COMMAND MENU";color:var(--muted);font-family:var(--font-mono);letter-spacing:.14em;margin-bottom:.55rem;font-size:.7rem}.primary-nav button{width:100%}.briefing-screen{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.briefing-orders{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);align-self:stretch;padding:clamp(1.25rem,3.5vw,2.5rem)}.briefing-orders h2,.deck-screen section>h2{color:var(--amber-soft);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;margin-bottom:1.5rem;font-size:.78rem}.briefing-orders ol{color:var(--text);gap:1rem;margin:0;padding-left:1.55rem;line-height:1.65;display:grid}.briefing-orders li::marker{color:var(--emerald);font-family:var(--font-mono);font-weight:800}.actions{grid-column:2;gap:.75rem;display:flex}.actions button{flex:1}.deck-screen{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-content:center;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.deck-screen .screen-copy,.begin-battle{grid-column:1/-1}.deck-screen h1{font-size:clamp(2.5rem,5.5vw,5rem)}.deck-options,.difficulty-options{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);padding:clamp(1.1rem,2.5vw,1.8rem)}.option-list{gap:.75rem;display:grid}.choice-card{text-align:left;white-space:normal;grid-template-columns:minmax(7rem,.45fr) minmax(0,1fr);gap:1rem;width:100%;min-height:5.5rem;padding:1rem;display:grid}.choice-card strong{color:var(--text);font-size:1.02rem}.choice-card span{color:var(--muted);font-size:.86rem;font-weight:500;line-height:1.55}.choice-card[aria-pressed=true]{border-color:var(--emerald);box-shadow:inset 4px 0 0 var(--emerald);background:#183a2e}.choice-card-compact{grid-template-columns:1fr;min-height:4rem}.begin-battle{justify-self:end;min-width:min(100%,17rem)}.gallery-screen{align-content:start;gap:1.5rem;display:grid}.gallery-header{justify-content:space-between;align-items:end;gap:2rem;display:flex}.gallery-header h1{font-size:clamp(2.5rem,5.5vw,5rem)}.gallery-count{color:var(--emerald-soft);font-family:var(--font-mono);flex:none;margin:0 0 .3rem;font-size:.8rem}.gallery-filters{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--line);grid-template-columns:1.25fr .85fr 1fr;gap:1px;display:grid;overflow:hidden}.gallery-filters label{background:var(--ink-900);gap:.55rem;padding:.8rem;display:grid}.gallery-filters label>span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.09em;font-size:.7rem}select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--ink-800);width:100%;color:var(--text);padding:0 .8rem}.gallery-grid{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--line);grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.gallery-grid article{background:var(--panel);grid-column:span 4;min-height:13rem;padding:1.25rem}.gallery-grid article:nth-child(5n+1),.gallery-grid article:nth-child(5n+4){grid-column:span 5}.gallery-grid article:nth-child(5n+2),.gallery-grid article:nth-child(5n+5){grid-column:span 3}.gallery-empty{background:var(--panel);min-height:13rem;color:var(--muted);text-align:center;grid-column:1/-1;place-items:center;margin:0;padding:2rem;display:grid}.gallery-grid h2{margin:1.2rem 0 .75rem;font-size:1.35rem}.gallery-grid p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.65}.card-meta{color:var(--amber-soft);font-family:var(--font-mono);justify-content:space-between;gap:1rem;font-size:.68rem;display:flex}.card-meta span:last-child{color:var(--emerald-soft)}.gallery-grid ul{flex-wrap:wrap;gap:.4rem;margin:1.1rem 0 0;padding:0;list-style:none;display:flex}.gallery-grid li{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--emerald-soft);font-family:var(--font-mono);padding:.25rem .5rem;font-size:.65rem}.gallery-back{justify-self:start}.dialog-backdrop{z-index:100;background:#020806e0;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0;overflow-y:auto}.settings-dialog{border:1px solid var(--emerald);border-radius:var(--radius-lg);background:var(--ink-900);width:min(100%,38rem);padding:clamp(1.25rem,4vw,2.4rem);box-shadow:16px 16px #00000059}.settings-dialog h1{font-size:clamp(2.2rem,7vw,4rem)}.volume-setting{color:var(--text);grid-template-columns:1fr auto;gap:.5rem 1rem;margin-top:2rem;font-weight:700;display:grid}.volume-setting output{color:var(--emerald-soft);font-family:var(--font-mono)}.volume-setting input{width:100%;accent-color:var(--emerald);grid-column:1/-1}.setting-toggles{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.25rem;display:grid}.setting-check{min-height:var(--touch);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--ink-800);cursor:pointer;align-items:center;gap:.65rem;padding:.3rem .65rem .3rem .3rem;display:flex}.setting-check input{flex:0 0 var(--touch);width:var(--touch);height:var(--touch);accent-color:var(--emerald);margin:0}.setting-check span{font-size:.88rem;line-height:1.35}.dialog-actions{justify-content:space-between;gap:.75rem;margin-top:1.5rem;display:flex}.loading-screen{color:var(--emerald-soft);font-family:var(--font-mono);place-items:center;display:grid}.result-screen{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-content:center;gap:clamp(1.5rem,5vw,4rem);display:grid}.result-screen>.eyebrow,.result-screen>h1,.result-screen>.result-stars{grid-column:1}.result-screen h1{font-size:clamp(3rem,8vw,6.5rem)}.result-stars{color:var(--amber);letter-spacing:.12em;margin:0;font-size:clamp(2rem,5vw,3.5rem)}.result-screen dl{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);grid-area:1/2/span 3;grid-template-columns:1fr 1fr;align-self:stretch;margin:0;display:grid}.result-screen dl div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;place-content:center;min-height:7.5rem;padding:1rem;display:grid}.result-screen dl div:nth-child(2n){border-right:0}.result-screen dl div:nth-last-child(-n+2){border-bottom:0}.result-screen dt{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;font-size:.7rem}.result-screen dd{color:var(--text);font-family:var(--font-mono);margin:.45rem 0 0;font-size:1.5rem;font-weight:800}.result-screen ul{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.result-screen li{border-left:2px solid var(--emerald);background:var(--ink-900);color:var(--muted);padding:.6rem .8rem;font-size:.82rem}.result-actions{grid-column:1/-1;justify-content:flex-end;gap:.75rem;display:flex}.battle-screen{width:100%;height:100dvh;position:relative;overflow:hidden}.battle-control{z-index:20;min-height:var(--touch);background:#081310eb;position:absolute}.battle-exit{border-color:var(--danger);top:16px;left:16px}.battle-reset{bottom:16px;right:16px}@media (width<=760px){.app-shell>main:not(.battle-screen),.loading-screen{width:min(100% - 28px,42rem);padding-top:4.5rem}.home-screen,.briefing-screen,.deck-screen,.result-screen,.gallery-filters,.setting-toggles,.result-screen ul{grid-template-columns:minmax(0,1fr)}.home-screen,.briefing-screen,.deck-screen,.result-screen{align-content:start;gap:1.5rem}.home-screen .screen-copy{padding-left:0}.disclaimer{margin-top:2rem}.primary-nav{box-shadow:8px 8px #07110d}.actions,.deck-screen .screen-copy,.begin-battle,.result-screen>.eyebrow,.result-screen>h1,.result-screen>.result-stars,.result-screen dl,.result-screen ul,.result-actions{grid-column:1}.actions,.dialog-actions,.result-actions{flex-direction:column}.actions button,.dialog-actions button,.result-actions button,.begin-battle{width:100%}.gallery-header{grid-template-columns:minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.gallery-count{margin:0}.choice-card,.result-screen dl,.gallery-grid{grid-template-columns:minmax(0,1fr)}.gallery-grid article,.gallery-grid article:nth-child(5n+1),.gallery-grid article:nth-child(5n+2),.gallery-grid article:nth-child(5n+4),.gallery-grid article:nth-child(5n+5){grid-column:1}.result-screen dl{grid-row:auto}.result-screen dl div,.result-screen dl div:nth-child(2n),.result-screen dl div:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--line)}.result-screen dl div:last-child{border-bottom:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell[data-reduced-motion=true] *,.app-shell[data-reduced-motion=true] :before,.app-shell[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.battle-screen{background:var(--ink-950);width:100%;height:100dvh;min-height:32rem;position:relative;overflow:hidden}.battle-canvas{position:absolute;inset:0}.battle-canvas>div,.battle-canvas canvas{width:100%!important;height:100%!important}.battle-canvas:focus-visible{outline:3px solid var(--amber);outline-offset:-5px}.battlefield-base-label{color:var(--amber-soft);font-family:var(--font-display);text-shadow:0 1px 3px #000000f2;white-space:nowrap;font-size:12px}.battlefield-base-label,.unit-label{pointer-events:none;-webkit-user-select:none;user-select:none}.three-info-overlay{-webkit-user-select:none;user-select:none;pointer-events:none!important}.unit-label{color:#f4fbf7;min-width:3.2rem;font-family:var(--font-mono);text-shadow:0 1px 2px #000;white-space:nowrap;background:#040b0ad1;border:1px solid #ffffff6b;justify-items:center;gap:1px;padding:2px 5px;font-size:10px;line-height:1.15;display:grid}.unit-label--ally{border-color:#4fd6cfb3}.unit-label--enemy{border-color:#f05a86b8}.unit-label>span:last-child{color:var(--amber-soft);font-size:9px}.battle-hud{z-index:20;pointer-events:none;position:absolute;inset:0}.battle-hud-content{position:absolute;inset:0}.mission-panel,.wave-panel,.next-wave-panel,.resource-panel,.tactic-panel{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050e0be6;border:1px solid #65c49a7a;box-shadow:inset 0 1px #ffffff0d}.mission-panel{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));gap:.32rem;min-width:12.5rem;padding:.68rem .8rem;display:grid;position:absolute}.mission-panel span,.wave-panel span,.tactic-panel-label,.resource-heading span,.rotate-device>span,.pause-panel>span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.11em;font-size:.65rem;font-weight:750}.mission-panel strong{color:var(--amber-soft);font-size:.9rem}.battle-resource-status{display:contents}.wave-panel{top:max(14px, env(safe-area-inset-top));text-align:center;gap:.18rem;min-width:11rem;padding:.58rem .9rem;display:grid;position:absolute;left:50%;transform:translate(-50%)}.wave-panel strong{font-family:var(--font-mono);font-size:.86rem}.wave-panel small{color:#9fd3ff;font-size:.67rem}.resource-panel{bottom:max(14px, env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left));width:min(15rem,24vw);min-width:11rem;padding:.65rem .75rem;position:absolute}.resource-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.42rem;display:flex}.resource-heading strong{color:var(--amber-soft);font-family:var(--font-mono);font-size:.76rem}.resource-track{background:#111a17;border:1px solid #455449;border-radius:2px;height:8px;overflow:hidden}.resource-track span{background:var(--amber);height:100%;transition:width .1s linear;display:block}.battle-command-panel{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));pointer-events:auto;align-items:stretch;gap:.55rem;display:flex;position:absolute}.tactic-panel{gap:.35rem;min-width:14rem;padding:.48rem .58rem;display:grid}.tactic-slots{grid-template-columns:repeat(3,minmax(3.7rem,1fr));gap:.3rem;display:grid}.tactic-slot{min-height:2rem;color:var(--muted);text-align:center;border:1px solid #3a4a43;border-radius:4px;place-items:center;padding:.18rem .28rem;font-size:.67rem;line-height:1.15;display:grid}.tactic-slot[data-active=true]{border-color:var(--emerald);color:var(--text);background:#163329}.battle-command-buttons{grid-template-columns:repeat(2,minmax(4.5rem,auto));gap:.35rem;display:grid}.pause-button,.battle-exit,.battle-camera-controls button{min-width:var(--touch);min-height:var(--touch);background:#081310f0}.battle-exit{border-color:var(--danger);color:#ffc7c2}.battle-camera-controls{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));grid-template-columns:repeat(3, minmax(var(--touch), auto));pointer-events:auto;gap:.3rem;display:grid;position:absolute}.next-wave-panel{top:max(6.2rem, calc(env(safe-area-inset-top) + 5.4rem));left:max(14px, env(safe-area-inset-left));pointer-events:auto;gap:.28rem;width:min(17rem,31vw);padding:.62rem .72rem;display:grid;position:absolute}.next-wave-panel>span,.next-wave-panel>small{color:var(--muted);font-family:var(--font-mono);font-size:.66rem}.next-wave-panel>strong{color:var(--amber-soft);font-size:.77rem;line-height:1.35}.next-wave-panel>button{min-width:var(--touch);min-height:var(--touch);border-color:var(--amber);color:var(--amber-soft);background:#382b0df0;margin-top:.16rem}.next-wave-panel>button:disabled{cursor:not-allowed;opacity:.48}.battle-camera-controls .battle-reset{position:static}.battle-hand{inset-inline:22%;bottom:max(14px, env(safe-area-inset-bottom));pointer-events:auto;justify-content:center;align-items:end;gap:8px;display:flex;position:absolute}.battle-card{border-radius:var(--radius-sm);min-width:88px;min-height:122px;color:var(--text);text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;background:#10231c;border:2px solid #4f7767;flex-direction:column;flex:none;justify-content:space-between;padding:.48rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000005c}.battle-card:hover:not(:disabled){border-color:var(--emerald-soft);background:#163329}.battle-card:active:not(:disabled){transform:translateY(1px)scale(.985)}.battle-card:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.battle-card[aria-pressed=true]{border-color:var(--amber);box-shadow:inset 0 -4px 0 var(--amber), 0 4px 12px #0000005c;background:#203728}.battle-card:disabled{color:#78877f;opacity:.88;background:#111916;border-color:#39473f}.battle-card-topline{color:var(--amber-soft);justify-content:space-between;align-items:center;gap:.25rem;font-size:.58rem;display:flex}.battle-card-cost{background:var(--amber);color:#181205;width:1.45rem;height:1.45rem;font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.72rem;font-weight:850;display:grid}.battle-card strong{white-space:normal;font-size:.78rem;line-height:1.2}.battle-card-type{color:var(--muted);font-family:var(--font-mono);font-size:.58rem}.battle-card-shortcut{color:var(--muted);font-family:var(--font-mono);font-size:.58rem;position:absolute;bottom:.22rem;right:.28rem}.battle-card-lock{color:#fff2f0;background:#701814b8;place-items:center;font-size:.74rem;font-weight:850;display:grid;position:absolute;inset:0}.pause-backdrop{z-index:40;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));pointer-events:auto;background:#020806db;place-items:center;display:grid;position:fixed;inset:0}.pause-panel{border:1px solid var(--emerald);border-radius:var(--radius-md);background:var(--ink-900);width:min(100%,28rem);padding:clamp(1.4rem,4vw,2.2rem);box-shadow:12px 12px #00000052}.pause-panel h2{color:var(--text);margin-top:.55rem;font-size:clamp(1.65rem,4vw,2.35rem)}.pause-panel p{color:var(--muted);margin:.8rem 0 0;line-height:1.6}.pause-actions{gap:.7rem;margin-top:1.35rem;display:flex}.pause-actions button{min-height:var(--touch);flex:1}.rotate-device{z-index:60;padding:max(1.5rem, env(safe-area-inset-top)) max(1.5rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.5rem, env(safe-area-inset-left));background:var(--ink-950);text-align:center;place-content:center;gap:.65rem;display:none;position:fixed;inset:0}.rotate-device strong{color:var(--amber-soft);font-size:clamp(1.6rem,8vw,2.7rem)}.rotate-device p{max-width:30rem;color:var(--muted);margin:0 auto;line-height:1.6}.placement-valid{color:var(--emerald);border-style:solid}.placement-invalid{color:var(--danger);background-image:repeating-linear-gradient(135deg,#0000 0 8px,#e261582e 8px 12px);border-style:dashed}[data-reduced-motion=true] *,[data-reduced-motion=true] :before,[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=1120px){.mission-panel{min-width:10.5rem}.tactic-panel{min-width:11.5rem}.tactic-slots{grid-template-columns:repeat(3,minmax(3.1rem,1fr))}.battle-command-buttons{grid-template-columns:1fr}}@media (width<=900px) and (orientation:landscape){.battle-screen{min-height:20rem}.mission-panel,.wave-panel,.battle-command-panel{top:max(6px, env(safe-area-inset-top))}.mission-panel{left:max(8px, env(safe-area-inset-left));min-width:9.5rem;padding:.4rem .55rem}.mission-panel span,.wave-panel span,.tactic-panel-label{font-size:.55rem}.mission-panel strong,.wave-panel strong{font-size:.7rem}.wave-panel{min-width:8rem;padding:.38rem .52rem}.wave-panel small{max-width:9rem;font-size:.55rem}.battle-command-panel{right:max(8px, env(safe-area-inset-right));gap:.3rem}.tactic-panel{min-width:10rem;padding:.34rem .4rem}.tactic-slots{grid-template-columns:repeat(3,minmax(2.75rem,1fr))}.tactic-slot{min-height:1.65rem;font-size:.54rem}.battle-command-buttons{grid-template-columns:repeat(2,minmax(44px,auto))}.battle-command-buttons button{min-width:44px;min-height:44px;padding:.45rem;font-size:.65rem}.battle-card{min-width:70px;min-height:92px;padding:.35rem}.battle-card strong{font-size:.66rem}.battle-card-type,.battle-card-topline,.battle-card-shortcut{font-size:.5rem}.battle-card-cost{width:1.15rem;height:1.15rem;font-size:.6rem}.battle-hand{inset-inline:30%;bottom:max(6px, env(safe-area-inset-bottom));gap:4px}.resource-panel{bottom:max(6px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left));width:8.5rem;min-width:0;padding:.42rem .48rem}.resource-heading{margin-bottom:.28rem}.resource-heading span,.resource-heading strong{font-size:.56rem}.battle-camera-controls{right:max(8px, env(safe-area-inset-right));bottom:max(6px, env(safe-area-inset-bottom))}.next-wave-panel{top:max(3.8rem, calc(env(safe-area-inset-top) + 3.4rem));left:max(8px, env(safe-area-inset-left));width:10.5rem;padding:.4rem .5rem}.next-wave-panel>span,.next-wave-panel>small{font-size:.54rem}.next-wave-panel>strong{font-size:.62rem}.next-wave-panel>button{min-height:44px;padding:.38rem;font-size:.61rem}.battle-camera-controls button{min-height:44px;padding:.45rem;font-size:.65rem}}@media (orientation:portrait) and (width<=900px){.battle-canvas,.battle-hud,.faction-battle-hud{visibility:hidden}.rotate-device{visibility:visible;display:grid}}.faction-battle-hud{z-index:24;pointer-events:none;position:absolute;inset:0}.faction-overlay{border-radius:var(--radius-lg);text-align:center;pointer-events:auto;background:#050e0bf5;border:1px solid #e7ba4ac7;width:min(100% - 2rem,58rem);padding:clamp(1.2rem,3vw,2.2rem);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:16px 16px #00000061}.faction-overlay h2{margin-top:.4rem;font-size:clamp(1.8rem,5vw,3.8rem)}.faction-overlay>p:last-child{color:var(--muted);margin:1rem auto 0}.faction-party-options,.faction-hero-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.4rem;display:grid}.faction-party-card,.faction-hero-card{border-width:2px;align-content:center;gap:.55rem;min-height:9rem;font-size:1.15rem;font-weight:850;display:grid}.faction-party-card small,.faction-hero-card small,.faction-hero-card i{color:var(--muted);font-size:.75rem;font-style:normal;font-weight:500}.faction-party-card--freedom{background:repeating-linear-gradient(135deg,#123d21 0 18px,#194c2a 18px 30px);border-color:#4fc36b}.faction-party-card--peace{background:repeating-linear-gradient(135deg,#123253 0 16px,#e9f5ff 16px 21px,#17456f 21px 36px);border-color:#78b9ff}.faction-hero-draft>header{text-align:left;justify-content:space-between;align-items:center;gap:1rem;display:flex}.faction-hero-draft output{border:4px solid var(--amber);width:5rem;height:5rem;color:var(--amber-soft);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:2rem;font-weight:900;display:grid}.faction-hero-options{grid-template-columns:repeat(3,minmax(0,1fr))}.faction-hero-card .faction-hero-stars{color:var(--amber);font-size:.72rem}.faction-hero-portrait{aspect-ratio:1;background-color:#0b1b16;background-repeat:no-repeat;border:2px solid #4f7767;border-radius:.65rem;justify-self:center;width:clamp(4.4rem,9vw,6.4rem);display:block;overflow:hidden;box-shadow:inset 0 -5px #00000042}.faction-hero-portrait[data-selected=true]{border-color:var(--amber);box-shadow:0 0 0 3px #e7ba4a29,inset 0 -5px #00000042}.faction-side-status,.faction-battle-clock,.faction-resource,.faction-deployment-callout,.faction-target-hint{border:1px solid var(--line);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050e0be8}.faction-side-status{top:max(14px, env(safe-area-inset-top));gap:.3rem;min-width:13.5rem;padding:.7rem .8rem;display:grid;position:absolute}.faction-side-status--player{left:max(14px, env(safe-area-inset-left))}.faction-side-status--ai{right:max(14px, env(safe-area-inset-right));text-align:right}.faction-side-status[data-side=freedom]{border-color:#4fc36b}.faction-side-status[data-side=peace]{border-color:#78b9ff}.faction-side-status span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;font-size:.66rem}.faction-side-status strong{font-size:.78rem}.faction-side-status strong[data-destroyed=true]{color:#9ba49f;text-decoration:line-through}.faction-battle-clock{top:max(14px, env(safe-area-inset-top));text-align:center;min-width:8.5rem;padding:.48rem .8rem;display:grid;position:absolute;left:50%;transform:translate(-50%)}.faction-battle-clock span,.faction-resource span{color:var(--muted);font-family:var(--font-mono);font-size:.6rem}.faction-battle-clock strong{color:var(--amber-soft);font-family:var(--font-mono)}.faction-resource{bottom:max(14px, env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left));min-width:8rem;padding:.65rem .8rem;display:grid;position:absolute}.faction-resource strong{color:var(--amber-soft);font-family:var(--font-mono);font-size:1.15rem}.faction-hand{inset-inline:18%;bottom:max(12px, env(safe-area-inset-bottom));pointer-events:auto;justify-content:center;align-items:end;gap:.45rem;display:flex;position:absolute}.faction-hand-card{background:#10231c;border:2px solid #4f7767;flex:0 7rem;align-content:space-between;gap:.42rem;min-width:5.2rem;min-height:6.8rem;padding:.48rem;display:grid}.faction-hand-card[aria-pressed=true]{border-color:var(--amber);box-shadow:inset 0 -4px 0 var(--amber)}.faction-hand-card>span{color:var(--amber-soft);justify-content:space-between;font-size:.58rem;display:flex}.faction-hand-card b{background:var(--amber);color:#181205;border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;display:grid}.faction-hand-card small{color:var(--muted)}.faction-deployment-callout,.faction-target-hint{text-align:center;gap:.24rem;min-width:min(90vw,24rem);padding:.7rem 1rem;display:grid;position:absolute;left:50%;transform:translate(-50%)}.faction-deployment-callout{text-align:left;pointer-events:auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;width:min(100% - 2rem,36rem);bottom:2rem}.faction-deployment-callout .faction-hero-portrait{width:4.5rem}.faction-deployment-copy{gap:.2rem;display:grid}.faction-auto-deploy{min-width:7.5rem;min-height:var(--touch)}.faction-target-hint{color:var(--amber-soft);bottom:8.4rem}.faction-deployment-copy>span{color:var(--amber);font-family:var(--font-mono);font-size:.64rem}.faction-deployment-callout small{color:var(--muted)}.faction-battle-screen[data-phase=deployment] .faction-camera-controls{top:max(10.6rem, calc(env(safe-area-inset-top) + 9.8rem));bottom:auto}.faction-countdown{color:var(--amber-soft);font-family:var(--font-mono);text-shadow:8px 8px #000;font-size:clamp(7rem,22vw,15rem);font-weight:950;line-height:1;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.faction-command-buttons,.faction-camera-controls{pointer-events:auto;gap:.35rem;display:flex;position:absolute}.faction-command-buttons{top:max(7.2rem, calc(env(safe-area-inset-top) + 6.4rem));right:max(14px, env(safe-area-inset-right))}.faction-battle-screen[data-phase=faction-select] .faction-command-buttons,.faction-battle-screen[data-phase=hero-draft] .faction-command-buttons{top:max(8px, env(safe-area-inset-top));left:50%;right:auto;transform:translate(-50%)}.faction-camera-controls{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom))}.faction-command-buttons button,.faction-camera-controls button{min-width:var(--touch);min-height:var(--touch);background:#081310f0}.faction-base-label{min-width:5rem;font-family:var(--font-mono);text-align:center;background:#030907db;border:1px solid;gap:2px;padding:3px 5px;font-size:9px;display:grid}.faction-base-label--freedom{color:#96eca7}.faction-base-label--peace{color:#a8d6ff}.faction-base-label i{background:#1a2420;width:100%;height:3px;overflow:hidden}.faction-base-label b{background:currentColor;height:100%;display:block}@media (width<=900px) and (orientation:landscape){.faction-overlay{width:min(100% - 1rem,48rem);padding:.8rem}.faction-overlay h2{font-size:1.6rem}.faction-party-card,.faction-hero-card{gap:.22rem;min-height:8.4rem;padding:.35rem;font-size:.88rem}.faction-hero-portrait{width:3.6rem}.faction-hero-card small,.faction-hero-card i{font-size:.64rem}.faction-hero-draft output{width:3.5rem;height:3.5rem;font-size:1.4rem}.faction-side-status{min-width:9.5rem;padding:.4rem .5rem;top:6px}.faction-side-status--player{left:8px}.faction-side-status--ai{right:8px}.faction-battle-clock{top:6px}.faction-command-buttons{top:5.25rem;right:8px}.faction-hand{inset-inline:22%;gap:3px;bottom:6px}.faction-hand-card{min-width:4rem;min-height:5.2rem;padding:.3rem;font-size:.62rem}.faction-resource{min-width:5.8rem;padding:.4rem;bottom:6px;left:8px}.faction-camera-controls{bottom:6px;right:8px}.faction-battle-screen[data-phase=deployment] .faction-camera-controls{top:8.25rem;bottom:auto}.faction-deployment-callout{gap:.55rem;width:min(100% - 12px,34rem);padding:.5rem .6rem;bottom:6px}.faction-deployment-callout .faction-hero-portrait{width:3.6rem}.faction-deployment-callout small{font-size:.68rem}.faction-auto-deploy{min-width:6.8rem;padding-inline:.6rem}.faction-target-hint{bottom:6.4rem}}