/* ??? keeps dark-theme contrast while giving the site its own midnight-purple palette. */
body.mystery{background:#151022;color:#f5eeff;--surface:#241a38;--muted:#c8badb;--line:#5b4877;color-scheme:dark}
body.mystery header{background:#100b1c;border-color:#493262}
body.mystery .logo{color:#ead5ff}
body.mystery aside{border-right:1px solid #493262}
body.mystery #side-nav a:hover,body.mystery #side-nav a.active{background:#43305c}
body.mystery .chat-toggle,body.mystery .chat-box{background:#241a38}
body.mystery .online{border-color:#151022}
body.mystery .play,body.mystery .s20-save{background:#7940cb;color:#fff}
body.mystery .play:hover,body.mystery .s20-save:hover{background:#9159df}
body.mystery .s20-nav a.selected{border-left-color:#b27aff}
body.mystery .tabs button.selected{border-color:#b27aff}
body.mystery button:focus-visible,body.mystery a:focus-visible,body.mystery input:focus-visible,body.mystery select:focus-visible{outline-color:#b27aff}
body.mystery .theme-choices{display:flex;gap:8px;flex-wrap:wrap}
body.mystery .theme-choices [data-theme=mystery]{border-color:#b27aff}