/* A quiet pixel-star sky, based on the user's reference. No blue wash. */
:root { --night:#191827; --star-sky:url('./stars.svg'); }
body,
.phone,
.phone[data-mode] {
  background-color:var(--night);
  background-image:var(--star-sky);
  background-size:515px 287px;
  background-repeat:repeat;
  color:#f7f3ff;
}
.phone,.phone[data-mode] {
  --bg:#191827;
  --white:#f7f3ff;
  --muted:#c0bed4;
  border-color:#444157;
  box-shadow:0 0 0 6px #272536,0 0 0 8px #666079;
}
.device-bar { background:#191827;color:#e4e0f0; }
.device-island { background:#0d0c16; }
.phone[data-mode] .home-indicator { background:#a5a0bb; }
.desktop-note,.desktop-footer,.desktop-footer>span { color:#b8b3ce; }
.welcome,.atlas-screen,.atlas-stage,.phone[data-mode] .island-nav {
  background:transparent;
}
.welcome-subtitle,.feature-line,.welcome-note { color:#ded9ec; }
.feature-line i { background:#a8a0bd; }
.welcome-tag { background:#29263e;color:#e0d6f6;border-color:#70617d; }
.phone[data-mode] :is(.map-heading h1,.world-banner h2,.play-title h1) { color:#f7f3ff; }
.phone[data-mode] :is(.muted,.text-button,.privacy-note,.empty-message,.greeting,.feedback-note,.continue-placeholder,.play-footer,.name-label,.character-help,.choice-hint,.result-score,.side-heading p,.collection-title>span,.collection-hint,.mini-progress,.mini-status) { color:#c3bed7; }
.phone[data-mode] .screen .eyebrow,.phone[data-mode] .play-title>span { color:#c6b3ed; }
.phone[data-mode] :is(.world-return,.world-banner p,.map-progress) { color:#d1c7e4; }
.phone[data-mode] .map-progress .star-count { color:#ffe18a; }
.phone[data-mode] .feedback-note strong { color:#92e5bc; }
.phone[data-mode] .review-card .feedback-note { color:#41667c; }
.phone[data-mode] .atlas-profile { background:#312e45;border-color:#9e8dc1; }
.atlas-stats span { border-color:#635774;color:#ded6eb; }
.atlas-help,.atlas-bottom-links button { color:#c9bfdf; }
.island-hit>span { background:#242136ee;border-color:#88759d; }
.island-hit:hover>span { background:#45405a; }
.island-hit small { color:#e1d3ee; }
.island-nav:before { border-color:#93829d55; }
.phone[data-mode] .island-nav-item { color:#e0daee; }
.island-nav-item.active .nav-island-label { background:#383145;border-color:#cdb777; }
@media(max-width:520px) {
  .phone,.phone[data-mode] { border:0;box-shadow:none; }
}