.game-update,.flyer-update button{border:1px solid #aa806c;background:#201719;color:#f3ddcc;border-radius:10px;padding:10px 14px;font:700 13px/1.3 system-ui;cursor:pointer}.update-available{box-shadow:0 0 0 2px #e7b797!important}.flyer-update{display:flex;align-items:center;gap:12px;margin:18px 0}.flyer-update small{color:#e4d6d3;font:12px/1.5 system-ui}.frontier-update-dialog,.battle-cinema{box-sizing:border-box;background:#100d0f;color:#f9eee6;border:1px solid #ad8373;border-radius:18px;padding:24px;width:calc(100% - 28px);max-width:600px;max-height:85dvh;overflow:auto;font:15px/1.65 system-ui;box-shadow:0 22px 80px #000b}.frontier-update-dialog::backdrop,.battle-cinema::backdrop{background:#000c;backdrop-filter:blur(5px)}.update-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.update-head h2{font-size:24px;margin:0}.update-head button{border:1px solid #b98e7b;background:#21161b;color:#fff;border-radius:10px;min-width:44px;min-height:44px;font-size:25px;cursor:pointer}.frontier-update-dialog li{margin:10px 0}.frontier-update-dialog .primary,.session-login{display:inline-block;background:linear-gradient(110deg,#ecc7ad,#c28769);color:#241711;padding:13px 18px;border:1px solid #e7bda0;border-radius:10px;font:800 15px/1.4 system-ui;cursor:pointer;text-decoration:none;margin:8px 5px 8px 0}.frontier-update-dialog button:disabled{opacity:.6;cursor:wait}.update-small{font-size:12px;color:#d7c3c8}.account-error .session-login{margin:16px}.battle-report-text{white-space:pre-line;overflow-wrap:anywhere;line-height:1.75;font-size:14px;color:#eee0dd}.battle-report-details{margin:12px 0}.battle-report-details summary,.battle-cinema summary{cursor:pointer;color:#edc4a5;font-weight:700;padding:10px 0}.report h3{font-size:16px;line-height:1.5;margin:12px 0}.report>div{min-width:0}.battle-watch{background:#2e1e26;color:#ffe7d6;border:1px solid #b98573;border-radius:10px;min-height:44px;padding:10px 14px;font-weight:700;cursor:pointer}.battle-cinema{max-width:980px}.battle-cinema video{display:block;width:100%;aspect-ratio:16/9;border-radius:12px;background:#080809}.cinema-round{min-height:3.2em;color:#ffe7d4;font-size:14px}.frontier-update-dialog :focus-visible,.battle-cinema :focus-visible{outline:3px solid #eec6a8;outline-offset:3px}@media(max-width:600px){.frontier-update-dialog,.battle-cinema{padding:17px}.flyer-update{align-items:flex-start}.flyer-update small{max-width:190px}.header-actions .game-update{padding:8px 10px}.battle-report-text{font-size:13px}.report h3{font-size:15px}}
.commander-dialog .commander-pictures{padding:12px}.commander-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.commander-grid .commander-choice{display:block;min-width:0;width:100%;padding:0;overflow:hidden;border:2px solid #604952;border-radius:12px;background:#161013;color:#f7e9df;cursor:pointer;text-align:center}.commander-choice img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.commander-choice span{display:block;padding:8px 3px;font:750 13px/1.3 system-ui}.commander-grid .commander-choice.selected{border-color:#efc1a0;box-shadow:0 0 0 2px #efc1a040}.commander-grid .commander-choice:focus-visible{outline:3px solid #f8d9c4;outline-offset:3px}.commander-dialog .commander-name-warning{color:#ffaaaa;font:650 12px/1.6 system-ui;margin:6px 0 12px}.commander-dialog .commander-personal-pending{font:12px/1.5 system-ui;color:#dfc4b5;margin-top:13px}.commander-dialog .commander-pictures>p{font-size:12px;line-height:1.5}@media(max-width:400px){.commander-grid{gap:6px}.commander-choice span{font-size:12px}}

[hidden]{display:none!important}.nav-picture{width:38px;height:38px;object-fit:cover;border-radius:9px;flex-shrink:0}.report{display:grid!important;grid-template-columns:48px minmax(0,1fr) 42px;gap:16px;align-items:start}.report-symbol{position:static!important;display:block!important;width:44px;height:44px;margin:0!important}.report-symbol img{width:100%;height:100%;object-fit:cover;border-radius:9px}.report-commanders{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 15px}.report-commander{display:flex;align-items:center;gap:10px;margin:0;flex:1;min-width:160px}.report-commander img{width:64px;height:64px;object-fit:cover;border-radius:12px;border:1px solid #bd8e76}.report-commander strong,.report-commander small{display:block;overflow-wrap:anywhere}.report-commander strong{font-size:14px;color:#fff1e4}.report-commander small{font-size:11px;color:#d7bba9}.message-delete{position:static!important}@media(max-width:700px){.nav-picture{width:28px;height:28px}.report{grid-template-columns:32px minmax(0,1fr) 36px;gap:9px}.report-symbol{width:30px;height:30px}.report-commander{min-width:120px}.report-commander img{width:48px;height:48px}}

.inbox-filter-picture{width:24px;height:24px;object-fit:cover;border-radius:5px;vertical-align:middle;margin-right:7px}.inbox-filters button{display:inline-flex;align-items:center}

/* Compact production cards: image, purpose, one resource row, action and details. */
.production-grid{gap:12px;align-items:start}.production-card{border-radius:12px}.production-picture{padding-bottom:5px}.production-picture>.picture,.production-picture>.building-photo-frame{height:145px!important;object-fit:cover}.production-picture h3{font-size:16px;padding:9px 10px 2px}.production-picture>small{padding:0 10px}.production-copy{padding:0 10px 10px}.production-copy>p:first-child{min-height:0!important;line-height:1.4;font-size:12px;margin:4px 0 8px}.production-copy .costs{display:flex!important;gap:4px;flex-wrap:nowrap}.production-copy .cost{min-width:0;min-height:26px;flex:1;display:flex;justify-content:center;gap:3px;padding:4px 2px;font-size:11px}.production-copy .cost .picture{width:19px;height:19px;min-width:19px}.production-copy .cost-value small{display:none}.production-copy .tile-action{flex-direction:row!important;flex-wrap:nowrap;padding:8px 0 0;gap:5px}.production-copy .tile-action button{padding:7px;font-size:11px;min-height:40px}.production-copy .tile-action button:last-child{background:transparent;border-color:transparent;padding:5px}.production-time{font-size:11px;margin:8px 0}.production-copy .tile-requirement:empty{display:none}.production-copy .tile-requirement{font-size:10px}.production-section>p{font-size:11px}.production-picture>.technology-picture{object-fit:contain!important;padding:12px;background:#130e13!important}.tile-action .primary{white-space:normal}.build-tile{border-radius:12px}.build-tile .tile-action{gap:5px}.build-tile .tile-action button{font-size:12px;padding:8px}.complete-system{height:auto!important;min-height:0!important;aspect-ratio:1/1;overflow:hidden}.complete-system .space-background{object-fit:cover;object-position:50% 50%;opacity:.8}.system-position{position:absolute;transform:translate(-50%,-50%);width:46px;min-height:0;padding:0!important;border:0!important;background:none!important;display:flex;flex-direction:column;align-items:center;gap:0;z-index:6}.system-position img{width:39px;height:39px;filter:drop-shadow(0 1px 5px #000)}.system-position b{font-size:11px;line-height:1.2;color:#ffeddd;background:#130e16d9;border-radius:5px;padding:1px 5px}.system-position small{font-size:8px;line-height:1.2;color:#eec9a9;background:#130e16d9;white-space:nowrap}.system-position.selected img{filter:drop-shadow(0 0 5px #f2ba87)}.complete-system .home-anchor{width:120px!important;min-height:0!important}.complete-system .home-planet-outline{width:70px;height:70px;background:radial-gradient(circle at 30% 25%,#a3c6c4,#284b61 45%,#0b1527 76%);border:1px solid #bd9e85}.complete-system .home-anchor .destination-caption{max-width:130px;padding:5px!important;margin-top:3px}.complete-system .home-anchor b{font-size:10px!important}.complete-system .home-anchor small,.complete-system .home-anchor code{font-size:9px}.position-overview{margin-top:8px}.position-overview .data-panel{padding:8px}.position-row{padding:10px 4px!important;min-height:0!important;gap:8px!important}.position-planet{font-size:25px!important}.position-info b{font-size:13px}.position-info small{font-size:11px}.position-actions button{font-size:11px;padding:6px 8px;min-height:36px}.coordinate-button code{font-size:10px}.sector-note{font-size:11px}.mine-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mine-form label:last-child{grid-column:1/-1}.mine-form input,.mine-form select{width:100%;min-height:44px}.mine-form label>small{display:block}.mine-planet{width:100px;height:100px;float:right}.mine-worker{border-top:1px solid #70545b;padding:12px 0;margin-top:12px}.mine-worker img{width:50px;height:50px;object-fit:cover;border-radius:9px;margin-right:10px;vertical-align:middle}.harvest-traffic article{padding:12px 0;border-bottom:1px solid #514047}.harvest-traffic small{display:block}.flagship-feature{padding:12px!important;display:flex!important;gap:12px}.flagship-feature>img{width:110px!important;height:110px!important}.flagship-feature h3{font-size:18px!important}.flagship-feature p{font-size:12px}.fleet-gallery .picture{max-height:100px}.tree-column+.tree-column:before{content:'➜';display:block;font-size:28px;color:#e1b498;text-align:center;line-height:1.4;text-shadow:0 2px 4px #000}.tree-links{opacity:.7}@media(max-width:600px){.production-picture>.picture,.production-picture>.building-photo-frame{height:112px!important}.production-picture h3{font-size:14px}.production-copy>p:first-child{font-size:11px}.production-copy .cost{font-size:10px}.production-copy .cost .picture{width:16px;height:16px;min-width:16px}.production-copy .tile-action button{font-size:10px;padding:5px}.production-time{font-size:10px}.complete-system .home-planet-outline{width:58px;height:58px}.system-position{width:38px}.system-position img{width:31px;height:31px}.system-position b{font-size:10px}.complete-system .home-anchor{width:100px!important}.position-row{grid-template-columns:60px minmax(0,1fr)!important}.position-actions{grid-column:2}.production-shortcuts button{font-size:12px;padding:8px}.tree-column+.tree-column:before{content:'↓';font-size:30px}}

.ground-work[data-stage="queued"] .construction-assembly{opacity:.25;filter:grayscale(1)}.complete-system .map-fleet{pointer-events:none;z-index:7}
/* Lighting affects scenery only; interface and labels retain their contrast. */
.panorama-face>.village-background,.panorama-face>.architectural-layer[data-art-tier],.defense-campus>.defense-background,.defense-campus>.defense-architecture,.building-photo-crop>img{filter:brightness(var(--colony-brightness,1)) saturate(calc(1 - var(--colony-night,0)*.12))!important;transition:filter 8s linear}.panorama-face>.water-canvas,.panorama-face>.life-canvas{filter:brightness(var(--colony-brightness,1));transition:filter 8s linear}.day-night-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5}.panorama-face>.plot{z-index:8!important}.colony-clock{display:inline-block;background:#0d0d15cf;color:#ffe9d3;border:1px solid #bb92765c;border-radius:6px;padding:4px 7px;font:600 10px/1.3 system-ui;white-space:nowrap}.defense-campus>.colony-clock{position:absolute;left:9px;top:9px;z-index:9}.village-caption{z-index:10!important}.day-night-canvas+.colony-clock{pointer-events:none}@media(prefers-reduced-motion:reduce){.panorama-face>.village-background,.panorama-face>.architectural-layer[data-art-tier],.defense-campus>.defense-background,.defense-campus>.defense-architecture,.building-photo-crop>img{transition:none}}