.patrol-cruiser-announcement { box-sizing:border-box; font:15px/1.5 system-ui,sans-serif; color:#e6f5ff; background:#101d31; border:1px solid #60bbef; border-radius:16px; width:min(850px,96vw); height:min(760px,96vh); height:min(760px,96dvh); max-height:96vh; max-height:96dvh; padding:16px; overflow:hidden; }
.patrol-cruiser-announcement::backdrop { background:#030812d9; }
.patrol-cruiser-announcement[open] { display:flex; flex-direction:column; gap:10px; }
.patrol-cruiser-announcement h2 { flex-shrink:0; font-size:clamp(16px,2.6vw,22px); line-height:1.25; margin:0; }
.patrol-cruiser-announcement :focus-visible { outline:2px solid #60bbef; outline-offset:2px; }
.patrol-cruiser-body { display:flex; flex-direction:column; flex:1; min-height:0; overflow:hidden; gap:8px; }
.patrol-cruiser-announcement video { display:block; width:100%; flex:1 1 0; min-height:0; object-fit:contain; background:#030812; }
.patrol-cruiser-awards { flex:0 0 auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.patrol-cruiser-awards figure { min-width:0; margin:0; text-align:center; }
.patrol-cruiser-awards img { display:block; width:100%; height:clamp(40px,13vh,100px); object-fit:contain; }
.patrol-cruiser-awards figcaption { font:12px/1.2 system-ui,sans-serif; }
.patrol-cruiser-actions { flex-shrink:0; display:flex; justify-content:flex-end; gap:8px; }
.patrol-cruiser-actions button { min-height:44px; padding:8px 12px; border:1px solid #60bbef; border-radius:8px; color:white; background:#173e61; cursor:pointer; }
@media(max-width:550px) { .patrol-cruiser-announcement { padding:12px; } .patrol-cruiser-actions button { flex:1; min-width:0; padding:6px; font-size:12px; } }
@media(max-height:450px) { .patrol-cruiser-announcement { padding:8px 12px; gap:6px; } .patrol-cruiser-body { gap:4px; } .patrol-cruiser-awards img { height:40px; } }

.patrol-cruiser-accessible-summary { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }

.patrol-cruiser-guide { box-sizing:border-box; width:min(720px,94vw); height:min(580px,94vh); height:min(580px,94dvh); max-height:94dvh; padding:20px; overflow:hidden; border:1px solid #60bbef; border-radius:16px; background:linear-gradient(145deg,#10263c,#090f22); color:#e6f5ff; font:16px/1.55 system-ui,sans-serif; }
.patrol-cruiser-guide[open] { display:flex; flex-direction:column; gap:16px; }
.patrol-cruiser-guide::backdrop { background:#030812df; }
.patrol-cruiser-guide header,.patrol-cruiser-guide footer { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-shrink:0; }
.patrol-cruiser-guide header span { color:#68deff; font-size:12px; letter-spacing:1px; }
.patrol-cruiser-guide button { min-width:72px; min-height:44px; padding:8px 14px; border:1px solid #60bbef; border-radius:8px; background:#173e61; color:white; cursor:pointer; font:inherit; }
.patrol-cruiser-guide button:disabled { opacity:.4; cursor:default; }
.patrol-cruiser-guide :focus-visible { outline:2px solid #68deff; outline-offset:2px; }
.cruiser-guide-page { flex:1; min-height:0; overflow-y:auto; overflow-wrap:break-word; padding:2px 4px; }
.cruiser-guide-page h2 { margin:0 0 16px; font-size:clamp(20px,3vw,28px); line-height:1.2; }
.cruiser-guide-copy p { margin:0 0 14px; }
.cruiser-guide-copy strong { color:#8ce7ff; }
.cruiser-guide-caps { padding:12px; border-left:3px solid #e8c758; background:#182d42; }
@media(max-height:500px) { .patrol-cruiser-guide { padding:12px 16px; font-size:14px; line-height:1.4; } .patrol-cruiser-guide[open] { gap:8px; } .cruiser-guide-page h2 { margin-bottom:10px; } .cruiser-guide-copy p { margin-bottom:10px; } }

/* Game update: use the approved Fleet Command starfield and cruiser portraits. */
.patrol-cruiser-guide { width:min(900px,96vw); height:min(700px,96dvh); max-height:96dvh; border:1px solid #59dfff; background:linear-gradient(110deg,rgba(2,8,24,.82),rgba(4,13,35,.55)),url('../images/ui/fleet-command/fleet-command-background-landscape-mobile-clean.png') center/cover; box-shadow:0 0 30px #00cfff50,inset 0 0 40px #2864ac35; }
.patrol-cruiser-guide header { border-bottom:1px solid #67dcff60; padding-bottom:8px; }
.patrol-cruiser-guide header span { color:#ffda79; font-weight:800; font-size:clamp(12px,2vw,16px); letter-spacing:2px; }
.patrol-cruiser-guide .cruiser-guide-page h2 { background:none; border:0; padding:0; color:#fff; text-shadow:0 0 18px #2dadff; font-size:clamp(22px,4vw,36px); }
.cruiser-update-ships { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:12px 0 20px; }
.cruiser-update-ships[hidden] { display:none; }
.cruiser-update-ships figure { margin:0; text-align:center; background:radial-gradient(ellipse,#2581b648,transparent 70%); }
.cruiser-update-ships img { display:block; width:100%; height:clamp(72px,18vh,150px); object-fit:contain; filter:drop-shadow(0 0 12px #48baff60); }
.cruiser-update-ships figcaption { text-transform:uppercase; color:#c1eaff; font-size:11px; letter-spacing:1px; }
.cruiser-update-lead { font-size:clamp(18px,2.5vw,24px); }
.cruiser-update-tip { padding:12px 16px; border-left:3px solid #ffcf61; background:#041226cc; border-radius:0 8px 8px 0; }
.patrol-cruiser-guide footer button:last-child { background:linear-gradient(#04a7d3,#075a9e); border-color:#70eaff; font-weight:700; }
@media(max-height:550px) { .cruiser-update-ships { margin:6px 0 10px; } .cruiser-update-ships img { height:65px; } .patrol-cruiser-guide .cruiser-guide-page h2 { font-size:24px; margin-bottom:8px; } .cruiser-update-tip { padding:8px 12px; } }