/* A quiet CRT surface: static fine grain avoids flicker and mobile filter work. */
.screen-surface,.portrait-screen,.crew-portrait,.map-chart,.radar-panel,.production-progress,#offline-rewards{position:relative;isolation:isolate}
.screen-surface::after,.portrait-screen::after,.crew-portrait::after,.map-chart::after,.radar-panel::after,.production-progress::after,#offline-rewards::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;background-image:repeating-linear-gradient(0deg,#030a1200 0px,#030a1200 2px,#030a1229 3px,#030a120d 4px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23a8c7c8' opacity='.15' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");box-shadow:inset 0 0 22px #01081055;opacity:.65}
.crew-portrait,#comms-portrait,.report-portrait img{filter:blur(.28px) saturate(.72) contrast(.91);box-shadow:inset 0 0 18px #08131b99}
.crew-portrait::after,.portrait-screen::after{opacity:.9;background-size:auto,100px 100px}
.crew-portrait>span{z-index:4;filter:none}
.report-portrait{width:42px;height:48px;flex:0 0 42px;overflow:hidden;display:block;border:1px solid #93b4be55;border-radius:3px}
.toast.report .report-portrait img{width:100%;height:100%;border:0;border-radius:0;object-fit:cover}
#offline-rewards::after{opacity:.38}#offline-rewards{background:#0d1c25}
#offline-confirm,#offline-repair{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;gap:8px}
#opening-comms[hidden]{display:none!important}
#opening-comms.arrival-comms{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(540px,calc(100% - 28px));display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;padding:12px;box-sizing:border-box;background:#0b1925e8;border:1px solid #8fb4bd55;border-radius:5px;box-shadow:0 8px 30px #0005;z-index:5}
.arrival-comms .comms-visual{width:68px;height:84px;align-self:start;border-color:#99bac54a;overflow:hidden}
.arrival-comms .comms-copy{min-height:0;padding:0;min-width:0}
.arrival-comms .comms-copy header{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px}
.arrival-comms #comms-name{font:650 13px/1.4 system-ui;margin:0;color:#e9d8af}
.arrival-comms #comms-channel{position:static;inset:auto;padding:0;background:none;text-align:left;font:10px/1.4 system-ui;color:#9bbcc4;letter-spacing:0}
.arrival-comms #comms-count{margin-left:auto;font:9px/1.4 ui-monospace;color:#829fae;letter-spacing:0}
.arrival-comms #comms-line{font:450 14px/1.6 system-ui;margin:8px 0 4px;color:#e4edf2;word-break:keep-all;overflow-wrap:anywhere}
.arrival-comms #comms-next{display:block;margin-left:auto;border:0;border-radius:3px;background:transparent;color:#c7dce3;font:600 12px/1.3 system-ui;min-height:36px;padding:7px 4px;position:relative;z-index:4}
body.arrival-with-comms #arrival-caption>small,body.arrival-with-comms #arrival-title,body.arrival-with-comms #arrival-sub{display:none}
body.arrival-with-comms #arrival-skip{top:max(18px,env(safe-area-inset-top));bottom:auto;right:16px;z-index:6}
body.arrival-with-comms .shell-footer{display:none}
#production-queue .production-progress{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:68px;padding:12px;overflow:hidden}
#production-queue .queue-copy{min-width:0;display:flex;flex-direction:column;gap:5px;position:relative;z-index:2}
#production-queue .queue-copy b{font-size:13px}#production-queue .queue-copy span{font-size:11px;line-height:1.5}
#production-queue .queue-cancel{position:relative;z-index:4;flex-shrink:0;min-height:40px;min-width:50px;padding:8px;border:1px solid #b7c9cd55;color:#d5dfe4;background:#10202cd9;border-radius:4px;font-size:12px}
#production-queue .production-progress>i{z-index:0;pointer-events:none}
.auto-miner-slots{display:flex;gap:8px;margin:12px 0}.auto-miner-slots span{display:grid;place-items:center;flex:1;height:34px;max-width:52px;border:1px solid #8fb3bf35;color:#57727f;border-radius:4px}.auto-miner-slots .connected{border-color:#a2cabc90;background:#6d9c9130;color:#b9e3d3}
.gas-field-card{display:grid;gap:7px}.gas-field-card>small{font-size:12px;line-height:1.6;color:#a6bbc7}
.command-data-wallet{padding:14px 0 16px;border-bottom:1px solid #96b2bf30;margin-bottom:18px;display:flex;flex-wrap:wrap;gap:8px 18px}.command-data-wallet>b{color:#c5b2e0;font-size:16px}.command-data-wallet>span{color:#c6c3af;font-size:13px}.command-data-wallet>p{font-size:13px;line-height:1.6;color:#c2d0dc;margin:2px 0 0;width:100%}.command-data-wallet>small{font-size:11px;line-height:1.6;color:#93a8b9}
@media(max-width:380px){#opening-comms.arrival-comms{grid-template-columns:56px minmax(0,1fr);gap:10px;padding:10px}.arrival-comms .comms-visual{width:56px;height:72px}.arrival-comms #comms-line{font-size:13px}.arrival-comms #comms-channel{font-size:9px}}