/* Immersive presentation overrides; original content lives in the menu. */
html:has(body.immersive),body.immersive{height:100%;overflow:hidden;background:#0b1013}
body.immersive{--text-main:#eae3d5;--accent-gold:#d5b57a;font-family:Inter,system-ui,-apple-system,"PingFang SC",sans-serif}
.immersive [hidden]{display:none!important}
.immersive .sanctuary-main,.immersive.focus-play .sanctuary-main{margin:0;padding:0;width:100%;max-width:none}
.immersive .expedition-deck,.immersive.focus-play .expedition-deck{display:block;margin:0;padding:0;width:100%;max-width:none}
.immersive .altar-chamber{border:0;box-shadow:none;border-radius:0;background:none;padding:0}
.immersive #gameStage{position:fixed;inset:0;width:100vw;height:100dvh;min-height:0;max-height:none;border:0;border-radius:0;aspect-ratio:auto;overflow:hidden;background:#0b1013}
.immersive #mazeCanvas,.immersive.focus-play .canvas-altar canvas{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;border:0;outline:none;touch-action:none}
.immersive #gameStage:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 35%,#06090b70 100%);z-index:1}
.immersive .sanctuary-header,.immersive.focus-play .sanctuary-header{position:fixed;top:0;left:0;right:0;background:linear-gradient(#070c12df,transparent);border:0;height:auto;padding:22px 30px;z-index:20;pointer-events:none;backdrop-filter:none}
.immersive .header-container,.immersive.focus-play .header-container{max-width:none;width:100%;padding:0;gap:24px;display:flex;justify-content:space-between}
.immersive .header-controls{pointer-events:auto;display:flex!important;margin-left:auto}
.immersive .brand-badge,.immersive.focus-play .brand-badge{display:flex;pointer-events:auto}
.immersive .brand-title strong{font-family:Georgia,serif;font-size:17px;letter-spacing:3px;color:#ece2ce}
.immersive .brand-title small{font-size:10px;color:#baad95;letter-spacing:4px;margin-top:5px}
.immersive .header-status-capsule,.immersive.focus-play .header-status-capsule{display:flex;background:none;border:0;font-size:10px;letter-spacing:2px;color:#8e9b9e}
.immersive #openSanctuaryMenu{width:42px;height:42px;font-size:19px;border:1px solid #c3b18b40;border-radius:50%;color:#e7d8b9;background:#10171d77;backdrop-filter:blur(12px)}
.immersive .stage-visor{position:fixed;left:30px;top:110px;z-index:10;padding:0;background:none;border:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px;pointer-events:none}
.immersive .visor-region{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.immersive #regionName{color:#eedcbb;letter-spacing:3px;font-size:15px;font-weight:500}
.immersive .visor-region>i,.immersive #challengeSeed{display:none}
.immersive .visor-batch{font-size:11px;color:#babeb8;font-weight:400}
.immersive .visor-telemetry{padding-top:4px;font-size:11px;opacity:.75}
.immersive .canvas-overlay-corner{display:none}
.immersive #headingBadge{position:absolute;top:104px;left:50%;right:auto;bottom:auto;transform:translateX(-50%);width:42px;height:42px;border:1px solid #a69a773e;background:#0a101860;color:#d9c298;font-size:13px;z-index:5;box-shadow:none}
.immersive .immersive-vitals{position:absolute;top:108px;right:30px;width:170px;z-index:5;text-align:right;pointer-events:none}
.immersive .chronometer-block{padding:0;border:0;background:none;box-shadow:none}
.immersive .chronometer-label{font-size:9px;letter-spacing:3px;color:#929d9f}
.immersive .chronometer-time{font-size:26px;color:#e5dac4;font-weight:400;text-shadow:0 2px 8px #000;letter-spacing:1px;margin:5px 0;font-variant-numeric:tabular-nums}
.immersive .chronometer-state{justify-content:flex-end;font-size:10px}
.immersive .seals-dock{padding:15px 0 0;background:none;border:0}
.immersive .seals-dock-head{justify-content:flex-end;gap:12px;font-size:10px}
.immersive .seal-dots{justify-content:flex-end;gap:10px;margin:10px 0}
.immersive .seal-dots i{width:8px;height:8px;border-radius:1px;transform:rotate(45deg)}
.immersive .seals-dock-note{display:none}
.immersive .stage-curtain{z-index:12;border:0;background:radial-gradient(ellipse,#080e15c9,transparent 75%);backdrop-filter:blur(2px);gap:18px}
.immersive .stage-curtain strong{font-family:Georgia,"Songti SC",serif;font-size:clamp(28px,4vw,52px);font-weight:400;letter-spacing:5px;color:#f5e7cd;text-shadow:0 4px 30px #000}
.immersive .stage-curtain small{max-width:460px;font-size:13px;line-height:1.9;color:#bcbdb7;text-align:center}
.immersive .curtain-start-btn{background:#d2b57b;color:#171b1d;box-shadow:0 6px 40px #0006;border-radius:3px;min-width:185px;padding:15px 25px;font-size:13px;letter-spacing:2px}
.immersive .curtain-relic{opacity:.65;transform:scale(.75)}
.immersive .tactical-console{position:fixed;bottom:max(28px,env(safe-area-inset-bottom));left:30px;right:30px;z-index:15;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;background:none;border:0;padding:0;pointer-events:none}
.immersive .tactical-dpad,.immersive .action-tools-group{pointer-events:auto}
.immersive .action-tools-group{order:2;display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:220px}
.immersive .tactical-dpad{order:1;display:grid;grid-template-columns:repeat(3,64px);grid-template-rows:repeat(2,47px);gap:6px;background:none;border:0;padding:0}
.immersive #frontDirectionHint{grid-column:2;grid-row:1}.immersive #leftDirectionHint{grid-column:1;grid-row:2}.immersive #backDirectionHint{grid-column:2;grid-row:2}.immersive #rightDirectionHint{grid-column:3;grid-row:2}
.immersive .dpad-btn{min-width:0;min-height:0;padding:5px 2px;border-radius:5px;background:#0c141ce0;border:1px solid #a1b5b02e;box-shadow:none;backdrop-filter:blur(10px)}
.immersive .dpad-btn span{font-size:10px}.immersive .dpad-btn small{font-size:8px;opacity:.65}
.immersive .action-tool-btn{border:1px solid #d7b87566;background:#131b22d9;color:#e3c99c;border-radius:5px;padding:13px 18px;min-height:44px;font-size:12px;backdrop-filter:blur(10px)}
.immersive .console-hint{display:none}
.immersive .live-echo-banner{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);max-width:min(430px,40vw);width:max-content;z-index:5;background:#0c141b9c;border:1px solid #b6ac8b26;border-radius:5px;padding:10px 15px;pointer-events:none;font-size:11px}
.immersive .live-echo-banner p{font-size:11px;line-height:1.7;color:#c4c8bd}
.immersive .observation-panel{position:absolute;z-index:16;top:auto;bottom:170px;left:50%;right:auto;transform:translateX(-50%);width:min(600px,85vw);padding:20px 25px;background:#101820ed;border:1px solid #c5ad7855;box-shadow:0 10px 60px #0008;border-radius:6px;backdrop-filter:blur(16px);font-size:14px;line-height:1.9}
#sanctuaryMenu{position:fixed;inset:0 0 0 auto;margin:0;width:min(580px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;border:0;border-left:1px solid #a8a28b40;padding:0;background:#0d151ef7;color:#d7dedc;box-shadow:-20px 0 80px #0008;overflow:auto}
#sanctuaryMenu::backdrop{background:#03070c99;backdrop-filter:blur(6px)}
#sanctuaryMenu .menu-close{position:sticky;top:12px;float:right;margin:12px 18px;width:40px;height:40px;border:1px solid #b3aa8c55;border-radius:50%;background:#16232d;color:#eadabb;font-size:26px;z-index:5;cursor:pointer}
#sanctuaryMenu .menu-content{padding:32px 28px 50px}
#sanctuaryMenu .menu-preferences{display:flex;flex-wrap:wrap;gap:10px;padding-right:35px;margin-bottom:30px}
#sanctuaryMenu .menu-preferences>*{display:flex!important;position:static!important}
#sanctuaryMenu .sanctuary-intro,#sanctuaryMenu .sanctuary-rail,#sanctuaryMenu .chronicles-deck,#sanctuaryMenu .sanctuary-footer{display:block!important;width:100%;margin:22px 0;padding:0;background:none}
#sanctuaryMenu .sanctuary-rail>*,#sanctuaryMenu .chronicles-deck>*{margin-bottom:20px}
#sanctuaryMenu .intro-rules-pills{display:flex;flex-wrap:wrap;margin:20px 0}
#sanctuaryMenu .chronicles-head{display:block}#sanctuaryMenu .chronicles-tabs{margin-top:15px}
#sanctuaryMenu .metrics-grid{display:grid;grid-template-columns:repeat(2,1fr)}
#sanctuaryMenu .footer-brand{flex-wrap:wrap}
#graphicsError{position:absolute;inset:35% 10% auto;padding:25px;background:#291814;color:#ffe5d2;z-index:100;text-align:center}
.immersive .share-modal-veil{z-index:100}
@media(max-width:650px){
 .immersive .sanctuary-header,.immersive.focus-play .sanctuary-header{padding:18px 17px}
 .immersive .brand-title strong{font-size:12px;letter-spacing:2px}.immersive .brand-title small{font-size:9px;letter-spacing:2px}
 .immersive .header-status-capsule,.immersive.focus-play .header-status-capsule{display:none}
 .immersive .stage-visor{top:90px;left:17px;max-width:52vw}.immersive #regionName{font-size:12px}
 .immersive #expeditionObjective{font-size:10px;line-height:1.7}.immersive #directionStatus{font-size:9px}
 .immersive .immersive-vitals{top:88px;right:17px;width:130px}.immersive .chronometer-time{font-size:20px}.immersive .chronometer-state{font-size:8px}
 .immersive #headingBadge{top:185px;width:30px;height:30px;font-size:10px}
 .immersive .stage-curtain{padding:0 24px}.immersive .stage-curtain strong{font-size:29px;letter-spacing:2px}.immersive .stage-curtain small{font-size:11px}
 .immersive .tactical-console{left:14px;right:14px;bottom:max(18px,env(safe-area-inset-bottom))}
 .immersive .tactical-dpad{grid-template-columns:repeat(3,49px);grid-template-rows:repeat(2,45px);gap:5px}
 .immersive .action-tools-group{max-width:150px}.immersive .action-tool-btn{padding:11px 12px;font-size:10px}
 .immersive #mechanismStatus{font-size:9px;max-width:150px}
 .immersive .live-echo-banner{bottom:135px;max-width:86vw;width:max-content;padding:8px 12px}.immersive .live-echo-banner p{font-size:10px}
 .immersive .observation-panel{bottom:190px;padding:15px;font-size:12px;width:90vw;max-height:38dvh;overflow:auto}
 #sanctuaryMenu .menu-content{padding:24px 18px 40px}
}
@media(max-height:520px){.immersive .stage-visor,.immersive .immersive-vitals{top:78px}.immersive .seals-dock{display:none}.immersive #headingBadge{top:72px}.immersive .tactical-console{bottom:12px}.immersive .stage-curtain{gap:8px}.immersive .curtain-relic{display:none}.immersive .observation-panel{bottom:125px;max-height:40vh;overflow:auto}}
.immersive .observation-panel{padding:0;max-height:45dvh;overflow:auto;width:min(650px,90vw);border-color:#bba06b66;background:#101923ed;box-shadow:0 12px 60px #000b}
.immersive .observation-heading{display:block;position:sticky;top:0;padding:14px 20px;background:#15212a;color:#e4c98f;font-size:12px;letter-spacing:1px;border-bottom:1px solid #bdab7833;z-index:1}
.immersive .clue-card{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid #92977926;text-align:left}
.immersive .clue-card:last-child{border-bottom:0}
.immersive .clue-card canvas{width:34px;height:43px;flex-shrink:0;opacity:.9}
.immersive .clue-card b{display:block;font-size:12px;color:#e4d6b8;font-weight:600;letter-spacing:.5px}
.immersive .clue-card p{margin:5px 0 0;font-size:12px;line-height:1.8;color:#bfcac5}
.immersive #observationText>p{padding:14px 20px}
.immersive #mechanismStatus{padding:6px 10px;border-left:2px solid #61b9a5;background:#101b22cf;color:#abd6c8;border-radius:3px;font-size:11px}
.immersive #mechanismStatus[data-phase=warning]{border-color:#eeb849;color:#f0cf7e}
.immersive #mechanismStatus[data-phase=active]{border-color:#e57250;color:#f2ae95}
@media(max-width:650px){.immersive .clue-card{padding:10px 14px;gap:10px}.immersive .clue-card p{font-size:11px;line-height:1.65}.immersive .clue-card b{font-size:11px}.immersive .observation-panel{max-height:40dvh}.immersive .observation-heading{padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.immersive *{scroll-behavior:auto!important;transition:none!important}}