#game-mode{background:#26372f;color:#fff;border-color:#26372f;font-weight:700;white-space:nowrap}#commander-menu,#commander-result{box-sizing:border-box;width:min(760px,94vw);max-height:92vh;overflow:auto;padding:40px;border:1px solid #b9c7b6;border-radius:22px;background:#f1f3e9;color:#23352b;box-shadow:0 30px 110px #101f1c55}#commander-menu::backdrop,#commander-result::backdrop{background:#10251de0;backdrop-filter:blur(7px)}.mode-close{position:absolute;right:18px;top:15px;font-size:25px;border:0;background:transparent}.mode-kicker{display:block;font:10px monospace;letter-spacing:2px;color:#7b8c76}#commander-menu h2{font-size:42px;line-height:1.1;letter-spacing:-2px;margin:20px 0 14px}#commander-menu p{font-size:13px;line-height:1.8;color:#6a7867}.faction-choices{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:28px 0 20px}.faction-choices>button{display:flex;align-items:flex-start;flex-direction:column;gap:9px;padding:24px;border:1px solid #c5cebd;border-radius:15px;background:#fbfcf5;text-align:left;transition:transform .2s,border-color .2s}.faction-choices>button:hover{transform:translateY(-3px);border-color:#e16f51}.faction-choices>button strong{font-size:19px}.faction-choices>button small{font:10px monospace;color:#7e8b77}.faction-choices>button em{margin-top:10px;font-size:12px;font-style:normal;color:#b66343}.portrait{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:92px;height:75px;margin:20px 0 17px}.portrait b{font:700 17px sans-serif;background:#fffff8;color:#26342c;border-radius:9px;padding:10px 6px}.portrait i{position:absolute;top:-25px;left:36px;font:bold 22px sans-serif;font-style:normal}.jini-portrait{border:7px solid #949e97;border-left-color:#e15c4c;border-radius:18px;background:#fdfef5}.jini-portrait i{color:#e15c4c}.earth-portrait{border:8px solid #2f3933;border-radius:34px;background:#29352c}.earth-portrait i{left:9px;color:#4d5b4c;font-size:25px;letter-spacing:-4px}.mode-rules{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:#6c7b65}.mode-rules span:before{content:'✓ ';color:#697a50}#back-sandbox{margin-top:25px;padding:10px 0;border:0;border-bottom:1px solid #9cae91;border-radius:0;background:transparent;font-size:12px;color:#4d6347}.commander-active footer,.commander-active .readout,.commander-active #touchmode{display:none!important}.commander-active #notice{bottom:255px}.commander-active #faction-hud{display:none!important}#commander-panel{position:fixed;z-index:4;bottom:18px;left:50%;transform:translateX(-50%);width:min(820px,calc(100vw - 30px));box-sizing:border-box;padding:18px 22px 10px;background:#172d25f5;color:#e7eadc;border:1px solid #82907a66;border-radius:15px;box-shadow:0 12px 50px #14261f40;backdrop-filter:blur(14px)}#commander-panel[hidden]{display:none}.command-top{display:flex;align-items:center;gap:16px}.command-top>div:first-child{margin-right:auto}.command-top strong{display:block;font-size:19px;margin-top:4px}.command-wallet{text-align:right}.command-wallet>b{font-size:25px;color:#e2c17b}.command-wallet>span{display:block;font-size:8px;color:#8aab95}#commander-panel button{padding:8px 13px;border:1px solid #607560;border-radius:7px;background:#2b4136;color:#e5eadb;font-size:11px}#commander-panel button:disabled{opacity:.4;cursor:default}#command-reinforce{background:#dfcf99!important;color:#263e2c!important;font-weight:800}#command-reinforce small{display:block;font-size:8px}.hq-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:14px 0 13px}.hq-row>div>span{display:flex;justify-content:space-between;font-size:9px;color:#a7bba8}.hq-row>div>span b{font:9px monospace}.hq-row i{display:block;height:4px;margin-top:6px;background:#445249;border-radius:4px;overflow:hidden}.hq-row i b{display:block;height:100%;background:#efa58c;transition:width .3s}.hq-row>div:last-child i b{background:#8ccae6}#squad-list{display:flex;gap:7px;overflow-x:auto;padding-bottom:3px}#squad-list>button{min-width:115px;text-align:left;padding:8px 11px}#squad-list b{display:block;font-size:10px}#squad-list span{display:block;font-size:8px;margin-top:5px;color:#acbea9}#squad-list [aria-pressed=true]{border-color:#c5d2a7!important;background:#405643!important}.command-orders{display:flex;gap:7px;align-items:center;margin-top:10px}.command-orders button{flex:0 0 auto}#command-hint{font-size:9px;color:#a0b59d;margin-left:auto}.command-bottom{display:flex;justify-content:space-between;font-size:8px;color:#829f89;border-top:1px solid #64765744;margin-top:11px;padding-top:8px}#command-clock{font-family:monospace}#commander-result{text-align:center;width:min(460px,92vw)}#commander-result h2{font:800 48px sans-serif;letter-spacing:-2px;color:#667b4f}#commander-result p{font-size:13px;line-height:1.8}#commander-result button{padding:12px 20px;margin:15px 4px 0;border-radius:8px;border:1px solid #9aac8d;background:#dbe3ce;font-weight:700}.commander-active .viewtools{top:110px}.commander-active #landmark{display:none}@media(max-width:760px){#game-mode{font-size:8px!important;padding:7px!important}.top-actions #mapref{display:none}#commander-menu{padding:25px 20px}#commander-menu h2{font-size:32px}.faction-choices{gap:8px}.faction-choices>button{padding:17px 12px}.faction-choices>button strong{font-size:15px}.faction-choices>button small{font-size:8px}.faction-choices>button em{font-size:10px}.portrait{transform:scale(.8);transform-origin:left center;margin:10px 0}.mode-rules{font-size:9px}#commander-panel{width:calc(100vw - 16px);bottom:8px;padding:11px 12px 8px}.command-top{gap:9px}.command-top strong{font-size:14px}.command-top .mode-kicker{font-size:8px;letter-spacing:1px}.command-wallet>b{font-size:20px}#command-camera{display:none}.hq-row{margin:10px 0;gap:14px}#squad-list>button{min-width:96px}.command-orders{gap:5px;flex-wrap:wrap}#commander-panel .command-orders button{flex:1;padding:9px 4px;font-size:10px}#command-hint{flex-basis:100%;font-size:9px;text-align:center;margin:2px 0 -2px}.commander-active #notice{bottom:270px}.command-bottom{font-size:7px}.commander-active .viewtools{top:72px}.commander-active #home,.commander-active #top{display:none}}
.hq-row [role=button]{cursor:pointer}.hq-row [role=button]:hover{color:#fff}.hq-row>div>span b{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commander-active #commander-panel{pointer-events:auto}

/* Keep commands within the viewport and above world effects. */
.commander-active header{position:fixed;z-index:40;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;gap:8px;flex-wrap:wrap}.commander-active .top-actions{flex-wrap:wrap;gap:4px}.commander-active .brand{flex-shrink:0}.commander-active .viewtools{position:fixed;z-index:35;top:calc(var(--command-header-bottom,64px) + 8px);right:12px;left:12px;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;max-height:48px;gap:4px}.commander-active .viewtools button{width:auto;min-width:32px;height:32px;padding:6px}.commander-active .viewtools button span,.commander-active .viewtools button b{display:none}.commander-active .viewtools select{width:140px;max-width:30vw;align-self:auto}.commander-active #commander-panel{z-index:30;bottom:max(8px,env(safe-area-inset-bottom));max-height:calc(100dvh - var(--command-header-bottom,64px) - 65px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.commander-active #notice{z-index:38;bottom:calc(var(--command-panel-height,270px) + 20px + env(safe-area-inset-bottom));max-width:90vw;white-space:normal;text-align:center}.command-top>*,.hq-row>div{min-width:0}.command-orders{flex-wrap:wrap}.command-legend{display:flex;gap:16px;font-size:10px;margin-top:12px}.command-legend span:first-child{color:#39a9ff}.command-legend span:last-child{color:#ff3854}.hq-row>div:first-child i b{background:#39a9ff}.hq-row>div:last-child i b{background:#ff3854}#loading{z-index:100}@media(max-height:560px){#commander-panel{padding:10px 14px}.hq-row{margin:8px 0}.command-legend{margin-top:6px}.command-top strong{font-size:14px}.command-bottom{margin-top:6px;padding-top:6px}}@media(max-width:480px){.commander-active .brand{font-size:12px}.commander-active .top-actions button{font-size:8px;padding:6px}.command-top{flex-wrap:wrap}.command-wallet{margin-left:auto}.command-legend{font-size:9px}}