.colony-life-effects{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none!important}.departure-cinema{position:relative;isolation:isolate;overflow:hidden;margin:0 0 16px;min-height:160px;border:1px solid #8a8e96;border-bottom:2px solid #bd2947;border-radius:10px;background:#07101c url('assets/colony-front-station-v043.webp') center 65%/cover;pointer-events:none}.departure-cinema:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020710e8,transparent 80%);z-index:-1}.departure-cinema>strong,.departure-cinema>span{position:relative;z-index:2;display:block;margin:18px 18px 7px;text-shadow:0 2px 5px #000}.departure-cinema>span{font-size:12px;margin-top:0;color:#e3e6eb}.departure-cinema>img{position:absolute;left:38%;bottom:8%;width:34%;height:75%;max-width:none;object-fit:contain;filter:drop-shadow(0 5px 4px #0009);transform-origin:center}.life-settings{margin-top:18px;border-top:1px solid #555;padding-top:15px}.life-settings label{display:flex;gap:10px;align-items:center;margin:12px 0}.life-settings input{width:18px;height:18px}.life-settings p{font-size:12px;color:#b6bec9}#commander-radio{position:fixed;right:14px;bottom:115px;z-index:49;max-width:min(280px,70vw);padding:10px 13px;border:1px solid #8b939c;border-left:3px solid #b9d4df;border-radius:8px;background:#071019ec;color:#edf3f7;font-size:12px;line-height:1.45;pointer-events:none;box-shadow:0 3px 14px #0008}.discovery-panel{margin:15px 0;padding:18px!important;background:linear-gradient(120deg,#08111deb,#08090be8),url('assets/space-v013.webp') center/cover!important}.discovery-panel>small{color:#aecbdc;font-size:10px;letter-spacing:.14em}.discovery-panel h2{font-size:22px;margin:10px 0}.discovery-panel p{font-size:13px;line-height:1.6}.discovery-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.discovery-actions>button{min-height:44px}@media(max-width:700px){.departure-cinema{min-height:135px}.departure-cinema>strong{font-size:15px;max-width:50%;margin-left:12px}.departure-cinema>span{max-width:45%;margin-left:12px;font-size:10px}.discovery-panel{padding:14px!important}.discovery-panel h2{font-size:19px}#commander-radio{bottom:155px;right:10px;font-size:11px;max-width:240px}}
button[data-mine-start]:disabled,button[data-pvp-send]:disabled,#dispatch:disabled{opacity:.42!important;filter:grayscale(1);cursor:not-allowed;box-shadow:none!important;background:#25252a!important;color:#aaa!important;border-color:#57545b!important}.launch-status{font-weight:700;color:#e9a99d;margin:.6rem 0 1rem;line-height:1.45}.launch-status:empty{display:none}.fleet-cinema video{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#04080f}.film-playback{color:#e9c3a2}.report-watch{margin-top:.5rem}.panorama-face>.colony-base-film{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:1;pointer-events:none;filter:brightness(var(--colony-brightness,1)) saturate(.94)}.colony-separate-building,.colony-docked-ship{position:absolute;z-index:3;pointer-events:none;object-fit:fill;filter:brightness(var(--colony-brightness,1));display:none}.colony-building-dock{left:1%;top:23%;width:72%;height:51%}.colony-building-lab{left:73%;top:32%;width:27%;height:35%}.colony-docked-ship{left:29%;top:39%;width:35%;height:23%;object-fit:contain}.panorama-face[data-cinema-ready="true"]>.colony-separate-building:not([hidden]),.panorama-face[data-cinema-ready="true"]>.colony-docked-ship:not([hidden]){display:block}.panorama-face[data-cinema-ready="true"]>.village-background{opacity:0}.panorama-face[data-cinema-ready="true"][data-basic-dock="true"]>.architectural-layer[data-layer="dock"],.panorama-face[data-cinema-ready="true"][data-basic-lab="true"]>.architectural-layer[data-layer="lab"]{display:none}.panorama-face[data-cinema-ready="true"]>.water-canvas{display:none}.colony-event-film{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:5;pointer-events:none;filter:brightness(var(--colony-brightness,1))}.colony-video-play{position:absolute;right:8px;bottom:8px;z-index:9;font-size:11px;min-height:32px;background:#10151cdd}.colony-video-play[hidden]{display:none}

/* Exact source aspect ratios: Werft 16:9, laboratory 4:3. No stretching. */
.colony-building-dock,.colony-dock-film{left:7%;top:21%;width:60%;height:60%;object-fit:contain}
.colony-building-lab,.colony-lab-film{left:75%;top:32%;width:23%;height:30.666667%;object-fit:contain}
.colony-isolated-film{position:absolute;z-index:3;pointer-events:none;display:none;filter:brightness(var(--colony-brightness,1))}
.panorama-face[data-cinema-ready="true"][data-dock-film-ready="true"]>.colony-dock-film,.panorama-face[data-cinema-ready="true"][data-lab-film-ready="true"]>.colony-lab-film{display:block}
.panorama-face[data-dock-film-ready="true"]>.colony-building-dock,.panorama-face[data-lab-film-ready="true"]>.colony-building-lab{visibility:hidden}
.panorama-face[data-video-composition="true"][data-basic-dock="true"]>.architectural-layer[data-layer="dock"],.panorama-face[data-video-composition="true"][data-basic-lab="true"]>.architectural-layer[data-layer="lab"],.panorama-face[data-video-composition="true"][data-basic-dock="true"]>.building-rise[data-building-rise="dock"],.panorama-face[data-video-composition="true"][data-basic-lab="true"]>.building-rise[data-building-rise="lab"]{display:none!important}
.panorama-face[data-video-composition="true"]>.colony-separate-building:not([hidden]){display:block}
.panorama-face[data-video-composition="true"]>.construction-on-site[data-site-construction="dock"]{left:30%!important;top:33%!important;width:27%!important;height:48%!important}
.panorama-face[data-video-composition="true"]>.construction-on-site[data-site-construction="lab"]{left:79%!important;top:34%!important;width:16%!important;height:28.444444%!important}
.colony-docked-ship{left:28%;top:44%;width:25%;height:16%;object-fit:contain}

.colony-film-source{position:absolute;width:1px;height:1px;left:50%;top:50%;opacity:.01;pointer-events:none;z-index:0}.colony-isolated-film,.colony-separate-building{filter:brightness(var(--colony-brightness,1)) drop-shadow(0 4px 3px #0005)}
/* Restore the original complete front photograph, with no composited patches. */
.panorama-face[data-restored-terrace="true"]>.village-background{opacity:1!important;object-fit:cover}
.panorama-face[data-restored-terrace="true"]>.architectural-layer{display:none!important}
.panorama-face[data-restored-terrace="true"]>.construction-on-site[data-site-construction="dock"]{left:30%!important;top:33%!important;width:27%!important;height:48%!important}
.panorama-face[data-restored-terrace="true"]>.construction-on-site[data-site-construction="lab"]{left:79%!important;top:34%!important;width:16%!important;height:28.444444%!important}
.prerequisite-summary{margin:12px 0;padding:12px;border:1px solid #65505b;border-radius:10px;background:#181318;color:#f3eae7;text-align:left}
.build-tile>.prerequisite-summary{margin:0 12px 12px}
.prerequisite-summary h4{font-size:15px;margin:0 0 8px;font-weight:750;line-height:1.35}
.prerequisite-summary ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.prerequisite-summary li{font-size:14px;line-height:1.45}
.prerequisite-summary li button{display:grid;gap:3px;width:100%;padding:9px 10px;min-height:44px;text-align:left;background:#282028;border:1px solid #66535f;border-radius:7px;color:#f5eae5;font-size:14px}
.prerequisite-summary li button span{font-size:13px;color:#d7c6ce}
.prerequisite-resource{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.prerequisite-summary.is-ready{border-color:#4c514d;background:#121614}
.prerequisite-summary.is-ready h4{margin:0;font-size:14px}
.prerequisite-summary.is-ready p{font-size:13px;margin:4px 0 0;color:#bac6bc}
.colony-fullscreen-toggle{position:absolute;right:10px;bottom:10px;z-index:20;min-height:38px;padding:8px 12px;background:#100e13e8;color:#f6eae3;border:1px solid #d4a28a;border-radius:8px;font-size:13px;pointer-events:auto}
body.colony-expanded{overflow:hidden!important}
body.colony-expanded .living-village{position:fixed!important;inset:0!important;margin:auto!important;width:min(100vw,calc(100vh * 16 / 9))!important;height:min(100vh,calc(100vw * 9 / 16))!important;width:min(100vw,calc(100dvh * 16 / 9))!important;height:min(100dvh,calc(100vw * 9 / 16))!important;max-width:none!important;max-height:none!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:0 0 0 100vmax #000!important;z-index:2147483000!important;background:#000}
body.colony-expanded .living-village>.village-stage{width:100%!important;height:100%!important;aspect-ratio:16/9!important}
.living-village::backdrop{background:#000}

.picture-space .space-loop-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.picture-space[data-space-film-ready="true"] .space-background{opacity:0!important}.picture-space .universe-canvas{display:none!important}.space-zoom-controls{flex-wrap:wrap}.space-zoom-controls .space-loop-control{font-size:13px;min-height:40px;color:#f1e8df}
/* Intro occupies the existing colony image, never a second page panel. */
.panorama-face[data-entry-film="true"]>.window-entry-film{position:absolute;inset:0;z-index:25;background:#080809;overflow:hidden;border-radius:inherit;pointer-events:auto}
.panorama-face[data-entry-film="true"]>:not(.window-entry-film){visibility:hidden!important}
.window-entry-film video{display:block;width:100%;height:100%;object-fit:contain}
.window-entry-film button{position:absolute;right:8px;bottom:8px;background:#111b;color:#fff;font-size:11px!important;padding:5px 9px!important;min-height:30px!important}
.living-village .colony-atmosphere-controls{top:8px!important;right:8px!important;left:auto!important;gap:3px!important;padding:3px!important;max-width:70%!important}
.living-village .colony-atmosphere-controls button{font-size:11px!important;min-height:30px!important;padding:4px 7px!important;border-radius:7px!important}
.living-village .village-caption{top:8px!important;left:8px!important;max-width:29%}
.living-village .village-caption .tag,.living-village .colony-clock{font-size:10px!important;padding:4px 6px!important}
.living-village .village-caption .motion-control{font-size:11px!important;min-height:30px!important;padding:4px 7px!important}
.living-village .village-caption small{display:none!important}
.living-village .colony-fullscreen-toggle{font-size:11px!important;min-height:32px!important;padding:5px 8px!important;right:8px!important;bottom:8px!important}
.panorama-face[data-face="0"] .plot[data-plot="lab"] .site-plaque{transform:translate(-100%,-50%)!important;max-width:none!important}
/* Phone controls live beneath the picture, with a clear 16:9 stage. */
@media(max-width:900px),(pointer:coarse){
 .living-village.panorama-village{display:flex!important;flex-direction:column!important;height:auto!important;aspect-ratio:auto!important;padding:0!important;overflow:hidden!important}
 .living-village.panorama-village>.village-stage{position:relative!important;inset:auto!important;flex:none!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;order:0}
 .living-village .village-caption{position:static!important;max-width:none!important;width:100%!important;box-sizing:border-box!important;order:1;display:flex!important;flex-wrap:wrap;align-items:center;gap:6px;padding:9px!important;background:#101015;text-shadow:none!important}
 .living-village .colony-title-row{position:static!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;width:100%!important}
 .living-village .colony-title-row[hidden]{display:none!important}
 .living-village .colony-atmosphere-controls{position:static!important;transform:none!important;max-width:none!important;width:auto!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:4px!important;padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:none!important}
 .living-village .time-choice{display:flex!important;gap:4px!important;flex-wrap:wrap!important}
 .living-village .colony-atmosphere-controls button,.living-village .village-caption .motion-control{font-size:12px!important;min-height:40px!important;padding:6px 9px!important;margin:0!important}
 .living-village .colony-clock{position:static!important;margin:0!important}
 .living-village .commander-in-world{position:static!important;order:2;align-self:flex-start!important;display:flex!important;align-items:center!important;gap:8px!important;width:auto!important;max-width:75%!important;margin:6px 9px!important;padding:0!important;transform:none!important}
 .living-village .commander-in-world img{width:36px!important;height:36px!important;object-fit:cover!important}
 .living-village .commander-in-world strong{font-size:11px!important}
 .living-village .colony-fullscreen-toggle{position:static!important;order:3;align-self:flex-end!important;margin:0 9px 8px!important;min-height:40px!important;font-size:12px!important}
 body.colony-expanded .living-village>.village-stage{position:absolute!important;inset:0!important;height:100%!important;width:100%!important}
 body.colony-expanded .living-village .village-caption,body.colony-expanded .living-village .commander-in-world{display:none!important}
 body.colony-expanded .living-village .colony-fullscreen-toggle{position:absolute!important;right:8px!important;bottom:8px!important;margin:0!important;z-index:30}
}

.commander-in-world .commander-flag{display:none!important}
@media(max-width:900px),(pointer:coarse){
 .living-village .colony-title-row{align-items:center!important}
 .living-village .colony-title-row>.tag{flex-basis:100%;width:max-content;max-width:max-content}
 .living-village .colony-title-row>.commander-in-world{margin:0 0 0 auto!important;padding:4px!important;max-width:28%!important;align-self:center!important;display:grid!important;grid-template-columns:36px 22px!important;gap:3px!important;flex:none!important;border:0!important;background:none!important}
 .living-village .colony-title-row>.commander-in-world strong{grid-column:1/-1;font-size:9px!important;line-height:1.2!important;max-width:85px!important;white-space:normal!important;text-align:center!important}
 .living-village .commander-in-world .commander-flag{display:block!important;width:22px!important;height:34px!important;object-fit:contain!important;border-radius:0!important}
}

@media(max-width:900px),(pointer:coarse){
 .living-village .colony-title-row>.commander-in-world{grid-template-columns:36px!important;justify-items:center!important}
}
/* Missions: one next step, with the full guide and atlas available on demand. */
.mission-nav-icon{display:block;font-size:28px;line-height:1.6;color:#dbb7a2}
.mission-welcome{display:flex;gap:10px;align-items:center;padding:10px 12px;margin:12px 0;background:#121620;border:1px solid #ffffff25;border-radius:12px}.mission-welcome img{width:46px;height:52px;object-fit:cover;border-radius:8px}.mission-welcome span{flex:1}.mission-welcome small{display:block;color:#bfc4cc}.mission-welcome button{font-size:12px}
.secretary-desk{display:flex;gap:20px;align-items:center}.secretary-portrait{width:clamp(92px,22vw,180px);aspect-ratio:1;object-fit:cover;border-radius:14px}.secretary-desk small{letter-spacing:.1em;color:#d6b8a4}.secretary-desk h2{margin:7px 0}.secretary-desk p{line-height:1.6;max-width:65ch}.guide-next progress{display:block;width:100%;height:8px;margin:12px 0;accent-color:#d6b8a4}.guide-next details{margin-top:16px}.guide-next li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #ffffff12}.guide-next li button{font-size:12px;min-height:36px;padding:6px 10px}.guide-done{color:#a8d1b7}.story-missions article{padding:12px 0;border-top:1px solid #ffffff20}.story-missions p{color:#c4c3c8}.atlas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.atlas-world{display:flex;align-items:flex-start;gap:12px;background:#0c0e14;padding:14px;border:1px solid #ffffff20;border-radius:12px}.atlas-world.visited{border-color:#b9aa7d}.atlas-world>img{width:74px;height:74px;object-fit:contain}.atlas-world:not(.visited)>img{opacity:.5}.atlas-world h3{margin:6px 0}.atlas-world p{font-size:13px;line-height:1.6}.atlas-world small,.atlas-world time{display:block;color:#b9bdc7;font-size:11px}.atlas-world button{font-size:12px;margin-top:8px;min-height:38px}.explorer-rewards{display:flex;gap:12px;flex-wrap:wrap}.explorer-rewards>div{display:flex;flex:1;min-width:110px;flex-direction:column;align-items:center;gap:6px;padding:12px;border:1px solid #ffffff20;border-radius:10px}.explorer-rewards img{width:38px;height:55px;object-fit:contain}.explorer-rewards small{color:#b7bac2}.explorer-rewards button{font-size:12px;min-height:38px}.report-next{display:block;margin-top:12px;font-size:13px}.compact-card-facts{margin:8px 0;font-size:12px}.compact-card-facts summary{cursor:pointer;color:#c7bdba}.production-card .production-picture{height:clamp(150px,22vw,230px)!important;min-height:0!important}.production-card .production-copy{padding:12px!important;gap:8px!important;min-height:0!important}.production-card .production-copy>p{margin:4px 0 8px!important;min-height:0!important}.production-card .tile-action{margin-top:10px!important}.production-card .prerequisite-summary.is-ready,.build-tile .prerequisite-summary.is-ready{display:none}.production-card .prerequisite-summary{padding:8px!important;margin:6px 0!important}.production-card .prerequisite-summary h4{font-size:12px!important}.production-card .prerequisite-summary li{font-size:12px!important}.production-card .production-copy .tile-action button{min-height:40px!important;padding:7px 10px!important}.build-tile .tile-preview{height:auto!important;min-height:0!important}.build-tile .tile-preview>img{height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important}.build-tile .tile-preview>span{padding:10px!important}
@media(max-width:650px){.secretary-desk{gap:12px;align-items:flex-start;padding:12px}.secretary-desk h2{font-size:19px}.secretary-desk p{font-size:13px}.atlas-grid{grid-template-columns:1fr}.mission-welcome small{font-size:11px}.mission-welcome button{padding:7px}.atlas-world>img{width:62px;height:62px}.secretary-desk button{font-size:12px}.explorer-rewards>div{min-width:80px;padding:8px}.explorer-rewards strong{font-size:12px}}
/* Full-body secretary is a cutout, not a square portrait. */
.secretary-portrait{width:clamp(110px,23vw,210px)!important;height:clamp(210px,36vw,370px)!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:0!important;background:none!important;flex:none}.secretary-desk button{margin:4px 6px 4px 0}.mission-welcome img{object-fit:contain!important;border-radius:0!important}
.tutorial-focus{outline:3px solid #e5c89d!important;outline-offset:5px!important;box-shadow:0 0 0 7px #e5c89d22!important;scroll-margin-block:170px}
.secretary-tutorial{position:fixed;right:12px;bottom:90px;z-index:2147483100;display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;width:min(460px,calc(100vw - 24px));max-height:43dvh;overflow:auto;box-sizing:border-box;padding:12px;background:#10141af5;border:1px solid #d1b99d;border-radius:14px;box-shadow:0 8px 32px #0009;color:#f7f3ec}.secretary-tutorial>img{width:90px;height:180px;object-fit:contain;align-self:end}.secretary-tutorial h3{font-size:16px;margin:5px 0}.secretary-tutorial small{font-size:10px;color:#d8c2a8}.secretary-tutorial p{font-size:13px;line-height:1.5;margin:7px 0}.tutorial-actions{display:flex;gap:5px;flex-wrap:wrap}.tutorial-actions button{font-size:12px!important;min-height:38px!important;padding:6px 9px!important}.secretary-tutorial button:disabled{opacity:.55}.secretary-tutorial [data-tutorial-stop]{background:none;border-color:transparent;color:#c6c4c4}
dialog .secretary-tutorial{bottom:12px}
@media(max-width:650px){.secretary-desk{align-items:center!important}.secretary-portrait{width:104px!important;height:240px!important}.secretary-tutorial{grid-template-columns:65px minmax(0,1fr);gap:7px;padding:9px;max-height:40dvh;bottom:86px}.secretary-tutorial>img{width:65px;height:145px}.secretary-tutorial p{font-size:12px}.secretary-tutorial h3{font-size:14px}}

.tutorial-surface{padding-bottom:clamp(240px,46dvh,460px)!important}
/* Readable prerequisites belong to the design, before long technical details. */
.prerequisite-summary.needs-work{background:#2b171de8!important;border:2px solid #ef9a9f!important;border-radius:12px!important;padding:12px!important;margin:10px 0 16px!important;color:#fff!important}.prerequisite-summary.needs-work h4{font-size:16px!important;color:#ffd5d5!important;margin:0 0 8px!important}.prerequisite-summary.needs-work ul{margin:0!important;padding:0!important;list-style:none!important;display:grid;gap:7px}.prerequisite-summary.needs-work li button{width:100%;text-align:left;min-height:44px!important;padding:9px 11px!important;background:#120e13!important;border:1px solid #d38d91!important}.prerequisite-summary.needs-work b{font-size:14px!important;display:block}.prerequisite-summary.needs-work span{display:block!important;font-size:12px!important;color:#f0d6d8!important}.prerequisite-resource,.prerequisite-blocker{padding:5px 7px;font-size:13px!important}.vessel-dossier>.prerequisite-summary{margin-top:10px!important}.vessel-dossier>.vessel-specs{margin-top:12px!important}.guide-next>.prerequisite-summary{max-width:650px}
.secretary-portrait{width:clamp(170px,30vw,280px)!important;height:clamp(300px,46vw,470px)!important}.secretary-tutorial{grid-template-columns:120px minmax(0,1fr)!important}.secretary-tutorial>img{width:120px!important;height:230px!important}.secretary-help{margin-top:10px;font-size:13px}.secretary-help summary{cursor:pointer;color:#c2b5aa}
.terrace-tabs{display:flex;gap:5px;flex-wrap:wrap;align-items:center;background:#101015;padding:8px 10px;order:1}.terrace-tabs small{width:100%;font-size:11px;color:#c5c1bd}.terrace-tabs button{font-size:11px!important;min-height:34px!important;padding:5px 8px!important}.terrace-tabs button[aria-pressed="true"]{background:#d4bea0!important;color:#18141a!important;border-color:#ffe2ba!important}.living-village .village-caption{order:2!important}.living-village .colony-fullscreen-toggle{order:3!important}.living-village:not(.colony-expanded)>.terrace-tabs{position:relative;z-index:15}body.colony-expanded .terrace-tabs{display:none!important}
/* A compact communications inbox, with selection kept separate from opening. */
.mailbox-welcome{display:flex;align-items:center;gap:15px;padding:20px;margin:10px 0 18px;background:linear-gradient(120deg,#201820,#111b24);border:1px solid #b49b8555;border-radius:15px}.mailbox-welcome>img{width:65px;height:65px;object-fit:contain}.mailbox-welcome h2{font-size:22px;margin:5px 0}.mailbox-welcome p{color:#c5c1c8;font-size:13px;margin:5px 0}.mailbox-welcome small{font-size:10px;letter-spacing:.12em;color:#ceb69b}.mailbox-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0}.mailbox-actions label{display:flex;align-items:center;gap:6px;font-size:12px}.mailbox-actions button{font-size:12px;min-height:40px;padding:6px 10px}.inbox-filters{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin:12px 0!important}.inbox-filters button{display:flex;gap:6px;align-items:center;font-size:12px!important;min-height:40px!important;padding:7px 10px!important}.inbox-filter-picture{width:22px!important;height:22px!important;object-fit:contain!important}.inbox-list{padding:8px!important;background:transparent!important;border:0!important}.inbox-list .report{position:relative;display:grid!important;grid-template-columns:24px 38px minmax(0,1fr) 34px!important;align-items:start!important;gap:9px!important;padding:15px 10px!important;margin:0 0 10px!important;border:1px solid #ffffff25!important;border-radius:12px;background:linear-gradient(125deg,#15141b,#0c1016)!important;min-height:0!important}.report-select{display:flex;align-items:center;justify-content:center;padding-top:9px}.report-select input,.mailbox-actions input{width:18px;height:18px;accent-color:#d9bea0}.inbox-list .report-symbol{position:static!important;display:block!important;width:38px!important;height:38px!important;margin:0!important}.report-symbol img{width:100%!important;height:100%!important;object-fit:contain!important}.inbox-list .report-content{min-width:0!important}.report-content>small{color:#d8bca0!important;font-size:11px!important}.report-content time{display:block;font-size:11px!important;color:#b8b8c2;margin:3px 0 8px}.report-content>p{font-size:14px!important;line-height:1.6!important;margin:8px 0!important;overflow-wrap:anywhere}.report-sender{font-size:11px;color:#b6b7c1;margin:0 0 7px}.report-sender summary{cursor:pointer}.report-sender .report-commanders img{width:38px!important;height:38px!important}.report-sender .report-commanders{margin:8px 0!important}.inbox-list .message-delete{position:static!important;width:32px!important;height:36px!important;min-height:36px!important;padding:3px!important;margin:0!important;font-size:15px!important;border-radius:8px}.report-content .report-watch,.report-content .battle-watch,.report-content .report-next{font-size:12px!important;min-height:38px!important;padding:6px 10px!important;margin-top:8px!important}.report-content .battle-report-details{font-size:13px}.bridge-ship-option small,.bridge-ship-option b{word-break:normal!important;overflow-wrap:normal!important;white-space:normal!important}
@media(max-width:900px),(pointer:coarse){
 .living-village .colony-title-row>.commander-in-world{width:116px!important;max-width:35%!important;grid-template-columns:1fr!important;justify-items:center!important;gap:5px!important;margin-left:auto!important}
 .living-village .colony-title-row>.commander-in-world img{width:68px!important;height:68px!important}
 .living-village .colony-title-row>.commander-in-world strong{font-size:11px!important;line-height:1.35!important;max-width:116px!important;width:100%!important;word-break:normal!important;overflow-wrap:normal!important;white-space:normal!important;text-align:center!important}
 .living-village .colony-atmosphere-controls{flex:1!important;min-width:210px!important}.terrace-tabs{order:1!important}.living-village .village-caption{order:2!important}.sidebar nav[aria-label="Spielbereiche"]{box-shadow:inset -12px 0 12px -10px #dfbfa9!important;scroll-padding-inline:16px}
 .sidebar nav[aria-label="Spielbereiche"]::after{content:'↔ Weitere Bereiche';align-self:center;flex:0 0 90px;font-size:10px;color:#cdb9a5;padding:8px;white-space:normal}
 .secretary-portrait{width:155px!important;height:330px!important}.secretary-desk{gap:12px!important}.secretary-desk h2{font-size:20px!important}.secretary-tutorial{grid-template-columns:90px minmax(0,1fr)!important;max-height:44dvh!important}.secretary-tutorial>img{width:90px!important;height:190px!important}
 .mailbox-welcome{padding:13px;gap:10px}.mailbox-welcome h2{font-size:18px}.mailbox-welcome>img{width:45px;height:45px}.inbox-list .report{grid-template-columns:20px 28px minmax(0,1fr) 30px!important;gap:7px!important;padding:12px 7px!important}.inbox-list .report-symbol{width:28px!important;height:28px!important}.report-content>p{font-size:13px!important}.bridge-roster{grid-auto-columns:minmax(120px,1fr)!important}.bridge-ship-option{min-width:120px!important}.bridge-ship-option small{font-size:11px!important;line-height:1.35!important}
}
@media(min-width:901px) and (pointer:fine){.living-village:not(.colony-expanded)>.terrace-tabs{position:absolute!important;bottom:8px;left:50%;transform:translateX(-50%);max-width:64%;border-radius:10px;padding:5px 8px}.terrace-tabs small{font-size:10px}}
@media(max-width:900px),(pointer:coarse){.sidebar nav[aria-label="Spielbereiche"]::before{content:'↔ Menü unten seitlich wischen';position:fixed;bottom:calc(87px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);z-index:80;padding:2px 9px;border-radius:12px;background:#0e1118e8;color:#d7c3af;font-size:10px;line-height:15px;pointer-events:none;white-space:nowrap}}

/* Research captions must participate in layout below their reserved image. */
.production-card .production-picture{height:auto!important;overflow:visible!important}
.production-card .production-picture>h3{display:block!important;position:static!important;height:auto!important;max-height:none!important;color:#fff4e9!important;font-size:18px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere;padding:13px 12px 4px!important}
.production-card .production-picture>small{display:block!important;position:static!important;padding:0 12px 10px!important;color:#e4cfbe!important}
.production-card .catalog-media{flex-shrink:0;aspect-ratio:16/9}

.production-card .production-copy>p{font-size:14px!important;line-height:1.65!important;color:#eee0d6!important;white-space:normal!important;overflow-wrap:anywhere}
