/* Multisala cosmic identity, 2026-10-21.
 * Appearance only. Existing layout, controls, state classes and media queries
 * belong to their original stylesheets. No sizing, positioning or JS changes.
 * All assets are local to the Multisala public skin.
 */
:root {
  --bg: #060309;
  --panel: #140b1b;
  --panel2: #1b0e23;
  --line: #513047;
  --pink: #ff0099;
  --pink2: #dd008d;
  --text: #fffaf2;
  --muted: #d5c8d6;
  --gold: #f8d16b;
}
html { background-color: #060309; }
html body {
  background-color: #060309;
  background-image: linear-gradient(rgba(5, 2, 9, .12), rgba(5, 2, 9, .12)), url("assets/multisala/cosmic-nebula.v1-20261021.webp");
  background-size: auto, max(100vw, 66.667vh) auto;
  background-repeat: no-repeat, repeat-y;
  background-position: center top;
  background-attachment: fixed;
  color: #fffaf2;
}
@media (max-width: 700px) {
  html body {
    background-image: linear-gradient(rgba(5, 2, 9, .12), rgba(5, 2, 9, .12)), url("assets/multisala/cosmic-nebula-mobile.v1-20261021.webp");
  }
}

/* Existing chrome stays in its original boxes. */
html body .site-header.ms-header {
  background: rgba(7, 3, 11, .84);
  border-bottom-color: rgba(255, 29, 159, .72);
  box-shadow: 0 6px 24px #0007, 0 1px 14px #f09a;
}
html body .site-header.ms-header .desktop-nav {
  background: rgba(16, 7, 22, .78);
  border-color: #a86b4059;
}
html body .desktop-nav > button,
html body .desktop-nav > a { color: #fff5ea; }
html body .desktop-nav > button.active,
html body .desktop-nav > button:hover,
html body .desktop-nav > a:hover {
  color: #ffe9a5;
  background: linear-gradient(120deg, #9d09584d, #5a193c4d);
  border-color: #f7bf5b9e;
}
html body .site-header.ms-header .brand img,
html body .ms-hero .ms-hero-mark img {
  filter: drop-shadow(0 0 12px #ff009947) drop-shadow(0 3px 8px #000a);
}
html body .login-button,
html body .profile-button,
html body .balance-button {
  background: rgba(10, 5, 16, .88);
  border-color: #d8b55d;
  color: #fff1bc;
}
html body .deposit-button,
html body .register-button,
html body .hero-cta,
html body .primary-submit {
  background: linear-gradient(110deg, #d60087, #b90082);
  color: #fff;
  border-color: #ff5cbe;
  box-shadow: 0 5px 24px #ed00992e;
}
html body .mobile-menu,
html body .multisala-menu {
  background: rgba(14, 6, 20, .98);
  border-color: #c83b8e80;
  color: #fffaf2;
}
html body nav.mobile-bottom-nav.mobile-nav {
  background: rgba(9, 4, 14, .9);
  border-top-color: #ef389675;
  box-shadow: 0 -6px 20px #0005;
}
html body nav.mobile-bottom-nav.mobile-nav > button { color: #e1d7df; }
html body nav.mobile-bottom-nav.mobile-nav > button.active {
  color: #ffe39b;
  text-shadow: 0 0 12px #f4b13a80;
}

/* The cosmic canvas continues behind all original sections. */
html body .ms-hero {
  background: linear-gradient(105deg, rgba(8, 3, 12, .76), rgba(24, 3, 19, .28) 65%, rgba(8, 3, 12, .46));
  border-color: #e28a756b;
  box-shadow: 0 12px 35px #0005, inset 0 0 35px #ff009908;
}
html body .ms-hero::before,
html body .ms-hero::after { border-color: #fbc14b33; box-shadow: none; }
html body .ms-hero-copy > p,
html body .ms-hero-copy h1 strong { color: #ffdc79; }
html body .ms-hero-copy h1,
html body .ms-hero-copy h2 { text-shadow: 0 3px 16px #000; }
html body .ms-hero-values {
  background: rgba(10, 4, 16, .76);
  border-color: #e49a6f66;
}
html body .ms-rooms,
html body .ms-live,
html body .ms-service,
html body .games-section {
  background: rgba(9, 4, 15, .64);
  border-color: #e9429b45;
  box-shadow: 0 8px 30px #0003;
}
html body .provider-rail { background: rgba(9, 4, 15, .48); border-color: #e9429b45; }
html body .ms-live-grid > button,
html body .ms-service article,
html body .provider-tab,
html body .search-box,
html body .category-chip {
  background: rgba(16, 7, 24, .86);
  border-color: #76516e;
  color: #fff7ed;
}
html body .category-chip.active,
html body .category-chip:hover,
html body .provider-all {
  background: linear-gradient(115deg, #6e4519cc, #362013e6);
  border-color: #eec76a;
  color: #fff3ca;
  box-shadow: inset 0 0 16px #f8c75b12;
}
html body .ms-live-grid > button:hover { border-color: #f8d16b; }
html body .home-row-header h2,
html body .section-heading h2 { color: #fffaf2; text-shadow: 0 2px 9px #000c; }
html body .home-row-header .row-more,
html body .ms-service a,
html body .ms-service button { color: #ffe39b; }
html body .pink-bar { background: linear-gradient(#ffd875, #ff0099); }
html body .load-more {
  color: #fff2c5;
  background: rgba(22, 8, 26, .9);
  border-color: #e9b963;
}
html body footer {
  background: rgba(8, 3, 13, .68);
  border-color: #d9419666;
  color: #ded0df;
}

/* Dialogs retain opaque reading surfaces and original state/error colors. */
html body .modal:not(.game-shell),
html body #authModal.auth-dialog,
html body .auth-panel {
  background-color: #12091b;
  border-color: #b64e9273;
}
html body .input-shell,
html body .modal input { background-color: #0a050f; }
html body .auth-mode-tab.active {
  background: linear-gradient(110deg, #d60087, #b90082);
  color: #fff;
}

/* Branding inserted by unchanged shared scripts, scoped to this skin only. */
html body .ms-push-promotion > img,
html body .mpr-banner > img,
html body .ms-install-logo {
  content: url("assets/multisala/cosmic-mark-384.v1-20261021.webp");
}