.nav-actions { display:flex; align-items:center; gap:12px; }
.language-switch { display:inline-flex; align-items:center; padding:4px; gap:2px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.025); flex-shrink:0; }
.language-switch button { min-height:36px; min-width:42px; padding:5px 9px; border:0; border-radius:999px; color:var(--muted); background:transparent; cursor:pointer; font-size:12px; font-weight:700; transition:background .2s,color .2s; }
.language-switch button:hover { color:var(--ink); }
.language-switch button[aria-pressed="true"] { color:var(--paper); background:var(--yellow); box-shadow:0 2px 12px rgba(216,248,106,.12); }
html[lang="en"] { --serif:Georgia, 'Times New Roman', serif; }
@media (min-width:901px) { .navlinks { gap:20px; } .brand { flex-shrink:0; } }
@media (max-width:900px) { .nav-actions .menu-toggle { order:2; } }
@media (max-width:620px) { .brand { gap:7px; font-size:11px; letter-spacing:.045em; } .brand img { width:25px; height:25px; } .nav-actions { gap:7px; } .language-switch button { min-width:36px; padding:5px 7px; } .menu-toggle { padding:0 9px; font-size:12px; } }
/* Keep meaningful content readable when JavaScript is unavailable. */
.text-generate-effect { visibility:visible; } .game-screen picture, .small-screen picture { display:block; width:100%; height:100%; }
.hero-board > picture { position:absolute; inset:0; z-index:0; }
.navlinks a[aria-current="location"] { color:var(--yellow); }
.modal-panel { height:min(84dvh,860px); }
.development-badge { align-self:flex-start; display:inline-flex; align-items:center; gap:8px; margin-bottom:16px; padding:6px 10px; border:1px solid rgba(216,248,106,.22); border-radius:999px; color:var(--yellow); background:rgba(216,248,106,.05); font-size:10px; font-weight:700; line-height:1.4; }
.development-badge::before { content:""; flex-shrink:0; width:5px; height:5px; border-radius:50%; background:currentColor; }
@media(min-width:901px) { .navlinks { gap:18px; } }
.button-plain { color:var(--ink); }
.copy-email { align-self:flex-start; color:var(--ink); background:var(--card); border-color:var(--line-strong); }
.copy-email:hover, .copy-email:focus-visible { color:var(--ink); background:#29253a; border-color:var(--yellow); }
.copy-email:focus-visible { outline:2px solid var(--yellow); outline-offset:4px; }
.copy-email:disabled { color:#d4cfdf; background:var(--card); border-color:var(--line-strong); opacity:1; cursor:wait; transform:none; }
.copy-email[hidden] { display:none; }
/* Color audit: explicit control colors and reliable text backing over imagery. */
:root { color-scheme:dark; }
::selection { color:var(--paper); background:var(--yellow); }
.button-plain, .menu-toggle, .modal-close { border-color:var(--control-border); }
.button-plain { background:var(--card); }
.button-plain:hover, .button-plain:focus-visible, .modal-close:hover, .modal-close:focus-visible { color:var(--ink); background:#29253a; border-color:var(--yellow); }
.menu-toggle:hover, .menu-toggle:focus-visible { color:var(--ink); background:#29253a; border-color:var(--yellow); }
.navlinks .nav-cta:hover, .navlinks .nav-cta:focus-visible { color:var(--paper) !important; background:#c9e55b; }
.button:disabled, .menu-toggle:disabled, .modal-close:disabled { color:#d4cfdf; background:var(--card); border-color:var(--control-border); opacity:1; cursor:not-allowed; transform:none; }
.copy-email:disabled { cursor:wait; }
.board-top { color:var(--ink); background:var(--image-scrim); padding:10px; border:1px solid var(--control-border); border-radius:12px; }
.board-caption { color:var(--white); background:var(--image-scrim); padding:12px; border-radius:12px; }
.board-caption span { color:var(--ink); text-shadow:none; }
.hero-board::after { color:var(--ink); background:var(--image-scrim); padding:7px 5px; border-radius:6px; text-shadow:none; }
.product-image::after { color:var(--ink); background:var(--image-scrim); padding:7px 10px; border-radius:7px; }
.modal-body iframe { background:var(--paper); }
@media(forced-colors:active) { .button, .menu-toggle, .modal-close, .language-switch button { border:1px solid ButtonText; } .language-switch button[aria-pressed="true"] { outline:2px solid Highlight; outline-offset:2px; } .development-badge { border-color:CanvasText; } }