@font-face{font-family:PodiumManrope;src:url('/assets/fonts/manrope-800.ttf') format('truetype');font-style:normal;font-weight:800;font-display:block}
/* The film is genuinely behind content, never painted over cards or text. */
body{isolation:isolate}
#podium-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none!important;contain:strict}
#podium-cinema{position:absolute;inset:0;width:100%;height:100%;pointer-events:none!important;filter:grayscale(.82) contrast(1.22);opacity:.45}
#main{position:relative;z-index:1}
.header{position:relative;z-index:5;background-color:#14111b}
.footer{position:relative;z-index:1;background-color:#121018}
/* A solid base also makes partially transparent gradients opaque, without
   replacing the existing artwork, borders or category colors. */
#main :is(.hero,.status-strip,.experience-card,.experience-art,.home-connected,.home-invitation,.panel,.news-card,.feature-card,.community-card,.climate-panel,.command-card,.product-card,.podium-card,.portal-stat,.metric,.notice,.guide-journey article,.guide-topic,.rank-banner,.store-banner,.empty){background-color:#1c1924}
#main :is(.experience-intro,.experience-nav,.home-start,.home-reading,.section-heading,.page-title,.guide-intro,.guide-summary,.guide-section-heading,.guide-permission-note,.guide-results-heading,.portal-filters,.fine-print){background-color:#121018}
.header .nav{background-color:#14111b}
.podium-caption{position:absolute;transform:translate(-50%,-100%);width:max-content;max-width:min(260px,calc(100vw - 24px));text-align:center;color:#ece5ff;font-family:PodiumManrope,Manrope,sans-serif;font-weight:800;font-synthesis:none;pointer-events:none;text-shadow:0 2px 9px #090613,0 1px 3px #090613}
.podium-caption strong{display:block;font:800 clamp(19px,2vw,28px)/1.2 PodiumManrope,Manrope,sans-serif;letter-spacing:-.5px;overflow-wrap:anywhere}
.podium-caption.compact strong{font-size:19px;line-height:1.15}
.podium-caption span{display:block;margin-bottom:4px;font:800 12px/1.4 PodiumManrope,Manrope,sans-serif;letter-spacing:2px;color:#d4b5f1}
.podium-caption[hidden]{display:none}
.podium-motion-toggle{position:fixed;right:14px;bottom:14px;z-index:6;padding:7px 11px;border:1px solid #8e6bad55;border-radius:7px;background:#1b1426ed;color:#bdaccd;font:600 11px system-ui;min-height:32px;cursor:pointer}
.podium-motion-toggle:hover{color:#f2e5ff;border-color:#b78cdb}.podium-motion-toggle[hidden]{display:none}
.background-music-toggle{position:fixed;right:14px;bottom:54px;z-index:6;padding:7px 11px;border:1px solid #8e6bad55;border-radius:7px;background:#1b1426;color:#bdaccd;font:600 11px system-ui;min-height:32px;cursor:pointer}
.background-music-toggle:hover,.background-music-toggle:focus-visible{color:#f2e5ff;border-color:#b78cdb}
.background-music-controls{position:fixed;right:14px;bottom:54px;z-index:6;width:210px;padding:10px;border:1px solid #52dcc6;border-radius:14px;background:linear-gradient(145deg,#133c40,#1a203b);box-shadow:0 4px 24px #0008,0 0 18px #38dec326;color:#d6fff6}
.background-music-controls .background-music-toggle{position:static;width:100%;min-height:38px;border:0;border-radius:8px;background:#72f1d2;color:#092b2b;font:800 12px Manrope,system-ui;box-shadow:0 2px 10px #0003}
.background-music-controls .background-music-toggle:hover{background:#acffe9;color:#092b2b}
.background-volume{display:flex;align-items:center;gap:8px;margin:10px 2px 1px;font:600 11px system-ui}
.background-volume input{width:100%;min-width:0;height:16px;padding:0;accent-color:#72f1d2;cursor:pointer}
.background-volume output{min-width:30px;text-align:right;font-variant-numeric:tabular-nums}
/* Whole reading surfaces replace the old line-by-line dark strips. */
#main :is(.home-start,.home-reading,.experience-intro,.guide-intro,.section-heading,.start-heading){background:linear-gradient(135deg,#201a2d,#15121e);border:1px solid #443452;border-radius:18px;padding:24px}
#main .home-start .start-heading{padding:0;border:0;background:transparent}
#main .home-start li{background:#211b2c;border:1px solid #4c385c;border-radius:12px;padding:20px}
#main :is(.fine-print,.home-start p,.home-start h3,.home-start .eyebrow,.section-heading h2,.section-heading .eyebrow){background-color:transparent}
@media(max-width:650px){.background-music-controls{right:8px;bottom:48px;width:184px;padding:8px}#main :is(.home-start,.home-reading,.experience-intro,.guide-intro,.section-heading){padding:18px}.background-music-controls .background-music-toggle{font-size:11px}}
@media(max-width:650px){#podium-cinema{opacity:.22}.podium-motion-toggle{right:8px;bottom:8px;font-size:10px}.background-music-toggle{right:8px;bottom:48px;font-size:10px}}