/* Quiet stars behind the interface; polished edges without moving the artwork. */
html{background:#000;color-scheme:dark}
body{background-color:#000!important;background-image:radial-gradient(circle at 23px 37px,#ffffffcc .8px,transparent 1.7px),radial-gradient(circle at 87px 103px,#ffffff99 .7px,transparent 1.6px),radial-gradient(circle at 151px 71px,#ffffffbb 1px,transparent 2px)!important;background-size:223px 241px,337px 293px,487px 419px!important;color:#f5f1ed}
.shell,.main,main,#app{background-color:transparent!important}
.sidebar,header,.topbar{background-color:#080b12ed!important}
:is(.panel,.build-tile,.production-card,.tree-node,.resource,.resource-card,.vessel-dossier,.secretary-desk,.guide-next,.story-missions,.atlas-world,.mailbox-welcome,.report){border-color:#a996805e!important;box-shadow:inset 0 1px 0 #fff3,inset 0 -1px 0 #8a53664d,0 6px 22px #0006,0 0 14px #d2ad7610!important;background-image:linear-gradient(145deg,#ffffff09,transparent 38%,#05081026)!important}
:is(.panel,.build-tile,.production-card,.tree-node,.vessel-dossier,.atlas-world){background-color:#0d1019f5!important}
:is(.living-village,.picture-space,.production-picture,.card-picture,.building-photo-frame){border-color:#d2bba685!important;box-shadow:inset 0 1px 0 #fff5,0 0 0 1px #e8c8a514,0 8px 28px #0008,0 0 20px #d5ae6b16!important}
button,.button{box-shadow:inset 0 1px 0 #fff2,0 2px 7px #0005}
:is(button.primary,.button.primary,.launch-button){box-shadow:inset 0 2px 0 #ffe9dd66,inset 0 -2px 0 #380b2370,0 4px 14px #d73f7130,0 0 16px #d78b5420!important}
button:disabled{box-shadow:none!important;filter:none!important}
button[aria-pressed="true"],.sidebar nav button.active,.sidebar nav a.active{box-shadow:inset 0 1px 0 #fff5,0 0 12px #d7b48230!important}
h1,h2,h3{text-shadow:0 1px 2px #0009,0 0 16px #e0b58d16}
input,select,textarea{background-color:#090c14!important;border-color:#aa958275!important;color:#f5f1ed!important;box-shadow:inset 0 2px 6px #0006}
dialog{background-color:#0c1019!important;border-color:#cbb4998c!important;box-shadow:inset 0 1px 0 #fff3,0 16px 65px #000c,0 0 24px #c99e7020!important}
:is(a,button,input,select,textarea):focus-visible{outline:3px solid #f1d5ae!important;outline-offset:3px}
@media(hover:hover){:is(.build-tile,.production-card,.atlas-world):hover{border-color:#e6c7a8b3!important;box-shadow:inset 0 1px 0 #fff4,0 8px 24px #0008,0 0 18px #d7ab7230!important}}
@media(prefers-contrast:more){:is(.panel,.build-tile,.production-card,.tree-node,.vessel-dossier,.atlas-world){border-color:#d4c1ad!important;background-color:#070a10!important}}

/* Commander sits on the picture itself, independent of the controls below. */
.living-village .village-stage>.commander-in-world{position:absolute!important;inset:auto!important;left:12px!important;bottom:10px!important;z-index:28!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;width:clamp(90px,12vw,155px)!important;max-width:24%!important;padding:3px!important;margin:0!important;transform:none!important;background:none!important;border:0!important;box-shadow:none!important;text-shadow:0 2px 4px #000,0 0 8px #000!important}
.living-village .village-stage>.commander-in-world img{width:clamp(58px,8vw,100px)!important;height:clamp(58px,8vw,100px)!important;object-fit:cover!important;border-radius:50%!important;filter:drop-shadow(0 2px 5px #0008)}
.living-village .village-stage>.commander-in-world strong{font-size:clamp(10px,1.1vw,14px)!important;line-height:1.25!important;max-width:100%!important;width:100%!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;color:#fff!important;text-align:center!important}
.living-village .village-stage>.commander-in-world .commander-flag{display:none!important}
@media(max-width:600px){.living-village .village-stage>.commander-in-world{left:7px!important;bottom:7px!important;width:85px!important;max-width:24%!important}.living-village .village-stage>.commander-in-world img{width:54px!important;height:54px!important}.living-village .village-stage>.commander-in-world strong{font-size:10px!important}}
/* More luminous finish, with quiet stars and no shimmer over the text. */
body{background-color:#000!important;background-image:radial-gradient(circle at 23px 37px,#ffffffcc .8px,transparent 1.7px),radial-gradient(circle at 87px 103px,#ffffff99 .7px,transparent 1.6px),radial-gradient(circle at 151px 71px,#ffffffbb 1px,transparent 2px)!important;background-size:223px 241px,337px 293px,487px 419px!important}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 23px 37px,#ffffff40 0,transparent 7px) 0 0/223px 241px,radial-gradient(circle at 151px 71px,#ffffff35 0,transparent 9px) 0 0/487px 419px;animation:quiet-star-glow 8s ease-in-out infinite alternate}.shell{position:relative;z-index:1}
@keyframes quiet-star-glow{from{opacity:.35}to{opacity:.85}}
h1,h2,h3{color:#fff4e8;text-shadow:0 2px 2px #000b,0 0 13px #e5b68938,0 0 30px #c3886720}
:is(.panel,.build-tile,.production-card,.tree-node,.resource,.resource-card,.vessel-dossier,.secretary-desk,.guide-next,.story-missions,.atlas-world,.mailbox-welcome,.report){border-top-color:#f6e5cf9c!important;border-left-color:#bb9d805e!important;box-shadow:inset 0 2px 0 #fff2,inset 0 -2px 0 #b73b5959,0 8px 25px #0008,0 0 20px #e0ab741a!important;background-image:linear-gradient(155deg,#ffffff12,transparent 25%,#02040d35 75%,#d2796110)!important}
.sidebar nav :is(#traffic-count,#report-count),.hostile-count{background:linear-gradient(160deg,#ff666b,#df123b 60%,#8a0825)!important;color:#fff!important;border:1px solid #ffb2b2!important;box-shadow:inset 0 1px 0 #fff7,0 0 12px #ff244c60!important;text-shadow:0 1px 2px #62001c;font-weight:850}
.status-symbol{display:inline-block;vertical-align:middle;flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px #e8d2ba44)}
.flight-activity button{position:relative;display:flex;gap:8px;justify-content:center;align-items:center;min-height:44px;background:linear-gradient(150deg,#29202b,#0e111a)!important;border-top-color:#e7c2b7a1!important;box-shadow:inset 0 1px 0 #fff3,0 3px 12px #0005!important}
.flight-activity .activity-threat{padding-right:49px!important}.flight-activity .activity-threat.alert{color:#fff!important;background:linear-gradient(140deg,#8c1531,#38091c)!important;border-color:#ff6a7e!important;box-shadow:inset 0 1px 0 #ffb5bb66,0 0 18px #ed254f4d!important}
.alarm-beacon{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:23px;height:24px;border-radius:11px 11px 4px 4px;background:linear-gradient(90deg,#340814,#912139 36%,#510a20 75%,#23040c);border:1px solid #c65e6e77;box-shadow:inset 2px 0 3px #ffb4bc38,inset -3px 0 3px #0008;pointer-events:none}.alarm-beacon::before{content:'';position:absolute;inset:3px 4px 5px;border-radius:8px 8px 2px 2px;background:linear-gradient(95deg,transparent,#ffccd02e 35%,transparent 60%)}.alarm-beacon::after{content:'';position:absolute;bottom:-4px;left:-3px;right:-3px;height:5px;border-radius:2px;background:linear-gradient(#c1b6b7,#62525b 45%,#19131b);border:1px solid #80747b}.alarm-beacon i{position:absolute;inset:6px 7px;border-radius:50%;background:#c64a5c;opacity:.3}
.activity-threat.alert .alarm-beacon{background:linear-gradient(90deg,#6c001c,#fc3459 40%,#a30731 80%,#3d0014);box-shadow:inset 2px 0 3px #ffe3e799,0 0 9px #ff214f,0 0 22px #f9245355}.activity-threat.alert .alarm-beacon i{opacity:1;background:#ffd9df;box-shadow:0 0 6px #fff2f4,0 0 12px #ff3058;animation:beacon-turn 2.8s ease-in-out infinite}
@keyframes beacon-turn{0%,100%{opacity:.35;transform:scaleX(.4)}50%{opacity:1;transform:scaleX(1)}}
.commander-alert-settings{padding:16px;margin:15px 0;border:1px solid #bb556b80;border-radius:12px;background:linear-gradient(140deg,#301321,#10121c)}.commander-alert-settings h3{margin:0 0 7px}.commander-alert-settings p{font-size:13px;line-height:1.5;color:#d9c9d0}.commander-alert-settings button{background:linear-gradient(#b92548,#600b28)!important;color:#fff!important;border:1px solid #f8859a!important;min-height:44px;box-shadow:inset 0 1px 0 #fff4,0 0 12px #fa2d5040!important}
@media(prefers-reduced-motion:reduce){body::before,.activity-threat.alert .alarm-beacon i{animation:none!important}}
body[data-motion="off"]::before,body[data-motion="off"] .alarm-beacon i{animation:none!important}
button[aria-disabled="true"]{opacity:.55;cursor:not-allowed;filter:saturate(.5);box-shadow:inset 0 1px 0 #fff1!important}
button[aria-busy="true"]{cursor:wait;opacity:.65}
button.action-rejected,button[aria-disabled="true"].action-rejected{animation:rejected-red 1s ease-out!important;border-color:#ff5377!important;color:#fff!important;opacity:1!important;filter:none!important}
@keyframes rejected-red{0%,50%{background-color:#90182f;box-shadow:inset 0 0 18px #ff416f66,0 0 0 2px #ff6d87,0 0 22px #ff204d88}100%{box-shadow:0 0 0 0 transparent}}
button:not(:disabled):not([aria-disabled="true"]):active{box-shadow:inset 0 2px 7px #0008,0 0 12px #f6b78750!important}
.prerequisite-summary.needs-work{background:linear-gradient(150deg,#5a233744,#24111ff2)!important;border-top-color:#ffd6db!important;box-shadow:inset 0 1px 0 #fff4,0 0 17px #f85d7b22!important}.prerequisite-summary.needs-work h4{color:#ffe4d8!important;text-shadow:0 1px 1px #0009,0 0 12px #ffb9a544}
.prerequisite-summary.needs-work li button{background:linear-gradient(150deg,#35212e,#100e18)!important;border-top-color:#edbbbf!important;box-shadow:inset 0 1px 0 #fff2,0 3px 10px #0005!important}
.discovery-actions button{background-image:linear-gradient(160deg,#ffffff12,transparent 48%,#cf817917)!important;box-shadow:inset 0 2px 0 #ffffff26,0 5px 14px #0006!important}
@media(prefers-reduced-motion:reduce){button.action-rejected{animation:none!important;background:#84182f!important;outline:2px solid #ff6d87}}
/* Goals and standings use the same polished, compact panels on phone and desktop. */
.pinned-goal,.rank-own,.rank-rules{margin:14px 0;padding:18px!important}.pinned-goal .section-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.pinned-goal small,.rank-own>small,.personal-welcome small{font-size:11px;letter-spacing:.1em;color:#dac0a2}.pinned-goal h2{font-size:21px;margin:9px 0}.pinned-goal p{font-size:14px;line-height:1.5}.pinned-goal .section-head button{font-size:11px;padding:5px 9px;min-height:34px}.goal-progress{display:inline-block;padding:5px 9px;border:1px solid #d5b79666;border-radius:8px;background:#2a2029;color:#f9dcb5;font-size:12px}.goal-choice{display:grid;gap:7px;margin:17px 0 10px;font-size:13px}.goal-choice select{width:100%;min-height:44px;padding:9px}.goal-buttons,.welcome-actions{display:flex;gap:8px;flex-wrap:wrap}.goal-buttons button,.welcome-actions button{font-size:12px;min-height:40px;padding:7px 11px}.personal-welcome{display:flex;gap:15px;align-items:center;padding:15px!important;margin:12px 0}.personal-welcome>img{width:85px;height:135px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 8px #e6c09525)}.personal-welcome h2{font-size:22px;margin:7px 0}.personal-welcome p{font-size:13px;line-height:1.5;margin:8px 0}.rank-categories{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.rank-categories button{min-height:44px;padding:8px 12px;font-size:13px}.rank-categories button[aria-pressed="true"]{background:linear-gradient(145deg,#efd3b1,#ad7863)!important;color:#22141a!important;border-color:#ffe3bf!important}.rank-own h2{font-size:26px;margin:8px 0}.rank-own p{font-size:13px}.rank-table-panel{padding:12px!important;margin:12px 0}.rank-table{border-collapse:collapse;width:100%;font-size:14px}.rank-table th{text-align:left;font-size:11px;color:#d7b995;letter-spacing:.05em;padding:10px 7px;border-bottom:1px solid #d3b79c77}.rank-table td{padding:13px 7px;border-bottom:1px solid #ffffff19}.rank-table td:last-child,.rank-table th:last-child{text-align:right;font-variant-numeric:tabular-nums}.rank-table td:first-child{width:45px;color:#e7c29b;font-weight:800}.rank-table td small{display:block;font-size:11px;color:#b8b3bd;margin-top:3px}.rank-table .rank-you{background:linear-gradient(90deg,#9e244544,#b3783430)}.rank-table .rank-you strong{color:#ffe3bb}.rank-table-panel>small{display:block;margin-top:12px;font-size:10px;color:#b8b3bd}.rank-rules summary{cursor:pointer;color:#e8ceb3}.rank-rules p{font-size:13px;line-height:1.65}.rank-table strong{overflow-wrap:anywhere}
@media(max-width:600px){.personal-welcome{gap:10px;padding:12px!important}.personal-welcome>img{width:62px;height:110px}.personal-welcome h2{font-size:18px}.pinned-goal{padding:13px!important}.pinned-goal h2{font-size:18px}.rank-table{font-size:12px}.rank-table td,.rank-table th{padding:11px 5px}.rank-own h2{font-size:23px}}
/* Arrival films are transient notifications; the game remains in place underneath. */
.arrival-film{position:fixed!important;z-index:2147483100;left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,calc(100vw - 26px));padding:12px;box-sizing:border-box;background:#090e18f7;border:1px solid #e5bd968c;border-radius:17px;box-shadow:inset 0 1px 0 #fff4,0 20px 80px #000d,0 0 28px #dcaa7140;color:#fff2e4}.arrival-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.arrival-heading small{font-size:10px;letter-spacing:.12em;color:#dfc09c}.arrival-heading h3{font-size:18px;margin:4px 0}.arrival-heading button{width:38px;height:38px;min-height:38px;padding:3px;font-size:24px;flex:none}.arrival-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:9px;background:#05070c}.arrival-film p{font-size:12px;line-height:1.4;margin:9px 0 2px}.arrival-duration{height:3px;background:#e7c09926;border-radius:3px;overflow:hidden;margin-top:9px}.arrival-duration i{height:100%;display:block;width:100%;background:#efc59b;transform-origin:left}.arrival-film.playing .arrival-duration i{animation:arrival-six 6s linear forwards}@keyframes arrival-six{to{transform:scaleX(0)}}.arrival-fallback{max-width:460px}.commander-atmosphere{padding:16px;margin:15px 0;border:1px solid #b9997766;border-radius:12px;background:linear-gradient(145deg,#26202c,#0b111a)}.commander-atmosphere h3{margin:0 0 8px}.commander-atmosphere p{font-size:13px;line-height:1.5}.commander-atmosphere label{display:flex!important;align-items:center;gap:10px;margin-top:13px;font-size:13px}.commander-atmosphere input[type="range"]{flex:1;max-width:230px;min-height:32px;accent-color:#e5ba96}.commander-atmosphere input[type="checkbox"]{width:19px;height:19px;min-height:19px;accent-color:#d4aa85}.commander-atmosphere button{min-height:44px;font-size:13px;padding:8px 12px}.commander-atmosphere [hidden]{display:none!important}.navigation-map-link{display:flex;align-items:center;gap:10px;width:100%;min-height:50px;padding:8px 10px;margin:10px 0;text-align:left}.navigation-map-link img{width:65px;height:40px;object-fit:cover;border-radius:6px;flex:none}.navigation-map-link span{font-size:13px;font-weight:700}.prerequisite-summary.needs-work li button .prerequisite-image{float:left!important;display:block!important;width:42px!important;height:42px!important;aspect-ratio:1;object-fit:cover!important;margin:0 10px 0 0!important;padding:0!important;border-radius:7px!important;animation:none!important;background:#0a1019!important}.prerequisite-summary.needs-work li button{min-height:66px!important}.tutorial-focus{animation:none!important;transition:none!important}
body::before{animation-duration:28s!important}@keyframes quiet-star-glow{from{opacity:.5}to{opacity:.65}}
@media(max-width:600px){.arrival-heading h3{font-size:16px}.arrival-film{padding:10px}.arrival-heading small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.arrival-film.playing .arrival-duration i{animation:none}}
#resources .picture,#inspect-content .picture{animation:none!important;transform:none!important}
/* Zoom sits inside the coordinate bar, in its right-hand corner. */
.sector-toolbar.mobile-coordinates{display:grid!important;grid-template-columns:minmax(85px,1fr) minmax(85px,1fr) minmax(85px,1fr) auto!important;align-items:end!important;gap:10px!important}.sector-toolbar .space-film-controls{display:flex!important;align-items:center;justify-content:flex-end;justify-self:end;gap:6px!important;margin:0!important;padding:0!important;max-width:100%;border:0;background:transparent;flex-wrap:wrap}.sector-toolbar .space-film-controls button{min-height:38px!important;padding:6px 10px!important;font-size:12px!important}.sector-toolbar .space-film-controls small{font-size:10px;color:#c4b7ad}
@media(max-width:1000px){.sector-toolbar.mobile-coordinates{grid-template-columns:repeat(3,minmax(0,1fr)) auto!important}.sector-toolbar .space-film-controls{grid-column:1/-1}.sector-toolbar .space-film-controls small{display:none}.sector-toolbar.mobile-coordinates label{min-width:0}.sector-toolbar.mobile-coordinates select,.sector-toolbar.mobile-coordinates input{width:100%;min-width:0}}

/* Compact production information remains inside each picture. */
.production-card .production-picture{position:relative!important;display:block!important;padding:0!important;overflow:hidden!important;text-align:left!important;background-color:#07090d!important}
.production-card .production-picture>.production-vessel{height:clamp(150px,22vw,230px)!important;max-height:230px!important;width:100%!important;object-fit:contain!important;margin:0!important}
.production-card .picture-status{display:block;padding:10px 12px;background:linear-gradient(100deg,#080a10ed,#11131ee8);border-top:1px solid #d6c7b72e;color:#f6e4d3;min-height:61px;font-size:12px;line-height:1.4;text-shadow:none}
.picture-status>span:first-child{display:flex;gap:8px;align-items:center;justify-content:space-between}.picture-status strong{font-size:12px}.picture-status time{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.picture-status small{display:block;font-size:11px;color:#c7bdba;margin-top:4px}.picture-status .progress{display:block;height:4px;margin-top:7px}.picture-status.is-busy{border-top-color:#c99473}.build-tile .tile-preview>.tile-build-state{display:block;width:100%;margin:0;padding:10px 12px;background:#080a10eb;text-align:left}.production-copy{gap:5px!important}.production-copy .tile-action{margin-top:6px!important}
body[data-motion="off"] *,body[data-motion="off"] *::before,body[data-motion="off"] *::after{animation-play-state:paused!important}
.colony-atmosphere-controls{padding:0!important;gap:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.colony-atmosphere-controls button{min-height:40px!important;font-size:13px!important;padding:8px 12px!important;white-space:normal!important}.village-caption>.colony-clock{display:none!important}.panorama-village .village-caption{min-height:0!important;padding:10px 12px!important}.colony-title-row{gap:8px!important;justify-content:space-between!important;align-items:center!important}.commander-visual-settings{padding:14px;border:1px solid #e0c6ae44;border-radius:12px;margin:14px 0}.commander-visual-settings button{margin:4px;min-height:42px}

.production-card .production-picture{height:clamp(280px,28vw,340px)!important;min-height:280px!important;isolation:isolate}
.production-card .production-picture>.catalog-media,.production-card .production-picture>.picture,.production-card .production-picture>.building-photo-frame{height:100%!important;width:100%!important;aspect-ratio:auto!important}
.production-card .production-picture>.production-vessel{height:100%!important;max-height:none!important;padding:8px 10px 115px!important;object-fit:contain!important}
.production-overlay{display:block;position:absolute;inset:auto 0 0;z-index:3;background:linear-gradient(0deg,#03070df5 65%,#03070d00);padding-top:28px;pointer-events:none}
.production-card .production-overlay>h3{display:block!important;position:static!important;padding:0 12px 3px!important;margin:0!important;font-size:18px!important;line-height:1.3!important;color:#fff5e9!important;white-space:normal!important}
.production-overlay>small{display:block;padding:0 12px 8px;color:#dac7b5;font-size:12px}.production-overlay .picture-status{background:#060a10b3;min-height:58px}
@media(max-width:600px){.production-card .production-picture{height:280px!important}.production-card .production-copy{padding:10px!important}.production-card .production-copy>p{font-size:13px!important;line-height:1.45!important}}

.living-village .colony-title-row>.tag{flex-basis:auto!important;max-width:60%!important}.living-village .colony-title-row .colony-atmosphere-controls{flex:0 1 auto!important;margin-left:auto!important}.living-village .village-caption .colony-title-row{flex-direction:row!important;flex-wrap:nowrap!important}.living-village .colony-title-row .colony-atmosphere-controls button{font-size:12px!important;min-height:40px!important;line-height:1.25!important}.living-village .village-caption .tag{font-size:11px!important}.build-media-stage{position:relative;display:block;width:100%;overflow:hidden}.build-media-stage>.tile-build-state,.build-media-stage>.picture-status{position:absolute;inset:auto 0 0;width:100%;padding:9px 12px!important;margin:0!important;background:#05080de8;min-height:0}.build-media-stage .building-photo-frame{width:100%!important;aspect-ratio:16/10!important;min-height:180px}.build-media-stage .tile-build-state small{margin:3px 0 0}.build-media-stage .tile-build-state time{font-variant-numeric:tabular-nums}
/* Compact routes, actions and arrival messages. */
.quick-orders{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:8px 0 12px;position:static}.quick-orders button{display:grid;gap:3px;text-align:left;padding:8px 10px!important;min-width:0;min-height:66px!important;background:#08090de0!important;border:1px solid #bca58e44!important;border-radius:10px!important}.quick-orders small{color:#cfb49c;font-size:10px}.quick-orders strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-orders time,.quick-orders span{font-size:11px;color:#c8c1bb;font-variant-numeric:tabular-nums}.readiness-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0}.readiness-header strong{color:#e0ccb2;font-size:13px}.readiness-header button{font-size:12px;min-height:38px!important;padding:6px 10px!important}.secretary-tip{position:relative!important;display:flex!important;gap:12px!important;padding:14px 38px 14px 14px!important;align-items:center!important}.secretary-tip>img{width:60px!important;height:100px!important;object-fit:contain!important;flex:none}.secretary-tip h2{font-size:16px!important;margin:6px 0!important}.secretary-tip p{font-size:14px!important;margin:6px 0!important;line-height:1.45!important}.secretary-tip small{font-size:10px!important}.secretary-tip button{font-size:12px;min-height:38px!important;padding:7px 10px!important}.secretary-tip .tip-close{position:absolute;top:6px;right:6px;padding:4px!important;min-width:28px;min-height:28px!important;background:transparent!important;border:0!important}.nav-more{display:none!important}.more-menu{width:min(460px,94vw);max-height:80dvh;border:1px solid #bea68f88;border-radius:18px;background:#08090efc;padding:18px;color:#f3e7da}.more-menu::backdrop{background:#0009}.more-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.more-menu-grid button{display:flex;align-items:center;gap:8px;font-size:14px;min-height:64px!important;padding:10px!important;text-align:left}.more-menu-grid img{width:38px;height:34px;object-fit:contain}.more-menu-grid span{display:block}.more-menu-grid button:last-child{grid-column:1/-1}.return-notice{position:fixed;right:14px;bottom:calc(100px + env(safe-area-inset-bottom) + var(--notice-index,0)*126px);z-index:320;display:flex;align-items:center;gap:10px;width:min(390px,calc(100vw - 28px));padding:12px 30px 12px 12px;border:1px solid #ccad88;border-radius:14px;background:#080c13f5;box-shadow:0 8px 28px #0009;max-height:124px}.return-notice>img{width:60px;height:50px;object-fit:contain}.return-notice strong{font-size:14px}.return-notice p{font-size:11px;color:#d2c1ae;margin:5px 0}.return-notice button{font-size:11px;min-height:32px!important;padding:5px 7px!important}.return-notice .return-close{position:absolute;top:5px;right:5px;border:0;background:none;min-height:24px!important}.production-copy .tile-action .primary,.tile-action .primary{font-size:12px!important;line-height:1.35!important}
@media(max-width:900px),(pointer:coarse){.sidebar nav[aria-label="Spielbereiche"]{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:hidden!important;padding:5px 5px calc(5px + env(safe-area-inset-bottom))!important;gap:3px!important}.sidebar nav[aria-label="Spielbereiche"]::before{display:none!important}.sidebar nav[aria-label="Spielbereiche"]>.nav-secondary{display:none!important}.sidebar nav[aria-label="Spielbereiche"]>.nav-more{display:flex!important;flex-direction:column;justify-content:center;align-items:center}.sidebar nav[aria-label="Spielbereiche"]>button{width:100%!important;min-width:0!important;max-width:none!important;min-height:66px!important;font-size:11px!important;padding:5px 2px!important;margin:0!important}.nav-more>span{font-size:24px;height:30px;line-height:25px;color:#e6cfac}.quick-orders{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.quick-orders button{min-height:55px!important;padding:6px!important}.quick-orders strong{font-size:11px}.quick-orders small,.quick-orders time,.quick-orders span{font-size:10px}.return-notice{right:9px;width:calc(100vw - 18px);bottom:calc(87px + env(safe-area-inset-bottom) + var(--notice-index,0)*126px)}#owner-tools{bottom:calc(90px + env(safe-area-inset-bottom))!important}#owner-tools>button{width:32px!important;height:32px!important;overflow:hidden;font-size:0!important;padding:0!important}#owner-tools>button::before{content:'⚙';font-size:20px}}

.quick-orders{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.quick-orders .orders-idle{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px!important;padding:8px 12px!important;grid-column:1/-1}.quick-orders .orders-idle strong{font-size:12px}.quick-orders .orders-idle span{font-size:11px}@media(max-width:600px){.quick-orders{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-orders .orders-idle{min-height:38px!important}}
/* Equal, full-width card windows. Preserve the crop's native proportions. */
.build-tile{--card-image-height:clamp(190px,24vw,290px)}
.build-tile .tile-preview>.build-media-stage{padding:0!important;height:var(--card-image-height)!important;min-height:0!important;aspect-ratio:auto!important;display:block!important;flex:none!important}
.build-tile .build-media-stage>.building-photo-frame{--frame-height:var(--card-image-height);height:var(--card-image-height)!important;min-height:0!important;width:100%!important;aspect-ratio:auto!important;display:grid!important;place-items:center!important;overflow:hidden!important;padding:0!important}
.build-tile .build-media-stage>.building-photo-frame>.building-photo-crop{width:max(100%,calc(var(--card-image-height)*var(--crop-aspect)))!important;max-width:none!important;height:auto!important;min-height:0!important;justify-self:center!important;align-self:center!important;flex:none!important}
.build-tile .build-media-stage>.picture-status,.build-tile .build-media-stage>.tile-build-state{inset:auto 9px 9px auto!important;width:max-content!important;max-width:calc(100% - 18px)!important;min-height:0!important;margin:0!important;padding:7px 10px!important;border:1px solid #d2ba9888!important;border-radius:9px!important;background:#05080de8!important;color:#f4e5d3!important;box-shadow:0 2px 9px #0006;text-align:right!important;z-index:4}
.build-media-stage>.picture-status>span:first-child,.build-media-stage>.tile-build-state>div:first-child{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:2px!important}
.build-media-stage>.picture-status strong,.build-media-stage>.tile-build-state strong{font-size:10px!important;line-height:1.25!important;white-space:normal}.build-media-stage>.picture-status time,.build-media-stage>.tile-build-state time{font-size:15px!important;font-weight:750!important;font-variant-numeric:tabular-nums;line-height:1.25!important}.build-media-stage>.picture-status>small{display:none!important}.build-media-stage>.tile-build-state small{font-size:9px!important;margin:3px 0 0!important}.build-media-stage .progress{min-width:90px;margin:5px 0 0!important}
.production-card .production-overlay{min-height:92px;padding:22px 0 10px!important}.production-card .production-overlay>h3,.production-card .production-overlay>small{max-width:55%!important}.production-card .production-overlay>.picture-status{position:absolute;right:9px;bottom:9px;width:max-content;max-width:43%;min-height:0;padding:7px 9px!important;border:1px solid #d2ba9888;border-radius:9px;background:#05080de8;text-align:right}.production-overlay>.picture-status>span:first-child{flex-direction:column;align-items:flex-end;gap:2px}.production-overlay>.picture-status>small{display:none}.production-overlay>.picture-status strong{font-size:10px}.production-overlay>.picture-status time{font-size:15px}.production-overlay>.picture-status .progress{min-width:72px;margin:5px 0 0}.production-card .production-picture .building-photo-frame{--card-image-height:clamp(280px,28vw,340px);--frame-height:var(--card-image-height);height:var(--card-image-height)!important;width:100%!important;display:grid!important;place-items:center!important;overflow:hidden!important}.production-card .production-picture .building-photo-crop{width:max(100%,calc(var(--card-image-height)*var(--crop-aspect)))!important;max-width:none!important;height:auto!important}
@media(max-width:600px){.build-tile{--card-image-height:clamp(190px,55vw,290px)}.production-card .production-picture .building-photo-frame{--card-image-height:280px}.production-card .production-overlay>h3{font-size:16px!important}}

/* Small colony signs keep the landscape visible; tapping opens the existing plan. */
.panorama-village .panorama-face .site-plaque{grid-template-columns:24px max-content!important;column-gap:5px!important;padding:3px!important;max-width:none!important}
.panorama-village .site-plaque .plaque-banner{width:24px!important;height:38px!important;max-height:38px!important}
.panorama-village .site-plaque .plaque-name{font-size:12px!important;line-height:1.2!important;font-weight:700!important}
.panorama-village .site-plaque .level-number{font-size:23px!important;line-height:1.1!important}
.panorama-village .site-plaque .plaque-level small,.panorama-village .site-plaque .plaque-level em{display:none!important}
.panorama-village .plot:not(.building) .site-status{display:none!important}
.panorama-village .plot.building .site-status{font-size:10px!important;white-space:nowrap!important;color:#ffe1ad!important}
.resource-wait{display:block;flex-basis:100%;width:100%;font-size:12px!important;line-height:1.5;color:#e6c9b2!important;font-weight:400}
.prerequisite-resource{flex-wrap:wrap;gap:3px 10px!important}
.next-free-action{border-color:#d8bea0!important;min-height:44px!important}
.queue-manage{margin-top:10px;border-top:1px solid #ffffff20;padding-top:8px}
.queue-manage summary{font-size:13px;cursor:pointer;line-height:1.5}
.queue-job{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #ffffff16;padding:8px 0;font-size:13px}
.cancel-job{font-size:12px!important;min-height:44px!important;padding:8px 12px!important;color:#efc6c6!important;margin:5px 0;white-space:normal}
.cancel-dialog{width:min(530px,calc(100vw - 28px));max-height:85dvh;overflow:auto;box-sizing:border-box;background:#0c0d14;color:#fff0e6;border:1px solid #dbad94;border-radius:18px;padding:22px;box-shadow:0 20px 80px #000c}
.cancel-dialog::backdrop{background:#000b}
.cancel-dialog p,.cancel-dialog li{font-size:14px;line-height:1.6}.cancel-dialog ul{padding-left:22px}
.cancel-dialog-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.cancel-dialog-actions button{flex:1;min-height:46px}
.refund-warning{color:#ffc28f}
.goal-running{color:#ffe3b5;font-weight:700}.goal-running time{font-variant-numeric:tabular-nums}
.completion-notice{position:fixed;bottom:calc(100px + env(safe-area-inset-bottom));left:16px;z-index:10030;width:min(350px,calc(100vw - 32px));box-sizing:border-box;padding:15px 42px 15px 16px;border:1px solid #c9af7a;border-radius:14px;background:#101218f5;color:#fff3df;box-shadow:0 8px 32px #0008,0 0 18px #e9bb5e22}
.completion-notice strong{font-size:15px}.completion-notice p{font-size:13px;line-height:1.5;margin:6px 0}.completion-notice button{min-height:44px;font-size:12px;padding:7px 10px}.completion-notice [data-completion-close]{position:absolute;right:4px;top:4px;padding:5px;width:30px;min-height:32px;font-size:22px}
.building-completed{animation:building-ready 2.4s ease-out!important}@keyframes building-ready{0%,100%{filter:none}25%{filter:brightness(1.16) drop-shadow(0 0 10px #ffe3a8)}}
body[data-motion="off"] .building-completed{animation:none!important}
@media(prefers-reduced-motion:reduce){.building-completed{animation:none!important}}
@media(max-width:700px){.panorama-village .panorama-face .site-plaque{grid-template-columns:18px max-content!important;column-gap:4px!important}.panorama-village .site-plaque .plaque-banner{width:18px!important;height:29px!important;max-height:29px!important}.panorama-village .site-plaque .plaque-name{font-size:11px!important}.panorama-village .site-plaque .level-number{font-size:19px!important}.panorama-village .plot.building .site-status{font-size:9px!important}.readiness-header{flex-wrap:wrap;gap:8px}.readiness-header button{font-size:12px!important;min-height:44px}.queue-job{flex-wrap:wrap}.cancel-dialog{padding:18px}.completion-notice{left:12px;width:min(330px,calc(100vw - 24px))}}

/* Decision details stay beside the action instead of behind another dialog. */
.upgrade-benefit{padding:12px;margin:10px 0;border:1px solid #d2b39955;border-radius:11px;background:linear-gradient(135deg,#221b2399,#080b11);text-align:left;white-space:normal}
.upgrade-benefit>small{display:block;font-size:10px;letter-spacing:.04em;line-height:1.5;color:#ddc7b4}.upgrade-benefit>strong{display:block;font-size:14px;line-height:1.5;color:#fff1d9;margin:4px 0}
.upgrade-benefit dl,.flight-plan-summary dl{margin:8px 0}.upgrade-benefit dl>div,.flight-plan-summary dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:5px 0;border-bottom:1px solid #ffffff12}.upgrade-benefit dt{font-size:12px;color:#d3c7c4}.upgrade-benefit dd{margin:0;text-align:right;font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}.upgrade-benefit dd b{color:#ffe0a8}.upgrade-benefit .upgrade-unlocks{font-size:12px!important;color:#e9d8ab!important;line-height:1.5!important;margin:7px 0!important}
.locate-building-button{font-size:12px!important;min-height:44px!important;padding:8px!important}.build-tile .tile-action{flex-wrap:wrap}.build-tile .tile-action>.primary{flex:1 1 55%}
.building-location{position:absolute;inset:0;z-index:24;pointer-events:none}.building-location svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.building-location polygon{fill:#ffdc8b14;stroke:#ffe0a1;stroke-width:2.5;stroke-linejoin:round;filter:drop-shadow(0 0 3px #ffb959)}.building-location>span{position:absolute;display:block;padding:4px 8px;border-radius:6px;background:#13131be8;color:#fff2d7;font-size:12px;border:1px solid #e5ba79;white-space:nowrap}
.welcome-overview{margin:12px 0;padding-top:10px;border-top:1px solid #fff2}.welcome-overview h3{font-size:15px;margin:0 0 5px}.welcome-overview>p{font-size:12px!important;line-height:1.5!important}.welcome-overview ul{list-style:none;padding:0;margin:7px 0}.welcome-overview li{margin:5px 0}.welcome-overview li button{display:flex;flex-direction:column;gap:3px;text-align:left;width:100%;min-height:44px;padding:9px 11px;white-space:normal}.welcome-overview li button>span{font-size:12px;line-height:1.5}.welcome-overview li button>small{color:#e4c6a6;font-size:11px}.welcome-overview summary{cursor:pointer;font-size:12px;padding:8px 0}
.mission-conclusion{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center;border-color:#e4c59a!important;background:linear-gradient(140deg,#29202be0,#0a0c13)!important}.mission-conclusion>img{width:100%;max-height:245px;object-fit:contain;align-self:end}.mission-conclusion h2{font-size:23px;line-height:1.3;margin:7px 0}.mission-conclusion p{font-size:14px;line-height:1.6}.mission-conclusion>div>small{font-size:10px;letter-spacing:.08em;color:#ddc4a7}.story-reward{display:flex;gap:12px;align-items:center;margin:12px 0;padding:12px;background:#d4a45a14;border:1px solid #dfc27c66;border-radius:10px}.story-reward>span:first-child{font-size:38px;color:#f6d190;text-shadow:0 0 15px #f5ad4555}.story-reward small,.story-reward strong,.story-reward em{display:block}.story-reward small{font-size:9px;color:#decaaf}.story-reward strong{font-size:19px;color:#ffe9bd}.story-reward em{font-size:11px;font-style:normal;color:#ddd0c5;margin-top:3px}.story-reward-line{font-size:12px!important;color:#dcc3a5!important}.story-earned{display:inline-block;padding:7px 10px;border:1px solid #d2b78755;border-radius:8px;color:#f2d3a7;font-size:12px}.story-card.claimed{border-color:#c3a56a66!important}
.flight-plan-summary{display:block;background:linear-gradient(145deg,#191c28,#080b11);border:1px solid #bea08688;border-radius:13px;padding:15px;margin:12px 0;color:#f8eee4;white-space:normal;text-align:left}.flight-plan-summary>small{font-size:10px;color:#d6ba99;letter-spacing:.08em}.flight-plan-summary h3{font-size:19px;margin:7px 0}.plan-vessel{display:flex;align-items:center;gap:12px;margin:8px 0 12px}.plan-vessel img{display:block!important;width:86px!important;height:50px!important;position:static!important;transform:none!important;object-fit:contain!important;animation:none!important;flex:none}.plan-vessel strong{font-size:15px}.flight-plan-summary dt{font-size:12px;line-height:1.5;color:#c7bdbe}.flight-plan-summary dd{font-size:14px;font-weight:700;margin:0;text-align:right;line-height:1.5;font-variant-numeric:tabular-nums}.flight-plan-summary dd small{display:block;font-size:11px;font-weight:400;color:#c5b8b2}.flight-plan-summary .plan-note{font-size:11px!important;line-height:1.5!important;margin:10px 0 0!important;color:#c8bdb6!important}.flight-plan-summary .plan-warning{font-size:12px!important;color:#ffd2c1!important;border-left:3px solid #e75169;padding-left:9px}.flight-plan-summary[hidden]{display:none!important}
@media(max-width:700px){.mission-conclusion{grid-template-columns:70px minmax(0,1fr);gap:10px;padding:14px!important}.mission-conclusion h2{font-size:19px}.mission-conclusion p{font-size:12px}.mission-conclusion button{font-size:12px!important;min-height:44px;white-space:normal}.mission-conclusion>img{max-height:195px}.flight-plan-summary{padding:12px}.flight-plan-summary dl>div{flex-wrap:wrap;gap:2px 8px}.flight-plan-summary dd{margin-left:auto;font-size:13px}.upgrade-benefit dd{font-size:12px}.building-location>span{font-size:10px}}

/* Tablet sidebars stay vertical; the five-column dock is only for narrow screens. */
@media (min-width:701px) and (max-width:900px),(min-width:701px) and (pointer:coarse){
 .sidebar nav[aria-label="Spielbereiche"]{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:minmax(52px,auto)!important;align-content:start!important;gap:6px!important;padding:6px 0!important;overflow-x:hidden!important;overflow-y:auto!important;min-height:0;max-height:calc(100dvh - 310px)}
 .sidebar nav[aria-label="Spielbereiche"]>button{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;min-width:0!important;min-height:52px!important;box-sizing:border-box!important;padding:8px 9px!important;margin:0!important;font-size:12px!important;line-height:1.3!important;text-align:left!important;white-space:normal!important;overflow-wrap:normal!important}
 .sidebar nav[aria-label="Spielbereiche"]>.nav-secondary{display:none!important}
 .sidebar nav[aria-label="Spielbereiche"]>.nav-more{display:flex!important}
 .sidebar nav[aria-label="Spielbereiche"]::before{display:none!important}
 .sidebar nav .nav-picture{flex:none!important;width:32px!important;height:32px!important;max-width:32px!important;margin:0!important}
 .sidebar nav>.nav-more>span{flex:none!important;width:32px!important;height:32px!important;font-size:24px!important;line-height:25px!important}
 .sidebar .side-world{min-width:0;max-width:100%;box-sizing:border-box}.sidebar .side-world strong{overflow-wrap:anywhere}
 .colony-order-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))!important}
 .colony-order-card{min-width:0}.colony-order-card>.picture{height:180px!important;min-height:180px!important;max-height:180px!important;animation:none!important;transition:none!important}
 .colony-order-card .fabrication-hud{grid-template-columns:60px minmax(0,1fr);gap:12px}.colony-order-card .fabrication-orbit{width:60px;height:60px}
}
.colony-order-card>img{animation:none!important;transition:none!important}

.player-activity{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-weight:750;line-height:1.3;vertical-align:baseline}
.player-activity.is-inactive{color:#ffd84e!important;text-shadow:0 0 7px #ebbe2333}
.player-activity.is-farm{color:#d4c6b5!important}
.map-commander-card .player-activity{margin-left:6px;min-width:14px;font-size:14px!important}
.activity-legend{font-size:12px!important;color:#d1c7bd!important;line-height:1.6!important;margin:8px 0 14px!important}
.activity-legend .player-activity{min-width:17px;border:1px solid currentColor;border-radius:4px;font-size:12px;padding:0 3px}

/* Wrecks stay attached to their coordinate, independently of the planet. */
.debris-position{border-left:2px solid #d6ad65;background:linear-gradient(100deg,#30251950,transparent)}.debris-thumb{width:72px;height:54px;object-fit:contain;border-radius:8px}.debris-cover{display:block;width:100%;max-height:220px;object-fit:contain;margin-bottom:16px}.debris-map-layer{position:absolute;inset:0;pointer-events:none;z-index:8}.debris-map-mark{position:absolute;transform:translate(-50%,25px);width:54px;padding:2px!important;background:#090d16dd!important;pointer-events:auto;border:1px solid #d6ad65!important;border-radius:8px!important}.debris-map-mark img{width:42px;height:28px;display:block}.debris-map-mark small{font-size:10px!important;display:block;color:#f2d9a6}.debris-position .position-actions{flex-wrap:wrap}@media(max-width:600px){.debris-thumb{width:48px;height:40px}.debris-position{gap:8px}.debris-position .position-actions{grid-column:1/-1}}

.salvage-campaign{display:grid;grid-template-columns:minmax(160px,.8fr) 1.2fr;align-items:center;gap:20px}.salvage-campaign>img{width:100%;height:190px;object-fit:contain}.salvage-campaign progress{display:block;width:100%;margin:12px 0;accent-color:#e4c18b}@media(max-width:600px){.salvage-campaign{grid-template-columns:1fr;gap:8px}.salvage-campaign>img{height:140px}}

/* Dismissal stays reachable even on long phone cards. */
dialog>.dialog-head,dialog>.owner-heading,dialog>.update-head{position:sticky;top:0;z-index:30;background:#0b0d13}#detail-dialog>#detail-close{position:sticky;top:0;display:block;margin-left:auto;z-index:35;min-width:44px;min-height:44px;background:#0b0d13}.battle-cinema video{display:block;width:100%;pointer-events:none}.battle-cinema video::-webkit-media-controls{display:none!important}.battle-cinema.cinema-playing .update-head{position:absolute;top:8px;right:8px;background:transparent;z-index:40}.battle-cinema.cinema-playing .update-head h2{display:none}.battle-cinema.cinema-playing .update-head button{background:#090b12aa;border-radius:50%;min-width:44px;min-height:44px}.cinema-result[hidden],.battle-cinema button[hidden]{display:none!important}.cinema-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.battle-cinema .film-playback:empty,.battle-cinema [data-cinema-status]:empty{display:none}

.battle-cinema video{aspect-ratio:16/9;object-fit:contain;background:#000}
/* Planet, name, wreck marker: one compact row. */
.position-name{display:flex;align-items:center;gap:12px;min-width:0}.position-name>b{min-width:0}.position-name .debris-position{display:flex;flex:0 0 48px;align-items:center;justify-content:center;width:48px!important;height:32px!important;min-width:48px!important;min-height:32px!important;margin:0!important;padding:0!important;border:0!important;border-radius:5px!important;background:transparent!important;box-shadow:none!important}.position-name .debris-thumb{display:block;width:46px!important;height:30px!important;max-width:46px!important;max-height:30px!important;object-fit:contain;filter:drop-shadow(0 0 2px #e3bf70)}
.debris-map-layer{z-index:18}.debris-map-mark{width:64px!important;height:48px!important;min-width:64px!important;min-height:48px!important;max-width:64px!important;max-height:48px!important;padding:0!important;transform:translate(-50%,-50%);background:transparent!important;border:0!important;box-shadow:none!important;contain:layout size}.debris-map-mark img{display:block;width:64px!important;height:44px!important;max-width:64px!important;object-fit:contain;filter:drop-shadow(0 0 3px #f2bd65)}.debris-map-mark small{display:none!important}.debris-map-mark:hover img,.debris-map-mark:focus-visible img{filter:drop-shadow(0 0 6px #fff0c8)}

/* Named, readable debris markers over the busy starfield. */
.debris-map-mark{width:84px!important;height:70px!important;min-width:84px!important;min-height:70px!important;max-width:84px!important;max-height:70px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:0;overflow:visible!important}.debris-map-mark img{width:80px!important;height:48px!important;max-width:80px!important;max-height:48px!important;filter:brightness(1.25) contrast(1.1) drop-shadow(0 0 4px #ffd17dcc)}.debris-map-mark small{display:block!important;position:static!important;width:auto!important;min-width:80px;white-space:nowrap;font-size:11px!important;line-height:16px!important;font-weight:700!important;letter-spacing:.2px;color:#ffe3aa!important;background:#080a10f2!important;border:1px solid #c6a46b99;border-radius:5px;padding:2px 5px!important;text-shadow:0 1px 2px #000;box-shadow:0 2px 8px #000c}.debris-map-mark:focus-visible{outline:2px solid #ffe3aa!important;outline-offset:3px}
/* Persistent unread badge, including the bottom More menu. No blinking or layout shifts. */
.mail-nav,.nav-more{position:relative}.mail-unread-badge{position:absolute!important;top:3px!important;right:5px!important;display:flex!important;align-items:center;justify-content:center;min-width:22px!important;width:auto!important;height:22px!important;padding:0 5px!important;border-radius:12px!important;background:linear-gradient(#ff6784,#b70836)!important;border:1px solid #ff9daf!important;color:#fff!important;font:800 12px/1 system-ui!important;box-shadow:0 0 10px #ef295c88;pointer-events:none;z-index:4}.mail-unread-badge[hidden]{display:none!important}.has-new-mail{border-color:#e4476d!important}.secretary-mail-note{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:12px;margin:12px 0;border:1px solid #dc486b88;border-radius:10px;background:#48142666}.secretary-mail-note strong{color:#ffd1dc}.secretary-mail-note span{font-size:12px;color:#dfbac4}.secretary-mail-note button{margin-left:auto}.more-menu .mail-nav{padding-right:32px!important}
/* Compact private correspondence and a separate compose window. */
.letter-topbar,.letter-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.letter-topbar{justify-content:space-between}.letter-topbar h2{margin:0}.letter-actions{margin:14px 0}.letter-actions label{display:flex;align-items:center;gap:7px}.player-letter{display:grid!important;grid-template-columns:24px minmax(0,1fr) 38px;align-items:start;gap:10px;padding:14px!important;margin:10px 0;border:1px solid #75474f!important;border-left:3px solid #8a6370!important;border-radius:12px;background:linear-gradient(135deg,#12141d,#08090e)!important}.player-letter.unread{border-left-color:#ff547e!important;box-shadow:0 0 12px #d9234d22}.letter-select input{margin:5px 0}.player-letter details{min-width:0}.player-letter summary{cursor:pointer;display:flex;flex-direction:column;gap:6px;list-style:none}.player-letter summary::-webkit-details-marker{display:none}.player-letter summary strong{font-size:16px;line-height:1.35;overflow-wrap:anywhere}.letter-sender{font-size:12px;color:#e2c2b4}.letter-sender em{font-style:normal;color:#ff99b1;font-size:10px;margin-left:6px}.player-letter time,.letter-open-hint{font-size:11px;color:#aaa6b0}.letter-open-hint{color:#dfb5bf}.player-letter details[open] .letter-open-hint{display:none}.letter-body{padding-top:12px}.letter-body p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6;margin:0 0 12px}.letter-delete{padding:4px!important;min-width:36px!important;min-height:36px!important;font-size:16px!important}.letter-compose-dialog{width:min(650px,calc(100vw - 24px));max-height:85dvh;padding:18px;overflow-y:auto}.letter-compose-dialog .dialog-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px}.letter-compose-dialog .dialog-head h2{font-size:22px}.letter-compose-dialog .dialog-head button{min-width:44px;min-height:44px}.letter-find{display:flex;align-items:end;gap:8px}.letter-find label{flex:1;min-width:0}.letter-find input,.letter-compose select,.letter-compose input,.letter-compose textarea{width:100%;font-size:16px!important;box-sizing:border-box}.letter-compose{display:grid;gap:14px}.letter-compose textarea{min-height:150px;resize:vertical}.letter-compose-dialog label{display:grid;gap:6px}.letter-compose-dialog p{font-size:13px;line-height:1.5}.comms-terminal button:not(:disabled),.mailbox-actions button:not(:disabled),.inbox-filters button,.letter-compose-dialog button{background:linear-gradient(180deg,#ad3654 0%,#8d213e 44%,#4c1024 58%,#7b1736 100%)!important;border:1px solid #da758b!important;border-bottom:3px solid #f13766!important;color:#fff!important;border-radius:10px;box-shadow:inset 0 2px 1px #ffd5df55,0 4px 12px #ca174526!important;font-weight:700}.comms-terminal button:active,.mailbox-actions button:active,.letter-compose-dialog button:active{filter:brightness(1.15)}.comms-terminal button:disabled,.mailbox-actions button:disabled{opacity:.4}.inbox-filters button[aria-pressed="true"]{outline:2px solid #ffb2c3;outline-offset:2px}
@media(max-width:600px){.letter-topbar h2{font-size:19px}.letter-topbar button{min-height:44px}.player-letter{grid-template-columns:22px minmax(0,1fr) 34px;gap:7px;padding:11px!important}.letter-actions button{font-size:11px;padding:9px}.letter-find{flex-wrap:wrap}.letter-find label{flex-basis:100%}.letter-find button{width:100%}}
.campaign-complete{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;width:100%;min-height:54px;cursor:pointer}.campaign-complete span{font-size:12px;color:#f2d2ba}.campaign-achievement small{color:#deb47b;letter-spacing:1px}.campaign-achievement h2{margin:8px 0}.campaign-achievement p{line-height:1.6}
/* Orbital command: fixed scene sizes and a permanently visible Station dock entry. */
.orbit-cutout{object-fit:contain!important;aspect-ratio:3/2;background:transparent!important;filter:drop-shadow(0 6px 15px #0008)}.orbital-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:20px;min-height:260px;padding:20px;border:1px solid #bf5b7790;border-radius:16px;margin-bottom:20px;background:radial-gradient(ellipse at 30% 55%,#77203744,transparent 65%),#07090f;overflow:hidden}.orbital-hero-art{height:260px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#e12e5820,transparent 65%)}.orbital-hero-art img{width:100%;height:100%;object-fit:contain;transition:none}.orbital-hero[data-station-tier="0"] .orbital-hero-art img{opacity:.45;transform:scale(.65)}.orbital-hero[data-station-tier="1"] .orbital-hero-art img{transform:scale(.73)}.orbital-hero[data-station-tier="2"] .orbital-hero-art img{transform:scale(.87)}.orbital-hero small{color:#e3bd93;letter-spacing:1px}.orbital-hero h2{font-size:clamp(22px,3vw,34px);line-height:1.2;margin:10px 0}.orbital-hero p{color:#d6c9ce;line-height:1.6}.orbital-shortcuts{display:flex;gap:8px;flex-wrap:wrap}.orbital-shortcuts button,[data-view="station"].active{border-color:#f16b88!important}.orbital-build-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.orbital-build-picture{position:relative;height:230px;background:radial-gradient(ellipse,#51162955,transparent 70%),#070b12;overflow:hidden}.orbital-build-picture>img{width:100%;height:100%;object-fit:contain}.orbital-build-picture .production-overlay{bottom:0;inset-inline:0;background:linear-gradient(transparent,#05070ff5);padding:12px}.orbital-build-picture h3{margin:0}.orbital-build-picture .picture-status{position:static}.orbital-research,.orbital-build-grid,#orbital-ships,#orbital-orders{margin-bottom:24px}#orbital-buildings,#orbital-ships,#orbital-orders{scroll-margin-top:20px}.courier-service{display:flex;align-items:center;gap:20px}.courier-service>img{width:180px;height:140px;object-fit:contain;flex:none}.courier-service p{line-height:1.6}.orbital-map-layer{position:absolute;inset:0;pointer-events:none;z-index:14}.orbital-map-station{position:absolute;left:73%;top:61%;width:100px;min-height:80px;padding:2px!important;transform:translate(-50%,-50%);pointer-events:auto;border:0!important;background:transparent!important;box-shadow:none!important}.orbital-map-station img{display:block;width:100%;height:64px;object-fit:contain;filter:drop-shadow(0 0 5px #f8466888)}.orbital-map-station span{display:block;font-size:11px;background:#090b13e8;border:1px solid #be5c75;border-radius:5px;padding:3px;color:#ffe2ea}.courier-arrival{position:fixed;right:16px;bottom:100px;z-index:1000;display:flex;align-items:center;gap:12px;max-width:min(350px,calc(100vw - 32px));padding:12px;border:1px solid #84d7e9;border-radius:14px;background:#090f1bf2;box-shadow:0 0 24px #39d6ff22;pointer-events:none}.courier-arrival img{width:90px;height:70px;object-fit:contain;animation:courier-in 1s ease-out both}.courier-arrival strong,.courier-arrival small{display:block}.courier-arrival small{margin-top:6px;color:#bdd2de;font-size:12px}@keyframes courier-in{from{transform:translateX(-100px);opacity:0}to{transform:translateX(0);opacity:1}}
@media(max-width:700px){.sidebar nav[aria-label="Spielbereiche"]{grid-template-columns:repeat(6,minmax(0,1fr))!important}.sidebar nav[aria-label="Spielbereiche"]>button{font-size:10px!important;padding-inline:1px!important}.sidebar nav[aria-label="Spielbereiche"]>button img{max-width:28px!important}.orbital-hero{grid-template-columns:1fr;padding:14px;gap:0}.orbital-hero-art{height:190px}.orbital-build-grid{grid-template-columns:1fr}.orbital-build-picture{height:210px}.orbital-map-station{width:76px;min-height:65px}.orbital-map-station img{height:50px}.orbital-map-station span{font-size:9px}.courier-service{gap:12px;align-items:flex-start}.courier-service>img{width:85px;height:90px}.courier-service h2{font-size:20px}.courier-service p{font-size:12px}.courier-arrival{bottom:90px}}

.postal-status{display:flex;align-items:center;gap:16px;padding:14px;margin:12px 0 20px;border:1px solid #ab536b;border-radius:14px;background:#0a0a10}.postal-status>img{width:110px;height:90px;object-fit:contain;flex:none}.postal-status h3{margin:0 0 6px}.postal-status p{margin:0 0 10px;line-height:1.5}@media(max-width:600px){.postal-status>img{width:70px;height:70px}.postal-status{gap:10px;padding:12px}.postal-status h3{font-size:16px}}

.pyramid-film-dialog{padding:0!important;border:1px solid #d16d78!important;border-radius:16px!important;background:#000!important;width:min(94vw,620px)!important;max-height:94dvh!important;overflow:hidden!important;box-shadow:0 0 60px #d3404c44}.pyramid-film-dialog::backdrop{background:#000d}.pyramid-film-dialog video{display:block;width:100%;max-height:85dvh;object-fit:contain;background:#000}.pyramid-film-actions{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px}.pyramid-film-actions button{background:#08080de6;color:#fff;border:1px solid #c17b81;border-radius:10px;padding:10px 14px;font-size:13px}

.courier-film-dialog{padding:0!important;border:1px solid #db7389!important;border-radius:16px!important;background:#000!important;width:min(96vw,1100px)!important;max-width:96vw!important;max-height:94dvh!important;overflow:hidden!important;box-shadow:0 0 50px #e9496633}.courier-film-dialog::backdrop{background:#000d}.courier-film-dialog video{display:block;width:100%;max-height:90dvh;object-fit:contain;background:#000}.courier-film-actions{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px}.courier-film-actions button{background:#08080de6;color:#fff;border:1px solid #bf7385;border-radius:10px;padding:10px 14px;font-size:13px}

.colony-alarm-film{padding:0!important;border:1px solid #f25773!important;border-radius:16px!important;background:#000!important;width:min(96vw,1100px)!important;max-width:96vw!important;max-height:94dvh!important;overflow:hidden!important;box-shadow:0 0 45px #f5224c44}.colony-alarm-film::backdrop{background:#000d}.colony-alarm-film video{display:block;width:100%;max-height:90dvh;object-fit:contain}.alarm-film-actions{position:absolute;inset:auto 12px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.alarm-film-actions strong{color:#fff;background:#28030bec;border:1px solid #f25773;border-radius:8px;padding:10px;font-size:14px}.alarm-film-actions button{background:#08080de6;color:#fff;border:1px solid #c37283;border-radius:10px;padding:10px 14px;font-size:13px}

.world-mission-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.world-mission-choice button{min-height:48px;border:1px solid #b65d76;background:linear-gradient(#a52a49,#570c24);color:#fff;font-weight:700;border-radius:12px;box-shadow:inset 0 1px #ffd3dc55,0 3px 12px #a2123833}.world-mission-choice button[aria-pressed="true"]{outline:2px solid #ffc1d0;outline-offset:2px}.world-mission-choice button:disabled{opacity:.45;box-shadow:none}

.world-danger,.world-danger b{color:#ff425b!important;text-shadow:0 0 7px #f0144b66!important}.danger-label{color:#ff6378!important;font-weight:800;margin-inline:4px}.rank-bot{display:inline-block;border:1px solid #8b7280;border-radius:5px;font-size:10px;padding:2px 5px;margin-inline:6px;color:#d7b8c4}.rank-table-panel{overflow-x:auto}.rank-table-panel h2{margin-top:0}

.next-actions{padding:16px}.next-actions h2{font-size:18px;margin:0 0 12px}.next-actions>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.next-actions button{display:flex;text-align:left;align-items:center;gap:10px;padding:12px;min-width:0}.next-actions button img{width:52px;height:46px;object-fit:contain;flex:none}.next-actions small,.next-actions strong{display:block}.next-actions small{font-size:11px;color:#c8b8bc;margin-top:5px}.next-actions strong{font-size:14px}.quick-orders.compact-orders{display:flex!important;gap:6px!important;padding:7px 0!important;overflow-x:auto;scrollbar-width:thin}.quick-orders.compact-orders[hidden]{display:none!important}.quick-orders.compact-orders button{display:grid!important;gap:3px!important;min-width:110px;min-height:64px!important;padding:8px 12px!important;flex:1}.quick-orders.compact-orders strong{font-size:12px}.quick-orders.compact-orders time{font-size:16px;font-variant-numeric:tabular-nums;font-weight:800;color:#ffe4eb}.quick-orders.compact-orders small{font-size:10px}.build-return{display:flex;gap:8px;flex-wrap:wrap;position:sticky;top:0;z-index:4;background:#0b0a10f5;padding:10px 0;margin-bottom:12px}.build-return button{border-color:#df6c8d;color:#ffe6ed;min-height:42px}.report-content h3{font-size:18px;line-height:1.35;margin:8px 0}.report-preview{font-size:14px;line-height:1.5;color:#d6c4c9}.report-full-details,.report-content .report-sender{margin-top:12px}.report-content .report-next{margin:8px 0;min-height:44px}.world-preview{height:95px;display:flex;justify-content:center;background:radial-gradient(ellipse,#43213555,transparent 70%)}.world-preview img{height:90px;width:90px;object-fit:contain}.world-details{margin:12px 0}.world-mission-choice.three-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.commander-video-policy{padding:16px;border:1px solid #925569;border-radius:12px;margin-top:14px}.commander-video-policy p{font-size:13px;line-height:1.6}.commander-video-policy select{width:100%;margin-top:8px}@media(max-width:700px){.next-actions>div{grid-template-columns:1fr}.next-actions button{padding:10px;min-height:60px}.next-actions button img{width:40px;height:38px}.next-actions h2{font-size:17px}.world-mission-choice.three-actions button{font-size:12px;padding-inline:6px}.report-content h3{font-size:16px}.build-return button{font-size:12px;padding:8px}}

/* Quantity controls and a single communication timeline. */
.batch-order{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:16px;border:1px solid #64505b;border-radius:18px;background:linear-gradient(145deg,#1c1920,#090b11);box-shadow:inset 0 1px #ffffff15;max-width:100%;min-width:0}.batch-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.batch-heading small{color:#c8b9b6}.batch-stepper{display:grid;grid-template-columns:54px minmax(70px,1fr) 54px;gap:8px;max-width:380px}.batch-stepper button{min-width:0;min-height:52px;margin:0;padding:4px;font-size:27px;font-weight:800;border-radius:12px;background:linear-gradient(#47343c,#21181f);box-shadow:inset 0 1px #ffffff30,0 3px 0 #09080b}.batch-stepper input[data-batch-count]{width:100%;height:54px;padding:6px;text-align:center;font-size:26px;font-weight:800;border-radius:12px;border:1px solid #a47f85;background:#06080d;color:#fff;font-variant-numeric:tabular-nums;appearance:textfield}.batch-stepper input::-webkit-inner-spin-button{appearance:none}.batch-presets{display:flex;gap:7px;flex-wrap:wrap}.batch-presets button{padding:8px 14px;min-height:40px;margin:0;border-radius:11px}.batch-presets [data-batch-max]{background:linear-gradient(#a42b49,#511023);border-color:#e47891;color:#fff}.batch-order [data-batch-total]{grid-column:1;min-width:0}.batch-order [data-batch-total] .costs{gap:10px;flex-wrap:wrap}.batch-order [data-batch-total]>small{display:block;color:#cbbab6;margin-top:6px}.batch-feedback{font-size:13px;color:#b7c5c2;margin:0;min-height:1.4em}.batch-feedback.quantity-error{color:#ff9cac}.defense-weapon-art{width:100%;height:100%;object-fit:contain}.postal-gate-dialog{width:min(540px,calc(100vw - 28px));padding:24px;color:#f7ece8;border:1px solid #9f6f7b;border-radius:22px;background:linear-gradient(145deg,#1a1720,#07090f);box-shadow:0 20px 80px #000a}.postal-gate-dialog>.picture{display:block;width:160px;height:130px;object-fit:contain;margin:12px auto}.postal-gate-dialog .postal-status>.picture{display:none}.inbox-list>.player-letter{width:100%;margin:14px 0;background:linear-gradient(135deg,#191824,#090b11)}.inbox-list>.player-letter:before{content:none}.inbox-filters{flex-wrap:wrap}.report-contact{margin:12px 0}.recon-report{margin:10px 0 16px;overflow:hidden;border:1px solid #4c7287;border-radius:18px;background:#090f17}.recon-hero{display:flex;gap:18px;align-items:center;padding:20px;background:linear-gradient(90deg,#05091299,#040710e8),url('assets/space-v013.webp') center/cover}.recon-hero>img{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 0 12px #5cbdde55)}.recon-hero h3{font-size:22px;margin:6px 0!important}.recon-hero small{color:#94d7ef;letter-spacing:.12em;font-size:11px}.recon-hero p{font-size:12px;margin:8px 0;color:#c7d1d8}.recon-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:16px}.recon-resources>div{display:flex;gap:8px;align-items:center;padding:10px;border-radius:12px;background:#172130}.recon-resources .picture{width:38px;height:38px;object-fit:contain}.recon-resources span{font-size:12px;color:#c4cbd2}.recon-resources b{display:block;font-size:20px;color:#fff;font-variant-numeric:tabular-nums}.recon-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px}.recon-sections section{padding:12px;border:1px solid #2e4356;border-radius:12px;background:#101822}.recon-sections h4{font-size:14px;color:#9fd0e4;margin:0 0 8px}.recon-sections p,.recon-sections li{font-size:14px}.recon-sections ul{padding-left:18px;margin:0}.recon-report>.muted{font-size:12px;padding:0 16px;margin:14px 0}.rank-bot{background:#1c2e39;color:#c2e4f4;border:1px solid #547282;border-radius:5px;padding:2px 5px;font-size:10px}
@media(max-width:620px){.batch-order{padding:12px}.recon-hero{padding:14px;gap:10px}.recon-hero>img{width:62px;height:70px}.recon-resources{gap:5px;padding:10px}.recon-resources>div{padding:8px 5px;gap:4px;flex-direction:column;align-items:flex-start}.recon-resources b{font-size:18px}.recon-sections{grid-template-columns:1fr;padding:0 10px}.postal-gate-dialog{padding:16px}.letter-topbar{flex-wrap:wrap;gap:12px}}

/* Bound recommendation art; correspondence has exactly three explicit columns. */
.next-actions>div{grid-template-columns:repeat(3,minmax(0,1fr))}.next-actions button{display:grid!important;grid-template-columns:50px minmax(0,1fr) 16px!important;gap:12px!important;min-height:92px!important;padding:14px!important;overflow:hidden;box-sizing:border-box;border-radius:14px!important;background:linear-gradient(145deg,#221a22,#0a0d15)!important}.next-actions .next-action-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;overflow:hidden;border:1px solid #77627355;border-radius:12px;background:#080c13}.next-actions .next-action-icon img{position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;display:block!important}.next-action-copy{min-width:0}.next-action-copy strong{font-size:14px!important;line-height:1.4;overflow-wrap:break-word}.next-action-copy small{font-size:11px;line-height:1.4}.next-action-arrow{font-size:24px;color:#e3ba9c}
.inbox-list>.player-letter{display:grid!important;grid-template-columns:24px minmax(0,1fr) 38px!important;grid-auto-flow:row!important;gap:10px!important;width:auto!important;max-width:100%;box-sizing:border-box!important;min-width:0!important;align-items:start!important}.inbox-list>.player-letter:before,.inbox-list>.player-letter:after{content:none!important;display:none!important}.player-letter>.letter-select{grid-column:1!important;grid-row:1!important;width:24px;min-width:0}.player-letter>details{grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important;max-width:100%;margin:0!important;padding:0!important}.player-letter>.letter-delete{grid-column:3!important;grid-row:1!important;align-self:start;justify-self:end;margin:0!important}.player-letter summary{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;width:100%!important;min-width:0;box-sizing:border-box;padding:0!important;white-space:normal!important}.player-letter summary>*{max-width:100%;width:auto!important;min-width:0!important;word-break:normal!important;overflow-wrap:break-word!important}.player-letter .letter-kind{display:block;font-size:10px!important;color:#d4b795;letter-spacing:.08em;line-height:1.5}.player-letter .letter-sender{font-size:12px!important;line-height:1.4}.player-letter summary strong{font-size:16px!important;line-height:1.45!important;word-break:normal!important}.player-letter summary time{font-size:11px!important;white-space:normal!important;line-height:1.5!important}.letter-body{min-width:0;max-width:100%}.player-letter .letter-body p{word-break:normal!important;overflow-wrap:anywhere!important}
.mission-lesson{display:grid!important;grid-template-columns:130px minmax(0,1fr);align-items:center!important;gap:24px!important;padding:24px!important}.mission-lesson .secretary-portrait{width:130px!important;height:250px!important;object-fit:contain!important;align-self:start}.mission-lesson-copy{min-width:0}.mission-lesson-copy>small,.next-story>small{font-size:11px;letter-spacing:.1em;color:#d8b7a1}.mission-lesson .mission-greeting{font-size:14px!important;margin:8px 0 14px;color:#c1bbc4}.mission-lesson .lesson-number{display:inline-block;padding:5px 9px;border:1px solid #895b69;border-radius:8px;font-size:12px;background:#3e1c2b;color:#ffdce6}.mission-lesson h2{font-size:24px!important;line-height:1.3;margin:12px 0!important}.mission-lesson p{font-size:15px!important;line-height:1.65!important}.mission-lesson progress{display:block;width:100%;height:7px;margin:18px 0 8px}.mission-lesson .lesson-small{font-size:11px!important;color:#b9b2bd;margin:6px 0}.lesson-wait{padding:12px;border:1px solid #55766a;border-radius:10px;background:#163025;color:#d5eadf}.lesson-requirements{margin-top:12px}.lesson-help,.mission-collection{padding:16px!important;margin:14px 0}.lesson-help>summary,.mission-collection>summary{cursor:pointer;font-size:16px!important;font-weight:700;line-height:1.5}.lesson-help ol{padding-left:22px}.lesson-help li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #ffffff14}.lesson-help li>span{font-size:13px}.lesson-help li button{padding:6px 10px;min-height:36px;font-size:12px}.mission-collection>.explorer-book{padding:12px 0!important;border:0!important;box-shadow:none!important;background:transparent!important}.mission-collection .story-card{margin:12px 0}.next-story{padding:20px!important}.next-story h2{font-size:20px;margin:8px 0}.next-story p{font-size:14px;line-height:1.6}.mission-lesson .primary{max-width:100%;white-space:normal}.production-picture:has(.defense-weapon-art){background:radial-gradient(ellipse at center,#24405c44,transparent 70%),#05080f!important}.production-picture .defense-weapon-art{width:100%!important;height:100%!important;object-fit:contain!important;padding:8px 12px 55px;box-sizing:border-box}
@media(max-width:900px){.next-actions>div{grid-template-columns:1fr}.next-actions button{min-height:74px!important}.mission-lesson{grid-template-columns:90px minmax(0,1fr);padding:16px!important;gap:14px!important}.mission-lesson .secretary-portrait{width:90px!important;height:190px!important}.mission-lesson h2{font-size:21px!important}}
@media(max-width:520px){.inbox-list>.player-letter{grid-template-columns:20px minmax(0,1fr) 34px!important;gap:8px!important;padding:12px 9px!important}.mission-lesson{grid-template-columns:64px minmax(0,1fr);gap:10px!important}.mission-lesson .secretary-portrait{width:64px!important;height:140px!important}.mission-lesson h2{font-size:19px!important}.mission-lesson p{font-size:13px!important}.mission-lesson .primary{font-size:13px;padding:12px}.lesson-help,.mission-collection{padding:14px!important}}

.card-requirements{margin:0 0 12px;padding:10px 12px;border:1px solid #8d5364;border-radius:10px;background:#27151d}.card-requirements>summary{font-size:12px!important;font-weight:700;cursor:pointer;color:#ffd4df}.card-requirements[open]>.prerequisite-summary{margin-top:12px}.mission-lesson-copy .lesson-requirements>summary{font-size:13px;cursor:pointer}.letter-kind{pointer-events:none}

/* Scenic catalog backdrops; transparent units remain fully visible. */
.production-card .production-picture>.catalog-media--defense{background:linear-gradient(0deg,#060b1499,transparent 55%),url('assets/defense-empty-v015.webp') center/cover!important}.production-card .production-picture:has(.defense-weapon-art){background:linear-gradient(0deg,#060b1488,transparent 65%),url('assets/defense-empty-v015.webp') center/cover!important}.production-card.ship-showcase .production-picture{background:linear-gradient(0deg,#030711bb,#04091633),url('assets/space-v013.webp') center/cover!important}.production-card .catalog-media--defense>.defense-weapon-art{filter:drop-shadow(0 10px 9px #0009);padding:12px 14px 68px!important;object-fit:contain!important}.production-card .production-overlay{background:linear-gradient(0deg,#03070df5 55%,#03070d00)!important}.production-card .production-overlay h3{text-shadow:0 2px 5px #000}.production-card .catalog-media--research{background:linear-gradient(145deg,#15283b,#050914)!important}#inspect-content>.defense-weapon-art{display:block!important;width:100%!important;height:clamp(200px,35vw,360px)!important;object-fit:contain!important;padding:18px 24px!important;border-radius:16px;background:linear-gradient(0deg,#070d1699,transparent 60%),url('assets/defense-empty-v015.webp') center/cover!important;box-sizing:border-box}#inspect-content>.ship-picture,#inspect-content>.orbit-cutout{background:linear-gradient(0deg,#03081188,#050b1c22),url('assets/space-v013.webp') center/cover!important;border-radius:16px;padding:18px!important;box-sizing:border-box}
@media(max-width:600px){.production-card .catalog-media--defense>.defense-weapon-art{padding:12px 10px 64px!important}#inspect-content>.defense-weapon-art{height:230px!important;padding:12px!important}}
/* Flag atelier: tactile 2D cards and an explicit, live custom design. */
.flag-dialog{width:min(900px,calc(100vw - 24px))!important;max-height:90dvh;padding:22px!important;border:1px solid #986e79!important;border-radius:24px!important;background:linear-gradient(145deg,#1a1420ee,#070a11fa 65%)!important;overflow:auto;box-sizing:border-box}.flag-dialog>.update-head{position:sticky;top:-22px;z-index:8;padding:14px 0 10px;background:#100e16f5}.flag-dialog>.update-head h2{font-size:24px}.flag-tabs{display:flex;gap:8px;margin:14px 0}.flag-tabs button{flex:1;min-height:44px;font-weight:700}.flag-tabs [aria-pressed="true"]{background:linear-gradient(#9b3651,#541326);border-color:#e895a8}.flag-dialog .selected-banner-preview{display:grid!important;grid-template-columns:135px minmax(0,1fr);align-items:center;gap:22px;margin:14px 0 20px;padding:20px;border:1px solid #b79b744f;border-radius:18px;background:radial-gradient(ellipse at 18% 40%,#78644933,transparent 60%),linear-gradient(90deg,#101a29,#080b12)!important}.selected-banner-preview>img{width:120px!important;height:176px!important;object-fit:contain;animation:none!important;filter:drop-shadow(0 9px 8px #0009)}.selected-banner-preview small{font-size:10px;letter-spacing:.12em;color:#d3b58e}.selected-banner-preview strong{display:block;font-size:23px;margin:10px 0}.selected-banner-preview p{font-size:13px;line-height:1.6;color:#c6c1ce}.flag-dialog .flag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px}.flag-dialog .flag-grid button{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:start;min-width:0;padding:16px 8px!important;border:1px solid #66556b;border-radius:16px!important;background:radial-gradient(ellipse at 50% 30%,#62485944,transparent 75%),linear-gradient(145deg,#202232,#0c101a)!important;box-shadow:inset 0 1px #ffffff18,0 5px 15px #0004}.flag-grid button>img{width:92px!important;height:132px!important;object-fit:contain;margin:0 0 12px!important;animation:none!important;filter:drop-shadow(0 7px 5px #0009)}.flag-grid button>strong{font-size:13px}.flag-grid button>small{font-size:10px;line-height:1.5;color:#b9b3c3;margin-top:4px;white-space:normal}.flag-grid button[aria-pressed="true"]{border:2px solid #e4bb80!important;background:radial-gradient(ellipse at 50% 30%,#9f774844,transparent 80%),#261e24!important}.flag-grid button[aria-pressed="true"]:after{content:'✓';position:absolute;right:8px;top:8px;width:21px;height:21px;line-height:21px;border-radius:50%;background:#e4bb80;color:#19120b;font-size:13px;font-weight:900}.flag-grid button:disabled{opacity:.38}.flag-dialog .banner-designer{display:block!important;min-width:0;border:1px solid #685a73;border-radius:18px;padding:20px!important;background:#0d111a!important}.banner-designer legend{font-weight:800;font-size:18px;padding:0 8px;color:#f7e8dc}.banner-design-layout{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:24px}.banner-edit-section{margin-bottom:20px}.banner-edit-section h3{font-size:14px;margin:0 0 10px}.banner-edit-section>label{display:inline-grid;gap:5px;max-width:100%;margin:0 10px 8px 0;font-size:12px}.banner-edit-section select{width:100%;font-size:14px}.banner-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.banner-swatches button,.banner-symbols button{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;min-height:64px;padding:8px 4px;border-radius:10px;background:#161b26;border:1px solid #54505e}.banner-swatches button>span{width:28px;height:28px;border-radius:50%;background:var(--swatch);border:2px solid #ffffff66;box-shadow:inset 0 2px 2px #ffffff33,0 3px 5px #0007}.banner-swatches small,.banner-symbols small{font-size:9px}.banner-symbols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.banner-symbols button>span{font-size:23px;color:#e9d4aa;line-height:1.25}.banner-swatches [aria-pressed="true"],.banner-symbols [aria-pressed="true"]{outline:2px solid #e6bb80;background:#39273a}.banner-draft{display:flex;align-items:center;flex-direction:column;padding:18px 10px;border-radius:15px;background:radial-gradient(ellipse at center,#594e4444,#060a12);text-align:center;align-self:start;position:sticky;top:72px}.banner-draft>img{width:132px!important;height:190px!important;object-fit:contain;filter:drop-shadow(0 10px 8px #0009);animation:none!important}.banner-draft strong{font-size:14px;margin-top:12px}.banner-draft p{font-size:11px;line-height:1.5;color:#bab4c2}.flag-save-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;position:sticky;bottom:-22px;z-index:9;background:#100e16f5;padding:14px 0 10px;margin-top:16px;border-top:1px solid #665269}.flag-save-bar [data-flag-status]{font-size:12px;line-height:1.4;margin:0}.flag-save-bar button{white-space:normal;min-width:170px}.flag-dialog .banner-designer[hidden],.flag-dialog .flag-grid[hidden],.banner-edit-section select[hidden]{display:none!important}
/* Flight rows share one combined mission and bounded quantity controls. */
.fleet-choice.mine-wing{display:grid!important;grid-template-columns:84px minmax(0,1fr) 154px!important;align-items:center;gap:12px!important;padding:12px!important;border:1px solid #5c5364!important;border-left:3px solid #746371!important;border-radius:14px!important;background:linear-gradient(90deg,#0c1220f2,#080c14f5),url('assets/space-v013.webp') center/cover!important;min-width:0}.fleet-choice>.flight-cutout,.fleet-choice>.picture{width:82px!important;height:66px!important;object-fit:contain!important;margin:0!important}.fleet-choice-info{min-width:0}.fleet-choice-info b{font-size:15px!important;line-height:1.4;display:block;overflow-wrap:break-word}.fleet-choice-info small{font-size:11px!important;color:#b9b3c0;line-height:1.5;display:block;margin-top:5px}.wing-stepper{display:grid;grid-template-columns:32px minmax(40px,1fr) 32px;gap:4px;min-width:0}.wing-stepper button{min-width:0;min-height:36px;padding:3px;font-size:19px;border-radius:8px;background:linear-gradient(#423341,#211b29);border:1px solid #826071}.wing-stepper input{min-width:0!important;width:100%!important;height:38px!important;text-align:center;font-size:18px!important;font-weight:800;border:1px solid #9b7685;border-radius:8px;background:#070b13;color:#fff;padding:4px!important;appearance:textfield}.wing-stepper input::-webkit-inner-spin-button{appearance:none}.wing-stepper [data-wing-max]{grid-column:1/-1;min-height:26px;font-size:10px;padding:1px 7px;color:#e1bfc9}.fleet-choice.is-selected{border-color:#d6748f!important;border-left-color:#ff6c95!important;box-shadow:0 0 13px #bd24401c}.fleet-choice.unavailable{opacity:.5}.fleet-unavailable{margin-top:12px;padding:12px;border:1px solid #484251;border-radius:12px}.fleet-unavailable>summary{font-size:12px;font-weight:700;cursor:pointer;color:#bdb4c6}.fleet-unavailable .mine-wing-grid{margin-top:10px}.fleet-selection-note{font-size:12px!important;line-height:1.5;color:#cbbbc6;margin:8px 0 14px}.fleet-choice:focus-within{outline:2px solid #db9aaf;outline-offset:2px}
@media(max-width:600px){.flag-dialog{padding:14px!important}.flag-dialog>.update-head{top:-14px}.flag-dialog .flag-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px}.flag-grid button>img{width:65px!important;height:96px!important}.flag-dialog .selected-banner-preview{grid-template-columns:90px minmax(0,1fr);padding:14px;gap:14px}.selected-banner-preview>img{width:82px!important;height:125px!important}.selected-banner-preview strong{font-size:18px}.banner-design-layout{grid-template-columns:1fr}.banner-draft{position:static;order:-1;display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px 15px;text-align:left}.banner-draft>img{grid-row:1/3;width:80px!important;height:120px!important}.banner-draft p{margin:0}.banner-draft strong{margin:0;align-self:end}.flag-save-bar{bottom:-14px;flex-wrap:wrap}.flag-save-bar button{width:100%}.fleet-choice.mine-wing{grid-template-columns:60px minmax(0,1fr) 118px!important;gap:8px!important;padding:10px!important}.fleet-choice>.flight-cutout,.fleet-choice>.picture{width:58px!important;height:50px!important}.fleet-choice-info b{font-size:13px!important}.fleet-choice-info small{font-size:10px!important}.wing-stepper{grid-template-columns:28px minmax(34px,1fr) 28px;gap:3px}.wing-stepper button{min-height:34px}.wing-stepper input{font-size:16px!important}.wing-stepper [data-wing-max]{min-height:24px}}

input#ship-count,input#pvp-count,input#recycle-count{height:46px!important;font-size:19px!important;font-weight:700;text-align:center;border:1px solid #ad8193!important;border-radius:10px!important;background:#070b14!important;color:#fff;font-variant-numeric:tabular-nums}
/* v109: calm navigation groups and tactile pictorial cloth */
.nav-group-label{display:block;padding:16px 13px 5px;color:#b6a48e;font-size:10px;font-weight:800;letter-spacing:.16em;pointer-events:none}
.sidebar nav button{min-height:44px;border-radius:10px;gap:12px;text-align:left;transition:background-color .15s,border-color .15s;transform:none!important}
.sidebar nav .nav-picture{width:34px;height:34px;flex:0 0 34px;object-fit:contain}
.flag-grid [data-flag-choice] img{width:100%;height:172px;object-fit:contain;filter:drop-shadow(0 5px 7px #0008)}
.selected-banner-preview>img{width:135px;height:180px;object-fit:contain}
.banner-draft img{width:150px;height:210px;object-fit:contain}
.banner-designer details{margin-top:12px}.banner-designer summary{cursor:pointer;color:#d5c09a}
@media(max-width:900px),(pointer:coarse){.nav-group-label{display:none!important}}
@media(min-width:901px) and (pointer:fine){.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar nav button{width:100%;flex-shrink:0}.sidebar{overflow-y:auto}.nav-group-label:first-child{padding-top:4px}}
@media(prefers-reduced-motion:reduce){.sidebar nav button{transition:none}}

.flag-dialog .flag-grid button>img{width:100%!important;height:172px!important}.flag-dialog .banner-draft>img{width:150px!important;height:210px!important}
/* Hanging pennants: fixed top edge, quiet wind, no layout movement. */
@keyframes pennant-wind{0%,100%{transform:perspective(450px) rotateY(-3deg) skewX(-.35deg)}50%{transform:perspective(450px) rotateY(4deg) skewX(.55deg)}}
body:not([data-motion="off"]) .site-plaque .plaque-banner,body:not([data-motion="off"]) .flag-dialog img{transform-origin:50% 3%;animation:pennant-wind 8s ease-in-out infinite!important}
body[data-motion="off"] .site-plaque .plaque-banner,body[data-motion="off"] .flag-dialog img{animation:none!important;transform:none!important}
.flag-dialog .flag-grid button>img{height:190px!important;width:95px!important}
@media(prefers-reduced-motion:reduce){body .site-plaque .plaque-banner,body .flag-dialog img{animation:none!important;transform:none!important}}

/* A fleet list is not the old single-ship quantity input. Keep its natural height. */
#mission-panel div#ship-count{display:block;height:auto!important;min-height:0;width:100%;border:0!important;background:none!important;text-align:left;font-size:inherit;font-weight:inherit}
.fleet-selection{container-type:inline-size;min-width:0}.fleet-selection>.mine-wing-grid{grid-template-columns:minmax(0,1fr)}
.fleet-choice-info b{overflow-wrap:anywhere}.fleet-choice>.wing-stepper{position:static!important;align-self:center}
@container(max-width:440px){.fleet-selection .fleet-choice.mine-wing{grid-template-columns:62px minmax(0,1fr)!important;gap:8px!important}.fleet-selection .fleet-choice>.wing-stepper{grid-column:1/-1;grid-template-columns:40px minmax(50px,1fr) 40px 62px;align-items:center}.fleet-selection .wing-stepper [data-wing-max]{grid-column:auto;min-height:38px;font-size:12px}.fleet-selection .fleet-choice>.flight-cutout{width:60px!important;height:48px!important}}
#mission-panel #flight-breakdown{clear:both;margin-top:18px}.flight-plan-summary{min-width:0}.flight-plan-summary dd{overflow-wrap:anywhere}
/* v113: the reserved grid column and image width must match. */
.commander-dialog .commander-banner-preview{display:grid!important;grid-template-columns:130px minmax(0,1fr)!important;align-items:center;gap:20px;padding:18px;overflow:hidden}
.commander-dialog .commander-banner-preview>img{display:block;width:120px!important;height:128px!important;max-width:100%;object-fit:contain!important;object-position:center;border:0!important;background:none!important;flex-shrink:0}
.commander-banner-preview>div{min-width:0}.commander-banner-preview h3{white-space:normal;overflow-wrap:anywhere}
.panorama-village .panorama-face .plot .site-plaque{display:grid!important;grid-template-columns:62px max-content!important;column-gap:12px!important;align-items:center!important;padding:3px!important;max-width:none!important;text-align:left!important}
.panorama-village .panorama-face .plot .site-plaque>.plaque-banner{position:static!important;grid-column:1!important;grid-row:1 / span 4!important;width:62px!important;height:66px!important;max-width:62px!important;max-height:66px!important;object-fit:contain!important;align-self:center!important;margin:0!important;transform-origin:50% 3%;filter:drop-shadow(0 3px 3px #0009)!important}
.panorama-village .panorama-face .plot .site-plaque>.plaque-name,.panorama-village .panorama-face .plot .site-plaque>.plaque-level,.panorama-village .panorama-face .plot .site-plaque>.site-status,.panorama-village .panorama-face .plot .site-plaque>.site-meter{position:static!important;grid-column:2!important;margin-left:0!important}
.flag-dialog .flag-grid button>img{display:block!important;width:110px!important;height:118px!important;object-fit:contain!important;align-self:center;margin:0 0 12px!important;flex-shrink:0}
.flag-dialog .selected-banner-preview>img{width:120px!important;height:128px!important;object-fit:contain!important}
.flag-dialog .banner-draft>img{width:120px!important;height:128px!important;object-fit:contain!important}
@media(max-width:700px){.panorama-village .panorama-face .plot .site-plaque{grid-template-columns:40px max-content!important;column-gap:8px!important}.panorama-village .panorama-face .plot .site-plaque>.plaque-banner{width:40px!important;height:43px!important;max-width:40px!important;max-height:43px!important}.commander-dialog .commander-banner-preview{grid-template-columns:95px minmax(0,1fr)!important;gap:12px;padding:12px}.commander-dialog .commander-banner-preview>img{width:94px!important;height:100px!important}.flag-dialog .flag-grid button>img{width:76px!important;height:81px!important}.flag-dialog .selected-banner-preview>img,.flag-dialog .banner-draft>img{width:80px!important;height:85px!important}}

.flag-dialog .selected-banner-preview[hidden]{display:none!important}.flag-dialog .flag-grid button{padding:14px 8px!important}.flag-dialog .flag-grid button>strong{margin-top:4px}
/* Rare, epic and legendary achievement banners: unique art, earned progress. */
.flag-dialog .flag-rewards{margin:28px 0 12px;padding:20px 16px;border:1px solid #b99054;border-radius:18px;background:radial-gradient(ellipse at 50% 0,#936a3429,transparent 65%),#090b13}
.flag-reward-heading>small{font-size:9px;letter-spacing:.14em;color:#dcc28b}.flag-reward-heading h3{font-size:21px;color:#fff0ce;margin:8px 0}.flag-reward-heading p{font-size:12px;line-height:1.6;color:#c4b9c8}
.flag-dialog .reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px}
.flag-dialog .reward-grid>button{--reward:#91ced9;position:relative;border-color:var(--reward)!important;background:radial-gradient(ellipse at 50% 35%,#497b8e33,transparent 70%),#0e121c!important;box-shadow:inset 0 1px #ffffff27,0 0 14px #5ab3d51c;opacity:1!important;padding:16px 8px!important}
.flag-dialog .reward-grid>[data-rarity="epic"]{--reward:#cda0ff;background:radial-gradient(ellipse at 50% 35%,#9e4ae83d,transparent 70%),#130c20!important}
.flag-dialog .reward-grid>[data-rarity="legendary"]{--reward:#ffd682;background:radial-gradient(ellipse at 50% 35%,#d38c3340,transparent 70%),#20130d!important;box-shadow:inset 0 1px #ffe0a055,0 0 18px #e6a6472a}
.flag-dialog .reward-grid button>img{width:100%!important;max-width:180px;height:185px!important;object-fit:contain!important;margin:9px 0!important}
.reward-rarity{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--reward);font-weight:850}.flag-dialog .reward-grid button>strong{font-size:15px;color:#fff0d8}
.reward-grid progress{appearance:none;width:100%;height:5px;border:0;border-radius:5px;background:#37313e;margin-top:12px;overflow:hidden}.reward-grid progress::-webkit-progress-bar{background:#37313e}.reward-grid progress::-webkit-progress-value{background:var(--reward)}.reward-grid progress::-moz-progress-bar{background:var(--reward)}
.flag-dialog .reward-grid button>small{font-size:10px;line-height:1.5}.reward-grid [data-reward-status]{color:var(--reward)}.reward-grid [data-reward-state="locked"]>img{filter:brightness(.8) saturate(.85)!important}.reward-grid [data-reward-state="locked"]{cursor:default}
.flag-dialog .flag-rewards[hidden]{display:none!important}
@media(max-width:600px){.flag-dialog .flag-rewards{padding:16px 10px}.flag-dialog .reward-grid{grid-template-columns:1fr!important;gap:12px}.flag-dialog .reward-grid>button{display:grid;grid-template-columns:115px minmax(0,1fr);column-gap:12px;align-items:center;text-align:left}.flag-dialog .reward-grid button>img{grid-column:1;grid-row:1 / span 5;width:115px!important;height:150px!important;margin:0!important}.reward-grid .reward-rarity,.reward-grid button>strong,.reward-grid button>small,.reward-grid progress{grid-column:2}.flag-dialog .reward-grid button>strong{font-size:17px}.reward-grid progress{margin-top:6px}}
/* In-game mail confirmation works without native browser confirm dialogs. */
.mail-delete-confirm{width:min(460px,calc(100vw - 28px));padding:24px;border:1px solid #cb8799;border-bottom:3px solid #f13c68;border-radius:18px;background:linear-gradient(145deg,#1b1520,#080c14);color:#fff3ee;box-shadow:0 20px 70px #000b;max-height:85dvh;overflow:auto}.mail-delete-confirm::backdrop{background:#02040bd9;backdrop-filter:blur(4px)}.mail-delete-confirm h2{font-size:23px;margin:0 0 15px}.mail-delete-confirm p{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.mail-delete-confirm .muted{font-size:12px;color:#c2b4c2}.mail-delete-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:22px}.mail-delete-actions button{min-height:46px;padding:10px 18px;border-radius:10px}
/* Use the existing 640px portrait without a soft elliptical crop. */
.living-village .village-stage>.commander-in-world{width:clamp(108px,13vw,164px)!important;gap:7px!important;padding:4px!important}
.living-village .village-stage>.commander-in-world img{width:clamp(78px,8.8vw,120px)!important;height:clamp(78px,8.8vw,120px)!important;object-fit:cover!important;clip-path:none!important;border:2px solid #efd29b!important;border-radius:50%!important;box-sizing:border-box;image-rendering:auto;filter:contrast(1.08) saturate(1.1) brightness(1.04)!important;box-shadow:0 0 0 2px #080b13,0 0 18px #ffcc7842,0 6px 14px #000a}
.living-village .village-stage>.commander-in-world strong{font-weight:850!important;font-size:clamp(11px,1.1vw,15px)!important;text-shadow:0 2px 2px #000,0 0 7px #000,1px 0 #000,-1px 0 #000!important}
.commander-choice img{filter:contrast(1.05) saturate(1.06);image-rendering:auto}
@media(max-width:600px){.living-village .village-stage>.commander-in-world{width:96px!important;max-width:26%!important;left:8px!important;bottom:8px!important}.living-village .village-stage>.commander-in-world img{width:64px!important;height:64px!important}.living-village .village-stage>.commander-in-world strong{font-size:10px!important}.mail-delete-actions button{flex:1}}

/* Mobile dock: reserve the label row and the iPhone home-indicator inset. */
@media(max-width:700px){
 .sidebar{height:calc(82px + env(safe-area-inset-bottom,0px))!important;min-height:calc(82px + env(safe-area-inset-bottom,0px))!important;padding:0!important}
 .sidebar nav[aria-label="Spielbereiche"]{height:100%!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;margin:0!important;grid-template-rows:70px!important;align-content:start!important;padding:5px 5px calc(7px + env(safe-area-inset-bottom,0px))!important}
 .sidebar nav[aria-label="Spielbereiche"]>button{height:70px!important;min-height:70px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:5px 1px!important;font-size:10px!important;line-height:16px!important;text-align:center!important;white-space:nowrap!important;color:#f3e7da!important}
 .sidebar nav[aria-label="Spielbereiche"]>button :is(.nav-picture,.mission-nav-icon),.sidebar nav[aria-label="Spielbereiche"]>.nav-more>span{width:28px!important;height:28px!important;max-width:28px!important;flex:0 0 28px!important;line-height:28px!important;margin:0!important;object-fit:contain!important}
 .sidebar nav[aria-label="Spielbereiche"]::after{display:none!important}
 .main{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))!important}
}

.support-dialog{width:min(460px,calc(100vw - 28px));max-height:85dvh;overflow:auto;padding:22px;border:1px solid #d5b58f;border-radius:18px;background:linear-gradient(145deg,#171119,#07080c);color:#f8ede2;box-shadow:0 16px 60px #000b}.support-dialog::backdrop{background:#000b}.support-dialog .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.support-dialog h2{font-size:22px;line-height:1.3}.support-dialog p{margin:16px 0;line-height:1.6}.support-minimum{font-size:18px;font-weight:800;color:#f2d4aa}.support-checkout{display:flex;align-items:center;justify-content:center;min-height:50px;text-decoration:none;text-align:center}.support-thanks{color:#d5c0ae;font-size:13px}

/* Illustrated dispatches share the reconnaissance report's visual language. */
.dispatch-report .recon-hero{align-items:flex-start}.dispatch-report .recon-hero>div{min-width:0}.dispatch-report .recon-hero h3{overflow-wrap:anywhere;line-height:1.4;font-size:20px}.dispatch-summary{padding:16px}.dispatch-summary>section{border:1px solid #2e4356;border-radius:12px;background:#101822;padding:14px}.dispatch-summary h4{color:#9fd0e4;font-size:13px;margin:0 0 8px}.dispatch-summary p{margin:0;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.player-letter summary{padding:18px!important;border:1px solid #4c7287;border-radius:16px;background:linear-gradient(90deg,#050912bb,#040710e8),url('assets/space-v013.webp') center/cover;box-sizing:border-box}.player-letter summary:before{content:'';display:block;width:68px;height:68px;background:url('assets/post-v030.svg') center/contain no-repeat;filter:drop-shadow(0 0 10px #5cbdde55)}.player-letter .letter-body{margin-top:12px;padding:16px;border:1px solid #2e4356;border-radius:12px;background:#101822}.player-letter .letter-kind{color:#94d7ef!important}.player-letter .letter-sender{color:#c7d1d8!important}@media(max-width:600px){.dispatch-report .recon-hero{padding:14px;gap:12px}.dispatch-report .recon-hero>img{width:62px;height:62px}.dispatch-report .recon-hero h3{font-size:16px}.player-letter summary{padding:12px!important}.player-letter summary:before{width:52px;height:52px}}

/* Visible fleet and defense inventory, including deployed ships. */
.force-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 22px}.force-overview.force-single{grid-template-columns:minmax(0,1fr)}.force-card{min-width:0;padding:18px;border:1px solid #537889;border-radius:18px;background:linear-gradient(135deg,#14212d,#070c13);box-shadow:inset 0 1px #d6faff22}.force-defense{border-color:#856974;background:linear-gradient(135deg,#251c27,#090b12)}.force-card-heading{display:flex;gap:12px;align-items:center}.force-card-heading>img{width:68px;height:58px;object-fit:contain}.force-card-heading h2{font-size:21px!important;margin:4px 0!important}.force-card-heading small{font-size:10px;color:#b9d7e4;letter-spacing:.04em}.force-card-heading>strong{margin-left:auto;text-align:right;font-size:38px;color:#d6f8ff;line-height:1.1;font-variant-numeric:tabular-nums}.force-card-heading>strong small{display:block;margin-top:6px;font-size:11px;letter-spacing:0;font-weight:400}.force-defense .force-card-heading>strong{color:#ffd5d9}.force-totals{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.force-totals>span{flex:1;min-width:70px;padding:10px;background:#03091099;border:1px solid #7895aa44;border-radius:10px;font-size:12px;color:#c3d1dc}.force-totals b{display:block;font-size:23px;color:white;margin-bottom:3px;font-variant-numeric:tabular-nums}.force-unit-list{display:grid;gap:7px;max-height:360px;overflow-y:auto;scrollbar-width:thin}.force-unit{display:flex;align-items:center;gap:10px;padding:8px;border-radius:9px;background:#ffffff07;min-width:0}.force-unit>img{width:47px;height:42px;object-fit:contain;flex:none}.force-unit span{min-width:0;flex:1}.force-unit strong{font-size:13px;display:block;overflow-wrap:anywhere}.force-unit small{display:block;font-size:11px;color:#b5cbd8;margin-top:4px}.force-unit>b{font-size:25px;color:white;min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.force-unit-list>p{color:#b9cad5;font-size:13px}.force-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.force-links button{min-height:42px;font-size:12px;flex:1}.force-single .force-unit-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-height:none}@media(max-width:750px){.force-overview{grid-template-columns:minmax(0,1fr)}.force-card{padding:14px}.force-card-heading>strong{font-size:34px}.force-unit-list{max-height:280px}.force-single .force-unit-list{grid-template-columns:minmax(0,1fr)}}

/* Reports: keep the actual message full width on phones. */
.dispatch-detail{display:block}.dispatch-detail+.dispatch-detail{margin-top:12px;padding-top:12px;border-top:1px solid #ffffff18}
@media(max-width:700px){
.inbox-list{padding:0!important;min-width:0}
.inbox-list .report{grid-template-columns:24px minmax(0,1fr) 38px!important;gap:8px!important;padding:12px!important}
.inbox-list .report>.report-select{grid-column:1;grid-row:1;padding-top:0;align-self:center}
.inbox-list .report>.report-symbol{grid-column:2;grid-row:1;width:28px!important;height:28px!important}
.inbox-list .report>.report-symbol img{width:28px!important;height:28px!important}
.inbox-list .report>.message-delete{grid-column:3;grid-row:1;justify-self:end}
.inbox-list .report>.report-content{grid-column:1/-1;grid-row:2;width:100%;max-width:100%;box-sizing:border-box}
.inbox-list .report-content>small{display:inline!important;margin-right:8px}
.inbox-list .report-content>time{display:inline!important;font-size:11px!important}
.report-content .recon-report{margin:10px 0 12px;border-radius:13px}
.report-content .recon-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:14px}
.report-content .recon-hero>img{width:44px!important;height:44px!important}
.report-content .recon-hero h3{font-size:19px!important;line-height:1.3!important;margin:6px 0!important;word-break:normal;overflow-wrap:break-word}
.report-content .recon-hero small{font-size:10px!important;letter-spacing:.08em}
.report-content .recon-hero p{font-size:12px!important;line-height:1.5!important;margin:6px 0 0}
.dispatch-summary{padding:12px}.dispatch-summary>section{padding:12px}
.inbox-list .dispatch-summary p{font-size:14px!important;line-height:1.55!important}
.recon-resources{gap:6px;padding:12px}.recon-resources>div{display:block;padding:8px}.recon-resources b{font-size:17px}.recon-resources .picture{width:26px;height:26px}.recon-sections{grid-template-columns:1fr;padding:0 12px}
.inbox-filters{flex-wrap:nowrap!important;overflow-x:auto;max-width:100%;padding:4px 2px 9px;scrollbar-width:thin}
.inbox-filters button{flex:0 0 auto;white-space:nowrap;font-size:12px!important;min-height:44px!important;padding:7px 10px!important}
.inbox-list>.player-letter{grid-template-columns:24px minmax(0,1fr) 38px!important;padding:12px!important}
.inbox-list>.player-letter>.letter-select{grid-column:1!important;grid-row:1!important}
.inbox-list>.player-letter>.letter-delete{grid-column:3!important;grid-row:1!important}
.inbox-list>.player-letter>details{grid-column:1/-1!important;grid-row:2!important}
.mailbox-welcome{padding:12px;gap:10px}.mailbox-welcome h2{font-size:18px}.mailbox-welcome>img{width:42px;height:42px}
}

.music-entry{position:fixed;right:16px;bottom:calc(90px + env(safe-area-inset-bottom,0px));z-index:1000;max-width:calc(100vw - 32px);padding:12px 18px;min-height:44px;border:1px solid #ca869a;border-radius:12px;background:#321d2bf2;color:#fff;box-shadow:0 4px 20px #0008;font-size:14px}.music-entry[hidden]{display:none!important}

.starfall-signal{padding:16px;margin:12px 0;border:1px solid #ff506b;border-radius:14px;background:linear-gradient(120deg,#381020,#0b0b14);color:#fff0f2;box-shadow:0 0 16px #e92a4625}.starfall-signal strong{font-size:18px}.starfall-signal p,.signal-settings p{font-size:13px;line-height:1.6}.starfall-signal button{min-height:44px;margin:4px}.signal-settings{padding:14px 0;border-bottom:1px solid #ffffff25}.signal-settings button{min-height:44px;margin:4px}