
/* Shared navigation and carefully scoped page palettes. */
.site-menu{position:fixed;top:1.25rem;right:clamp(1rem,3vw,2.5rem);z-index:200}
.site-menu>summary{display:flex;align-items:center;gap:1rem;padding:.8rem 1.1rem;border:1px solid #ffffff30;border-radius:2rem;background:#151318eb;color:#f2ece7;cursor:pointer;list-style:none;font:600 .8rem/1.2 Arial,sans-serif;letter-spacing:.08em;box-shadow:0 .5rem 2rem #0003}
.site-menu>summary::-webkit-details-marker{display:none}
.site-menu>summary:hover{border-color:#ffffff80}
.site-menu-scrim{position:fixed;inset:0;background:#0009;backdrop-filter:blur(6px);z-index:-1}
.site-menu-panel{position:fixed;right:0;top:0;bottom:0;width:min(30rem,100vw);padding:clamp(1.5rem,4vw,3rem);background:radial-gradient(ellipse at 100% 0,#66516a22,transparent 65%),#111015;border-left:1px solid #ffffff25;box-shadow:-2rem 0 8rem #0008;overflow-y:auto;display:flex;flex-direction:column;color:#f2ece7}
.site-menu-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:2.5rem;color:#a99eab;font:600 .65rem/1.4 Arial,sans-serif;letter-spacing:.2em}
.site-menu-head button{width:2.8rem;height:2.8rem;border:1px solid #ffffff30;border-radius:50%;background:#ffffff08;color:#f2ece7;font-size:1.7rem;cursor:pointer}
.site-menu-panel nav{display:flex!important;flex-direction:column;align-items:stretch;gap:0}
.site-menu-panel nav a{display:block!important;padding:1.2rem 0;border-bottom:1px solid #ffffff14;color:#e6dfe7;font:500 clamp(1rem,2.2vw,1.3rem)/1.35 Arial,sans-serif;text-decoration:none;text-transform:none;letter-spacing:0;transition:color .2s,padding .2s}
.site-menu-panel nav a:hover,.site-menu-panel nav a[aria-current="page"]{color:#fff;padding-left:.5rem}
.site-menu-note{margin-top:auto;padding-top:3rem;color:#8e8493;font:.75rem/1.6 Arial,sans-serif;letter-spacing:.04em}
.site-menu :focus-visible{outline:2px solid #d8c3e2;outline-offset:5px}
body.site-menu-open{overflow:hidden}
.site-hashtag{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;column-gap:.7rem;row-gap:.35rem;max-width:none;padding-left:0;letter-spacing:0;text-transform:none}
.site-hashtag::before{display:none}
.site-hashtag strong{font-size:.9rem;letter-spacing:.035em;color:var(--ink,#f2ece7)}
.site-hashtag span::before{content:"";display:inline-block;width:.25rem;height:.25rem;margin-right:.7rem;border-radius:50%;background:var(--blood-bright,#d6415d);vertical-align:middle;box-shadow:0 0 .45rem #d6415d45}
.site-hashtag span{font-size:.68rem;font-weight:400;line-height:1.4;color:var(--muted,#a8a0ad);letter-spacing:0}
body:has(.site-menu) .site-header{padding-right:8rem}
body:has(.site-menu) .room-stage{top:4rem}
body:has(.site-menu) .room-header{padding-right:8rem}
body:has(.site-menu) .room-header .connection{display:none}
body:has(.site-menu) .room-header{grid-template-columns:auto 1fr}
body:has(.site-menu) .room-title{position:absolute;left:50%;transform:translateX(-50%);justify-self:center;max-width:calc(100% - 17rem);text-align:center;text-wrap:balance}
.home-story p{font-family:inherit;font-size:clamp(1rem,1.25vw,1.2rem);font-weight:400;line-height:1.85;color:var(--muted);margin:0 0 1.8rem;max-width:none}
.home-story b{font-weight:700;color:var(--ink)}
.home-story a{font-weight:inherit;color:inherit;text-decoration:underline;text-underline-offset:.22em}
.home-story-rule{border:0;height:1px;background:linear-gradient(90deg,#ca425b,#ca425b55,transparent);margin:2.5rem 0}
.palette-ember{--accent:202,66,91;--ink:#f6e8e2;--muted:#bcaaa6;--black:#0d080a}
.palette-plum{--accent:173,132,218;--ink:#f0e8f7;--muted:#b6a9c4;--black:#0c0910}
.palette-amber{--accent:202,161,102;--ink:#f3ecdf;--muted:#bbaf9b;--black:#0e0b08}
.palette-teal{--accent:102,194,190;--ink:#e4f3ef;--muted:#9db9b6;--black:#070f10}
.palette-violet{--accent:184,156,230;--ink:#f0e9fa;--muted:#b8aaca;--black:#0b0810}
.palette-bronze{--accent:196,154,112;--ink:#f4eade;--muted:#bbad9d;--black:#100c09}
.palette-jade{--accent:139,196,154;--ink:#e8f3e9;--muted:#a7bba9;--black:#080e0b}
.palette-ice{--accent:139,193,214;--ink:#e6f1f7;--muted:#a4b8c4;--black:#080e13}
.palette-indigo{--accent:150,158,228;--ink:#eeedfb;--muted:#a9aec8;--black:#090b17}
[class*="palette-"]:not(.palette-hollywood){--blood-bright:rgb(var(--accent));--blood:rgb(var(--accent));--line:rgba(var(--accent),.22);--soft-line:rgba(var(--accent),.1);--panel:rgba(var(--accent),.065);--blood-wash:rgba(var(--accent),.1)}
body[class*="palette-"]:not(.palette-hollywood){background:radial-gradient(ellipse 55rem 36rem at 85% 12%,rgba(var(--accent),.08),transparent 70%),var(--black);color:var(--ink)}
[class*="palette-"]:not(.palette-hollywood) .mira-hub-button{background:linear-gradient(145deg,rgba(var(--accent),.12),rgba(12,10,16,.9));border-color:rgba(var(--accent),.3)}
[class*="palette-"]:not(.palette-hollywood) .mira-hub-button:hover{border-color:rgba(var(--accent),.7);background:linear-gradient(145deg,rgba(var(--accent),.22),rgba(12,10,16,.95))}
[class*="palette-"]:not(.palette-hollywood) .mira-hub-button[aria-selected="true"]{background:linear-gradient(145deg,rgba(var(--accent),.3),rgba(var(--accent),.13));border-color:rgb(var(--accent));box-shadow:inset 3px 0 0 rgb(var(--accent)),0 6px 22px #0003}
[class*="palette-"]:not(.palette-hollywood) .mira-hub-description{color:var(--muted)}
.palette-violet{--violet:rgb(var(--accent));--ivory:var(--ink);--pink:rgb(var(--accent))}
.palette-violet .space{background:radial-gradient(circle at 50% 42%,rgba(var(--accent),.08),transparent 22rem),#08060c}
.palette-violet .station{border-color:rgba(var(--accent),.25);background:linear-gradient(145deg,#21182be6,#100c17dd)}
.palette-violet .drawer{background:radial-gradient(circle at 100% 0%,rgba(var(--accent),.1),transparent 22rem),#100b17fa}
@media(max-width:760px){.site-hashtag{max-width:calc(100vw - 10rem)}.site-hashtag span{font-size:.6rem}.site-menu{top:1rem}.site-menu-panel{padding:1.5rem}.room-title{font-size:.55rem!important}}
@media(prefers-reduced-motion:reduce){.site-menu *{transition:none!important}}

/* Approved page palettes. Layout and imagery remain independent of color. */
.palette-ember{--accent:190,48,70;--ink:#f4eee7;--muted:#b9a9aa;--black:#0b080a}
.palette-pearl{--accent:175,164,198;--ink:#f2f0ed;--muted:#b2adb9;--black:#0b0c12}
.palette-amber{--accent:195,170,130;--ink:#f3ecdf;--muted:#bcb0a1;--black:#100c09}
.palette-electric{--accent:163,146,240;--ink:#f1effb;--muted:#b2aec9;--black:#090a13;--secondary:#8cced8}
.palette-haven{--accent:123,154,185;--ink:#f3ede3;--muted:#aeb7c3;--black:#090e19;--secondary:#d4b17a}
.palette-indigo{--accent:100,183,207;--ink:#e7eef3;--muted:#a5b5c0;--black:#0b1017}
.palette-ice{--accent:104,151,224;--ink:#eef3fa;--muted:#a7b7cf;--black:#090e1a}
.palette-jade{--accent:99,179,135;--ink:#eef2e9;--muted:#a7bab0;--black:#09120e}
.palette-fight{--accent:193,53,69;--ink:#eee9df;--muted:#b9a7a7;--black:#0c090b}
.palette-violet{--accent:179,160,224;--ink:#eeebf5;--muted:#b3aac6;--black:#0a0917}
.palette-bronze{--accent:182,145,98;--ink:#eee7d9;--muted:#b7ac9c;--black:#100e0b}
[class*="palette-"]:not(.palette-hollywood){--dim:var(--muted);--ivory:var(--ink);--blood-deep:rgba(var(--accent),.35)}
[class*="palette-"]:not(.palette-hollywood) .site-header{background:linear-gradient(180deg,var(--black),transparent)}
[class*="palette-"]:not(.palette-hollywood) .eyebrow{color:rgb(var(--accent))}
[class*="palette-"]:not(.palette-hollywood) .site-menu-panel{background:radial-gradient(ellipse at 100% 0,rgba(var(--accent),.12),transparent 65%),var(--black);color:var(--ink)}
[class*="palette-"]:not(.palette-hollywood) .site-menu-panel nav a{color:var(--ink)}
.palette-electric .identity-body aside{border-color:var(--secondary)}
.palette-haven .status-note{border-color:var(--secondary)}
.palette-violet .space{background:radial-gradient(circle at 50% 42%,rgba(var(--accent),.08),transparent 22rem),var(--black)}
