/* The existing House orange, used only on small engraved details. */
:root { --illustration-orange: #b5d4e4; --illustration-ember: rgba(181,212,228,.6); }
.house-detail { stroke: var(--illustration-ember); }
.house-correspondence { display:flex;justify-content:center;gap:clamp(36px,8vw,100px);margin-top:30px; }
.house-correspondence .house-door { gap:14px;padding:16px 24px; }
.hallway-navigation { padding:30px 20px 32px;outline:none; }
.hallway-links { display:flex;justify-content:center;gap:clamp(40px,8vw,100px); }
.hallway-links .house-door { padding:10px 20px;gap:10px; }
.hallway-links .house-door span { font-size:9px;letter-spacing:.2em; }
@media(max-width:600px){.house-correspondence{margin-top:22px}.house-correspondence .house-door svg{width:46px;height:46px}.hallway-navigation{padding:22px 16px 28px}.hallway-links .house-door svg{width:36px;height:36px}}
.hourglass-sand { fill: var(--illustration-orange); opacity: .55; }
.sand-stream { stroke: var(--illustration-ember); }
.hourglass-case > path:last-child { stroke: var(--illustration-ember); }
.entrance-down svg { stroke: var(--illustration-ember); }
#openCosmos svg > circle:last-child { fill: var(--illustration-ember); stroke: var(--illustration-ember); }
#openHallway svg > path:last-child { stroke: var(--illustration-orange); }
#openFortune svg > circle { stroke: var(--illustration-ember); }
.hallway-etch { stroke: var(--illustration-orange); }
.hallway-skip span { color: var(--illustration-ember); }
.solar-sun > circle:nth-child(2) { stroke: var(--illustration-orange); stroke-opacity: .6; }
.solar-planet > ellipse { stroke: var(--illustration-ember); }
.solar-stars circle:nth-child(13n) { fill: var(--illustration-orange); }
.cosmos-day-track span { background: var(--illustration-ember); }
.cosmos-meteor { background: linear-gradient(90deg,transparent,rgba(181,212,228,.3) 60%,#eee9df); }
.celestial-sun > circle:nth-child(2) { stroke: var(--illustration-ember); }
#lunarFace { fill: #eee9df; }
.crystal-ball { stroke: var(--illustration-ember); fill: rgba(181,212,228,.035); }
.teller-eyes circle { stroke: var(--illustration-ember); }
@keyframes oracle-breath { 50% { fill: rgba(181,212,228,.1); filter: drop-shadow(0 0 3px rgba(181,212,228,.22)); } }