/* M1-MAFIA • Unified Ivory / Noir / Champagne palette | 2026-10-25
   Single shared accent for links, borders and focus. Do not recolor role-team identities
   or override original homepage, secret role art, cinematic hero/background photography. */
:root{
 --m1-ui-gold:#c9a474;--m1-ui-gold-bright:#ecd0a7;--m1-ui-gold-border:rgba(201,164,116,.55);
 --m1-ui-noir:#101113;--m1-ui-panel:#191918;--m1-ui-text:#f1e4d2;
 --m1-ui-ivory:#f6f2eb;--m1-ui-ivory-panel:#fffdfa;--m1-ui-ink:#2b261f;
 --m1-ui-ivory-line:#d9c9b4;--m1-ui-ivory-gold:#a47c4a;
}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--m1-ui-gold);outline-offset:3px}
/* Consistent gold active nav indicators across public pages; existing layouts preserved. */
:where(.site-header,.m1-global-header) :is(.nav-link,.m1-global-link).is-active{color:var(--m1-ui-gold-bright)}
:where(.site-header,.m1-global-header) :is(.m1-submenu-panel,.m1-live-dropdown-panel){border-color:var(--m1-ui-gold-border)}
/* Bring the standalone live-room pages into the same noir+champagne system. */
body:has(.m1-global-header){--gold:var(--m1-ui-gold);--gold2:var(--m1-ui-gold-bright);--muted:#b5a99a}
body:has(.m1-global-header) :is(.card,.session,.host,.mini-item,.notice-item){border-color:rgba(201,164,116,.34)}
body:has(.m1-global-header) :is(.card,.session,.host,.mini-item,.notice-item){background:linear-gradient(155deg,#191919,#111315)}
body:has(.m1-global-header) .primary{background:var(--m1-ui-gold);border-color:var(--m1-ui-gold);color:#17130f}
body:has(.m1-global-header) .secondary{color:var(--m1-ui-gold-bright);border-color:var(--m1-ui-gold-border)}
body:has(.m1-global-header) :is(input,select,textarea){border-color:#756249;background:#121415;color:var(--m1-ui-text)}
body:has(.m1-global-header) :is(.muted,.hint,.empty){color:#b4a797}
/* The dedicated live-game apps use the same champagne accent, not cold blue-greys. */
body:has(.container > .hero){--gold:var(--m1-ui-gold);--gold2:var(--m1-ui-gold-bright)}
body:has(.layout > .hero){--gold:var(--m1-ui-gold);--cream:var(--m1-ui-text)}
/* Readability and common color logic on light content pages. */
body.m1-ivory-trial{--ivory:#f6f2eb;--ivory-gold:var(--m1-ui-ivory-gold);
 --m1-light-bg:#f6f2eb;--m1-light-bg-alt:#fffdfa;--m1-light-ink:#2b261f;
 --m1-light-muted:#665e53;--m1-light-line:#d9c9b4;--m1-light-gold:#a47c4a}
body.m1-ivory-trial :is(.roles-main,.m1-scenarios-main,.m1-shop-main,.m1-cafes-main,.services-main)
 :is(.search-field,.m1-cafe-search input,.m1-shop-search input){color:var(--m1-ui-ink);border-color:var(--m1-ui-ivory-line)}
/* Functional entry points on Live retain high-contrast gold outlines. */
.m1-live-direct-actions{display:flex;flex-wrap:wrap;gap:11px;margin:20px 0 0}
.m1-live-direct-actions a{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:10px 19px;border-radius:8px;border:1px solid var(--m1-ui-gold);background:linear-gradient(110deg,#3f3022,#241e1b);color:#f8e8cd;font:700 12px/1.7 Tahoma,'Segoe UI',sans-serif;transition:background .18s,border-color .18s}
.m1-live-direct-actions a:hover{background:#573d26;border-color:var(--m1-ui-gold-bright);color:#fff6e8;text-decoration:none}
.m1-live-direct-actions a.secondary-link{background:#161616;border-color:#775f42}
@media(max-width:540px){.m1-live-direct-actions a{flex:1 1 160px}}

/* Offline single-file preview: functional Live Game demo inside the existing header. */
.m1-live-standalone{background:#101113!important;min-height:calc(100vh - 90px);overflow:visible!important;color:#f1e4d2;padding:18px clamp(12px,2vw,30px) 26px!important}
.m1-live-standalone .m1-live-preview-top{max-width:1490px;margin:0 auto 15px;border:1px solid #826545;border-radius:12px;background:linear-gradient(110deg,#231d18,#131414);padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.m1-live-preview-top strong{font:700 17px/1.6 Tahoma,sans-serif;color:#f6dfbc}.m1-live-preview-top p{color:#c5b69f;font:12px/1.9 Tahoma,sans-serif;margin:4px 0 0}
.m1-live-preview-actions{display:flex;flex-wrap:wrap;gap:8px}.m1-live-preview-actions button{font:700 12px Tahoma,sans-serif;cursor:pointer;border:1px solid #715a3e;color:#e9cdaa;background:#1e1c1a;border-radius:7px;padding:12px 17px;min-height:44px}
.m1-live-preview-actions button.is-active{background:#c9a474;color:#15130f;border-color:#c9a474}
#m1-live-preview-iframe{display:block;width:min(1490px,100%);height:calc(100vh - 110px);min-height:650px;margin:0 auto;border:1px solid #6a553b;border-radius:10px;background:#080a0d}
@media(max-width:600px){.m1-live-standalone .m1-live-preview-top{padding:12px}.m1-live-preview-actions{width:100%}.m1-live-preview-actions button{flex:1 1 125px}.m1-live-preview-top strong{font-size:15px}#m1-live-preview-iframe{min-height:740px;height:80vh}}

.m1-live-local-notice{margin:18px auto;padding:15px 20px;max-width:1260px;border:1px solid var(--m1-ui-gold-border);background:#211b16;color:#f4ddbc;font:13px/2 Tahoma,Arial,sans-serif;border-radius:8px}
.m1-live-local-notice[hidden]{display:none!important}.m1-live-local-notice a{color:var(--m1-ui-gold-bright);text-decoration:underline;text-underline-offset:4px}