/* Shared black marble, antique gold and reflected amber light. */
:root{color-scheme:dark;--mirror-bg:#0b0907;--mirror-panel:#18140f;--mirror-panel-raised:#262017;--mirror-gold:#edca87;--mirror-text:#f1e7d5;--mirror-muted:#c7baa5;--mirror-border:#80643c;--mirror-selected:#3c2d19}
@media screen{
html{background:#0b0907}body{background:radial-gradient(ellipse at 50% 0,#b2792620,transparent 52%),linear-gradient(#0b0907ef,#0b0907f7),url('/mirror-room-opening.png') center top/cover fixed;color:var(--mirror-text)}
#mirror-preview{--ink:#f1e7d5;--paper:#0b0907;--panel:#18140f;--line:#80643c;--quiet:#c7baa5;--mint:#262017;--green:#edca87;background:transparent;color:#f1e7d5;min-height:100vh}
header:not(.floating-profile),#mirror-preview .site-header{background:linear-gradient(180deg,#20190ff5,#0d0b08f5);border-bottom:1px solid #98734466;box-shadow:0 4px 24px #0005}
h1,h2,h3,#mirror-preview h1,#mirror-preview h2,#mirror-preview h3{color:#edca87;font-family:Georgia,'Times New Roman',serif;font-weight:400;text-shadow:0 2px 18px #bc812215}
p,small,.muted,.note,.axis,footer,#mirror-preview p,#mirror-preview small{color:#c7baa5}a,#mirror-preview a{color:#f0d093}.eyebrow,#mirror-preview .eyebrow{color:#d7b67b}
.card,.tile,.vision-panel,.steps article,.map-grid article,.emotion-result,#mirror-preview .tile,#mirror-preview .vision-panel{background:linear-gradient(140deg,#292015aa,#12100de8 65%);border:1px solid #92703d88;box-shadow:inset 0 1px 0 #f5d49713,0 14px 34px #0005;color:#f1e7d5}
.welcome .intro{background:radial-gradient(ellipse at 50% 0,#b67e2926,transparent 70%),linear-gradient(145deg,#211b12cc,#100e0bcc);border-color:#92703d88;box-shadow:0 18px 55px #0004}.welcome .lead{color:#dfd1ba}.royal-brand .royal-origin,.royal-hero-origin{color:#dac196}
.mirror-door,#mirror-preview .mirror-door,.emotion-door{background-color:#15110d;border-color:#9e7a42;box-shadow:0 16px 35px #0006,inset 0 0 0 1px #edca8720}.mirror-door:hover,#mirror-preview .mirror-door:hover{border-color:#f0d29a;box-shadow:0 18px 45px #0008,0 0 22px #b9812826}.mirror-door h2{color:#f3d79e!important}.mirror-meta,.mirror-label{color:#e2c18a!important}
button,.button,#mirror-preview button.primary,#mirror-preview .primary,.cinematic-actions .button{background:linear-gradient(125deg,#b48843,#f1d49b 48%,#c29a57);color:#1c1309;border:1px solid #ead098;box-shadow:inset 0 1px 0 #fff0ca66,0 5px 18px #0003}
button.secondary,#mirror-preview button:not(.primary):not(.active):not(.mirror-door),.emotion-option{background:linear-gradient(145deg,#2b2318,#17130f);color:#eddfc5;border:1px solid #8e6e4088}.emotion-option:hover,.emotion-option:focus-visible{background:#392c1b;border-color:#e1bd7d}
.choice,.belief-option{background:#19150f;color:#eadfc9;border-color:#776044}.choice:has(input:checked),.belief-option:has(input:checked){background:linear-gradient(135deg,#564020,#2c2215);border-color:#edca87;box-shadow:0 0 0 1px #edca8744,inset 0 1px 0 #f5deb329}.choice:hover,.belief-option:hover{border-color:#d2aa68}.question,.rank,.belief-results{border-color:#67523466}input[type=radio],input[type=checkbox]{accent-color:#d5ad67}
input:not([type=radio]):not([type=checkbox]):not([type=file]),select,textarea{background:#120f0b;color:#f1e7d5;border:1px solid #84643b}input[type=file]{color:#e6d6b9}
.progress,.track,#mirror-preview .track,.emotion-progress{background:#342919}.progress i,.emotion-progress i{background:linear-gradient(90deg,#997133,#f0d095)}.barrow .track i{background:#d4ad69}.belief-position{background:linear-gradient(90deg,#725734,#32271b,#e3c17d)}.belief-position i{background:#fff1cb;box-shadow:0 0 10px #dfb97455}
.radar-card{--radar-color:#e4be77}.radar-drainer{--radar-color:#bba689}.radar-grid polygon,.radar-grid line{stroke:#766044}.radar-axis{fill:#e9dcc3}.radar-tick{fill:#bba98c}.radar-dot{stroke:#17110a}.radar-insight:not(:empty){border-color:#8d6a3e}.radar-target:focus .radar-hit{fill:#cba55620;stroke:#ffe3a4}.radar-instruction{color:#d8b879!important}
.stat-entry,.strength-item,.category-snapshot,.stat-reveal,.habit-change,.interactive-stat,.stat-notes,.emotion-history{border-color:#78603e66}.stat-reveal,.strength-item,.category-snapshot{background-color:#19140e88}.stat-badge,.pill{background:#2d2316;color:#e9d0a2;border-color:#8a6c3f}.stat-emblem,.strength-orb{background:radial-gradient(circle,#765421,#24190f);color:#f0d39a;border-color:#a47b40}
.room-dropdown,.menu-dialog,body .privacy-dialog{background:linear-gradient(145deg,#282015,#100e0b);color:#eadfc9;border-color:#a17c42;box-shadow:0 20px 60px #000a}.room-dropdown a{color:#ead5ac!important}.room-dropdown a:hover,.room-dropdown a:focus-visible{background:#3c2d1b}.room-dropdown .dropdown-signout{border-color:#82643b66}.room-choices a{background:#231b12;border-color:#86673e}.site-header #profile-menu,.floating-profile #profile-menu{background:#221b12;color:#e8c68a;border-color:#bd9656}.site-header #profile-popover{background:#21190f}.menu-dialog::backdrop,body .privacy-dialog::backdrop{background:#040302c9;backdrop-filter:blur(6px)}
body .privacy-footer,footer{background:#0c0a07;color:#bcaa8c;border-color:#72573466}body .privacy-dialog a{color:#edca87}body .privacy-actions button{background:linear-gradient(125deg,#b48843,#f1d49b,#c29a57);color:#1c1309}.how,.maps{border-color:#94713d55}.cinematic-scroll{background:#0e0b08bb;border-color:#aa814f77;color:#f3d9aa}
.conscious-rating-low .track i,.conscious-rating-low .conscious-pips i{background:#b97e7a!important}.conscious-rating-low strong,.conscious-rating-low .radar-value{color:#dc9894;fill:#dc9894}.conscious-rating-high .track i{background:#b7a584}.conscious-rating-high .radar-value{fill:#ddcfb4}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline-color:#f6dca4}header.floating-profile{background:transparent;box-shadow:none;border:0}
}
@media screen{
#mirror-preview:has(.reflection-world){background:transparent!important}.reflection-world{--panel:#18130d;--paper:#0c0906;--mint:#2a2014;--quiet:#c5b497;--line:#98733f}
#mirror-preview:has(.reflection-world) header{background:linear-gradient(#20180f,#0d0a07)!important;border-color:#96713e}
#mirror-preview .reflection-world .tile,#mirror-preview .reflection-world .vision-panel,#mirror-preview .reflection-world .strength-item{background:linear-gradient(145deg,#2a2115bb,#100d09ed)!important;border-color:#99723f99;box-shadow:inset 0 0 0 3px #0b0805,inset 0 0 0 4px #73502655,0 15px 32px #0005}
#mirror-preview .reflection-world button.mirror-door{position:relative;isolation:isolate;overflow:visible!important;border:0!important;border-radius:9px!important;background-color:#120d08!important;box-shadow:0 20px 35px #000a,0 0 26px #b17c2625!important;padding:35px 25px 32px;min-height:360px}
#mirror-preview .mirror-door .ornate-mirror-frame{position:absolute!important;inset:-8px!important;z-index:6!important;width:auto!important;height:auto!important;border-radius:0!important;background:url('/ornate-mirror-frame.svg') center/100% 100% no-repeat;pointer-events:none;filter:drop-shadow(0 5px 7px #000a)}
#mirror-preview .mirror-door .mirror-lightning{position:absolute!important;inset:8px!important;z-index:3!important;width:auto!important;height:auto!important;background:url('/mirror-lightning.svg') center/100% 100% no-repeat;pointer-events:none;opacity:.5;animation:mirror-spark 7s ease-in-out infinite}
#mirror-preview .mirror-door:nth-child(2n) .mirror-lightning{animation-delay:-2.8s;transform:scaleX(-1)}
#mirror-preview .mirror-door:nth-child(3n) .mirror-lightning{animation-delay:-4.6s}
#mirror-preview .mirror-door h2,#mirror-preview .mirror-door small,#mirror-preview .mirror-door .mirror-meta,#mirror-preview .mirror-door .mirror-label{position:relative;z-index:4;text-shadow:0 2px 5px #000,0 0 14px #000}
#mirror-preview .mirror-door:hover .mirror-lightning{opacity:.9;filter:brightness(1.2)}
#mirror-preview .mirror-art,#mirror-preview [class$='diagnosis-art']{filter:sepia(.35) saturate(.8);border-radius:4px!important}
#mirror-preview .reflection-world .mirror-grid{gap:30px}
@keyframes mirror-spark{0%,100%{opacity:.3}46%{opacity:.55}49%{opacity:.75}52%{opacity:.45}72%{opacity:.6}}
@media(max-width:600px){#mirror-preview .reflection-world .mirror-grid{gap:22px}#mirror-preview .reflection-world button.mirror-door{padding:32px 18px 28px;min-height:310px}}
@media(prefers-reduced-motion:reduce){#mirror-preview .mirror-door .mirror-lightning{animation:none;opacity:.5}}
}

/* Open welcome copy without an enclosing frame. */
@media screen{.welcome .intro{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.welcome .royal-tagline{margin-top:0}}

/* Mirror Room introduction. */
.welcome .mirror-introduction{width:100%;max-width:800px;margin-inline:auto;text-align:center;padding:30px 20px}.mirror-introduction p{font-size:clamp(16px,2vw,19px);line-height:1.75;color:#dfd1ba;margin:0 0 20px}.mirror-introduction .royal-tagline{font-size:clamp(25px,3vw,34px);margin-bottom:26px}.mirror-introduction hr{border:0;height:1px;background:linear-gradient(90deg,transparent,#ad8546,transparent);margin:40px auto;width:80%}.mirror-introduction .mirror-location{font-family:Georgia,'Times New Roman',serif;font-size:clamp(19px,2.4vw,24px);line-height:1.5;color:#f0d396;margin:30px 0 0}@media(max-width:700px){.welcome .mirror-introduction{padding:20px 4px}.mirror-introduction p{margin-bottom:18px}}

/* The puzzle itself is the menu control; keep its surroundings clear. */
body .site-header button#room-menu,
#mirror-preview .site-header button#room-menu,
body .site-header button#room-menu:hover,
body .site-header button#room-menu:active {
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
 border-radius:0;
 overflow:visible;
}