/* The guide is available from the start/menu, and leaves the cockpit unobstructed. */
.game-guide { display:none; position:fixed; z-index:25; right:max(12px,env(safe-area-inset-right)); bottom:max(12px,env(safe-area-inset-bottom)); width:min(820px,calc(100vw - 24px)); color:#d9f6ff; background:#07151f; border:1px solid #38788a; border-radius:6px; font:400 14px/1.75 var(--font-ui,system-ui,sans-serif); box-shadow:0 8px 32px #0009; }
.game-guide:not([open]) { width:auto; max-width:calc(100vw - 24px); }
.ui.show.screen-boot ~ .game-guide, .ui.show.screen-menu ~ .game-guide { display:block; }
.game-guide > summary { cursor:pointer; padding:8px 14px; font-weight:700; color:#b3f0ff; min-height:40px; }
.game-guide > summary:focus-visible, .guide-languages a:focus-visible { outline:2px solid #6fe6ff; outline-offset:2px; }
.guide-content { padding:0 22px 22px; max-height:min(72dvh,700px); overflow:auto; overscroll-behavior:contain; user-select:text; overflow-wrap:break-word; }
.guide-content h1 { font-size:clamp(19px,3vw,27px); line-height:1.5; margin:12px 0; }
.guide-content h2 { color:#8ee8ff; font-size:18px; margin:24px 0 10px; }
.guide-content p, .guide-content li { line-height:1.85; }
.guide-content ul { padding-left:22px; }
.guide-content dt { font-weight:700; margin-top:18px; }
.guide-content dd { margin:4px 0 12px; }
.guide-content table { width:100%; border-collapse:collapse; table-layout:fixed; }
.guide-content th, .guide-content td { padding:10px; border:1px solid #285061; vertical-align:top; text-align:left; overflow-wrap:anywhere; }
.guide-content th:first-child { width:31%; }
.guide-languages { display:flex; flex-wrap:wrap; gap:10px; margin:14px 0; }
.guide-languages a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:6px 16px; color:#c0f4ff; background:#113040; border:1px solid #43849a; border-radius:4px; text-decoration:none; }
.weapon-list { columns:2; column-gap:24px; }
html.no-js .game-guide { display:block!important; position:relative; right:auto; bottom:auto; width:min(900px,calc(100% - 24px)); margin:24px auto; }
html.no-js body { margin:0; background:#02060a; color:#d9f6ff; overflow:auto; font:16px/1.8 system-ui,sans-serif; }
noscript { display:block; margin:16px; line-height:1.8; }
body.language-entry { margin:0; min-height:100vh; background:radial-gradient(ellipse at 80% 20%,#153d51,#02060a 65%); color:#d9f6ff; overflow:auto; font:16px/1.8 system-ui,sans-serif; }
.entry-card { max-width:850px; margin:8vh auto; padding:24px; }
.entry-card h1 { color:#b3f0ff; letter-spacing:.12em; }
.entry-card p { margin:20px 0; }
@media (max-width:600px), (max-height:500px) {
  .game-guide { font-size:13px; right:max(8px,env(safe-area-inset-right)); bottom:max(8px,env(safe-area-inset-bottom)); width:calc(100vw - 16px); }
  .game-guide > summary { min-height:36px; padding:6px 10px; }
  .guide-content { padding:0 14px 14px; max-height:calc(100dvh - 88px); }
  .guide-content th, .guide-content td { padding:7px; }
  .weapon-list { columns:1; }
  .entry-card { margin:16px auto; padding:18px; }
}