: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}.battle-hud{z-index:20;pointer-events:none;position:absolute;inset:0}.battle-hud-content{position:absolute;inset:0}.mission-panel,.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-reset{min-width:var(--touch);min-height:var(--touch);background:#081310f0}.battle-exit{border-color:var(--danger);color:#ffc7c2}.battle-reset{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));pointer-events:auto;position:absolute}.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-reset{right:max(8px, env(safe-area-inset-right));bottom:max(6px, env(safe-area-inset-bottom));min-height:44px;padding:.45rem;font-size:.65rem}}@media (orientation:portrait) and (width<=900px){.battle-canvas,.battle-hud{visibility:hidden}.rotate-device{visibility:visible;display:grid}}