:root{--ink: #eadcc4;--ink-dim: #9a8e7a;--panel: rgba(16, 14, 12, .52);--line: rgba(232, 196, 140, .28);--allied: #8a9a5a;--axis: #b56a4a;--warn: #d4a24a;--hp: #7d9a4a;--mt: #e0c070}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0c0b0a;color:var(--ink);font-family:ui-sans-serif,Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none;touch-action:none}#game{display:block;width:100%;height:100%;cursor:crosshair}#hud{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0}#menu-btn{pointer-events:auto;margin-left:auto;background:var(--panel);color:var(--ink);border:1px solid var(--line);font:inherit;font-size:11px;letter-spacing:.12em;padding:4px 10px;cursor:pointer}#legal-gate{pointer-events:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#040302eb;display:flex;align-items:center;justify-content:center}#legal-panel{width:min(560px,94vw);max-height:90vh;overflow:auto;background:#12140e;border:1px solid var(--line);padding:18px 18px 16px}#legal-panel h1{margin:0 0 8px;letter-spacing:.2em;font-size:18px}#legal-panel h2{margin:14px 0 6px;font-size:12px;letter-spacing:.14em;color:var(--mt)}.legal-warn{color:#e8b070;font-size:13px;line-height:1.45;margin:0 0 10px}.legal-scroll{max-height:38vh;overflow:auto;border:1px solid var(--line);padding:10px 12px;background:#0c0d0a;font-size:12px;line-height:1.5;color:var(--ink-dim)}.legal-scroll p{margin:0 0 8px}.legal-note{font-size:11px;color:#7a7468}.legal-check{display:flex;gap:10px;align-items:flex-start;margin:10px 0 0;font-size:13px;cursor:pointer}.legal-check input{margin-top:2px}#legal-accept{display:block;width:100%;margin:14px 0 0;padding:12px;background:#2a2414;border:1px solid #ffe08a;color:#ffe08a;font:inherit;letter-spacing:.16em;cursor:pointer}#legal-accept:disabled{opacity:.35;cursor:not-allowed;border-color:var(--line);color:var(--ink-dim)}#legal-reread{display:block;margin:16px 16px 0;width:calc(100% - 32px);background:#1b1e16;color:var(--ink);border:1px solid var(--line);font:inherit;font-size:11px;letter-spacing:.12em;padding:8px;cursor:pointer}#settings{pointer-events:auto;touch-action:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#0607059e;display:flex;align-items:center;justify-content:center}#settings-panel{width:min(720px,94vw);max-height:86vh;overflow:auto;background:#14160f;border:1px solid var(--line);padding:0 0 16px}.settings-tabs{display:flex;gap:0;border-bottom:1px solid var(--line)}.stab{flex:1;background:transparent;color:var(--ink-dim);border:0;border-bottom:2px solid transparent;font:inherit;letter-spacing:.14em;font-size:11px;padding:10px 8px;cursor:pointer}.stab:hover{color:var(--ink)}.stab.active{color:#ffe08a;border-bottom-color:#ffe08a;background:#1c1810;box-shadow:inset 0 -2px #ffe08a}.bind-intro{margin:10px 16px 8px!important}#bind-list{padding:0 12px 8px}.bind-group{margin:12px 4px 6px;font-size:10px;letter-spacing:.16em;color:var(--mt)}.bind-row{display:grid;grid-template-columns:minmax(9em,1.4fr) repeat(4,minmax(3.4em,1fr));gap:4px;align-items:center;margin-bottom:4px}.bind-label{font-size:11px;color:var(--ink);letter-spacing:.04em}.bind-cell{background:#1b1e16;color:var(--ink);border:1px solid var(--line);font:inherit;font-size:10px;letter-spacing:.04em;padding:5px 4px;cursor:pointer;min-height:26px}.bind-cell:hover{border-color:var(--mt)}.bind-cell.waiting{border-color:var(--mt);color:var(--mt);box-shadow:0 0 10px #e0c07059}#binds-reset{display:block;margin:8px 16px 0;width:calc(100% - 32px);background:#1b1e16;color:var(--ink);border:1px solid var(--line);font:inherit;font-size:11px;letter-spacing:.12em;padding:8px;cursor:pointer}#sel-pip{pointer-events:none;min-width:4.5em;font-size:11px;letter-spacing:.1em;color:var(--ink-dim)}#sel-pip.on{color:#ffe08a;text-shadow:0 0 8px rgba(255,210,80,.65)}#settings-panel header{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}#settings-panel h1{flex:1;margin:0;font-size:15px;letter-spacing:.16em}#settings-close{background:#1b1e16;color:var(--ink);border:1px solid var(--line);font:inherit;padding:6px 10px;cursor:pointer}.opt select{margin-left:auto;background:#1b1e16;color:var(--ink);border:1px solid var(--line);font:inherit;padding:4px 8px}.opt{display:flex;align-items:center;gap:10px;padding:12px 16px 0;font-size:13px;letter-spacing:.06em;cursor:pointer;pointer-events:auto}#settings input,#settings select,#settings button,#settings label{pointer-events:auto;touch-action:manipulation}#opt-music-vol{flex:1;min-width:8em;accent-color:#e0c070;cursor:pointer}#opt-music-vol-read{min-width:3em;text-align:right;color:var(--ink-dim);font-size:12px}.opt input{width:16px;height:16px;accent-color:var(--allied)}.opt-help{margin:4px 16px 0 42px;color:var(--ink-dim);font-size:11px;line-height:1.4}#leave-war{display:block;margin:16px 16px 0;width:calc(100% - 32px);background:#2a1810;color:var(--ink);border:1px solid var(--warn);font:inherit;font-size:12px;letter-spacing:.14em;padding:10px 12px;cursor:pointer}#leave-war:hover{background:#3a2014}#pause,#war-end{pointer-events:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:22;background:#060705b8;display:flex;align-items:center;justify-content:center}#pause.hidden,#war-end.hidden{display:none}.pause-panel{width:min(360px,90vw);background:#14160f;border:1px solid var(--line);padding:22px 18px 18px;text-align:center}.pause-panel h1{margin:0 0 14px;letter-spacing:.18em;font-size:18px}.pause-panel p{color:var(--ink-dim);font-size:13px;line-height:1.45;margin:0 0 16px}.pause-panel button{display:block;width:100%;margin:0 0 8px;background:#1b1e16;color:var(--ink);border:1px solid var(--line);font:inherit;letter-spacing:.12em;padding:10px;cursor:pointer}.pause-panel button:hover,#pause-save{border-color:var(--mt);color:var(--mt)}#main-nav button[hidden]{display:none}#ur-meter{position:absolute;left:10px;bottom:10px;z-index:6;pointer-events:none;font-size:11px;letter-spacing:.04em;color:var(--ink-dim);background:var(--panel);border:1px solid var(--line);padding:3px 8px;max-width:min(520px,calc(100% - 250px));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#top-bar{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:center;flex-wrap:nowrap;gap:12px;padding:10px 16px;background:linear-gradient(to bottom,rgba(8,7,6,.62),transparent);letter-spacing:.14em;font-size:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#wordmark{font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:36ch}#materiel{color:var(--mt);border:1px solid var(--line);padding:4px 10px;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#mode-pip{border:1px solid var(--line);padding:4px 10px;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#pawn-bar{pointer-events:auto;display:flex;flex-wrap:wrap;gap:4px;z-index:12}#pawn-bar button{background:var(--panel);color:var(--ink);border:1px solid var(--line);font:inherit;font-size:10px;letter-spacing:.12em;padding:5px 9px;cursor:pointer}#pawn-bar button:hover{border-color:var(--mt);color:var(--mt)}#pawn-bar button.active{border-color:#ffe08a;color:#fff6d0;background:#2a2414;box-shadow:0 0 0 1px #ffe08a,0 0 12px #ffd25073}#queue-pip{color:var(--ink-dim);font-size:12px}#hint{position:absolute;top:48px;left:16px;color:var(--ink-dim);font-size:12px;max-width:46ch;line-height:1.4}#coach{position:absolute;left:calc((100% - 220px)/2);top:72px;transform:translate(-50%);z-index:9;max-width:46ch;padding:10px 14px;background:#0a0806d1;border:1px solid var(--mt);color:var(--ink);font-size:15px;letter-spacing:.06em;text-align:center;pointer-events:none}#coach:empty{display:none}#coach .coach-skip{pointer-events:auto;display:block;margin:8px auto 0;background:transparent;color:var(--mt);border:1px solid var(--line);letter-spacing:.16em;font:inherit;font-size:11px;padding:4px 12px;cursor:pointer}#group-pips{display:flex;gap:3px;align-items:center;pointer-events:none}.gpip{width:16px;height:16px;font-size:10px;line-height:16px;text-align:center;color:var(--ink-dim);border:1px solid rgba(232,196,140,.18);opacity:.35}.gpip.filled{opacity:1;color:var(--ink);border-color:var(--line)}.gpip.active{color:#ffe08a;box-shadow:0 0 0 1px #ffe08a}.kit-class-grid button.locked{opacity:.42;cursor:not-allowed}#intel{pointer-events:auto;touch-action:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:28;background:#060705b8;display:flex;align-items:center;justify-content:center}#intel-panel{width:min(640px,92vw);max-height:86vh;overflow:auto;background:#14160f;border:1px solid var(--line);padding:0 18px 18px;color:var(--ink)}#intel-panel header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:0 -18px 12px;padding:12px 18px}#intel-panel h1{margin:0;letter-spacing:.2em;font-size:16px}#intel-panel h2{letter-spacing:.14em;font-size:12px;color:var(--mt)}#intel-panel p{color:var(--ink-dim);line-height:1.45;font-size:14px}#intel-close{background:transparent;color:var(--ink);border:0;font-size:18px;cursor:pointer}#intel-play{width:100%;margin-top:8px;background:#2a2414;color:#ffe08a;border:1px solid var(--mt);padding:10px;letter-spacing:.16em;cursor:pointer}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:22px;color:#d7ccb0d9;text-shadow:0 0 6px #000}#select-box{position:absolute;border:2px solid #ffe08a;background:#ffd25029;box-shadow:0 0 0 1px #000,0 0 18px #ffd25073;pointer-events:none}#command-dock{pointer-events:auto;position:absolute;top:44px;right:0;bottom:0;width:220px;z-index:8;display:flex;flex-direction:column;gap:8px;padding:8px 8px 10px;background:#080706e6;border-left:1px solid var(--line);overflow:hidden}.dock-section h2{margin:0 0 6px;font-size:10px;letter-spacing:.16em;color:var(--mt)}#build-bar,#train-bar{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dock-btn{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:64px;padding:6px 4px 5px;background:#14120e;color:var(--ink);border:1px solid var(--line);font:inherit;font-size:9px;letter-spacing:.08em;cursor:pointer}.dock-btn .unit-svg{width:28px;height:28px;color:var(--ink)}.dock-btn .dock-cost{color:var(--mt);font-size:9px}.dock-btn:hover{border-color:var(--mt);background:#1c1a14}.dock-btn.active{border-color:#ffe08a;background:#2a2414;box-shadow:0 0 0 2px #ffe08a,0 0 14px #ffd25080;color:#fff6d0}.dock-queue{flex:1;min-height:0;display:flex;flex-direction:column}#prod-queue{pointer-events:auto;display:flex;flex-direction:column;gap:6px;overflow:auto;flex:1}.prod-empty{border:1px dashed var(--line);color:var(--ink-dim);font-size:10px;letter-spacing:.06em;line-height:1.4;padding:10px 8px}.prod-card{display:grid;grid-template-columns:56px 1fr;gap:8px;align-items:center;background:var(--panel);border:1px solid var(--line);padding:6px}.prod-art{position:relative;width:56px;height:56px;color:var(--ink);background:#10120c;overflow:hidden}.prod-art .unit-svg{position:absolute;top:8px;right:8px;bottom:8px;left:8px;width:40px;height:40px}.prod-art .load-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:56px;height:56px;pointer-events:none}.load-bg{stroke:#d7ccb02e}.load-fg{stroke:var(--mt);transition:stroke-dashoffset .12s linear}.prod-wipe{position:absolute;left:0;right:0;bottom:0;background:#080a069e;pointer-events:none}.prod-meta{min-width:0}.prod-name{font-size:10px;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prod-pct{color:var(--mt);font-size:13px;margin-top:2px}.prod-card.queued .load-fg{stroke:var(--ink-dim)}.prod-card.queued .prod-pct{color:var(--ink-dim)}.build-btn{background:var(--panel);color:var(--ink);border:1px solid var(--line);font:inherit;font-size:10px;letter-spacing:.08em;padding:7px 10px;text-align:left;cursor:pointer}.build-btn:hover{border-color:var(--allied)}#portraits{pointer-events:auto;position:absolute;left:calc((100% - 220px)/2);bottom:18px;transform:translate(-50%);display:flex;gap:8px;z-index:8}.portrait{width:54px;height:62px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:10px;letter-spacing:.04em;display:flex;flex-direction:column;justify-content:space-between;padding:4px;cursor:pointer}.portrait.active{border-color:#ffe08a;box-shadow:0 0 0 2px #ffe08a,0 0 14px #ffd250b3;background:#2a2414}.portrait.dead{opacity:.35}.portrait .hp{height:3px;background:#2a2a22}.portrait .hp>i{display:block;height:100%;background:var(--hp)}#minimap-wrap{pointer-events:auto;margin-top:auto;border:1px solid var(--line);background:#11140e;line-height:0;flex:0 0 auto}#minimap{display:block;width:196px;height:196px}.attr{margin-top:6px;font-size:9px;letter-spacing:.04em;opacity:.7}#help{position:absolute;left:14px;bottom:14px;z-index:12;font-size:11px;color:var(--ink-dim);line-height:1.55;background:var(--panel);border:1px solid var(--line);padding:8px 10px;pointer-events:auto;max-width:min(420px,46vw)}.help-head{display:flex;align-items:center;gap:10px;margin-bottom:6px;color:var(--ink);letter-spacing:.14em;font-size:10px}#help-hide,#help-restore,#settings-peek-controls,#controls-peek-close{pointer-events:auto;cursor:pointer;font:inherit;letter-spacing:.12em}#help-hide{position:relative;z-index:13;margin-left:auto;min-width:28px;min-height:28px;background:#1b1e16;color:var(--ink);border:1px solid var(--line);font-size:14px;letter-spacing:0;line-height:1;padding:4px 8px;cursor:pointer}#help-hide:hover{border-color:var(--mt);color:var(--mt)}#help-restore{position:absolute;left:14px;bottom:14px;z-index:7;background:var(--panel);color:var(--ink);border:1px solid var(--line);font-size:10px;padding:6px 10px}#help-restore:hover{border-color:var(--mt);color:var(--mt)}#settings-peek-controls{display:block;margin:10px 16px 0;width:calc(100% - 32px);background:#1b1e16;color:var(--ink);border:1px solid var(--line);font-size:11px;padding:8px}#settings-peek-controls:hover{border-color:var(--mt);color:var(--mt)}#controls-peek{pointer-events:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:32;background:#060705b8;display:flex;align-items:center;justify-content:center}#controls-peek.hidden{display:none}.controls-peek-card{width:min(480px,92vw);max-height:86vh;overflow:auto;background:#14160f;border:1px solid var(--line);padding:0 0 12px}.controls-peek-card header{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}.controls-peek-card h1{flex:1;margin:0;font-size:15px;letter-spacing:.16em}#controls-peek-close{background:#1b1e16;color:var(--ink);border:1px solid var(--line);padding:6px 10px}#controls-peek-body{padding:12px 16px 4px;font-size:12px;color:var(--ink-dim);line-height:1.55}.menu-ctrl-row,#main-nav .menu-ctrl-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:8px}.menu-ctrl-row button,#main-nav .menu-ctrl-row button{text-align:center;background:transparent;border:0;border-left:2px solid #6a2018;color:#e8d0c0;font:inherit;letter-spacing:.08em;font-size:10px;padding:10px 6px;cursor:pointer}.menu-ctrl-row button:hover,.menu-ctrl-row button:focus,#main-nav .menu-ctrl-row button:hover,#main-nav .menu-ctrl-row button:focus{border-left-color:#ff5a28;color:#fff4e8;background:#50140c59}.pause-ctrl-row{margin:4px 0 10px}.pause-ctrl-row button{display:block;width:auto;margin:0;background:#1b1e16;border:1px solid var(--line);border-left:2px solid #6a2018;font-size:10px;letter-spacing:.08em;padding:8px 4px}kbd{color:var(--ink);border:1px solid var(--line);padding:0 4px;font-size:10px}#fps-stats{position:absolute;left:50%;top:58%;transform:translate(-50%);width:220px}#hp-bar{height:6px;background:#2a2a22;border:1px solid var(--line)}#hp-fill{height:100%;width:100%;background:var(--hp)}#ammo-read{text-align:center;font-size:12px;margin-top:4px;color:var(--ink-dim)}#mobile{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.stick{pointer-events:auto;position:absolute;bottom:28px;width:126px;height:126px;border-radius:50%;border:1px solid var(--line);background:#0e100c59}#stick-left{left:24px}#stick-right{right:24px}.stick .knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#d7ccb059;border:1px solid var(--ink-dim)}#mobile-btns{pointer-events:auto;position:absolute;right:18px;top:58px;display:flex;flex-direction:column;gap:8px}.mb{pointer-events:auto;min-width:72px;padding:10px 8px;background:var(--panel);color:var(--ink);border:1px solid var(--line);font:inherit;font-size:11px;letter-spacing:.08em}.mb.fire{background:#8c321eb3;min-height:52px}#deploy{pointer-events:auto;position:fixed;top:0;right:0;bottom:0;left:0;background:#0607058c;display:flex;align-items:center;justify-content:center}#deploy.hidden,.hidden{display:none!important}#deploy-panel{width:min(1280px,98vw);height:min(760px,94vh);background:linear-gradient(180deg,#16140f,#0e0c0a);border:1px solid var(--line);box-shadow:0 24px 80px #0000008c;display:flex;flex-direction:column}#deploy-panel header,#deploy-panel footer{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}#deploy-panel footer{border-bottom:none;border-top:1px solid var(--line);justify-content:flex-end}#deploy-panel h1{font-size:16px;letter-spacing:.16em;margin:0;flex:1}#deploy-cost{color:var(--mt);font-size:18px}#deploy-name{width:min(240px,28vw);background:#1a1612;border:1px solid var(--line);color:var(--ink);letter-spacing:.08em;padding:6px 10px;text-transform:uppercase}#deploy-body{flex:1;display:grid;grid-template-columns:200px minmax(0,1fr) 300px;min-height:0}#deploy-stage{display:grid;grid-template-rows:auto 1fr;min-width:0;min-height:0}#deploy-preview{width:100%;height:100%;min-height:180px;background:#0a0908;border-top:1px solid var(--line)}#preset-list,#stat-pane{border-right:1px solid var(--line);padding:10px;overflow:auto;font-size:12px}#stat-pane{border-right:none;border-left:1px solid var(--line);color:var(--ink-dim);line-height:1.45;white-space:normal}.kit-inspector h2{margin:0 0 10px;font-size:13px;letter-spacing:.14em;color:var(--ink)}.kit-inspector .stat-bars{display:grid;gap:6px;margin:10px 0 14px}.kit-inspector .stat-row{display:grid;grid-template-columns:52px 1fr 36px;gap:6px;align-items:center;font-size:11px;letter-spacing:.06em}.kit-inspector .stat-row i{height:6px;background:#2a2418;border:1px solid var(--line)}.kit-inspector .stat-row i b{display:block;height:100%;background:var(--mt)}.kit-class-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:10px}.kit-class-grid button{background:#14120e;border:1px solid var(--line);color:var(--ink);font:inherit;font-size:11px;letter-spacing:.08em;padding:7px 6px;cursor:pointer}.kit-class-grid button.on{border-color:var(--mt);background:#2a2214;color:#ffe08a}.slot-card .cameo{width:100%;height:52px;object-fit:cover;display:block;margin-bottom:6px;border:1px solid var(--line)}.slot-card .slot-meta{font-size:10px;color:var(--ink-dim);letter-spacing:.06em}#slot-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:10px;overflow:auto}.slot-card{border:1px solid var(--line);background:#1b1e16;color:var(--ink);padding:8px;font:inherit;text-align:left;cursor:pointer}.preset-row{display:flex;gap:4px;margin-bottom:4px}.preset-row .preset-btn{flex:1}.preset-del{width:28px;border:1px solid var(--line);background:#1b1612;color:var(--ink-dim);cursor:pointer}.preset-del:hover{color:#e8a070;border-color:#e8a070}.preset-btn{border:1px solid var(--line);background:#1b1e16;color:var(--ink);padding:8px;font:inherit;text-align:left;cursor:pointer}.slot-card:hover,.preset-btn:hover{border-color:var(--mt)}.slot-card.active,.preset-btn.active{border-color:#ffe08a;box-shadow:0 0 0 2px #ffe08a,0 0 12px #ffd25066;background:#2a2414}.slot-card.empty{opacity:.55}.slot-card h3{margin:0 0 8px;font-size:12px;letter-spacing:.1em}.bio-kit{margin-top:4px;padding:6px 8px;border:1px solid var(--line);background:#10120c;font-size:11px;letter-spacing:.08em;color:#9adf6a}.slot-card select,.slot-card button.chip,.mod-row button{width:100%;margin-top:4px;background:#10120c;color:var(--ink);border:1px solid var(--line);font:inherit;font-size:11px;padding:4px}.mod-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.mod-row button{width:auto;flex:1}.mod-row button.on{border-color:var(--allied);color:var(--allied)}#deploy-panel footer button,#deploy-close{background:#1b1e16;color:var(--ink);border:1px solid var(--line);font:inherit;letter-spacing:.1em;padding:8px 12px;cursor:pointer}#deploy-queue{background:#2a331c;border-color:var(--allied)}#deploy-queue:disabled{opacity:.4;cursor:not-allowed}#hud.boot-hidden{display:none}#main-menu{pointer-events:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:22;display:flex;align-items:stretch;background:transparent}#main-nav{width:min(340px,38vw);padding:48px 28px 32px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(90deg,rgba(8,4,4,.88) 0%,rgba(8,4,4,.35) 78%,transparent 100%)}#main-nav .brand{font-size:22px;letter-spacing:.22em;color:#f0d0b0;margin-bottom:4px}#main-nav .brand-sub{color:#a08070;font-size:12px;margin:0 0 18px;max-width:240px}#main-nav button{text-align:left;background:transparent;border:0;border-left:2px solid #6a2018;color:#e8d0c0;font:inherit;letter-spacing:.18em;padding:12px 14px;cursor:pointer}#main-nav button:hover,#main-nav button:focus{border-left-color:#ff5a28;color:#fff4e8;background:#50140c59}.cameo-btn{display:grid;grid-template-columns:80px 1fr;grid-template-rows:auto auto;gap:2px 8px;align-items:center;text-align:left;min-height:72px}.cameo-btn .cameo{grid-row:1 / span 2;width:80px;height:64px;image-rendering:pixelated;border:1px solid #3a3428}.mode-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.mode-card{text-align:left;background:#14120e;border:1px solid var(--line);color:var(--ink);padding:10px;font:inherit;cursor:pointer}.mode-card{position:relative}.mode-card:hover{border-color:var(--mt)}.mode-card.active{border-color:#ffe08a;background:#2a2214;box-shadow:0 0 0 2px #ffe08a,0 0 16px #ffd25073}.mode-card.active:after,.map-card.active:after,.faction-card.active:after{content:"SELECTED";position:absolute;top:8px;right:8px;z-index:2;font-size:9px;letter-spacing:.16em;color:#1a1408;background:#ffe08a;padding:3px 6px;box-shadow:0 0 10px #ffd2508c}.ghost-btn{margin-top:8px;width:100%;padding:10px;background:transparent;border:1px solid var(--line);color:var(--ink-dim);font:inherit;letter-spacing:.14em;cursor:pointer}#faction-select{pointer-events:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0a0908b8;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.faction-panel{width:min(1080px,96vw);padding:20px}.faction-panel h1{letter-spacing:.18em;margin:0 0 8px}.briefing{max-height:92vh;overflow:auto}.briefing h2{margin:18px 0 8px;font-size:12px;letter-spacing:.16em;color:var(--ink-dim)}.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.map-card{text-align:left;background:#14160f;border:1px solid var(--line);color:var(--ink);padding:12px;font:inherit;cursor:pointer;min-height:120px;position:relative;overflow:hidden}.map-card:hover{border-color:var(--mt);filter:brightness(1.08)}.map-card.active{outline:2px solid #ffe08a;outline-offset:2px;box-shadow:0 0 0 2px #000,0 0 22px #ffd2508c;z-index:1}.map-card.ridge{background:linear-gradient(180deg,#1c2818,#14160f 42%),#14160f;border-color:#4a6a40}.map-card.plains{background:linear-gradient(180deg,#3a3418,#1a1810 50%),#14160f;border-color:#c4a45a}.map-card.canyon{background:linear-gradient(180deg,#4a2814,#1a100c 48%),#14160f;border-color:#c47a38}.map-card.crater{background:linear-gradient(180deg,#2a2018,#0e0c0a 55%),#100e0c;border-color:#6a5040}.map-card.islands{background:linear-gradient(180deg,#143830,#101814 50%),#14160f;border-color:#4aa0a8}.map-card.flank{background:linear-gradient(180deg,#243040,#14161a 50%),#14160f;border-color:#7a8a98}.map-card.ridge.active,.map-card.ridge:hover{border-color:#8aba70}.map-card.plains.active,.map-card.plains:hover{border-color:#e8c878}.map-card.canyon.active,.map-card.canyon:hover{border-color:#f0a050}.map-card.crater.active,.map-card.crater:hover{border-color:#c07050}.map-card.islands.active,.map-card.islands:hover{border-color:#70d0c8}.map-card.flank.active,.map-card.flank:hover{border-color:#b0c4d8}.map-card h2{margin:0 0 6px;font-size:13px;letter-spacing:.1em}#deploy-go{margin-top:18px;width:100%;padding:12px;background:#2a331c;border:1px solid var(--allied);color:var(--ink);font:inherit;letter-spacing:.16em;cursor:pointer}.faction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.faction-card{text-align:left;background:#14160f;border:1px solid var(--line);color:var(--ink);padding:14px;font:inherit;cursor:pointer;min-height:240px}.faction-card{position:relative}.faction-card:hover{border-color:var(--mt);filter:brightness(1.06)}.faction-card.active{outline:3px solid #ffe08a;outline-offset:3px;box-shadow:0 0 0 2px #000,0 0 28px #ffd2508c;z-index:1}.faction-card h2{margin:0 0 6px;letter-spacing:.1em;font-size:15px}.faction-card .origin{margin:0 0 8px;font-size:11px;line-height:1.4;color:var(--mt)}.faction-card .origin span{display:block;margin-bottom:3px;font-size:9px;letter-spacing:.2em;color:var(--ink-dim)}.faction-card .tag{color:var(--mt);font-size:12px;margin-bottom:10px}.faction-card p{color:var(--ink-dim);font-size:12px;line-height:1.45}.faction-card .banned{margin-top:12px;font-size:10px;letter-spacing:.12em;color:var(--warn)}.faction-card.empire{background:linear-gradient(180deg,#1c1812,#12100c);border-color:#7a6428}.faction-card.empire h2{color:#e0c36a;letter-spacing:.14em}.faction-card.empire .origin{color:#c9a227}.faction-card.empire .origin span{color:#8e1c1c}.faction-card.empire:hover{border-color:#c9a227}.faction-card.empire.active{border-color:#ffe08a;box-shadow:0 0 0 2px #8e1c1c,0 0 28px #ffd25080,inset 0 0 28px #c9a2272e}.faction-card.rebels{background:linear-gradient(180deg,#171910,#14120e);border-color:#5a4a30}.faction-card.rebels h2{color:#9aaa68}.faction-card.rebels .origin{color:#a8b878}.faction-card.rebels .origin span{color:#c47a3a}.faction-card.rebels:hover{border-color:#8a9a58}.faction-card.rebels.active{border-color:#ffe08a;box-shadow:0 0 28px #ffd25073,inset 0 0 22px #8a4a322e}.faction-card.bloom{position:relative;overflow:hidden;color:#d2e0b4;border-color:#5a7a3c;border-radius:3px 16px 6px 20px;background:radial-gradient(circle at 16% 82%,rgba(160,200,80,.28) 0 8px,transparent 9px),radial-gradient(circle at 84% 22%,rgba(110,150,50,.22) 0 12px,transparent 13px),radial-gradient(circle at 72% 88%,rgba(90,130,40,.2) 0 6px,transparent 7px),linear-gradient(180deg,rgba(180,220,120,.16),transparent 34%),radial-gradient(120% 90% at 8% -12%,rgba(170,220,90,.22),transparent 44%),radial-gradient(80% 90% at 110% 120%,rgba(40,70,24,.85),transparent 52%),#10160e;box-shadow:inset 0 1px #d2ffa047,inset 0 -28px 36px #081606b3,inset 14px 0 30px #466e2429}.faction-card.bloom:before{content:"";position:absolute;top:-40%;right:-20%;bottom:-40%;left:-20%;pointer-events:none;background:linear-gradient(118deg,transparent 38%,rgba(220,255,180,.12) 48%,transparent 58%);animation:bloom-sheen 7s ease-in-out infinite}.faction-card.bloom h2,.faction-card.bloom .origin,.faction-card.bloom .tag,.faction-card.bloom p,.faction-card.bloom .banned{position:relative}.faction-card.bloom h2{color:#c6e06a;letter-spacing:.22em;text-shadow:0 0 14px rgba(143,191,74,.4)}.faction-card.bloom .origin{color:#9ec45a;font-style:italic}.faction-card.bloom .origin span{color:#6a8a40;letter-spacing:.28em;font-style:normal}.faction-card.bloom .tag{color:#7a9a52;font-style:italic}.faction-card.bloom p{color:#8a9c6c}.faction-card.bloom .banned{color:#c4e06a}.faction-card.bloom:hover{border-color:#a6d45a}.faction-card.bloom.active{border-color:#ffe08a;outline-color:#c6e06a;box-shadow:0 0 0 2px #5a7a3c,0 0 28px #ffd25073,inset 0 0 40px #8fbf4a2e,inset 0 -28px 36px #081606b3}@keyframes bloom-sheen{0%,to{transform:translate(-8%) rotate(16deg);opacity:.35}50%{transform:translate(18%) rotate(16deg);opacity:.75}}@media(max-width:900px){.faction-grid,.map-grid{grid-template-columns:1fr}.faction-card{min-height:0}}@media(max-width:900px){#help,#help-restore{display:none}#command-dock{width:160px;top:40px}#minimap{width:144px;height:144px}#portraits{bottom:12px;left:calc(50% - 80px)}#deploy-body{grid-template-columns:1fr;grid-template-rows:80px 1fr 100px}}