:root{--bg: #161210;--panel: #221c16;--panel-2: #2b241c;--ink: #efe4d2;--muted: #b09a7e;--faint: #7a6854;--line: #3d3228;--ember: #d4893a;--ember-2: #f0b060;--ember-dim: #8a5420;--danger: #c45a48;--ok: #6aab62;--shadow: 0 10px 28px rgba(0, 0, 0, .45);font-family:Segoe UI,Trebuchet MS,Lucida Grande,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;max-width:100%;max-height:100%;overflow:hidden;background:var(--bg)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:52px minmax(0,1fr) 28px;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background:var(--bg)}.toolbar{display:flex;align-items:center;gap:12px;padding:0 14px;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;background:linear-gradient(180deg,#2a231c,#1c1814);border-bottom:1px solid var(--line);box-shadow:0 4px 16px #00000059;z-index:4}.brand{display:flex;align-items:center;gap:9px;margin-right:8px;-webkit-user-select:none;user-select:none}.brand-mark{width:28px;height:28px;flex:none}.brand-title{font-family:Palatino,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:20px;letter-spacing:.12em;font-weight:700;color:var(--ember-2)}.brand-sub{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-top:-2px}.modes{display:flex;gap:4px;padding:4px;min-width:0;flex:1 1 auto;overflow-x:auto;background:#140f0c;border:1px solid var(--line);border-radius:6px}.modes button,.tool-btn,.ghost-btn{border:1px solid transparent;background:transparent;color:var(--muted);padding:6px 9px;border-radius:4px;letter-spacing:.04em}.modes button.active,.tool-btn.active{background:linear-gradient(180deg,#c47a32,#8e4e18);color:#1a120c;border-color:#e2b070;font-weight:700}.modes button:hover:not(.active),.tool-btn:hover:not(.active),.ghost-btn:hover{background:#3a3128;color:var(--ink)}.toolbar-spacer{flex:1 1 0;min-width:0}.ghost-btn{border-color:var(--line);background:var(--panel-2);padding:5px 10px;font-size:12px}.ghost-btn.active{background:linear-gradient(180deg,#c47a32,#8e4e18);color:#1a120c;border-color:#e2b070;font-weight:700}.ghost-btn.danger:hover{border-color:var(--danger);color:#f0c8c0}.stage{display:grid;grid-template-columns:232px minmax(0,1fr) 260px;width:100%;max-width:100%;min-width:0;min-height:0;overflow:hidden}.panel{background:var(--panel);border-right:1px solid var(--line);overflow:auto;padding:12px}.panel.right{border-right:none;border-left:1px solid var(--line);width:260px;max-width:100%;min-width:0;overflow-x:hidden;overflow-y:auto}.viewport{position:relative;min-width:0;min-height:0;background:#0e0c0a}.viewport canvas:not(.minimap){display:block;width:100%;height:100%}.panel h2{margin:0 0 10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ember);font-weight:700}.panel h3{margin:14px 0 8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.stack{display:flex;flex-direction:column;gap:6px}.row{display:flex;align-items:center;gap:8px}.row.wrap{flex-wrap:wrap}.grow{flex:1}.tool-btn{text-align:left;border-color:var(--line);background:#1a1511;padding:8px 10px;font-size:13px}.swatch{width:14px;height:14px;border-radius:2px;border:1px solid #0008;flex:none}.slider-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:4px}input[type=range]{width:100%;accent-color:var(--ember)}input[type=color]{width:100%;height:32px;padding:2px;background:#140f0c;border:1px solid var(--line);border-radius:4px}input[type=text],input[type=number],select{width:100%;background:#140f0c;border:1px solid var(--line);border-radius:4px;padding:6px 8px}.hint{font-size:12px;color:var(--muted);line-height:1.45}.field{margin-bottom:10px}.player-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.player-chip{border:1px solid var(--line);background:#1a1511;padding:6px 0;font-size:12px;border-radius:4px}.player-chip.active{outline:2px solid var(--ember);color:#1a120c;font-weight:700}.status{display:flex;align-items:center;gap:18px;padding:0 14px;min-width:0;max-width:100%;overflow:hidden;background:#120e0b;border-top:1px solid var(--line);color:var(--muted);font-size:12px;letter-spacing:.03em}.status b{color:var(--ink);font-weight:600}.box-select{position:absolute;border:1px solid #e2b070cc;background:#d4893a22;pointer-events:none;z-index:3}.help-chip{position:absolute;left:12px;bottom:12px;z-index:2;background:#120e0bcc;border:1px solid var(--line);color:var(--muted);font-size:11px;padding:6px 8px;border-radius:4px;pointer-events:none;max-width:420px}.stat-block{background:#1a1511;border:1px solid var(--line);border-radius:6px;padding:10px}.stat-block .name{font-family:Palatino,Georgia,serif;font-size:18px;color:var(--ember-2)}.hp-track{height:8px;background:#2a2018;border-radius:4px;overflow:hidden;margin-top:8px}.hp-fill{height:100%;background:linear-gradient(90deg,#6aab62,#c4d45a)}.command-unit .hp-track{height:10px;margin-top:6px;border:1px solid #0008}.command-unit .hp-fill{background:linear-gradient(90deg,#4e8f48,#9ee05a)}.command-unit-hp{margin-top:4px;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:.02em}.command-unit-mine{margin-top:2px;font-size:12px;font-weight:700;color:var(--ember-2)}.hidden-file{display:none}.unit-preview{display:flex;align-items:center;gap:8px}.unit-preview .mesh-dot{width:18px;height:18px;border-radius:50% 50% 40% 40%;border:1px solid #0008}.keep-dot{border-radius:3px!important}textarea{width:100%;background:#140f0c;border:1px solid var(--line);border-radius:4px;padding:6px 8px;resize:vertical;min-height:52px}.tool-btn.dim{opacity:.55}.minimap{position:absolute;right:12px;bottom:12px;z-index:3;width:168px;height:168px;border:1px solid var(--line);border-radius:4px;background:#120e0b;cursor:pointer;box-shadow:var(--shadow);image-rendering:pixelated}.play-banner{position:absolute;left:50%;top:16%;transform:translate(-50%);z-index:5;pointer-events:none;text-align:center;padding:16px 32px;min-width:280px;border:1px solid var(--ember);background:#120e0bdd;border-radius:6px;box-shadow:var(--shadow)}.play-banner.victory{border-color:var(--ok)}.play-banner.defeat{border-color:var(--danger)}.play-banner.toast{top:12%;min-width:180px;padding:10px 18px}.play-banner .title{font-family:Palatino,Georgia,serif;font-size:34px;letter-spacing:.1em;color:var(--ember-2)}.play-banner.victory .title{color:#b4e08a}.play-banner.defeat .title{color:#e08a7a}.play-banner .sub{margin-top:6px;color:var(--ink);font-size:14px}.play-banner .sub.faint{color:var(--muted);font-size:12px;margin-top:10px}.test-btn{border:1px solid #e2b070;background:linear-gradient(180deg,#c47a32,#8e4e18);color:#1a120c;padding:6px 14px;border-radius:4px;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.test-btn:hover{background:linear-gradient(180deg,#d4893a,#a05a20);color:#1a120c}.game-shell{position:relative;width:100%;height:100%;overflow:hidden;background:#0e0c0a}.game-shell .viewport,.viewport-game{width:100%;height:100%}.game-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.game-hud .game-top,.game-hud .command-bar,.game-hud .play-banner.game-over,.game-hud .game-menu{pointer-events:auto}.game-top{display:flex;align-items:center;gap:12px;padding:10px 14px;background:linear-gradient(180deg,#120e0be8 0%,transparent 100%)}.game-time{color:var(--muted);font-size:12px;letter-spacing:.04em}.game-time b{color:var(--ink)}.game-menu-wrap{position:relative}.game-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:160px;display:flex;flex-direction:column;gap:6px;padding:8px;background:#120e0bf2;border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow)}.command-bar{position:absolute;left:12px;right:196px;bottom:12px;background:#120e0bee;border:1px solid var(--line);border-radius:6px;padding:10px 14px;box-shadow:var(--shadow);min-height:88px}.command-meta{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:6px;font-size:12px;color:var(--muted)}.command-units{display:flex;gap:8px;flex-wrap:wrap}.command-unit{min-width:120px;flex:1;max-width:180px;background:#1a1511;border:1px solid var(--line);border-radius:4px;padding:8px}.play-banner.game-over{pointer-events:auto;padding:12px 16px 16px;min-width:360px;overflow:hidden}.play-still{display:block;width:min(420px,70vw);height:140px;object-fit:cover;border-radius:4px;margin:0 auto 12px;border:1px solid var(--line)}.game-over-actions{display:flex;justify-content:center;gap:10px;margin-top:16px}.game-shell .minimap{z-index:5}.object-preview{width:100%;height:168px;border:1px solid var(--line);border-radius:6px;background:#0e0c0a;margin-bottom:10px;overflow:hidden}.object-preview canvas{display:block;width:100%;height:100%}.command-actions{display:flex;gap:6px;margin-bottom:6px}.command-actions .ghost-btn:disabled{opacity:.45;cursor:default}.modes button{white-space:nowrap}.game-gold{display:inline-flex;align-items:baseline;gap:8px;color:var(--ember-2);font-size:20px;letter-spacing:.04em;font-weight:700;font-variant-numeric:tabular-nums;padding:2px 10px 3px;background:#1a1511cc;border:1px solid #5a4630;border-radius:4px}.game-gold-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ember);font-weight:700}.train-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.train-btn{border:1px solid var(--line);background:#1a1511;color:var(--ink);padding:5px 10px;border-radius:4px;font-size:12px}.train-btn:hover:not(:disabled){border-color:var(--ember);color:var(--ember-2)}.train-btn:disabled{opacity:.4;cursor:default}.train-queue{font-size:12px;color:var(--ember-2);margin-bottom:8px}.ghost-btn:disabled,.tool-btn:disabled{opacity:.4;cursor:default}.ghost-btn:disabled:hover{background:var(--panel-2);color:var(--muted)}.status-layers{display:flex;align-items:center;gap:10px;margin-left:auto}.status-layers label{display:flex;align-items:center;gap:4px;white-space:nowrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0008;display:flex;align-items:center;justify-content:center}.modal{width:min(560px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:16px;box-shadow:var(--shadow)}.modal h2{margin:0 0 8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ember)}.modal .tool-btn{flex:1}.techtree{margin-top:6px;border:1px solid var(--line);border-radius:4px;background:#1a1511;padding:4px 8px 6px}.techtree>summary{cursor:pointer;color:var(--muted);font-size:12px;-webkit-user-select:none;user-select:none}.techtree>summary .faint{color:var(--faint)}.techtree-group{margin-top:6px}.techtree-group .hint{margin-bottom:2px;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.techtree-kinds{display:grid;grid-template-columns:1fr 1fr;gap:1px 8px}.techtree-kinds label{margin:0;font-size:11px;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-landing{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:64px minmax(0,1fr);background:radial-gradient(ellipse at 20% 0%,#3a2414 0%,transparent 50%),radial-gradient(ellipse at 90% 110%,#2a1810 0%,transparent 46%),var(--bg);color:var(--ink)}.play-landing-head{display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#2a231c,#1c1814)}.play-landing-mark{width:36px;height:36px}.play-landing-body{display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(260px,.9fr);gap:28px;min-height:0;max-width:980px;width:calc(100% - 48px);margin:0 auto;padding:36px 0 40px}.play-landing-list{min-height:0;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 16px 16px;box-shadow:var(--shadow)}.play-landing-banner{display:block;width:calc(100% + 32px);margin:-18px -16px 14px;height:188px;object-fit:cover;object-position:center 42%;border-radius:10px 10px 0 0;border-bottom:1px solid var(--line)}.play-landing-list h1{margin:0 0 14px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ember)}.play-landing-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.play-realm{width:100%;text-align:left;display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid var(--line);border-radius:6px;background:#1a1511;color:var(--ink)}.play-realm:hover{border-color:var(--ember-dim);background:var(--panel-2)}.play-realm.selected{border-color:var(--ember);background:linear-gradient(180deg,#3a2a1c,#2a1e14);box-shadow:inset 0 0 0 1px #d4893a55}.play-realm-name{font-family:Palatino,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:18px;letter-spacing:.04em;color:var(--ember-2)}.play-realm-meta{font-size:12px;color:var(--muted);letter-spacing:.03em}.play-realm-desc{font-size:12px;color:var(--faint);line-height:1.4;margin-top:2px}.play-landing-empty{margin:8px 0 0;color:var(--muted);line-height:1.5}.play-landing-actions{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;min-height:0}.play-landing-portraits{display:flex;gap:8px}.play-landing-portraits img{width:72px;height:72px;object-fit:cover;object-position:50% 18%;border-radius:6px;border:1px solid var(--line);box-shadow:var(--shadow);background:#1a1511}.play-landing-blurb{margin:0;font-size:15px;color:var(--muted);max-width:28ch;line-height:1.45}.play-landing-go{border:1px solid #e2b070;background:linear-gradient(180deg,#d4893a,#8e4e18);color:#1a120c;padding:16px 48px;border-radius:6px;letter-spacing:.22em;text-transform:uppercase;font-size:22px;font-weight:800;box-shadow:var(--shadow)}.play-landing-go:hover:not(:disabled){background:linear-gradient(180deg,#f0b060,#c47a32)}.play-landing-go:disabled{opacity:.35;cursor:default}.play-landing-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.play-landing-soon{opacity:.45;cursor:default}.play-landing-soon span{margin-left:8px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.play-landing-error{margin:0;color:var(--danger);font-size:12px}.play-landing-confirm{display:flex;flex-direction:column;gap:10px}.play-landing-confirm p{margin:0;max-width:32ch;color:var(--muted);font-size:13px;line-height:1.4}@media (max-width: 760px){.play-landing-body{grid-template-columns:1fr;width:calc(100% - 28px);padding:20px 0 28px;gap:18px}.play-landing-actions{align-items:stretch}.play-landing-go{width:100%}}.gltf-loading{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:40;pointer-events:none;padding:6px 14px;border-radius:999px;background:#120e0be0;border:1px solid var(--ember-dim);color:var(--ember-2);font-size:12px;letter-spacing:.04em}.play-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#120e0b}.play-loading-still{width:min(720px,86vw);height:min(280px,36vh);object-fit:cover;border:1px solid var(--ember-dim);border-radius:6px}.play-loading-copy{margin-top:14px;color:var(--ember-2);letter-spacing:.08em;text-transform:uppercase;font-size:12px}