/* Shared site navigation and onboarding; the game layouts remain independent. */
html[lang="ja"] [data-game-copy="en"], html[lang="en"] [data-game-copy="ja"] { display: none !important; }
.project-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 20px; margin-bottom: 16px; border-bottom: 1px solid #365068; font-size: 12px; }
.project-nav a, .project-credit a { color: #b9e1ee; text-decoration: underline; text-underline-offset: 4px; }
.project-nav a { min-height: 30px; display: inline-flex; align-items: center; }
.start-guide { margin: 0 0 20px; border: 1px solid #38536a; border-radius: 14px; background: #12263b; padding: 15px 18px; color: #cedee9; font-size: 13px; line-height: 1.8; }
.start-guide summary { cursor: pointer; font-weight: 700; color: #dcf1f3; }
.start-guide ol { padding-left: 22px; margin: 16px 0 8px; }
.start-guide p { margin-bottom: 0; color: #a9c3d4; font-size: 12px; }
.project-credit { margin-top: 30px; padding-top: 20px; border-top: 1px solid #30485f; color: #a9bdcf; font-size: 12px; line-height: 1.8; }
.project-credit p { margin: 6px 0; }
.script-notice, .storage-notice { padding: 12px 18px; margin: 0; color: #ffe6b4; background: #403326; font-size: 13px; line-height: 1.6; }
.script-notice a { color: #fff1d7; }
.storage-notice { border-radius: 10px; margin-top: 12px; }
a:focus-visible, button:focus-visible, summary:focus-visible, select:focus-visible, input:focus-visible, canvas:focus-visible, svg[tabindex]:focus-visible { outline: 3px solid #ffe399; outline-offset: 3px; }
input[type="radio"]:focus-visible + span { outline: 3px solid #ffe399; outline-offset: 3px; }
.screen h1[tabindex="-1"]:focus, .screen h2[tabindex="-1"]:focus { outline: none; }
@media (max-width: 420px) { .project-nav { font-size: 11px; gap: 8px; } .topline { gap: 10px; flex-wrap: wrap; } .topline > span { font-size: 9px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
