*{box-sizing:border-box;margin:0;padding:0;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background:#14100c}body{font-family:Georgia,Times New Roman,serif;color:#e8dfc8}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}button{font-family:inherit;cursor:pointer}.hidden{display:none!important}.dim{opacity:.62;font-size:.92em}body.attackmove #game-canvas{cursor:crosshair}.screens{position:absolute;inset:0;z-index:40;overflow-y:auto;background:radial-gradient(ellipse at 50% -20%,#3a3226 0%,transparent 60%),linear-gradient(180deg,#201a12,#14100c)}.menu,.setup,.results{max-width:1040px;margin:0 auto;padding:6vh 24px 40px;display:flex;flex-direction:column;align-items:center;gap:14px}.title{font-size:72px;letter-spacing:.14em;color:#d9c07a;font-weight:700;text-shadow:0 3px 0 #40320f,0 8px 24px rgba(0,0,0,.7)}.title span{color:#b23a2e;margin-left:18px}.title.small{font-size:40px}.title.win{color:#d9c07a}.title.lose{color:#b23a2e}.subtitle{color:#b8a878;font-style:italic;margin-bottom:12px;text-align:center}.menu-list{display:flex;flex-direction:column;gap:12px;width:340px;margin-top:22px}.mbtn{padding:14px 22px;font-size:20px;letter-spacing:.06em;background:linear-gradient(180deg,#3a3020,#2a2216);color:#e8dfc8;border:1px solid #6b5a32;border-radius:4px}.mbtn:hover:not(:disabled){border-color:#d9c07a;color:#fff}.mbtn.primary{background:linear-gradient(180deg,#7a2820,#58201a);border-color:#a85a3a}.mbtn:disabled{opacity:.4;cursor:default}.footer{margin-top:40px;color:#6b6250;font-size:13px}.btn{padding:10px 18px;font-size:16px;border-radius:4px;background:#2e2718;color:#e8dfc8;border:1px solid #6b5a32}.btn.primary{background:linear-gradient(180deg,#7a2820,#58201a);border-color:#b8743a;font-weight:700}.btn:hover{border-color:#d9c07a}.mini{padding:2px 8px;font-size:13px;background:#3a3222;color:#e8dfc8;border:1px solid #6b5a32;border-radius:3px}.setup-cols{display:flex;gap:28px;width:100%;align-items:flex-start}.setup-cols .col{flex:1;background:#14100a99;border:1px solid #453a24;border-radius:6px;padding:16px}.setup h3{color:#d9c07a;letter-spacing:.08em;margin:10px 0 8px;font-size:17px}.frow{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.fbtn{padding:6px 12px;background:#241e12;color:#e8dfc8;border:2px solid #453a24;border-radius:4px;font-size:14px}.fbtn.sel{background:#453a24;color:#fff;box-shadow:0 0 8px #d9c07a59}.setrow{display:flex;align-items:center;gap:10px;margin:8px 0}.setrow label{width:90px;color:#b8a878;font-size:14px}.setrow input[type=range]{flex:1}.setrow select,.setrow input[type=number]{background:#241e12;color:#e8dfc8;border:1px solid #6b5a32;padding:6px 8px;border-radius:3px;font-family:inherit}.spent{margin:8px 0;font-size:14px;color:#b8a878}.unitlist{display:flex;flex-direction:column;gap:4px;max-height:46vh;overflow-y:auto}.unit-row{display:grid;grid-template-columns:1fr auto 48px 92px;gap:8px;align-items:center;padding:6px 8px;background:#241e12;border:1px solid #38301c;border-radius:4px;font-size:14px}.ur-cost{color:#d9c07a;text-align:right}.ur-count{display:flex;gap:6px;align-items:center;justify-content:flex-end}.ur-count b{min-width:18px;text-align:center}.setup-actions{display:flex;gap:14px;margin-top:18px}.res-cols{display:flex;gap:24px;width:100%}.res-cols .col{flex:1}.restable{width:100%;border-collapse:collapse;font-size:14px}.restable th,.restable td{padding:4px 8px;text-align:left;border-bottom:1px solid #38301c}.restable th{color:#b8a878}.fate-routed,.fate-shattered{color:#e0a030}.fate-destroyed{color:#d05040}.fate-stood{color:#86b060}.timeline{width:100%;margin-top:10px}.tl-row{font-size:13px;padding:2px 0}.seed{color:#d9c07a}.modal-overlay{position:fixed;inset:0;z-index:90;background:#080604b3;display:flex;align-items:center;justify-content:center}.modal{background:#241e12;border:1px solid #6b5a32;border-radius:6px;padding:22px 26px;display:flex;flex-direction:column;gap:12px;min-width:320px}.modal h3{color:#d9c07a}.hud{position:absolute;inset:0;z-index:20;pointer-events:none}.hud.cinematic>*{display:none}.hud>*{pointer-events:auto}.topbar{position:absolute;top:0;left:0;right:0;height:40px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#0c0906e0,#0c09068c);border-bottom:1px solid #45391f;padding:0 14px;font-size:14px}.score{letter-spacing:.05em;color:#d8ccae;min-width:240px}.score.s1{text-align:right}.topmid{display:flex;align-items:center;gap:12px}.clock{font-size:17px;color:#d9c07a;min-width:52px;text-align:center}.speeds{display:flex;gap:2px}.spd{width:34px;height:26px;background:#241e12;color:#b8a878;border:1px solid #453a24;font-size:13px}.spd.active{background:#58432a;color:#ffe9b0;border-color:#a08040}.menubtn{width:32px;height:26px;background:#241e12;color:#d8ccae;border:1px solid #453a24}.toasts{position:absolute;top:52px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;align-items:center;pointer-events:none}.toast{background:#100c08d9;border:1px solid #55442a;color:#e8dfc8;padding:5px 14px;border-radius:4px;font-size:14px;transition:opacity .7s}.toast.warn{color:#f0b060;border-color:#7a5a20}.toast.good{color:#9adf80}.toast.big{font-size:18px;color:#ffe9b0;border-color:#a08040}.toast.fade{opacity:0}.chips{position:absolute;bottom:128px;left:50%;transform:translate(-50%);display:flex;gap:4px;flex-wrap:wrap;max-width:70vw;justify-content:center}.chip{width:44px;height:30px;background:#140f09d9;border:1px solid #453a24;border-radius:3px;display:flex;flex-direction:column;align-items:center;font-size:12px;cursor:pointer;padding-top:2px}.chip .bar{width:34px;height:4px;background:#100d08;margin-top:2px;border-radius:2px;overflow:hidden;display:block}.chip .bar i{display:block;height:100%;background:#7ec850}.chip.sel{border-color:#ffe9b0;box-shadow:0 0 6px #ffe9b066}.chip.engaged{border-color:#e0703a}.chip.engaged .bar i{background:#e0703a}.chip.waver{border-color:#fc0;animation:chipblink .8s infinite}.chip.broken{border-color:#ff3b30;animation:chipblink .4s infinite}.chip.dead{opacity:.3}@keyframes chipblink{50%{background:#782814cc}}.bottombar{position:absolute;bottom:0;left:0;right:0;height:118px;display:flex;align-items:flex-end;gap:12px;padding:8px 12px;pointer-events:none}.bottombar>*{pointer-events:auto}.minimap-wrap{width:202px;height:202px;border:1px solid #55442a;border-radius:4px;overflow:hidden;background:#000;flex-shrink:0}#minimap{width:200px;height:200px;display:block}.unitcard{flex:1;max-width:720px;background:#0e0b07e0;border:1px solid #45391f;border-radius:6px;padding:8px 12px;min-height:102px}.uc-title{color:#ffe9b0;font-size:16px;letter-spacing:.04em}.uc-stats{display:flex;gap:16px;align-items:center;margin:4px 0 6px;font-size:13px;flex-wrap:wrap}.meter{display:inline-block;width:64px;height:7px;background:#100d08;border-radius:3px;overflow:hidden;vertical-align:middle;margin-left:4px;font-style:normal}.meter b{display:block;height:100%;background:#7ec850}.meter.mid b{background:#e0b03a}.meter.bad b{background:#d05040}.uc-btns{display:flex;gap:4px;flex-wrap:wrap}.ucb{padding:4px 9px;background:#262012;color:#d8ccae;border:1px solid #453a24;border-radius:3px;font-size:12.5px}.ucb:hover:not(:disabled){border-color:#d9c07a;color:#fff}.ucb:disabled{opacity:.35;cursor:default}.ucb.active{background:#58432a;color:#ffe9b0;border-color:#a08040}.unitcard.empty .uc-btns{opacity:.4}.deploybar{position:absolute;bottom:132px;left:50%;transform:translate(-50%);background:#0e0b07eb;border:1px solid #a08040;border-radius:6px;padding:10px 16px;display:flex;gap:18px;align-items:center;max-width:860px}.dep-text{font-size:13.5px;color:#d8ccae}.dep-btns{display:flex;gap:10px}.hintbar{position:absolute;top:48px;left:50%;transform:translate(-50%);background:#1e180ceb;border:1px solid #a08040;color:#ffe9b0;border-radius:5px;padding:7px 16px;font-size:14.5px}.selbox{position:fixed;z-index:30;border:1px solid #ffe9b0;background:#ffe9b01f;pointer-events:none}#debug-overlay{position:absolute;top:46px;left:10px;z-index:60;background:#000000b8;color:#8f8;font:12px/1.45 monospace;padding:8px 10px;border-radius:4px;white-space:pre;pointer-events:none}