/* MYSTERY — black / scarlet shared brand layer. */
:root{--ph-bg:#080708;--ph-accent:#ef233c;--ph-accent-text:#ff6374;--ph-accent-ink:#fff;--ph-accent-glow:rgba(239,35,60,.3);--ph-accent-soft:rgba(239,35,60,.12);--ph-accent-line:rgba(239,35,60,.4);--accent:#ef233c;--accent-hi:#ff6374;--accent-soft:rgba(239,35,60,.12);--bg:#080708;--panel:#120e10;--fill:#1b1316;--line:#322127;--line-hi:#65404b;--card-hi:#1b1316;--card-lo:#120e10}
body{background-color:#080708}.mystery-wordmark{font-family:var(--ph-font-display,Inter,sans-serif);font-size:clamp(22px,6vw,32px);font-weight:800;letter-spacing:.13em;text-align:center;color:#fff;line-height:1.3}.mystery-wordmark span{color:#ff304b}
.gate-brand{padding:18px 0}.gate-brand img{height:clamp(110px,23vh,180px)!important;width:min(290px,75vw)!important;object-fit:contain}.gate-brand #txtTagline{letter-spacing:.16em;color:#a89198!important;font-size:9px!important}
.mystery-promo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border:1px solid #53232d;border-radius:8px;background:#080708}
.ph-btn--primary{color:#fff!important;background:#df1933!important}.ph-btn--primary:hover{background:#fa304b!important}.ph-tab.active,.ph-tab[aria-selected=true]{color:#ff6374}
.login-card .logo{object-fit:contain;max-width:180px}.login-card h1{overflow-wrap:anywhere;letter-spacing:.08em}.sidebar .brand{gap:8px}.sidebar .brand .w1{font-size:12px;letter-spacing:.04em}.sidebar .brand img{flex-shrink:0}
.brand img{object-fit:contain}.primary,.grad-btn{color:#fff}.panel-language button[aria-pressed=true]{background:#4a1824;color:#fff;border-color:#ef233c}
[data-theme=light]{--accent:#c91430;--accent-hi:#a90c26;--accent-soft:rgba(201,20,48,.1)}
@media(max-height:740px){.gate-brand{gap:10px!important;padding:10px 0}.gate-brand img{height:110px!important}.mystery-wordmark{font-size:23px}}
@media(prefers-reduced-motion:reduce){.gate-brand img{animation:none!important}}