:root{--body:#d3d0c6;--case:#bcbab0;--chrome:#e9e6dc;--ink:#292e25;--muted:#606454;--line:#858675;--lcd:#bec49d;--lcd-light:#d9ddc3;--paper:#eeeee2;--olive:#414c32;--danger:#7b3d32}*{box-sizing:border-box}body{color:var(--ink);background:#777a6e;margin:0;font-family:Courier New,ui-monospace,monospace;font-size:14px;line-height:1.5}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;background:var(--chrome);border:1px solid #636657;border-radius:3px;min-height:36px;padding:8px 12px;font-weight:700;box-shadow:inset 1px 1px #fff,1px 2px #a3a496}button:hover:not(:disabled){background:#f9f8ed}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 1px 1px #8c8e7f}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #795630}input,select{background:#f7f7eb;border:1px solid #747866;border-radius:2px;width:100%;min-height:38px;padding:6px 8px}input[type=range]{accent-color:var(--olive);min-height:28px;padding:0}label{font-size:12px;font-weight:700;display:block}label input,label select{margin-top:5px;display:block}h1,h2,h3,p{margin:0 0 12px}h1,h2,h3{line-height:1.25}h1{letter-spacing:-1.5px;font-size:30px;font-weight:900}h2{letter-spacing:-.4px;font-size:18px;font-weight:900}h3{margin-top:20px;font-size:14px}small,.fine{color:var(--muted);font-size:11px;line-height:1.5}h2 small,h3 small{float:right;font-size:11px;font-weight:400}a{color:inherit}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:20px;font-size:18px;font-weight:700}.device{background:var(--body);border:2px solid #51564e;border-radius:24px 24px 40px 40px;max-width:1440px;margin:24px auto;padding:0 22px 12px;box-shadow:inset 3px 3px #eeede3,inset -5px -5px #a4a69b,7px 10px #4d5148}.device-brand{color:#53584e;align-items:center;gap:20px;padding:22px 15px 18px;display:flex}.device-brand>span:first-child{letter-spacing:5px;text-shadow:1px 1px #f4f1e8;font-size:25px;font-weight:900}.device-brand>span:nth-child(2){letter-spacing:2px;font-size:10px}.speaker{letter-spacing:5px;margin-left:auto}.screen{background:var(--paper);border:3px solid #5b6052;border-radius:7px;min-height:610px;overflow:clip;box-shadow:0 0 0 4px #aaa99d}.menu{color:#f1f1df;background:#5c6351;border-bottom:2px solid #303727;justify-content:space-between;align-items:center;gap:10px;padding:7px 15px;display:flex}.menu>a{letter-spacing:2px;font-size:18px;font-weight:900;text-decoration:none}.menu>div{align-items:center;gap:12px;display:flex}.menu button{box-shadow:none;color:inherit;background:0 0;border:0;min-height:28px;padding:2px 7px}.menu button:hover:not(:disabled){background:#747b62}.commander-name{font-size:12px}.workspace{padding:16px 24px 0}.breadcrumb{letter-spacing:1px;color:var(--muted);justify-content:space-between;align-items:center;min-height:30px;margin-bottom:22px;font-size:10px;display:flex}.breadcrumb button{box-shadow:none;background:0 0;border:0;min-height:28px;padding:0;font-size:12px}.connection{letter-spacing:0;align-items:center;gap:7px;display:flex}.status-dot{background:#6c7951;border:1px solid #39452c;width:7px;height:7px;display:inline-block}.status-dot.ready{background:#354d35}.eyebrow{color:var(--muted);letter-spacing:2px;margin-bottom:8px;font-size:10px;font-weight:700}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.section-heading h1{margin:0}.primary{background:var(--olive);color:#f2f3e3;border-color:#263020;box-shadow:inset 1px 1px #768165,1px 2px #929984}.primary:hover:not(:disabled){background:#556242}.quiet{box-shadow:none;background:0 0}.danger{color:var(--danger)}.badge{white-space:nowrap;background:#dce0cb;border:1px solid #9ca48b;padding:4px 7px;font-size:11px;display:inline-block}.tabs{border-bottom:2px solid #67705a;gap:5px;display:flex}.tabs button{box-shadow:none;background:#dcdfce;border-bottom:0;border-radius:4px 4px 0 0;padding:10px 18px}.tabs button[aria-pressed=true]{color:#f9f9ec;background:#697359;border-color:#697359}.tabs span{opacity:.8;margin-left:8px;font-size:10px}.game-list{min-height:350px;margin-bottom:30px}.game-row{text-align:left;box-shadow:none;background:0 0;border:0;border-bottom:1px solid #b8bcab;border-radius:0;align-items:center;gap:18px;width:100%;padding:20px 14px;display:flex}.game-row small{margin-top:4px;font-weight:400;display:block}.game-row .badge{margin-left:auto}.game-row-icon{background:#d7ddbe;border:1px solid #8e977b;place-items:center;width:40px;height:40px;display:grid}.pixel{fill:currentColor;vertical-align:middle;width:20px;height:20px;display:inline-block}.game-row-icon .pixel{width:24px;height:24px}.empty{text-align:center;color:var(--muted);padding:70px 20px}.empty>.pixel{width:40px;height:40px;margin-bottom:25px}.empty h2{font-size:18px}.screen-footer{letter-spacing:1px;background:#dce0cc;border-top:1px solid #9ba18b;justify-content:space-between;padding:10px 17px;font-size:9px;display:flex}.device-bottom{color:#65695f;justify-content:center;align-items:center;gap:35px;padding:20px 0 5px;display:flex}.hardware-button{text-align:center;border:2px solid #85897d;border-radius:9px;width:55px;height:33px;font-size:20px;box-shadow:inset 2px 2px #eeeee5,1px 2px #979b8d}.rocker{text-align:center;background:#c6c8ba;border:2px solid #888c7e;border-radius:10px;width:55px;line-height:15px;box-shadow:inset 2px 2px #e4e7d8}.entry{grid-template-columns:1fr 1fr;min-height:580px;display:grid}.entry-map{background:var(--lcd);border-right:2px solid #8f9879;min-height:450px;position:relative;overflow:hidden}.entry-form{max-width:490px;padding:65px 45px}.entry h1{margin:15px 0 25px;font-size:38px}.entry-form>p{color:var(--muted);margin-bottom:26px}.entry-form label{margin-bottom:9px}.entry-form input{min-height:46px}.entry-form small{display:block}.challenge{margin:20px 0}.enter-button{width:100%;margin-bottom:15px}.coordinate{letter-spacing:2px;font-size:11px;position:absolute;bottom:30px;left:30px}.orbit{border:1px dashed #7d8b61;border-radius:50%;width:480px;height:250px;position:absolute;top:25%;left:-10%;transform:rotate(-35deg)}.orbit-two{width:380px;height:480px;top:5%;left:10%;transform:rotate(45deg)}.entry-world{color:#546340;position:absolute}.entry-world .pixel{width:75px;height:75px}.entry-world.one{top:27%;left:25%}.entry-world.two{top:56%;left:65%}.entry-world.two .pixel{width:47px;height:47px}.entry-world.three{top:70%;left:20%}.entry-world.three .pixel{width:28px;height:28px}.entry-ship{color:#53603d;position:absolute;top:26%;left:63%;transform:rotate(35deg)}.entry-ship .pixel{width:36px;height:36px}.notice,.error{background:#f0e1bf;border:1px solid #a5824f;padding:12px;font-size:12px}.error{align-items:center;gap:12px;margin:12px;display:flex}.error>span{flex:1}.panel{background:#e7ead8;border:1px solid #9ca58b;padding:20px}.lobby-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.roster-row{border-bottom:1px solid #b5bda3;align-items:center;gap:12px;padding:15px 0;display:flex}.roster-row>span:nth-child(2){flex:1}.roster-row small{display:block}.roster-row button{font-size:11px}.sigil{text-align:center;width:30px;font-size:22px}.roster-row:last-of-type{margin-bottom:20px}.lobby-grid .fine{margin:20px 0 0}.options{grid-template-columns:1fr 1fr;gap:18px;display:grid}.options legend{grid-column:1/-1}.options+button{margin-top:20px}.action-bar{border-top:2px solid #a0a88d;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:20px 0;display:flex}.action-bar>div{align-items:center;gap:15px;display:flex}.action-bar p{margin:0;font-size:12px}.command-status{z-index:5;background:#dce1c9;border:1px solid #858e72;border-top:4px solid #677253;grid-template-columns:.8fr 1fr 1.25fr 1.7fr;display:grid;position:sticky;top:0;box-shadow:0 2px #858e72}.workspace button,.workspace input,.workspace select{scroll-margin-top:145px}.command-status>div{border-right:1px solid #a5ae92;padding:13px 20px}.command-status small{letter-spacing:1px;font-size:10px;display:block}.command-status strong{white-space:nowrap;font-size:25px;font-weight:900}.command-status strong span{margin-left:6px;font-size:11px;font-weight:400}.command-status .turn-state{border:0;align-content:center;font-size:12px}.turn-state .status-dot{margin-right:8px}.turn-state small{letter-spacing:0;margin:5px 0 0 16px}.factions{flex-wrap:wrap;gap:18px;padding:12px 4px 16px;font-size:11px;font-weight:700;display:flex}.eliminated{opacity:.65;text-decoration:line-through}.play-grid{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:18px;display:grid}.map-panel{background:var(--lcd);border:2px solid #65704f}.map-toolbar{background:#cbd2b0;border-bottom:1px solid #879470;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:11px;font-weight:700;display:flex}.map-toolbar>div{align-items:center;gap:6px;display:flex}.map-toolbar button{min-height:28px;box-shadow:none;background:#d7ddc1;padding:1px 8px;font-size:11px}.map-toolbar small{font-size:10px;font-weight:400}.map-toolbar output{text-align:center;min-width:32px;font-size:10px}.map{height:570px;position:relative;overflow:hidden}.map-surface{transform-origin:50%;position:absolute;inset:0}.lanes{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lanes line{stroke:#7d8a62;stroke-width:1px;stroke-dasharray:3 3}.lanes path{fill:#3f4b2c;stroke:#bec49d;stroke-width:1px}.lanes text{fill:#344127;font-size:10px}.world{box-shadow:none;text-align:center;z-index:1;background:0 0;border:1px solid #0000;border-radius:0;min-width:50px;max-width:88px;min-height:38px;padding:4px 5px;font-size:10px;line-height:1.1;position:absolute;transform:translate(-50%,-50%)}.world:hover:not(:disabled),.world.selected{background:#dbe0bb;border:1px solid #5b6b42}.world:active:not(:disabled){box-shadow:none;transform:translate(-50%,-50%)}.world .pixel{width:23px;height:23px}.world strong{white-space:nowrap;font-size:10px;line-height:1.5;display:block}.world small{color:inherit;font-size:9px;font-weight:400;display:block}.planet-symbol{display:inline-block;position:relative}.home-mark{color:var(--ink);font-size:17px;position:absolute;top:-8px;right:-10px}.world.unknown{color:#626d4b}.world.unknown .pixel{opacity:.5}.map-coordinate{color:#66734e;pointer-events:none;letter-spacing:1px;font-size:8px;position:absolute;top:10px;left:10px}.map-bottom{border-top:1px solid #8b9876;justify-content:space-between;align-items:center;gap:5px;padding:6px 10px;font-size:9px;display:flex}.map-bottom button{min-height:28px;box-shadow:none;background:0 0;border:0;padding:0 8px;font-size:12px}.planet-select{border-top:1px solid #8b9876;align-items:center;gap:12px;padding:8px 10px;font-size:10px;display:flex}.planet-select select{background:#d9dfc4;flex:1;width:auto;min-height:30px;margin:0;font-size:11px}.inspector{padding:18px 16px}.inspector h2{margin:12px 0 6px;font-size:22px}.inspector h2>.pixel{width:25px;height:25px}.ownership{color:var(--muted);border-bottom:1px solid #b5bda3;padding-bottom:15px;font-size:11px}.planet-stats{grid-template-columns:repeat(4,1fr);gap:5px;margin:17px 0;display:grid}.planet-stats dt{font-size:9px}.planet-stats dd{margin:3px 0;font-size:21px;font-weight:700}.slots{gap:5px;margin:10px 0;display:flex}.slots>span{color:#59634c;background:#d4dbc0;border:1px solid #9ca78b;place-items:center;width:32px;height:34px;display:grid}.slots .pixel{width:19px;height:19px}.slots .queued{background:#f0eccd;border-style:dashed}.build-buttons{gap:8px;display:flex}.build-buttons button{flex:1;padding:5px;font-size:11px}.build-buttons small{font-size:10px;display:block}.build-buttons .pixel{width:13px;height:13px}.allocation{margin-top:22px}.allocation output{float:right;font-size:10px}.inspector .fine{margin-top:7px;font-size:10px}.dispatch{border-top:1px solid #b0b99e;margin-top:18px}.dispatch h3{margin-top:17px}.dispatch label{margin-bottom:10px;font-size:11px}.dispatch label small{float:right}.dispatch input,.dispatch select{background:#f1f3e5;font-size:12px}.dispatch>button{width:100%;font-size:12px}.lower-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.lower-grid p{margin-bottom:8px;font-size:12px}.lower-grid .panel{min-height:140px}.orders{margin:0;padding:0;font-size:11px;list-style:none}.orders li{border-bottom:1px solid #b4bda0;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.orders button{min-height:26px;box-shadow:none;padding:0 8px}.report{max-height:270px;overflow:auto}.report p{border-bottom:1px dotted #b1b9a0;margin:0;padding:8px 0;font-size:12px}.scoreboard{border-block:1px solid #b0b89e;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:12px 0;font-size:11px;display:flex}.scoreboard strong{font-size:16px}.replay-controls{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:18px;display:flex}.replay-controls button{font-size:11px}.replay-controls label{font-size:10px}.replay-controls select{min-height:30px;margin:0}.scrubber{flex:1;min-width:180px}.replay-controls+.play-grid{margin-bottom:18px}.modal{background:var(--paper);color:var(--ink);border:2px solid #515e40;border-radius:5px;width:min(630px,100% - 24px);max-height:85vh;padding:0;box-shadow:6px 8px #313b2b66}.modal::backdrop{background:#343b29aa}.window-title{color:#f7f7e6;z-index:2;background:#657254;justify-content:space-between;align-items:center;padding:8px 15px;display:flex;position:sticky;top:0}.window-title h2{margin:0;font-size:16px}.window-title button{color:inherit;box-shadow:none;background:0 0;border:0;min-height:28px;padding:0 6px;font-size:22px}.modal-body{padding:25px}.modal-body p{font-size:12px;line-height:1.7}.modal-body h3{margin-top:24px}.modal-body form>p{margin-top:20px}.dialog-actions{justify-content:flex-end;gap:12px;display:flex}@media (min-width:1500px){.device{margin:40px auto}}@media (max-width:1000px){.device{margin:10px 10px 20px;padding:0 12px 8px}.workspace{padding:15px 15px 0}.play-grid{grid-template-columns:minmax(0,1fr) 250px;gap:12px}.map{height:510px}.world{padding:2px}.world strong{font-size:9px}.world .pixel{width:19px;height:19px}.entry-form{padding:50px 25px}.command-status>div{padding:12px}.command-status strong{font-size:22px}.map-toolbar small{display:none}.lower-grid{gap:12px}.action-bar>div{gap:10px}}@media (max-width:720px){body{font-size:13px}.device{box-shadow:none;border:0;border-radius:0;margin:0;padding:0 6px 10px}.device-brand{padding:14px 10px}.device-brand>span:first-child{font-size:20px}.device-brand>span:nth-child(2){letter-spacing:1px;font-size:8px}.screen{border-width:2px;min-height:80vh}.menu{padding:6px 10px}.menu>div{gap:4px}.menu button{font-size:11px}.commander-name{text-overflow:ellipsis;max-width:105px;font-size:10px;overflow:hidden}.workspace{padding:10px 10px 0}.breadcrumb{margin-bottom:12px}.entry{grid-template-columns:1fr;min-height:0}.entry-map{border-bottom:2px solid #8f9879;border-right:0;min-height:160px;max-height:180px}.entry-world.one{top:20%;left:25%}.entry-world.one .pixel{width:50px;height:50px}.entry-world.two{top:48%;left:73%}.entry-world.three{top:65%;left:48%}.entry-world.three .pixel{width:22px;height:22px}.entry-ship{top:15%;left:60%}.orbit{width:350px;height:140px;top:0;left:10%}.orbit-two{width:450px;height:80px;top:35%;left:15%;transform:rotate(-10deg)}.coordinate{font-size:8px;bottom:14px;left:14px}.entry-form{max-width:none;padding:30px 25px}.entry h1{margin:10px 0 20px;font-size:32px}.entry-form>p{margin-bottom:20px}.entry-form .fine{margin-bottom:0}h1{font-size:25px}.section-heading{gap:10px;margin-bottom:20px}.section-heading>button{font-size:11px}.tabs{gap:3px}.tabs button{flex:1;padding:9px 8px;font-size:11px}.tabs span{margin-left:2px}.game-row{gap:10px;padding:16px 6px}.game-row .badge{white-space:normal;max-width:83px;font-size:9px}.game-row-icon{display:none}.game-row small{font-size:10px}.empty{padding:50px 10px}.lobby-grid,.lower-grid{grid-template-columns:1fr;gap:12px}.panel{padding:16px}.options{gap:12px}.command-status{grid-template-columns:1fr 1fr 1.2fr}.command-status>div{border-bottom:1px solid #a5ae92;padding:10px}.command-status strong{font-size:21px}.command-status strong span{margin:0;font-size:10px;display:block}.command-status .turn-state{grid-column:1/-1;padding:8px 10px}.turn-state small{margin:0 0 0 10px;display:inline}.factions{gap:8px 15px;padding:10px 2px;font-size:10px}.play-grid{grid-template-columns:1fr;gap:12px}.map{height:470px}.map-toolbar{padding:6px 8px}.world strong{font-size:9px}.world:not(.selected):not(:focus-visible) strong{display:none}.world.selected,.world:focus-visible{z-index:3}.world .pixel{width:18px;height:18px}.world small{font-size:8px}.world{min-width:40px;padding:1px 3px}.map-toolbar small{display:inline}.inspector h2{margin-top:8px}.planet-stats{max-width:350px}.slots>span{width:38px}.build-buttons{max-width:350px}.allocation{margin-top:16px}.dispatch{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.dispatch h3,.dispatch>p,.dispatch>button{grid-column:1/-1}.lower-grid .panel{min-height:100px}.action-bar{align-items:flex-start;gap:10px;margin-top:16px;padding:16px 0}.action-bar>div{flex-wrap:wrap;justify-content:flex-end;gap:8px}.action-bar .fine{font-size:9px}.action-bar button{font-size:11px}.screen-footer{padding:8px;font-size:8px}.screen-footer>span:last-child{letter-spacing:0}.device-bottom{gap:20px;padding:15px 0 2px}.hardware-button{width:40px;height:28px;font-size:17px}.error{flex-wrap:wrap;margin:8px;font-size:11px}.error>span{flex-basis:100%}.replay-controls{gap:5px}.replay-controls button{padding:6px 8px}.scrubber{flex-basis:100%}.modal-body{padding:20px}.game-list{min-height:260px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pixel-heading{flex-wrap:wrap;gap:10px 14px;display:flex}.pixel-word{display:inline-flex}.pixel-heading svg{fill:currentColor;width:18px;height:24px;display:block}.entry .pixel-heading svg{width:24px;height:32px}@media (max-width:720px){.pixel-heading svg{width:12px;height:16px}.entry .pixel-heading svg{width:18px;height:24px}.pixel-heading{gap:8px 10px}}