/* Theme launcher and home-screen theming. Whole-site propagation lives in themes-pages.css / themes-kids.css. */
html[data-home-theme="classic"] { color-scheme: dark; }

/* Классическая тема тоже показывает фон, а не почти чёрную подложку. */
html[data-home-theme="classic"] .game-home .scene-background { filter:saturate(.9) contrast(1.02) brightness(.88); }
html[data-home-theme="classic"] .game-home .scene-shade { background:linear-gradient(90deg,#07040275,#0a06032e 48%,#07040266),linear-gradient(0deg,#08050382,transparent 42%,#0805034f); }
html[data-home-theme="classic"] .game-home .scene-vignette { box-shadow:inset 0 0 7rem #0006,inset 0 -5rem 8rem #0007; }

.theme-addon-trigger { min-width: 82px; }

html[data-home-theme="mrak"] .game-home .scene-background {
  content: url("/theme-assets/mrak.png");
  object-position: center;
  filter: saturate(.72) contrast(1.08) brightness(.74);
}
html[data-home-theme="mrak"] .game-home .scene-shade {
  background: linear-gradient(90deg, #020202a8, #0807073f 48%, #03020286), linear-gradient(0deg, #030303a3, transparent 42%, #12030255);
}
html[data-home-theme="mrak"] .game-home .scene-vignette { box-shadow: inset 0 0 9rem 1rem #000b, inset 0 -6rem 9rem #000a; }
html[data-home-theme="mrak"] .game-home .menu-button,
html[data-home-theme="mrak"] .game-home .panel-button { border-color: #75665d; color: #e6ddd0; background: linear-gradient(#201d1beb, #0b0a0af2); box-shadow: inset 3px 0 #8e2c27, 0 7px 17px #0009; }
html[data-home-theme="mrak"] .game-home .account-parchment { border: 1px solid #675e57; border-radius: 5px; color: #dfd7cb; background: linear-gradient(145deg, #171513e8, #070707ed); box-shadow: 0 18px 48px #000c, inset 0 0 0 4px #0808087a; backdrop-filter: blur(9px); }
html[data-home-theme="mrak"] .game-home .panel-heading { color: #ded5c8; text-shadow: 0 2px 3px #000; }
html[data-home-theme="mrak"] .game-home .home-footer { border-color: #5e554e; color: #dcd4c8; background: linear-gradient(#151311f5, #070707fa); }

html[data-home-theme="worlds"] .game-home .scene-background {
  content: url("/theme-assets/worlds.png");
  object-position: center;
  filter: saturate(.88) contrast(1.02) brightness(.82);
}
html[data-home-theme="worlds"] .game-home .scene-shade {
  background: linear-gradient(90deg, #0717219c 0%, #0b202a55 35%, transparent 63%, #07161f68), linear-gradient(0deg, #08192398, transparent 42%, #0a1a246b);
}
html[data-home-theme="worlds"] .game-home .scene-vignette { box-shadow: inset 0 0 7rem 1rem #06101980, inset 0 -6rem 8rem #07151f91; }
html[data-home-theme="worlds"] .game-home .menu-button,
html[data-home-theme="worlds"] .game-home .panel-button { border-color: #789b97; color: #eee9df; background: linear-gradient(#17333deb, #0e242df2); box-shadow: inset 3px 0 #73c2bc, 0 7px 18px #0310178f; }
html[data-home-theme="worlds"] .game-home .account-parchment { border: 1px solid #789e99; border-radius: 9px; color: #ede8dd; background: linear-gradient(145deg, #15313be8, #0b2029ed); box-shadow: 0 18px 48px #031017b8, inset 0 0 0 3px #d7ebe60b; backdrop-filter: blur(11px); }
html[data-home-theme="worlds"] .game-home .panel-heading { color: #eee9de; text-shadow: 0 2px 3px #031017; }
html[data-home-theme="worlds"] .game-home .home-footer { border-color: #648c87; color: #e8e4da; background: linear-gradient(#112a34f4, #091b24fa); }

.theme-addon-backdrop {
  --theme-panel: #25180ff5;
  --theme-card: #352318;
  --theme-border: #8b6538;
  --theme-text: #ead5aa;
  --theme-muted: #b49a72;
  --theme-accent: #d1a05b;
  position: fixed;
  inset: 0;
  z-index: 100;
  display: none;
  padding: 1rem;
  align-items: flex-end;
  justify-content: flex-end;
  background: #0202028c;
  backdrop-filter: blur(3px);
}
html[data-home-theme="mrak"] .theme-addon-backdrop { --theme-panel: #11100ff7; --theme-card: #1b1917; --theme-border: #665e56; --theme-text: #e2dacf; --theme-muted: #988f83; --theme-accent: #9d312b; }
html[data-home-theme="worlds"] .theme-addon-backdrop { --theme-panel: #0d232cf7; --theme-card: #15323c; --theme-border: #719995; --theme-text: #ece8df; --theme-muted: #a5b7b4; --theme-accent: #72c2bc; }
.theme-addon-backdrop[data-open="true"] { display: flex; animation: theme-fade-in .2s ease-out; }
.theme-addon-panel { width: min(760px, calc(100vw - 2rem)); margin-bottom: 72px; overflow: hidden; border: 1px solid var(--theme-border); border-radius: 8px; color: var(--theme-text); background: linear-gradient(145deg, var(--theme-panel), color-mix(in srgb, var(--theme-panel) 82%, #000)); box-shadow: 0 24px 70px #000d, inset 0 1px #ffffff10; font-family: Literata,Georgia,"Times New Roman",serif; animation: theme-panel-in .24s ease-out; }
.theme-addon-header { display: flex; border-bottom: 1px solid color-mix(in srgb, var(--theme-border) 58%, transparent); padding: .9rem 1.1rem; align-items: center; justify-content: space-between; }
.theme-addon-header span { color: var(--theme-accent); text-transform: uppercase; font-size: 0.74rem; font-weight: 900; letter-spacing: .18em; }
.theme-addon-header h2 { margin: .18rem 0 0; text-transform: uppercase; font-size: 1.25rem; letter-spacing: .06em; }
.theme-addon-close { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--theme-border); border-radius: 50%; color: var(--theme-text); background: #0003; font-size: 1.1rem; }
.theme-addon-intro { margin: 0; padding: .85rem 1.1rem 0; color: var(--theme-muted); font-size: 0.86rem; line-height: 1.5; }
.theme-addon-grid { display: grid; padding: .9rem 1.1rem 1.1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .7rem; }
.theme-addon-card { position: relative; min-width: 0; overflow: hidden; border: 1px solid color-mix(in srgb, var(--theme-border) 64%, transparent); border-radius: 5px; padding: 0; color: var(--theme-text); background: var(--theme-card); text-align: left; box-shadow: 0 9px 20px #0005; transition: border-color .18s, transform .18s, box-shadow .18s; }
.theme-addon-card:hover { border-color: var(--theme-accent); transform: translateY(-2px); }
.theme-addon-card.is-selected { border-color: var(--theme-accent); box-shadow: 0 0 0 1px var(--theme-accent), 0 10px 24px #0007, 0 0 18px color-mix(in srgb, var(--theme-accent) 24%, transparent); }
.theme-addon-preview { display: block; width: 100%; aspect-ratio: 1.75; background-position: center; background-size: cover; box-shadow: inset 0 -30px 30px #0008; }
.theme-addon-card-copy { display: flex; min-height: 152px; padding: .75rem; flex-direction: column; }
.theme-addon-card-copy small { color: var(--theme-accent); text-transform: uppercase; font-size: 0.70rem; font-weight: 900; letter-spacing: .14em; }
.theme-addon-card-copy strong { margin-top: .25rem; text-transform: uppercase; font-size: .82rem; letter-spacing: .07em; }
.theme-addon-card-copy > span { margin-top: .4rem; color: var(--theme-muted); font-size: 0.78rem; line-height: 1.42; }
.theme-addon-card-status { margin-top: auto; padding-top: .6rem; color: var(--theme-accent); text-transform: uppercase; font-size: 0.70rem; font-weight: 900; font-style: normal; letter-spacing: .12em; }
@keyframes theme-fade-in { from { opacity: 0; } }
@keyframes theme-panel-in { from { opacity: 0; transform: translateY(18px); } }

@media (max-width: 760px) {
  .theme-addon-panel { max-height: calc(100dvh - 100px); margin-bottom: 82px; overflow-y: auto; }
  .theme-addon-grid { grid-template-columns: 1fr; }
  .theme-addon-card { display: grid; grid-template-columns: 38% 1fr; }
  .theme-addon-preview { height: 100%; min-height: 135px; aspect-ratio: auto; }
  .theme-addon-card-copy { min-height: 135px; }
}

/* Complete visual language for alternate themes. Every selector is scoped to
   the home screen so the original application logic and internal pages stay intact. */
html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home :is(.menu-button, .panel-button) {
  position: relative;
  overflow: hidden;
  font-weight: 800;
  text-shadow: 0 2px 3px #000;
  background-image: none !important;
}
html[data-home-theme="mrak"] .game-home :is(.menu-button, .panel-button) {
  border: 1px solid #625d56;
  border-radius: 0;
  color: #e4ded2;
  background: linear-gradient(95deg, #111111f5, #191817ed 60%, #090909f7) !important;
  box-shadow: inset 0 1px #ffffff0b, 0 8px 18px #0009;
}
html[data-home-theme="mrak"] .game-home .menu-button {
  border-left: 3px solid #882520;
  clip-path: polygon(0 0, 97.5% 0, 100% 50%, 97.5% 100%, 0 100%, 2% 50%);
}
html[data-home-theme="mrak"] .game-home :is(.menu-button, .panel-button):hover {
  border-color: #9e9385;
  background: linear-gradient(95deg, #1b1918f8, #272321f2 60%, #100e0efa) !important;
  box-shadow: inset 0 1px #ffffff14, 0 11px 25px #000b, -5px 0 18px #5f171447;
}
html[data-home-theme="worlds"] .game-home :is(.menu-button, .panel-button) {
  border: 1px solid #a6b8b55c;
  border-radius: 9px;
  color: #ece7db;
  background: linear-gradient(100deg, #112530ed, #162c36e8 62%, #10232df0) !important;
  box-shadow: inset 0 1px #ffffff13, 0 9px 22px #0710198c;
  backdrop-filter: blur(12px);
}
html[data-home-theme="worlds"] .game-home .menu-button { border-left: 3px solid #6ec5bf; }
html[data-home-theme="worlds"] .game-home :is(.menu-button, .panel-button):hover {
  border-color: #9fd0cb99;
  background: linear-gradient(100deg, #183643f5, #21414bf0 62%, #18343ff5) !important;
  box-shadow: inset 0 1px #ffffff1c, 0 12px 28px #0610199f, 0 0 22px #5cb9b32b;
}
html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .panel-button {
  min-height: 42px;
  padding: .55rem .75rem;
  letter-spacing: .11em;
}
html[data-home-theme="mrak"] .game-home .panel-button::before,
html[data-home-theme="worlds"] .game-home .panel-button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 5px;
  height: 5px;
  transform: translateY(-50%) rotate(45deg);
}
html[data-home-theme="mrak"] .game-home .panel-button::before { background: #9d302a; box-shadow: 0 0 7px #9d302a; }
html[data-home-theme="worlds"] .game-home .panel-button::before { border-radius: 50%; background: #d5aa66; box-shadow: 0 0 7px #d5aa6680; }

html[data-home-theme="mrak"] .game-home :is(.auth-form input, .home-account-menu input) {
  border-color: #514c46;
  border-radius: 0;
  color: #eee8dd;
  background: #070707db;
  box-shadow: inset 0 4px 11px #000;
}
html[data-home-theme="worlds"] .game-home :is(.auth-form input, .home-account-menu input) {
  border-color: #819d9866;
  border-radius: 6px;
  color: #f0eadf;
  background: #0a1c25d9;
  box-shadow: inset 0 3px 9px #0610198c;
}
html[data-home-theme="mrak"] .game-home :is(.auth-form label, .text-link, .back-link, .profile-type, .profile-stats, .guest-note) { color: #948b80; }
html[data-home-theme="worlds"] .game-home :is(.auth-form label, .text-link, .back-link, .profile-type, .profile-stats, .guest-note) { color: #a8b9b6; }
html[data-home-theme="mrak"] .game-home .avatar-medallion { border-color: #80766a; color: #d5cec2; background: radial-gradient(circle,#302c29,#090909); box-shadow: 0 0 0 5px #0a0a0a,0 0 0 6px #75221f,0 8px 18px #000; }
html[data-home-theme="worlds"] .game-home .avatar-medallion { border-color: #8fc7c1; color: #eee9de; background: radial-gradient(circle,#31515a,#11252e); box-shadow: 0 0 0 5px #102630,0 0 0 6px #d2a665,0 9px 20px #061018a8; }

/* Footer, social networks, service controls and friends now follow the selected skin. */
html[data-home-theme="mrak"] .game-home { --alt-border:#5d554d; --alt-text:#ddd6ca; --alt-muted:#82786e; --alt-accent:#9f302a; --alt-panel:#151312f2; }
html[data-home-theme="worlds"] .game-home { --alt-border:#668e8a; --alt-text:#e9e4d9; --alt-muted:#9bafac; --alt-accent:#73c2bc; --alt-panel:#122a34f2; }
html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .home-footer {
  border-color: var(--alt-border);
  color: var(--alt-text);
  background: linear-gradient(180deg, color-mix(in srgb,var(--alt-panel) 91%,transparent), color-mix(in srgb,var(--alt-panel) 72%,#000));
  box-shadow: 0 -10px 30px #0008, inset 0 1px #ffffff0b;
  backdrop-filter: blur(13px);
}
html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .home-footer :is(nav, nav button, .home-social-links, .home-footer-status) { border-color: color-mix(in srgb,var(--alt-border) 55%,transparent); }
html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .home-footer button:hover { color: #fff; background: color-mix(in srgb,var(--alt-accent) 12%,transparent); }
html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .home-footer-welcome span { color: var(--alt-muted); }
html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .home-social-links a {
  border-color: var(--alt-border);
  color: var(--alt-accent);
  background: color-mix(in srgb,var(--alt-panel) 88%,#000);
  box-shadow: inset 0 1px #ffffff12, 0 5px 13px #0007;
}
html[data-home-theme="mrak"] .game-home .home-social-links a { border-radius: 3px; }
html[data-home-theme="worlds"] .game-home .home-social-links a { border-radius: 9px; }
html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .home-social-links a:hover { border-color: var(--alt-accent); color:#fff; box-shadow:0 0 15px color-mix(in srgb,var(--alt-accent) 35%,transparent); }
html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .friends-orb {
  border-color: var(--alt-border);
  color: var(--alt-text);
  background: radial-gradient(circle at 38% 30%, color-mix(in srgb,var(--alt-panel) 76%,#fff), color-mix(in srgb,var(--alt-panel) 82%,#000) 68%);
  box-shadow: 0 9px 24px #000b, inset 0 0 0 3px color-mix(in srgb,var(--alt-accent) 15%,transparent);
}
html[data-home-theme="mrak"] .game-home .friends-orb { border-radius: 5px; transform: rotate(45deg); }
html[data-home-theme="mrak"] .game-home .friends-orb > * { transform: rotate(-45deg); }
html[data-home-theme="worlds"] .game-home .friends-orb { border-radius: 15px; }
html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .home-design-stage button {
  border-color: var(--alt-border);
  color: var(--alt-text);
  background: var(--alt-panel);
}

@media (max-width: 480px) {
  .theme-addon-backdrop { padding: .55rem; }
  .theme-addon-panel { width: calc(100vw - 1.1rem); margin-bottom: 92px; }
  .theme-addon-intro { font-size: 0.82rem; }
  .theme-addon-card-copy > span { font-size: 0.78rem; }
}

/* Alternate home compositions. Classic deliberately keeps the application's
   original geometry; only Mrak and Worlds are rearranged here. */
@media (min-width: 761px) {
  html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .logo-anchor {
    top: 5.5%;
    left: 5.5%;
    width: clamp(350px, 32vw, 565px);
    transform: none;
    justify-content: flex-start;
  }
  html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .logo-anchor::before {
    position: absolute;
    top: -.35rem;
    left: .25rem;
    z-index: 2;
    font-family: Literata,Georgia,"Times New Roman",serif;
    font-size: clamp(7px, .52vw, 10px);
    font-weight: 800;
    letter-spacing: .24em;
    text-transform: uppercase;
  }
  html[data-home-theme="mrak"] .game-home .logo-anchor::before { content: "Хроники павшего мира"; color: #b65b52; }
  html[data-home-theme="worlds"] .game-home .logo-anchor::before { content: "Онлайн-площадка настольных миров"; color: #8ed0c9; }
  html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .game-logo {
    width: 100%;
    max-width: none;
    filter: drop-shadow(0 12px 12px #000b);
  }
  html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .main-menu {
    top: 34%;
    left: 5.5%;
    width: clamp(350px, 29vw, 485px);
    transform: none;
    gap: clamp(7px, .7vw, 12px);
  }
  html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .menu-button {
    min-height: clamp(55px, 6.4vh, 70px);
    padding: .65rem 3.2rem .65rem 4.2rem;
    text-align: left;
    letter-spacing: .065em;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  }
  html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .menu-button:hover {
    transform: translateX(8px);
  }
  html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .menu-button::before {
    position: absolute;
    left: 1.2rem;
    font-family: Literata,Georgia,"Times New Roman",serif;
    font-size: .65em;
    font-weight: 400;
    opacity: .72;
  }
  html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .menu-button:nth-child(1)::before { content: "01"; }
  html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .menu-button:nth-child(2)::before { content: "02"; }
  html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .menu-button:nth-child(3)::before { content: "03"; }
  html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .menu-button::after {
    content: "›";
    position: absolute;
    right: 1.2rem;
    font-family: Literata,Georgia,"Times New Roman",serif;
    font-size: 1.35rem;
    font-weight: 400;
    opacity: .74;
  }
  html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .account-parchment {
    top: 17%;
    right: 4.5%;
    bottom: auto;
    left: auto;
    width: clamp(300px, 23vw, 410px);
    height: min(62vh, 575px);
    min-height: 420px;
    transform: none;
  }
  html[data-home-theme="mrak"] .game-home .account-parchment {
    border-left: 3px solid #8e2c27;
    clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 12px 100%, 0 calc(100% - 12px));
  }
  html[data-home-theme="worlds"] .game-home .account-parchment {
    border-radius: 18px;
    border-top-color: #9ad5cf;
    background: linear-gradient(145deg, #173943e9, #091c26f2);
  }
  html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .panel-content {
    height: 100%;
  }
  html[data-home-theme="mrak"] .game-home .menu-button {
    border-radius: 0;
    border-left: 3px solid #a8362f;
    background: linear-gradient(100deg, #211c1bf2, #0a0909f4) !important;
    background-image: linear-gradient(100deg, #211c1bf2, #0a0909f4) !important;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
  }
  html[data-home-theme="worlds"] .game-home .menu-button {
    border-radius: 12px;
    border-left: 3px solid #73c2bc;
    background: linear-gradient(100deg, #19414beb, #0b2732ed) !important;
    background-image: linear-gradient(100deg, #19414beb, #0b2732ed) !important;
    box-shadow: inset 0 1px #d6ffff14, 0 10px 28px #020b1099;
  }
}

/* Final theme button overrides (kept last so the original wooden texture can
   never leak through the alternate skins). */
html[data-home-theme="mrak"] .game-home .menu-button {
  border: 1px solid #625d56;
  border-left: 3px solid #882520;
  border-radius: 0;
  color: #e4ded2;
  background: linear-gradient(95deg,#111111f5,#191817ed 60%,#090909f7) !important;
  background-image: linear-gradient(95deg,#111111f5,#191817ed 60%,#090909f7) !important;
  box-shadow: inset 0 1px #ffffff0b,0 8px 18px #0009;
  clip-path: polygon(0 0,97.5% 0,100% 50%,97.5% 100%,0 100%,2% 50%);
}
html[data-home-theme="mrak"] .game-home .menu-button:hover {
  border-color:#9e9385;
  background:linear-gradient(95deg,#1b1918f8,#272321f2 60%,#100e0efa) !important;
}
html[data-home-theme="worlds"] .game-home .menu-button {
  border:1px solid #a6b8b55c;
  border-left:3px solid #6ec5bf;
  border-radius:9px;
  color:#ece7db;
  background:linear-gradient(100deg,#112530ed,#162c36e8 62%,#10232df0) !important;
  background-image:linear-gradient(100deg,#112530ed,#162c36e8 62%,#10232df0) !important;
  box-shadow:inset 0 1px #ffffff13,0 9px 22px #0710198c;
  clip-path:none;
}
html[data-home-theme="worlds"] .game-home .menu-button:hover {
  border-color:#9fd0cb99;
  background:linear-gradient(100deg,#183643f5,#21414bf0 62%,#18343ff5) !important;
}

@media (max-width: 760px) {
  html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .menu-button {
    border-left-width: 3px;
  }
  html[data-home-theme="mrak"] .game-home .menu-button { border-radius: 0; }
html[data-home-theme="worlds"] .game-home .menu-button { border-radius: 10px; }
  html:is([data-home-theme="mrak"], [data-home-theme="worlds"]) .game-home .account-parchment {
    backdrop-filter: blur(10px);
  }
}

html[data-home-theme="mrak"] .game-home .friends-orb {
  transform: none;
  border-radius: 0;
  clip-path: polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);
}
html[data-home-theme="mrak"] .game-home .friends-orb > * { transform:none; }

html:not([data-live-game="true"]):is([data-home-theme="mrak"], [data-home-theme="worlds"]) .friends-backdrop { background:#030506cf; backdrop-filter:blur(7px); }
html:not([data-live-game="true"])[data-home-theme="mrak"] .friends-panel {
  border-right:1px solid #625d56;
  color:#ded7ca;
  background:linear-gradient(115deg,#1b1918fa,#080808fc);
  box-shadow:18px 0 60px #000e,inset -1px 0 #8e2c2738;
}
html:not([data-live-game="true"])[data-home-theme="worlds"] .friends-panel {
  border-right:1px solid #78a29d;
  color:#ece7dc;
  background:linear-gradient(115deg,#173640fa,#091d27fc);
  box-shadow:18px 0 60px #020b10e6,inset -1px 0 #73c2bc38;
}
html:not([data-live-game="true"]):is([data-home-theme="mrak"], [data-home-theme="worlds"]) .friends-panel :is(h2,h3,strong) { color:inherit; }
html:not([data-live-game="true"])[data-home-theme="mrak"] .friends-panel :is(input,button,.player-id-card) { border-color:#625d56; color:#ded7ca; background:#151312; }
html:not([data-live-game="true"])[data-home-theme="worlds"] .friends-panel :is(input,button,.player-id-card) { border-color:#719995; color:#ece7dc; background:#102a34; }
html:not([data-live-game="true"]):is([data-home-theme="mrak"], [data-home-theme="worlds"]) .home-account-menu {
  border-color:var(--alt-border);
  color:var(--alt-text);
  background:linear-gradient(145deg,var(--alt-panel),color-mix(in srgb,var(--alt-panel) 76%,#000));
}
html:not([data-live-game="true"]):is([data-home-theme="mrak"], [data-home-theme="worlds"]) .home-account-menu button { border-color:var(--alt-border); color:var(--alt-text); background:color-mix(in srgb,var(--alt-panel) 86%,#fff); }