/* World 2D Games: a shared celestial finish. Decorative layers never capture input. */
html[data-web3-home] body { background: #080d20; }
html[data-web3-home] body>header { background: #090e20; border-color: #8787d238; }
html[data-web3-home] .brand-logo { box-shadow: 0 0 20px #9d5cff55; }
html[data-web3-home] .home-hero { position: relative; isolation: isolate; gap: 36px; }
html[data-web3-home] .home-hero:before { content: ""; position: absolute; inset: -40px -32px 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 79% 22%,#5944ae33,transparent 32%), radial-gradient(ellipse at 25% 42%,#276a8c19,transparent 45%); }
html[data-web3-home] .hero-copy { position: relative; z-index: 1; }
html[data-web3-home] .home-hero h1 em { color: #c1b5ff; }
html[data-web3-home] .home-hero .intro { color: #c3c9dc; }
html[data-web3-home] .home-entry-actions .primary { background: linear-gradient(120deg,#7446ce,#398bad); border-color: #ab98ff; color: #fff; box-shadow: 0 9px 28px #5938b43b; }
html[data-web3-home] .home-entry-actions .ghost { background: #131c36; border-color: #7485b84d; color: #f2f2ff; }
html[data-web3-home] .benefits-hero-link { border-color: #ad8be56b; background: #211c3c; }
html[data-web3-home] :is(.collection-card,.portal-disclosure,.wallet-panel,.worlds-home-entry,.lounge-home-entry) { border-color: #8b93ca45; box-shadow: 0 14px 38px #0004; }
html[data-web3-home] .collection-card { background: #10172e; }
html[data-web3-home] .collection-card:hover { border-color: #aa91ff; }
html[data-web3-home] .lounge-hero-feature { border-color: #ad94f35c; box-shadow: 0 16px 44px #07031788; }
.wdg-cosmos { grid-column: 2; grid-row: 1; position: relative; width: min(100%, 460px); height: 350px; justify-self: center; pointer-events: none; isolation: isolate; background: radial-gradient(ellipse,#6152b750 0%,#33498c1e 35%,transparent 70%); }
.wdg-cosmos:before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle,#fff 1px,transparent 1.5px),radial-gradient(circle,#a5caff 1px,transparent 1.5px),radial-gradient(circle,#dfb9ff 1px,transparent 1.5px); background-size: 83px 71px,127px 97px,167px 119px; background-position: 12px 9px,48px 32px,23px 59px; opacity: .75; }
.wdg-floating-logo { position: absolute; z-index: 2; width: 37%; height: auto; aspect-ratio: 1; object-fit: cover; left: 31.5%; top: 24%; border-radius: 27%; box-shadow: 0 0 0 1px #c9bdff9c,0 0 48px #915bff77,0 22px 38px #0505179e; animation: none; }
.wdg-orbit { position: absolute; left: 50%; top: 50%; width: 76%; height: 52%; border: 1px solid #aab3ff79; border-radius: 50%; transform: translate(-50%,-50%) rotate(42deg); }
.wdg-orbit-two { transform: translate(-50%,-50%) rotate(-42deg); border-color: #7bdfe34f; }
.wdg-planet { position: absolute; z-index: 3; border-radius: 50%; box-shadow: inset -6px -8px 12px #12123788,0 0 18px #866cff59; }
.wdg-planet-one { width: 32px; height: 32px; top: 12%; left: 25%; background: radial-gradient(circle at 32% 28%,#cdeaff,#8582eb 52%,#4642a0); }
.wdg-planet-two { width: 22px; height: 22px; right: 23%; top: 77%; background: radial-gradient(circle at 30% 25%,#b4fff3,#36aebd 60%,#17547d); }
.wdg-star { position: absolute; color: #e4dbff; text-shadow: 0 0 12px #bca6ff; }
.wdg-star-one { left: 20%; bottom: 31%; font-size: 23px; }.wdg-star-two { right: 20%; top: 16%; font-size: 30px; }
@media(min-width:681px) { html[data-web3-home] .hero-copy { grid-column: 1; grid-row: 1 / span 2; } html[data-web3-home] .lounge-hero-feature { grid-column: 2; grid-row: 2; } }
@media(max-width:680px) { html[data-web3-home] .home-hero { display: flex; flex-direction: column; gap: 20px; align-items: stretch; } .wdg-cosmos { order: -1; width: 100%; height: 220px; margin: 0 auto -7px; } .wdg-floating-logo { width: 124px; left: calc(50% - 62px); top: 37px; } .wdg-orbit { left: 50%; width: min(270px, 90%); top: 50%; height: 120px; } .wdg-planet-one { left: calc(50% - 70px); top: calc(50% - 88px); width: 25px; height: 25px; } .wdg-planet-two { right: calc(50% - 82px); top: calc(50% + 68px); } html[data-web3-home] .home-hero h1 { font-size: clamp(38px,10vw,53px); } }
/* Preserve the light theme's contrast and the users' existing theme controls. */
html[data-web3-home][data-ui-theme=light] body,html[data-web3-home][data-ui-theme=light] body>header { background: #f5f4ff; }
html[data-web3-home][data-ui-theme=light] .home-hero h1 em { color: #6246ad; }
html[data-web3-home][data-ui-theme=light] .home-hero .intro { color: #37445e; }
html[data-web3-home][data-ui-theme=light] .collection-card { background: #fff; }
html[data-web3-home][data-ui-theme=light] .home-entry-actions .ghost { background: #f6f5ff; color: #1c2746; }
html[data-wdg-cosmic=lounge] :is(.welcome,.discovery-tile,.quick-finder,.map-shell,.social-panel,.machines-section,.profile-dialog) { box-shadow: 0 12px 34px #07091d33; }
html[data-wdg-cosmic=lounge] .welcome { border-bottom: 1px solid #ab98e64d; }
html[data-wdg-cosmic=lounge] .map-shell { border-color: #9d8cd088; }
html[data-wdg-cosmic=lounge] .lounge-toolbar>button { border-color: #a59ac14d; }
html[data-wdg-cosmic=lounge] .profile-banner { border: 1px solid #bca8e362; border-radius: 16px; }
/* Games retain their individual colours and playfield geometry. */
html[data-wdg-cosmic=game] :is(.lobby .mission,.lobby .hero,.wdg-player-center,.dialog) { box-shadow: 0 12px 30px #080a1d33; }
html[data-wdg-cosmic=game] .lobby .hero { border: 1px solid #c1b1ee66; }
html[data-wdg-cosmic=game] .wdg-player-center { border-radius: 20px; border-color: #a991d9; }
html[data-wdg-cosmic=game] .wdg-player-center nav button { border-radius: 999px; }
html[data-wdg-cosmic=game] .wdg-weekly-grid article { border-radius: 16px; }
@media(prefers-reduced-motion:reduce) { .wdg-floating-logo { animation: none; } }

/* Shared game menus and profiles: finish surfaces without changing playfield sizes. */
html[data-wdg-cosmic=game] .lobby .mission { border-radius:16px; box-shadow:inset 0 1px #ffffff16,0 9px 24px #070c1d2b; transition:transform .18s ease,border-color .18s ease; }
html[data-wdg-cosmic=game] .lobby .mission:hover:not(:disabled) { transform:translateY(-2px); border-color:#c8b4ff; }
html[data-wdg-cosmic=game] .lobby .summary div { border-radius:0 12px 12px 0; padding-block:12px; }
html[data-wdg-cosmic=game] .wdg-weekly-grid article { box-shadow:0 6px 18px #10183612; }
html[data-wdg-cosmic=game] :is(.lobby button,.wdg-player-center button):focus-visible { outline-offset:3px; }
@media(prefers-reduced-motion:reduce) { html[data-wdg-cosmic=game] .lobby .mission { transition:none; } html[data-wdg-cosmic=game] .lobby .mission:hover:not(:disabled) { transform:none; } }

/* Home 230: unframed brand among the planets; only its button captures input. */
html[data-web3-home] .wdg-logo-surprise { position:absolute;z-index:4;left:50%;top:50%;width:42%;transform:translate(-50%,-50%);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent; }
html[data-web3-home] .wdg-logo-surprise .wdg-floating-logo { position:static;display:block;width:100%;height:100%;border-radius:0;box-shadow:none;filter:drop-shadow(0 8px 12px #674bc348); }
html[data-web3-home] .wdg-logo-surprise:focus-visible { outline:3px solid #b8a1ff;outline-offset:6px; }
html[data-web3-home] .wdg-cosmos-celebrate .wdg-floating-logo { animation:wdg-logo-surprise 1s ease-in-out both; }
html[data-web3-home] .wdg-cosmos-celebrate .wdg-star { animation:wdg-star-surprise 1s ease-out both; }
html[data-web3-home] .wdg-cosmos-celebrate .wdg-planet { box-shadow:inset -6px -8px 12px #12123788,0 0 24px #a38cff99; }
@keyframes wdg-logo-surprise { 0%,100% { transform:rotate(0) scale(1); } 45% { transform:rotate(6deg) scale(1.02); } 75% { transform:rotate(-3deg) scale(1.01); } }
@keyframes wdg-star-surprise { 0%,100% { transform:scale(1); } 50% { transform:scale(1.2); } }
@media(max-width:680px) {
  html[data-web3-home] body>header.site-header { display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center; }
  html[data-web3-home] .site-header :is(.brand,.header-actions,.quick-nav,.store-language189) { justify-content:center;align-self:center; }
  html[data-web3-home] .home-hero .hero-copy { text-align:center; }
  html[data-web3-home] .home-hero :is(.eyebrow,.home-entry-actions,.hero-meta,.entry-preference) { justify-content:center; }
  html[data-web3-home] .home-hero :is(h1,.intro,.benefits-hero-link,.entry-preference,.entry-preference-status) { margin-left:auto;margin-right:auto; }
  html[data-web3-home] .wdg-logo-surprise { width:152px;left:50%;top:50%; }
}
@media(prefers-reduced-motion:reduce) {
  html[data-web3-home] .wdg-logo-surprise .wdg-floating-logo,html[data-web3-home] .wdg-cosmos-celebrate .wdg-star { animation:none; }
  html[data-web3-home] .wdg-cosmos-celebrate .wdg-logo-surprise { outline:2px solid #a78bd6;outline-offset:4px; }
}

html[data-web3-home] .wdg-cosmos-highlight .wdg-logo-surprise { outline:2px solid #a78bd6;outline-offset:4px; }

/* Shared game lobby and player profile: raised surfaces and clearer hierarchy. */
html[data-wdg-cosmic=game] .lobby .topline .wallet {
  border-color:#8da7c563;
  box-shadow:inset 0 1px #ffffff1a,0 5px 18px #080e1a22;
}
html[data-wdg-cosmic=game] .lobby .hero {
  box-shadow:0 18px 40px #080c1d3d,inset 0 1px #ffffff24;
}
html[data-wdg-cosmic=game] .lobby .row>button {
  border-radius:14px;
  box-shadow:inset 0 1px #ffffff1c,0 6px 18px #080d1b26;
}
html[data-wdg-cosmic=game] .lobby .summary>div {
  border-left-width:3px;
  background:linear-gradient(120deg,#a8b9e91c,transparent);
}
html[data-wdg-cosmic=game] .lobby .summary b {
  font-variant-numeric:tabular-nums;
  letter-spacing:-.03em;
}
html[data-wdg-cosmic=game] .lobby .summary small { line-height:1.45; }
html[data-wdg-cosmic=game] .lobby .section-head h2 { letter-spacing:-.025em; }
html[data-wdg-cosmic=game] .lobby .mission.current {
  box-shadow:inset 0 0 0 1px #f4dea566,0 8px 22px #0b102a45;
}
html[data-wdg-cosmic=game] .lobby .mission:disabled { box-shadow:none; }
html[data-wdg-cosmic=game] .wdg-player-center {
  box-shadow:0 24px 70px #060b1d66,inset 0 1px #ffffff38;
}
html[data-wdg-cosmic=game] .wdg-player-center::backdrop {
  background:#070c1bc9;
}
html[data-wdg-cosmic=game] .wdg-player-center>header {
  padding-bottom:15px;
  border-bottom:1px solid #8d9cb34a;
}
html[data-wdg-cosmic=game] .wdg-player-center h2 { letter-spacing:-.03em; }
html[data-wdg-cosmic=game] .wdg-player-center nav { gap:8px; }
html[data-wdg-cosmic=game] .wdg-player-center nav button {
  min-height:44px;
  padding-inline:15px;
  box-shadow:inset 0 1px #ffffff24;
}
html[data-wdg-cosmic=game] .wdg-player-center nav [aria-pressed=true] {
  box-shadow:inset 0 0 0 1px currentColor,0 4px 12px #131d3129;
}
html[data-wdg-cosmic=game] .wdg-weekly-grid article {
  border-radius:16px;
  box-shadow:inset 0 1px #ffffff40,0 8px 22px #101a2e14;
}
html[data-wdg-cosmic=game] .wdg-weekly-grid h3 { line-height:1.35; }
html[data-wdg-cosmic=game] .wdg-weekly-grid progress { accent-color:#3d8e80; }
html[data-wdg-cosmic=game][data-ui-theme=dark] .wdg-weekly-grid progress { accent-color:#83dac5; }
html[data-wdg-cosmic=game][data-ui-theme=light] .lobby .summary>div { background:#f6f8ff; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  html[data-wdg-cosmic=game]:not(.wg-reduced) .lobby .row>button,
  html[data-wdg-cosmic=game]:not(.wg-reduced) .wdg-player-center nav button {
    transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease;
  }
  html[data-wdg-cosmic=game]:not(.wg-reduced) .lobby .row>button:hover:not(:disabled),
  html[data-wdg-cosmic=game]:not(.wg-reduced) .wdg-player-center nav button:hover:not(:disabled) {
    transform:translateY(-2px);
    box-shadow:inset 0 1px #ffffff38,0 10px 22px #0b102d35;
  }
}
html[data-wdg-cosmic=game].wg-reduced .lobby .mission { transition:none; }
html[data-wdg-cosmic=game].wg-reduced .lobby .mission:hover { transform:none; }
@media (max-width:480px) {
  html[data-wdg-cosmic=game] .wdg-player-center>header { gap:10px; }
  html[data-wdg-cosmic=game] .wdg-player-center nav { gap:6px; }
  html[data-wdg-cosmic=game] .wdg-weekly-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr)); }
}

/* Home231: one distant pink/blue orbit pair, never duplicate rings on the globe. */
html[data-web3-home] .wdg-orbit-one { border:2px solid #cd91e6; }
html[data-web3-home] .wdg-orbit-two { border:2px solid #65dfe6; }
html[data-web3-home][data-ui-theme=light] .wdg-orbit-one { border-color:#9954b8; }
html[data-web3-home][data-ui-theme=light] .wdg-orbit-two { border-color:#237fa5; }

/* Home232: match portal160 header specificity, including the injected language row.
   A column flex basis must be auto: 100% here otherwise sizes vertical tracks. */
@media(max-width:680px) {
  html[data-web3-home] body>header.site-header { justify-content:center; }
  html[data-web3-home] body>header.site-header>.brand,
  html[data-web3-home] body>header.site-header>.header-actions {
    flex:0 1 auto;width:100%;justify-content:center;align-self:center;
  }
  html[data-web3-home] body>header.site-header .store-language189 {
    flex:1 1 100%;width:100%;justify-content:center;
  }
  html[data-web3-home] body>header.site-header .icon-button { min-width:44px;min-height:44px; }
}

/* Home232b: the shared light theme paints every button white !important.
   Keep only this decorative logo button transparent; retain its hitbox/focus ring. */
html[data-web3-home] body .wdg-cosmos button.wdg-logo-surprise { background:transparent!important; }

/* Sparse, static background details live outside the central orbit zone. */
html[data-web3-home] .wdg-cosmos::before {
  background-image:radial-gradient(circle at 7% 12%,#b9d9ed 0 1px,transparent 1.5px),radial-gradient(circle at 92% 16%,#cbb4ed 0 1px,transparent 1.5px),radial-gradient(circle at 8% 85%,#b9d9ed 0 1px,transparent 1.5px),radial-gradient(circle at 90% 91%,#cbb4ed 0 1px,transparent 1.5px),radial-gradient(circle at 37% 2%,#b9d9ed 0 1px,transparent 1.5px),radial-gradient(circle at 64% 97%,#cbb4ed 0 1px,transparent 1.5px);
  background-size:100% 100%;background-position:center;background-repeat:no-repeat;opacity:.6;
}
html[data-web3-home] .wdg-star-one { left:2%;top:4%;bottom:auto;font-size:16px; }
html[data-web3-home] .wdg-star-two { right:2%;top:auto;bottom:4%;font-size:19px; }
html[data-web3-home] .wdg-comet { position:absolute;pointer-events:none;width:25px;height:2px;border-radius:100%;background:linear-gradient(90deg,transparent,#96d9ed);opacity:.5;transform:rotate(-22deg); }
html[data-web3-home] .wdg-comet-one { left:58%;top:2%; }
html[data-web3-home] .wdg-comet-two { left:24%;bottom:2%;width:18px;opacity:.35; }
html[data-web3-home][data-ui-theme=light] .wdg-comet { background:linear-gradient(90deg,transparent,#237fa5); }

/* Home232c: one square 600-unit reference frame. Reference Earth (300,292)
   is shifted +8 to the fixed center; measured satellites keep their asymmetry. */
html[data-web3-home] .wdg-cosmos { --wdg-art-size:350px; }
html[data-web3-home] .wdg-orbit-art { position:absolute;left:50%;top:50%;width:var(--wdg-art-size);height:auto;aspect-ratio:1;transform:translate(-50%,-50%);overflow:visible;pointer-events:none; }
html[data-web3-home] .wdg-reference-ring { fill:none;stroke-width:4; }
html[data-web3-home] .wdg-reference-pink { stroke:#cd91e6; }
html[data-web3-home] .wdg-reference-cyan { stroke:#65dfe6; }
html[data-web3-home] .wdg-orbit-art .wdg-planet { position:static;transform:none;box-shadow:none; }
html[data-web3-home] .wdg-logo-surprise { width:calc(var(--wdg-art-size) * .5483871); }
html[data-web3-home][data-ui-theme=light] .wdg-reference-pink { stroke:#9954b8; }
html[data-web3-home][data-ui-theme=light] .wdg-reference-cyan { stroke:#237fa5; }
@media(max-width:680px) { html[data-web3-home] .wdg-cosmos { --wdg-art-size:min(300px,100%);height:300px; } }
/* Only distant decoration moves; Earth, rings and satellites remain fixed. */
html[data-web3-home] .wdg-cosmos::before { animation:wdg-distant-twinkle 9s ease-in-out infinite alternate; }
html[data-web3-home] .wdg-star { animation:wdg-distant-twinkle 7s ease-in-out infinite alternate; }
html[data-web3-home] .wdg-star-two { animation-delay:-3s; }
html[data-web3-home] .wdg-comet { animation:wdg-distant-comet 16s ease-in-out infinite; }
html[data-web3-home] .wdg-comet-two { animation-delay:-8s;animation-duration:21s; }
@keyframes wdg-distant-twinkle { from { opacity:.38; } to { opacity:.75; } }
@keyframes wdg-distant-comet { 0%,65%,100% { opacity:0;transform:translateX(-8px) rotate(-22deg); } 78% { opacity:.45; } 92% { opacity:0;transform:translateX(8px) rotate(-22deg); } }
html[data-web3-home] .wdg-cosmos-motion-off::before,
html[data-web3-home] .wdg-cosmos-motion-off :is(.wdg-star,.wdg-comet) { animation:none; }
html[data-web3-home] .wdg-cosmos-hidden::before,
html[data-web3-home] .wdg-cosmos-hidden :is(.wdg-star,.wdg-comet,.wdg-floating-logo) { animation-play-state:paused; }
@media(prefers-reduced-motion:reduce) {
 html[data-web3-home] .wdg-cosmos::before,
 html[data-web3-home] .wdg-cosmos :is(.wdg-star,.wdg-comet) { animation:none; }
}

/* Finish 236: quiet menus, distinct worlds. Never resize canvases or in-game controls. */
html[data-web3-home] body { background:#10151d; }
html[data-web3-home] body>header.site-header { background:#10151d; border-color:#8995a536; }
html[data-web3-home] .home-hero::before { background:none; }
html[data-web3-home] :is(.collection-card,.portal-disclosure,.worlds-home-entry,.lounge-home-entry,.lounge-hero-feature) { box-shadow:none; border-color:#74849b50; }
html[data-web3-home] .collection-card { background:#171e29; }
html[data-web3-home] .benefits-hero-link { background:#171e29; border-color:#74849b50; box-shadow:none; }
html[data-web3-home] .home-entry-actions { gap:12px; }
html[data-web3-home] #home-play-now { background:#bcebdc; color:#132e29; border:2px solid #bcebdc; box-shadow:0 6px 18px #0002; }
html[data-web3-home] #home-enter-lounge { background:#1b2431; color:#e9eff7; border:1px solid #8191a86b; box-shadow:none; }
html[data-web3-home] .home-entry-actions a { min-height:56px; border-radius:14px; }
html[data-web3-home] .home-entry-actions a:focus-visible { outline:3px solid #e3ad57; outline-offset:4px; }
html[data-web3-home][data-ui-theme=light] body,html[data-web3-home][data-ui-theme=light] body>header.site-header { background:#f3f5f6!important; }
html[data-web3-home][data-ui-theme=light] #home-play-now { background:#155b4d!important; color:#fff!important; border-color:#155b4d!important; }
html[data-web3-home][data-ui-theme=light] #home-play-now :is(strong,small) { color:#fff!important; }
html[data-web3-home][data-ui-theme=light] #home-enter-lounge { background:#fff!important; color:#263c4b!important; border-color:#a1afbb!important; }
/* Scope sizing to menu controls, not arena overlays, movement pads or HUDs. */
html[data-wdg-cosmic=game] :is(.lobby,#menu) { --finish-accent:#bcebdc; --finish-line:#7b93a6; }
html[data-wdg-cosmic=game] :is(.lobby,#menu) :is(button,select) { min-height:44px; border-radius:12px; font-family:inherit; line-height:1.35; }
html[data-wdg-cosmic=game] :is(.lobby,#menu) :is(.row,.menu-grid) { gap:12px; }
html[data-wdg-cosmic=game] :is(.lobby,#menu) :is(.row,.menu-grid)>button { min-width:0; overflow-wrap:anywhere; }
html[data-wdg-cosmic=game] .lobby :is(.mission,.hero,.row>button) { box-shadow:none; }
html[data-wdg-cosmic=game] .lobby .mission { background:#1c2a35; border-color:#637b8c; }
html[data-wdg-cosmic=game] .lobby .mission.current { border-width:2px; border-color:var(--finish-accent); box-shadow:inset 4px 0 var(--finish-accent); }
html[data-wdg-cosmic=game] :is(.lobby,#menu) :is(button,select,a):focus-visible { outline:3px solid #e4ad58; outline-offset:3px; }
html[data-wdg-cosmic=game][data-ui-theme=light] .lobby .mission.current { border-color:#305b6b!important; box-shadow:inset 4px 0 #305b6b!important; }
html[data-wdg-cosmic=game][data-ui-theme=light] :is(.lobby,#menu) :is(button,select,a):focus-visible { outline-color:#805111; }
/* Accents belong to menu panels; native scene art keeps its own palette. */
html[data-world-game=boxing] .lobby { --finish-accent:#f2b2a8; }
/* The entry/theme layers load later; keep these decorative menu rails scoped and stable. */
html[data-wdg-cosmic=game][data-world-game=boxing] body[data-action-game] #lobby .hero { border-top:3px solid #e6a39b!important; border-bottom:3px solid #86b8de!important; }
html[data-world-game=boxing] .lobby .summary>div { border-left-color:#86b8de; background:#8bb6de0d; }
html[data-world-game=boxing] .lobby .summary>div:first-child { border-left-color:#e6a39b; }
html[data-world-game=surviv] #home .launch-panel { border:1px solid #769b83; border-radius:18px; box-shadow:none; background:#182a25; }
html[data-world-game=surviv] #home .play-btn { background:#bee0bd; color:#173322; border:2px solid #bee0bd; box-shadow:none; }
html[data-world-game=surviv] #home :is(.home-nav button,.modes button) { min-height:44px; border-radius:12px; }
html[data-world-game=surviv] #home button:focus-visible { outline:3px solid #e4ad58; outline-offset:3px; }
html[data-world-game=flying] body #app #screen-home :is(.home-command-card,.hub-home-goal,.menu-music) { box-shadow:none; border-color:#8eafc8; }
html[data-world-game=flying]:not([data-ui-theme=light]) body #app #screen-home :is(.home-command-card,.hub-home-goal,.menu-music) { background:#182b3d; color:#eaf5ff; }
html[data-world-game=flying] body #app #screen-home .home-command-card { border-left:4px solid #a6d7f4; }
html[data-world-game=flying] body #app #screen-home :is(.home-command-card,.menu-music button):focus-visible { outline:3px solid #e4ad58; outline-offset:3px; }
/* Match the existing map sector tints. Text labels and outlines remain primary cues. */
html[data-wdg-cosmic=lounge] [data-sector=sports] { --finish-sector:#6ab4d1; }
html[data-wdg-cosmic=lounge] [data-sector=adventure] { --finish-sector:#a899db; }
html[data-wdg-cosmic=lounge] [data-sector=arcade] { --finish-sector:#efb963; }
html[data-wdg-cosmic=lounge] [data-sector=strategy] { --finish-sector:#79ba94; }
html[data-wdg-cosmic=lounge] :is(.welcome,.discovery-tile,.quick-finder,.map-shell,.social-panel,.machines-section) { box-shadow:none; }
html[data-wdg-cosmic=lounge] .sector-map-sector { border-top:4px solid var(--finish-sector,#8a9daa); }
html[data-wdg-cosmic=lounge] .sector-map-sector[aria-pressed=true] { outline:2px solid currentColor; outline-offset:2px; font-weight:800; }
html[data-wdg-cosmic=lounge] .nearby-machine-card { border-left:4px solid var(--finish-sector,#8a9daa); box-shadow:none; }
html[data-wdg-cosmic=lounge] .nearby-machine-spark { box-shadow:none; }
html[data-wdg-cosmic=lounge] .lounge-toolbar>button { min-height:44px; border-radius:12px; }
html[data-wdg-cosmic=lounge] .lounge-toolbar>button>span { display:inline-grid; place-items:center; width:1.25em; }
html[data-wdg-cosmic=lounge] .sector-map-summary { min-height:44px; }
html[data-wdg-cosmic=lounge] :is(.lounge-toolbar,.sector-shortcuts,.nearby-machine-card) button:focus-visible { outline:3px solid #e4ad58; outline-offset:3px; }
html[data-wdg-cosmic=lounge][data-lounge-theme=light] :is(.lounge-toolbar,.sector-shortcuts,.nearby-machine-card) button:focus-visible { outline-color:#805111; }
/* Existing item previews: restrained framing, no new effects or ownership changes. */
html[data-web3-home] :is(.equipment-studio-dialog,#native-preview-dialog) canvas { border:1px solid #8b9dab; border-radius:14px; box-shadow:none; max-width:100%; }
html[data-web3-home] .equipment-studio-controls :is(button,a)[aria-pressed=true] { outline:2px solid currentColor; outline-offset:2px; }
@media(max-width:420px) {
 html[data-wdg-cosmic=lounge] .sector-machine-row { flex-wrap:wrap; gap:8px; }
 html[data-wdg-cosmic=lounge] .sector-machine-row strong { flex-basis:100%; }
 html[data-wdg-cosmic=lounge] .sector-machine-row button { flex:1; white-space:normal; }
 html[data-wdg-cosmic=game] .lobby .row>button { flex-basis:calc(50% - 12px); }
}
@media(prefers-reduced-motion:reduce) {
 html[data-wdg-cosmic=game] .lobby .mission { transform:none; transition:none; }
}