.ge-shell { font-family: "Segoe UI", "Trebuchet MS", sans-serif; color: #d7e7f2; background: #070b14; padding: 0 0 2rem; }
.ge-banner { display: block; width: 100%; max-height: 200px; object-fit: cover; }
.ge-lede { font-size: 1.1rem; color: #9ad; }
.ge-hud { padding: .6rem 1rem; background: #0c1422; border-bottom: 1px solid #1e3a4c; font-size: .92rem; }
.ge-nav { display: flex; flex-wrap: wrap; gap: .35rem; padding: .5rem 1rem; background: #0a101c; }
.ge-nav a, .ge-nav input { color: #8cf; text-decoration: none; padding: .25rem .55rem; border: 1px solid #245; background: #102030; }
.ge-main { padding: 1rem; }
.ge-btn, a.ge-btn { display: inline-block; margin: .2rem .25rem .2rem 0; padding: .4rem .75rem; background: #15344a; color: #e8f6ff; border: 1px solid #3a7; cursor: pointer; text-decoration: none; font-size: .9rem; }
.ge-btn-ghost { background: transparent; }
.ge-input { display: block; margin: .3rem 0 .8rem; padding: .4rem; width: min(28rem, 90%); background: #101820; color: #eef; border: 1px solid #357; }
.ge-flash { background: #102818; border: 1px solid #2a6; padding: .6rem 1rem; margin: .5rem 1rem; white-space: pre-wrap; }
.ge-flash.bad { background: #2a1010; border-color: #a33; }
.ge-inbox { margin: .5rem 1rem; padding: .6rem; background: #12100a; border: 1px solid #653; }
.ge-map { border-collapse: collapse; font-family: Consolas, "Courier New", monospace; font-size: 11px; line-height: 1; }
.ge-map td { width: 2.1rem; height: 2.1rem; text-align: center; vertical-align: middle; border: 1px solid #123; background: #05070c; color: #445; }
.ge-map td.fog { background: #03040a; color: #223; }
.ge-map td.empty { color: #356; }
.ge-map td.phen { color: #ca6; }
.ge-map td.planet { color: #8c6; background: #0c1810; }
.ge-map td.mine { color: #9ef; background: #0a2030; }
.ge-map td.theirs { color: #f86; background: #201010; }
.ge-map td.here { outline: 2px solid #ee8; }
.ge-map td.sel { outline: 2px solid #6df; }
.ge-map td.helm { box-shadow: inset 0 0 0 2px #fc6; }
.ge-helm { background: #0c1824; border: 1px solid #3a7; padding: .7rem .9rem; margin: 0 0 1rem; }
.ge-helm ol { margin: .35rem 0 0; padding-left: 1.3rem; }
.ge-helm p { margin: .2rem 0; }
.ge-log { white-space: pre-wrap; background: #05080c; padding: .6rem; max-height: 16rem; overflow: auto; }
.ge-cmd { padding: .5rem 1rem; background: #0c1018; border-bottom: 1px solid #234; }
.ge-map td.blip { color: #f80; background: #1a0c08; }
.ge-help { max-width: 46rem; }
.ge-help h2 { margin-top: 1.4rem; }
.ge-help p, .ge-help li { line-height: 1.45; color: #c5d6e4; }
.ge-gate, .ge-shell > div { padding: 0 1rem 1rem; }
.ge-acts { margin: 1rem 0 .85rem; padding: .7rem .9rem .55rem; background: #0a1420; border: 1px solid #1e3a4c; }
.ge-acts-h { margin: 0 0 .5rem; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: #7ab; font-weight: 600; }
.ge-acts-row { display: flex; flex-wrap: wrap; align-items: center; }