:root{--bg-deep:#080604;--bg-surface:#120d09;--panel-bg:#0f0b08c7;--panel-bg-strong:#0c0906e6;--panel-border:#e5a9653d;--panel-border-strong:#eeb8787a;--sand-gold:#e5a965;--sand-bright:#ffd69c;--turquoise:#38d6c4;--turquoise-dim:#38d6c429;--terracotta:#d96b43;--text-main:#f6efe6;--text-muted:#c2b29f;--text-dim:#8c7c6a;--font-display:"Cinzel", Georgia, serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-lg:0 20px 50px #000000bf}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100vw;height:100vh;color:var(--text-main);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;background:#080604;overflow:hidden}.hidden{display:none!important}#scroll-progress-track{z-index:120;pointer-events:none;background:#ffffff0d;height:3px;display:none;position:fixed;top:0;left:0;right:0}body[data-mode=story] #scroll-progress-track{display:block}#scroll-progress-fill{background:linear-gradient(90deg, var(--turquoise), var(--sand-gold), var(--terracotta));width:0%;height:100%}#loading-overlay{z-index:999;background:radial-gradient(circle,#161106 0%,#090703 65%,#050402 100%);justify-content:center;align-items:center;transition:opacity .5s cubic-bezier(.22,1,.36,1),visibility .5s;display:flex;position:fixed;inset:0}#loading-overlay.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loader-card{-webkit-backdrop-filter:blur(16px);background:#100c05e6;border:1px solid #f8d04085;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:164px;padding:24px 22px 20px;display:flex;box-shadow:0 20px 50px #000000c7,0 0 28px #f8d0401a}.loader-emblem{filter:drop-shadow(0 6px 16px #0009)drop-shadow(0 0 10px #f8d0402e);justify-content:center;align-items:center;display:flex}.loader-outer-bezel{fill:#0e0b059e;stroke:#f8d040ad;stroke-width:1.35px}.loader-dial-plate{stroke:#f8d0403d;stroke-width:.8px}.loader-axis-chord{stroke:#f8d04052;stroke-width:.95px;stroke-dasharray:2 2}.loader-orbit-track{fill:none;stroke:#f8d0402e;stroke-width:1.4px;stroke-dasharray:2 2.2}.loader-ruin-silhouette{fill:#f8d04026;stroke:#f8d0408f;stroke-width:1px;stroke-linejoin:round}.loader-ruin-ew-wall{stroke:#f8d040;stroke-width:1.9px;stroke-linecap:round}.loader-ruin-meridian{stroke:#ffe46b;stroke-width:1.65px;stroke-linecap:round}.loader-sun-spinner{transform-origin:60px 60px;animation:2.4s cubic-bezier(.45,.05,.55,.95) infinite loaderOrbitSpin}.loader-active-arc{fill:none;stroke:#f8d040;stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:56 170;stroke-dashoffset:14px}.loader-orb-core{fill:#ffe46b;stroke:#fff;stroke-width:.9px}@keyframes loaderOrbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-bar-track{background:#f8d04024;border-radius:99px;width:100%;height:3px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#d8a620,#f8d040,#ffe885);border-radius:99px;width:12%;height:100%;transition:width .25s cubic-bezier(.22,1,.36,1);box-shadow:0 0 10px #f8d040a6}#app-shell{pointer-events:auto;background:#050302;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}#viewport-stage{z-index:1;pointer-events:auto;background:#0a0705;width:100vw;height:100vh;transition:width .24s cubic-bezier(.22,1,.36,1),height .24s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;container-type:size}body[data-aspect-mode="16:9"] #viewport-stage{border:1px solid #f8d04052;border-radius:6px;width:min(100vw,177.778vh);height:min(100vh,56.25vw);box-shadow:0 24px 64px #000000d9}body[data-aspect-mode="9:16"] #viewport-stage{border:1px solid #f8d04052;border-radius:8px;width:min(100vw,56.25vh);height:min(100vh,177.778vw);box-shadow:0 24px 64px #000000d9}#viewport-stage:after{content:"";pointer-events:none;z-index:4;background:radial-gradient(circle,#0000 58%,#0604026b 100%);position:absolute;inset:0}#canvas-container{z-index:1;cursor:grab;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}#canvas-container:active{cursor:grabbing}#top-bar{background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);z-index:90;pointer-events:auto;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 16px;transition:transform .3s,opacity .3s;display:flex;position:fixed;top:12px;left:16px;right:16px;box-shadow:0 10px 32px #0000008c}.brand-block{cursor:pointer;align-items:center;gap:10px;min-width:0;display:flex}.brand-icon{border:1px solid var(--panel-border-strong);width:32px;height:32px;color:var(--sand-bright);background:linear-gradient(135deg,#e5a96552,#38d6c42e);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex;box-shadow:0 0 14px #e5a96540}.brand-text{white-space:nowrap;flex-direction:column;gap:1px;display:flex}.brand-title{font-family:var(--font-display);letter-spacing:.1em;color:var(--sand-bright);font-size:.96rem;font-weight:700}.brand-sub{font-family:var(--font-mono);color:var(--text-muted);font-size:.64rem}.mode-switcher{background:#080604b8;border:1px solid #e5a96542;border-radius:11px;align-items:center;gap:4px;padding:4px;display:flex}.mode-btn{color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 13px;font-size:.75rem;font-weight:600;transition:all .18s;display:flex}.mode-btn:hover{color:var(--text-main);background:#ffffff0f}.mode-btn.active{color:#fff;background:linear-gradient(135deg,#e5a96547,#38d6c438);border-color:#e5a965a6;box-shadow:0 2px 10px #00000073}.hidden-mode-btn{display:none}.header-actions{align-items:center;gap:7px;display:flex}.action-pill{color:var(--text-main);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #e5a96542;border-radius:9px;align-items:center;gap:6px;padding:6px 11px;font-size:.74rem;font-weight:600;transition:all .16s;display:flex}.action-pill:hover,.action-pill.active{border-color:var(--sand-gold);color:var(--sand-bright);background:#e5a96533}.icon-pill{padding:6px 9px}.discovery-pill{color:#c4fff8;background:#38d6c41c;border-color:#38d6c466}.discovery-pill:hover{border-color:var(--turquoise);background:#38d6c438}.pill-count{font-family:var(--font-mono);color:var(--turquoise);background:#00000080;border-radius:99px;padding:1px 6px;font-size:.68rem}.lang-pill{color:#ffe885;background:#f8d0401f;border-color:#f8d04073}.lang-pill:hover{color:#fff;background:#f8d0403d;border-color:#f8d040}.record-pill{color:#ffcab8;background:#d96b4324;border-color:#d96b436b}.record-pill:hover{color:#fff;background:#d96b4347;border-color:#ff7e55}.record-pill.recording{color:#fff;background:#e12d2d59;border-color:#ff4d4d;animation:1.1s ease-in-out infinite recPulse}@keyframes recPulse{0%,to{box-shadow:0 0 #ff4d4d80}50%{box-shadow:0 0 14px 3px #ff4d4dbf}}#sections-bar{z-index:80;pointer-events:none;justify-content:space-between;align-items:center;gap:10px;transition:transform .3s,opacity .3s;display:flex;position:fixed;top:72px;left:16px;right:16px}body.hud-hidden #sections-bar,body.hud-hidden #overview-hero-card,body.hud-hidden #inspector-drawer,body.hud-hidden #areas-strip-section,body.hud-hidden #btn-reopen-dossier{opacity:0;transform:translateY(14px);pointer-events:none!important}.sections-bar-inner{pointer-events:auto;-webkit-backdrop-filter:blur(16px);background:#0c0906cc;border:1px solid #e5a96540;border-radius:12px;align-items:center;gap:5px;max-width:calc(100vw - 320px);padding:4px 6px;display:flex;overflow-x:auto;box-shadow:0 8px 24px #00000080}.sections-bar-inner::-webkit-scrollbar{height:0}.section-tab-btn{color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:5px 11px;font-size:.71rem;font-weight:600;transition:all .16s;display:flex}.section-tab-btn .sec-num{font-family:var(--font-mono);color:var(--sand-gold);opacity:.85;font-size:.63rem}.section-tab-btn:hover{color:#fff;background:#ffffff0f;border-color:#e5a96547}.section-tab-btn.active{border-color:var(--sand-gold);color:var(--sand-bright);background:linear-gradient(135deg,#e5a96542,#d96b432e);box-shadow:0 2px 10px #0006}.section-tab-btn.active .sec-num{color:var(--turquoise)}.Camera-quick-tools{pointer-events:auto;align-items:center;gap:6px;display:flex}.stage-pill-btn{-webkit-backdrop-filter:blur(14px);color:var(--sand-bright);font-family:var(--font-mono);cursor:pointer;white-space:nowrap;background:#0c0906d1;border:1px solid #e5a96547;border-radius:9px;padding:6px 11px;font-size:.69rem;font-weight:500;transition:all .16s;box-shadow:0 6px 18px #0000007a}.stage-pill-btn:hover,.stage-pill-btn.active{border-color:var(--sand-gold);color:#fff;background:#e5a96538}.stage-pill-btn.icon-only{padding:5px 9px;font-size:.85rem}.overview-hero-card{z-index:75;-webkit-backdrop-filter:blur(22px);border:1px solid var(--panel-border-strong);width:440px;max-width:calc(100vw - 40px);box-shadow:var(--shadow-lg), 0 0 32px #e5a9651f;pointer-events:auto;background:linear-gradient(160deg,#100c08e0 0%,#0a0705f0 100%);border-radius:16px;padding:18px 20px;transition:opacity .3s,transform .3s;position:fixed;bottom:132px;left:20px}.overview-hero-card.minimized{opacity:0;pointer-events:none;transform:translateY(16px)}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.06em;color:var(--turquoise);align-items:center;gap:8px;margin-bottom:5px;font-size:.58rem;font-weight:600;display:flex}.hero-dot{background:var(--turquoise);width:6px;height:6px;box-shadow:0 0 8px var(--turquoise);border-radius:50%}#hero-section-title{font-family:var(--font-display);color:var(--sand-bright);margin-bottom:6px;font-size:1.02rem;line-height:1.22}#hero-section-desc{color:var(--text-main);margin-bottom:10px;font-size:.69rem;line-height:1.46}.hero-stats-row{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px;display:grid}.hero-stat{text-align:center;background:#ffffff0a;border:1px solid #e5a96533;border-radius:8px;padding:5px 6px}.stat-val{font-family:var(--font-mono);color:var(--sand-bright);font-size:.68rem;font-weight:700;display:block}.stat-lbl{color:var(--text-muted);margin-top:1px;font-size:.54rem;display:block}.hero-actions-row{grid-template-columns:1.35fr 1fr;gap:8px;display:grid}.hero-primary-btn{color:#120c06;font-family:var(--font-sans);cursor:pointer;background:linear-gradient(135deg,#e5a965 0%,#c97b36 100%);border:1px solid #ffd8a6;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:.69rem;font-weight:700;transition:all .18s;display:flex;box-shadow:0 6px 20px #e5a96559}.hero-primary-btn:hover{background:linear-gradient(135deg,#f0b978 0%,#d88942 100%);transform:translateY(-1px);box-shadow:0 8px 26px #e5a96580}.hero-secondary-btn{color:#dcfffb;font-family:var(--font-sans);cursor:pointer;background:#38d6c424;border:1px solid #38d6c47a;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:.67rem;font-weight:600;transition:all .18s;display:flex}.hero-secondary-btn:hover{border-color:var(--turquoise);color:#fff;background:#38d6c442}.proximity-toast{z-index:85;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--turquoise);color:#e6fffc;font-family:var(--font-sans);pointer-events:none;background:#0a1e1ceb;border-radius:99px;align-items:center;gap:8px;padding:5px 14px;font-size:.68rem;font-weight:600;transition:opacity .25s,transform .25s;display:flex;position:fixed;top:122px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0009,0 0 16px #38d6c459}.toast-dot{background:var(--turquoise);width:7px;height:7px;box-shadow:0 0 8px var(--turquoise);border-radius:50%}.walk-stage-hud{pointer-events:none;z-index:18;position:absolute;inset:0}.walk-crosshair{color:#ffebc38c;font-family:var(--font-mono);pointer-events:none;font-size:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reopen-dossier-btn{z-index:82;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--panel-border-strong);color:var(--sand-bright);font-family:var(--font-sans);cursor:pointer;pointer-events:auto;box-shadow:var(--shadow-lg);background:#0e0b08e0;border-radius:10px;padding:7px 12px;font-size:.67rem;font-weight:600;transition:all .2s;position:fixed;top:126px;right:16px}.reopen-dossier-btn:hover{color:#fff;background:#e5a96538}.inspector-drawer{z-index:82;background:var(--panel-bg-strong);-webkit-backdrop-filter:blur(22px);border:1px solid var(--panel-border-strong);width:344px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);pointer-events:auto;border-radius:16px;flex-direction:column;gap:8px;padding:12px 14px;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .28s;display:flex;position:fixed;top:120px;bottom:132px;right:16px;overflow:hidden}.inspector-drawer.collapsed-in-overview{opacity:0;pointer-events:none;transform:translate(390px)}.inspector-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.inspector-badges{flex:1;justify-content:space-between;align-items:center;gap:6px;display:flex}.cat-badge{font-family:var(--font-mono);letter-spacing:.05em;background:var(--turquoise-dim);color:var(--turquoise);border:1px solid #38d6c466;border-radius:99px;padding:2px 7px;font-size:.56rem;font-weight:600}.mono-badge{font-family:var(--font-mono);color:var(--sand-bright);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-size:.56rem}.inspector-title-block{flex-direction:column;gap:2px;display:flex}#info-title{font-family:var(--font-display);color:var(--sand-bright);font-size:.88rem;line-height:1.22}.dossier-phase{color:var(--sand-gold);font-size:.65rem;font-weight:600}.dossier-excavator{font-family:var(--font-mono);color:var(--text-muted);font-size:.57rem}.visual-card{background:#00000073;border:1px solid #e5a9653d;border-radius:10px;flex-shrink:0;overflow:hidden}.visual-tabs{background:#ffffff0a;border-bottom:1px solid #ffffff14;grid-template-columns:1fr 1fr;display:grid}.vis-tab{color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:.61rem;font-weight:600;transition:all .15s}.vis-tab.active{color:var(--sand-bright);background:#e5a9652e}.artifact-canvas-card,.ref-thumb{flex-direction:column;display:flex}.artifact-canvas-card canvas{background:radial-gradient(circle,#1e1711 0%,#0d0a07 100%);width:100%;height:100px;display:block}.ref-thumb{cursor:pointer}.ref-thumb img{object-fit:cover;width:100%;height:100px;display:block}.artifact-canvas-card figcaption,.ref-thumb figcaption{color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:3px 8px;font-size:.56rem;overflow:hidden}.metrics-grid{flex-shrink:0;grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.metric-box{background:#ffffff09;border:1px solid #ffffff12;border-radius:7px;min-width:0;padding:4px 7px;overflow:hidden}.metric-label{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.05em;font-size:.5rem}.metric-val{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.64rem;font-weight:600;overflow:hidden}.dossier-scroll-body{flex-direction:column;flex:1;gap:7px;padding-right:3px;display:flex;overflow-y:auto}.dossier-scroll-body::-webkit-scrollbar{width:4px}.dossier-scroll-body::-webkit-scrollbar-thumb{background:#e5a9654d;border-radius:99px}.dossier-section h3{font-family:var(--font-mono);letter-spacing:.06em;color:var(--sand-gold);margin-bottom:2px;font-size:.56rem}.dossier-section p{color:var(--text-main);-webkit-user-select:text;user-select:text;font-size:.65rem;line-height:1.42}.artifact-box{background:#38d6c412;border:1px solid #38d6c43d;border-radius:7px;padding:5px 7px;color:#dcfffb!important}.inspector-footer{border-top:1px solid #ffffff14;flex-shrink:0;grid-template-columns:1.15fr 1fr 1fr;gap:6px;padding-top:6px;display:grid}.primary-action-btn{border:1px solid var(--turquoise);color:#eafffc;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#38d6c447,#38d6c426);border-radius:8px;padding:7px 8px;font-size:.71rem;font-weight:600;transition:all .15s}.primary-action-btn:hover{color:#fff;background:#38d6c461}.secondary-btn{color:var(--sand-bright);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:#e5a96524;border:1px solid #e5a9655c;border-radius:8px;padding:7px 8px;font-size:.71rem;font-weight:600;transition:all .15s}.secondary-btn:hover{border-color:var(--sand-bright);color:#fff;background:#e5a96547}#areas-strip-section{z-index:85;background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);pointer-events:auto;border-radius:14px;padding:9px 14px 11px;transition:transform .3s,opacity .3s;position:fixed;bottom:12px;left:16px;right:16px;box-shadow:0 12px 34px #000000a6}.areas-strip-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.guided-transport-bar{align-items:center;gap:6px;display:flex}.transport-btn{color:var(--sand-bright);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #e5a96552;border-radius:8px;align-items:center;gap:5px;padding:5px 11px;font-size:.72rem;font-weight:600;transition:all .15s;display:flex}.transport-btn:hover{border-color:var(--sand-gold);color:#fff;background:#e5a96538}.transport-play-btn{border-color:var(--sand-gold);color:#fff;background:linear-gradient(135deg,#e5a96547,#38d6c42e)}.transport-play-btn.active{border-color:var(--turquoise);background:linear-gradient(135deg,#38d6c457,#e5a96542);box-shadow:0 0 14px #38d6c459}.section-progress-pill{font-family:var(--font-mono);color:var(--turquoise);letter-spacing:.04em;white-space:nowrap;background:#38d6c41a;border:1px solid #38d6c44d;border-radius:99px;padding:4px 10px;font-size:.65rem;font-weight:600}.walk-pad{background:#080604bf;border:1px solid #e5a9653d;border-radius:9px;align-items:center;gap:4px;padding:3px 5px;display:flex}.pad-btn{color:var(--sand-bright);font-family:var(--font-sans);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:4px 8px;font-size:.71rem;font-weight:600;transition:all .12s}.pad-btn:hover,.pad-btn:active{border-color:var(--turquoise);color:#fff;background:#38d6c440}.pad-btn.pad-primary{color:#dcfffb;background:#38d6c42e;border-color:#38d6c473;padding:4px 10px}.stage-hint{color:#f5ede2e0;white-space:nowrap;text-overflow:ellipsis;background:#080604ad;border:1px solid #ffffff14;border-radius:8px;padding:5px 11px;font-size:.68rem;overflow:hidden}.stage-hint b{color:var(--sand-bright)}.discovery-chips-grid{grid-template-columns:repeat(12,minmax(115px,1fr));gap:6px;padding-bottom:2px;display:grid;overflow-x:auto}.discovery-chips-grid::-webkit-scrollbar{height:3px}.discovery-chips-grid::-webkit-scrollbar-thumb{background:#e5a96559;border-radius:99px}.disc-chip{font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff1c;border-radius:8px;justify-content:space-between;align-items:center;gap:5px;padding:6px 8px;font-size:.69rem;transition:all .16s;display:flex;overflow:hidden}.disc-chip.in-active-section{color:var(--text-main);background:#e5a96517;border-color:#e5a9656b}.disc-chip-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.disc-chip-dot{background:#ffffff2e;border-radius:50%;flex-shrink:0;width:6px;height:6px}.disc-chip:hover{border-color:var(--sand-gold);color:#fff;background:#e5a9652e;transform:translateY(-1px)}.disc-chip.visited{color:#d6fff9;border-color:#38d6c461}.disc-chip.visited .disc-chip-dot{background:var(--turquoise);box-shadow:0 0 6px var(--turquoise)}.disc-chip.active{border-color:var(--turquoise);color:#fff;background:linear-gradient(135deg,#38d6c447,#e5a96533);font-weight:600;box-shadow:0 0 14px #38d6c44d}.popover-wrapper{position:relative}.floating-popover{background:var(--panel-bg-strong);-webkit-backdrop-filter:blur(22px);border:1px solid var(--panel-border-strong);width:340px;box-shadow:var(--shadow-lg);z-index:150;border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.popover-section{flex-direction:column;gap:8px;display:flex}.popover-section+.popover-section{border-top:1px solid #ffffff14;padding-top:10px}.pop-header{letter-spacing:.06em;color:var(--sand-gold);justify-content:space-between;align-items:center;font-size:.67rem;font-weight:700;display:flex}.slider-row{color:var(--text-muted);align-items:center;gap:10px;font-size:.73rem;display:flex}.slider-row input[type=range]{accent-color:var(--sand-gold);cursor:pointer;flex:1}.preset-grid{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.solar-preset-btn,.phase-btn{color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:5px 8px;font-size:.7rem;font-weight:500;transition:all .15s}.solar-preset-btn:hover,.phase-btn:hover{color:var(--text-main);border-color:#e5a96566}.solar-preset-btn.active,.phase-btn.active{border-color:var(--sand-gold);color:var(--sand-bright);background:#e5a96538;font-weight:600}.phase-pills{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.layer-toggles{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:2px;display:grid}.toggle-chip{color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;font-size:.71rem;display:flex}.toggle-chip input{accent-color:var(--turquoise)}.label-3d{font-family:var(--font-sans);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--sand-bright);pointer-events:auto;cursor:pointer;white-space:nowrap;background:#0c0906db;border:1px solid #e5a96573;border-radius:99px;padding:3px 9px;font-size:.68rem;font-weight:600;transition:transform .15s,background .15s,border-color .15s;box-shadow:0 4px 12px #000000b3}.label-3d:hover{z-index:30;background:#18120cf5;border-color:#fff;transform:scale(1.08)}.label-site{font-family:var(--font-display);letter-spacing:.06em;color:#ffe4b8;background:#100b08e0;border-color:#e5a9659e;font-size:.7rem}.discovery-beacon{color:#d4fff9;background:#091918e0;border:1px solid #38d6c4b8;align-items:center;gap:4px;padding:3px 9px;display:flex;box-shadow:0 0 12px #38d6c44d,0 4px 12px #000000a6}.discovery-beacon.visited{color:var(--sand-bright);background:#16100be6;border-color:#e5a965bf}.discovery-beacon.active-beacon{color:#fff;z-index:28;background:#0e3430f5;border-color:#fff;transform:scale(1.1);box-shadow:0 0 18px #38d6c4e6}.map-drawer{z-index:160;background:var(--panel-bg-strong);-webkit-backdrop-filter:blur(22px);border:1px solid var(--panel-border-strong);width:460px;max-width:calc(100vw - 28px);box-shadow:var(--shadow-lg);pointer-events:auto;border-radius:14px;padding:12px 14px;position:fixed;bottom:132px;left:50%;transform:translate(-50%)}.map-drawer-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.map-drawer-title{font-family:var(--font-mono);color:var(--sand-bright);letter-spacing:.05em;font-size:.7rem;font-weight:700;display:block}.map-drawer-sub{color:var(--text-muted);font-size:.67rem}.icon-close-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.82rem;display:flex}.icon-close-btn:hover{color:#fff;background:#ffffff26}.map-controls-row{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.minimap-site-tabs{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.mini-tab{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:5px 6px;font-size:.67rem;font-weight:600}.mini-tab.active{border-color:var(--sand-gold);color:var(--sand-bright);background:#e5a96538}.search-box{gap:5px;display:flex}.search-box input{color:var(--text-main);background:#00000073;border:1px solid #ffffff24;border-radius:6px;flex:1;padding:6px 10px;font-size:.74rem}.search-box button{background:var(--sand-gold);color:#120d09;cursor:pointer;border:none;border-radius:6px;padding:0 12px;font-size:.74rem;font-weight:700}#minimap-canvas{cursor:crosshair;background:#0d0a07;border:1px solid #e5a96538;border-radius:8px;width:100%;height:215px;display:block}.minimap-legend{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:6px;margin-top:7px;font-size:.64rem;display:flex}.leg-box{vertical-align:middle;border-radius:2px;width:8px;height:8px;margin-right:4px;display:inline-block}.leg-old{background:#8c4f30}.leg-4s{background:#d48a4b}.leg-wing{background:#b89468}.leg-kiva{background:#e05a36;border-radius:50%}.leg-disc{background:#38d6c4;border-radius:50%;box-shadow:0 0 5px #38d6c4}.leg-you{background:#ffeb3b;border-radius:50%;box-shadow:0 0 6px #ffeb3b}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#050403d6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-window{border:1px solid var(--panel-border-strong);width:1060px;max-width:96vw;max-height:90vh;box-shadow:var(--shadow-lg);background:#14100c;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.modal-header h2{font-family:var(--font-display);color:var(--sand-bright);font-size:.94rem}.modal-header p{color:var(--text-muted);margin-top:2px;font-size:.67rem}.close-modal-btn{color:var(--text-main);cursor:pointer;background:#ffffff12;border:1px solid #ffffff29;border-radius:8px;width:30px;height:30px;font-size:.9rem}.modal-tabs{background:#0000004d;border-bottom:1px solid #ffffff12;gap:6px;padding:9px 20px;display:flex;overflow-x:auto}.atlas-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:5px 11px;font-size:.68rem;font-weight:600}.atlas-tab-btn.active{border-color:var(--sand-gold);color:var(--sand-bright);background:#e5a96538}.atlas-tab-content{padding:16px 20px;display:none;overflow-y:auto}.atlas-tab-content.active{display:block}.comparison-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.comp-card{background:#ffffff08;border:1px solid #e5a96538;border-radius:12px;padding:10px}.comp-card h4{color:var(--sand-bright);margin-bottom:6px;font-size:.72rem}.comp-images{grid-template-columns:1fr 1fr;gap:8px;display:grid}.comp-images img{object-fit:cover;border:1px solid #ffffff1f;border-radius:7px;width:100%;height:144px}.comp-images span{color:var(--text-muted);text-align:center;margin-top:4px;font-size:.6rem;display:block}.sundagger-layout{grid-template-columns:1.25fr .85fr;align-items:start;gap:18px;display:grid}.sundagger-text h3{font-family:var(--font-display);color:var(--sand-bright);margin-bottom:8px;font-size:.92rem}.sundagger-text p,.sundagger-text li{color:var(--text-main);margin-bottom:7px;font-size:.74rem;line-height:1.52}.sundagger-text ul{margin-bottom:8px;padding-left:16px}.sundagger-Interactive-box{border:1px solid var(--panel-border);text-align:center;background:#00000073;border-radius:12px;padding:12px}.sundagger-Interactive-box h4{color:var(--sand-bright);margin-bottom:8px;font-size:.73rem}#sundagger-canvas{border:1px solid #e5a9654d;border-radius:8px;width:100%;max-width:320px;margin-bottom:10px}.sd-controls{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.sd-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:6px;padding:5px 8px;font-size:.66rem}.sd-btn.active{border-color:var(--sand-gold);color:var(--sand-bright);background:#e5a96540;font-weight:600}.masonry-grid,.sources-list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.masonry-card,.source-item{background:#ffffff09;border:1px solid #ffffff1a;border-radius:10px;padding:10px 12px}.m-header{color:var(--sand-bright);margin-bottom:5px;font-size:.76rem}.m-badge{font-family:var(--font-mono);border:1px solid var(--sand-gold);background:#e5a96533;border-radius:4px;margin-right:6px;padding:2px 6px;font-size:.6rem}.masonry-card p{color:var(--text-muted);font-size:.71rem;line-height:1.46}.source-item{justify-content:space-between;align-items:center;gap:10px;display:flex}.source-item strong{color:var(--sand-bright);margin-bottom:2px;font-size:.72rem;display:block}.source-item span{color:var(--text-muted);font-size:.65rem}.source-item a{color:var(--turquoise);font-family:var(--font-mono);white-space:nowrap;font-size:.65rem;text-decoration:none}.source-item a:hover{text-decoration:underline}@media (width<=1100px){.brand-sub,.stage-hint{display:none}.overview-hero-card{width:360px;bottom:136px}.inspector-drawer{width:320px}.comparison-grid,.sundagger-layout,.masonry-grid,.sources-list{grid-template-columns:1fr}}#top-bar,#sections-bar,#overview-hero-card,#inspector-drawer,#btn-reopen-dossier,#areas-strip-section,#proximity-toast,#walk-hud,#map-drawer,#atlas-modal,.label-3d.label-site{display:none!important}.label-3d:not(.label-interpretive-kiva),.label-3d.label-structure-detail,.label-3d.discovery-beacon,.label-site,#guided-stops-bar{opacity:0!important;pointer-events:none!important;display:none!important}.label-3d.label-interpretive-kiva{color:#ffe999;font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.08em;text-transform:uppercase;pointer-events:auto;cursor:pointer;background:#120d06e0;border:1px solid #f8d0408c;border-radius:6px;align-items:center;padding:5px 10px;font-size:.68rem;font-weight:600;display:inline-flex;box-shadow:0 6px 18px #0000008c}#center-title-overlay{z-index:40;text-align:center;pointer-events:none;will-change:transform, opacity;flex-direction:column;justify-content:center;align-items:center;padding:0 20px;display:flex;position:absolute;inset:0}.center-hero-title{font-family:var(--font-display);letter-spacing:.22em;text-indent:.22em;color:#fff5e6;text-shadow:0 6px 32px #000000b8,0 2px 10px #0000008c;font-size:clamp(1.55rem,6.2cqw,5rem);font-weight:600;line-height:1.08}.room-hover-tag{z-index:48;-webkit-backdrop-filter:blur(12px);pointer-events:none;background:#e8c135f0;border:1px solid #ffe882d9;border-radius:7px;width:max-content;max-width:min(280px,100% - 24px);padding:9px 13px;transition:opacity .12s;position:absolute;top:0;left:0;box-shadow:0 12px 28px #00000073}.room-hover-tag.hidden{display:none!important}.hover-tag-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#221806c7;margin-bottom:3px;font-size:.54rem;font-weight:700;line-height:1.35}.hover-tag-title{font-family:var(--font-display);color:#120c02;margin:0;font-size:.84rem;font-weight:700;line-height:1.16}.room-side-note{z-index:45;-webkit-backdrop-filter:blur(16px);color:#171206;pointer-events:auto;opacity:1;background:#f8d040d9;border:1px solid #ffee91d1;border-radius:6px;flex-direction:column;width:310px;max-width:calc(100% - 28px);max-height:calc(100% - 32px);padding:12px 14px;transition:opacity .22s,transform .22s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:16px;bottom:auto;right:16px;overflow-y:auto;transform:translateY(0);box-shadow:0 18px 44px #0000007a}.room-side-note.hidden{opacity:0;pointer-events:none;transform:translateY(-8px)scale(.98);display:flex!important}.room-side-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:3px;display:flex}.room-side-eyebrow{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:#171206c2;font-size:.5rem;font-weight:700;line-height:1.25}.room-side-close{color:#171206;font-family:var(--font-sans);cursor:pointer;background:#1712061a;border:1px solid #17120633;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.64rem;font-weight:700;transition:background .14s,color .14s;display:flex}.room-side-close:hover{color:#f8d040;background:#171206}.room-side-title{font-family:var(--font-display);color:#140f04;margin-bottom:8px;font-size:.85rem;font-weight:700;line-height:1.2}.room-side-archival-box{margin-bottom:8px}.rs-media-frame{background:#0e0b06eb;border:1px solid #17120640;border-radius:4px;justify-content:center;align-items:center;width:100%;height:144px;display:flex;position:relative;overflow:hidden}.rs-media-frame img{object-fit:cover;width:100%;height:100%;display:block}.rs-media-arrow{color:#140f04;width:24px;height:24px;font-family:var(--font-sans);cursor:pointer;z-index:3;background:#f8d040e0;border:1px solid #fff09be6;border-radius:4px;justify-content:center;align-items:center;font-size:1.02rem;font-weight:700;line-height:1;transition:background .14s,transform .14s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #00000073}.rs-media-arrow:hover{background:#ffe055;transform:translateY(-50%)scale(1.07)}.rs-arrow-left{left:6px}.rs-arrow-right{right:6px}.rs-media-counter{color:#f8d040;font-family:var(--font-mono);letter-spacing:.04em;pointer-events:none;z-index:2;background:#120e06d1;border-radius:3px;padding:1.5px 5px;font-size:.5rem;font-weight:600;position:absolute;bottom:5px;right:6px}.rs-archival-caption{font-family:var(--font-sans);color:#171206db;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:.58rem;font-weight:600;line-height:1.28;display:-webkit-box;overflow:hidden}.room-side-keypoints{border-top:1px solid #17120629;border-bottom:1px solid #17120629;flex-direction:column;gap:5px;margin:0 0 9px;padding:7px 0;list-style:none;display:flex}.room-side-keypoints li{font-family:var(--font-sans);color:#161004;padding-left:10px;font-size:.62rem;font-weight:600;line-height:1.32;position:relative}.room-side-keypoints li:before{content:"";background:#161004;border-radius:1px;width:4px;height:4px;position:absolute;top:5px;left:0}.room-side-nav{justify-content:space-between;align-items:center;gap:6px;display:flex}.rs-nav-btn{color:#161004;font-family:var(--font-sans);letter-spacing:.02em;cursor:pointer;background:#1712061a;border:1px solid #17120638;border-radius:4px;padding:4px 9px;font-size:.6rem;font-weight:700;transition:background .14s,color .14s}.rs-nav-btn:hover{color:#f8d040;background:#161004}.rs-stop-indicator{font-family:var(--font-mono);letter-spacing:.05em;color:#171206c7;font-size:.56rem;font-weight:700}.celestial-compass{z-index:46;-webkit-user-select:none;user-select:none;touch-action:none;pointer-events:auto;flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;bottom:16px;left:16px}.compass-dial-wrap{filter:drop-shadow(0 10px 24px #0000009e);border-radius:50%;width:94px;height:94px;transition:transform .22s cubic-bezier(.22,1,.36,1),filter .22s;position:relative}.compass-dial-wrap:hover{filter:drop-shadow(0 12px 28px #000000b8)drop-shadow(0 0 10px #f8d04042)}.celestial-compass.room-aligned .compass-dial-wrap{filter:drop-shadow(0 12px 28px #000000b8)drop-shadow(0 0 14px #f8d0407a)}#celestial-compass-svg{cursor:grab;width:100%;height:100%;display:block;overflow:visible}.celestial-compass.scrubbing #celestial-compass-svg{cursor:grabbing}.compass-info-btn{color:#161004;cursor:pointer;z-index:5;background:#f8d040e0;border:1px solid #fff09be6;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;padding:0;font-family:Georgia,Times New Roman,serif;font-size:9.8px;font-style:italic;font-weight:700;line-height:1;transition:background .16s,transform .16s;display:flex;position:absolute;top:0;right:0;box-shadow:0 3px 10px #00000080}.compass-info-btn:hover,.compass-info-btn[aria-expanded=true]{color:#140f04;background:#ffe268;transform:scale(1.08)}.compass-info-popover{-webkit-backdrop-filter:blur(14px);color:#161004;z-index:60;pointer-events:auto;transform-origin:0 100%;background:#f8d040e0;border:1px solid #ffee91db;border-radius:6px;width:238px;padding:9px 11px;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 9px);left:0;box-shadow:0 14px 34px #00000085}.compass-info-popover.hidden{opacity:0;pointer-events:none;transform:translateY(5px)scale(.97)}.compass-info-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.compass-info-title{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:#171206c7;font-size:8.4px;font-weight:700}.compass-info-close{color:#161004;cursor:pointer;background:#1712061a;border:1px solid #17120633;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:8.8px;font-weight:700;line-height:1;display:flex}.compass-info-close:hover{color:#f8d040;background:#161004}.compass-info-text{font-family:var(--font-sans);color:#161004;margin:0 0 5px;font-size:9.4px;font-weight:500;line-height:1.34}.compass-info-text strong,.compass-info-list strong{color:#140f04;font-weight:700}.compass-info-list{font-family:var(--font-sans);color:#161004;border-top:1px solid #17120629;border-bottom:1px solid #17120629;flex-direction:column;gap:3.5px;margin:0 0 6px;padding:5px 0;font-size:9.1px;font-weight:600;line-height:1.32;list-style:none;display:flex}.compass-info-list li{padding-left:9px;position:relative}.compass-info-list li:before{content:"";background:#161004;border-radius:1px;width:3.5px;height:3.5px;position:absolute;top:4.5px;left:0}.compass-info-cite{font-family:var(--font-mono);color:#161004;border-bottom:1px solid #17120673;padding-bottom:1px;font-size:8.3px;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-block}.compass-info-cite:hover{opacity:.72}.compass-outer-bezel{fill:#0e0b059e;stroke:#f8d040ad;stroke-width:1.35px}.compass-dial-plate{stroke:#f8d0403d;stroke-width:.8px}.compass-fov-wedge{pointer-events:none}.compass-heading-lubber{fill:#f8d040;opacity:.94;pointer-events:none}.compass-tick-minor{stroke:#f8d04038;stroke-width:.65px}.compass-tick-major{stroke:#f8d04075;stroke-width:1px}.compass-cardinal-label-group{pointer-events:none}.compass-cardinal-text{font-family:var(--font-display);fill:#ffecafd6;letter-spacing:.03em;pointer-events:none;font-size:8px;font-weight:700}.compass-cardinal-text.cardinal-n{fill:#f8d040;font-size:8.8px}.compass-orbit-track{fill:none;stroke:#f8d0401a;stroke-width:2.2px;stroke-dasharray:1.5 2.5;cursor:grab}.compass-season-arcs{pointer-events:none}.compass-season-arc{fill:none;stroke:#f8d0403d;stroke-width:1.15px;stroke-dasharray:2 2.2;stroke-linecap:round;transition:stroke .2s,stroke-width .2s}.compass-season-arc.active{stroke:#f8d040;stroke-width:3px;stroke-dasharray:none}.celestial-compass.scrubbing .compass-season-arc.active{stroke:#ffe46b;stroke-width:3.4px}.compass-horizon-nodes{pointer-events:none}.compass-horizon-node{fill:#151006;stroke:#f8d040;stroke-width:1.2px;opacity:.9;transition:fill .16s,stroke .16s}.compass-horizon-node.active{fill:#ffe46b;stroke:#fff}.compass-center-btn{cursor:pointer}.compass-ruin-silhouette{fill:#f8d04021;stroke:#f8d04085;stroke-width:1px;stroke-linejoin:round;transition:fill .18s,stroke .18s}.compass-center-btn:hover .compass-ruin-silhouette,.celestial-compass.sweep-active .compass-ruin-silhouette{fill:#f8d04042;stroke:#ffe46b}.compass-ruin-ew-wall{stroke:#f8d040;stroke-width:1.9px;stroke-linecap:round;pointer-events:none}.compass-ruin-meridian{stroke:#ffe46b;stroke-width:1.65px;stroke-linecap:round;pointer-events:none}.compass-chord{stroke:#f8d04057;stroke-width:.95px;stroke-dasharray:2 2;pointer-events:none;transition:stroke .2s,stroke-width .2s}.compass-chord.active{stroke:#ffe46b;stroke-width:1.75px;stroke-dasharray:none}.compass-north-needle{fill:#f8d040;stroke:#140f04;stroke-width:.4px;pointer-events:none}.compass-celestial-ray{stroke:#ffe26ed9;stroke-width:1.35px;stroke-linecap:round;pointer-events:none}.compass-sun-orb{cursor:grab}.celestial-compass.scrubbing .compass-sun-orb{cursor:grabbing}.orb-hit-target{fill:#0000}.orb-halo{pointer-events:none}.orb-core{fill:#ffe46b;stroke:#fff;stroke-width:.9px;pointer-events:none}.orb-lunar-cut{fill:#13110c;opacity:0;pointer-events:none}.celestial-compass.lunar-mode .orb-lunar-cut{opacity:.95}.compass-season-controls{-webkit-backdrop-filter:blur(12px);background:#100c05e6;border:1px solid #f8d04085;border-radius:6px;flex-direction:column;align-items:center;gap:2.5px;padding:3.5px 5px;display:flex;box-shadow:0 8px 20px #00000085}.compass-season-pills{align-items:center;gap:2px;display:flex}.compass-season-btn{font-family:var(--font-sans);letter-spacing:.01em;color:#ffecafc7;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;padding:2px 6px;font-size:8.8px;font-weight:600;transition:background .14s,color .14s,border-color .14s}.compass-season-btn:hover{color:#fff6d6;background:#f8d04024}.compass-season-btn.active{color:#161004;background:#f8d040;border-color:#ffe885;font-weight:700}.compass-sun-readout{font-family:var(--font-mono);color:#f8d040;letter-spacing:.015em;text-align:center;font-size:8px;font-weight:600;line-height:1.18}.aspect-ratio-bar{z-index:52;-webkit-backdrop-filter:blur(12px);pointer-events:auto;background:#100c05e6;border:1px solid #f8d04080;border-radius:6px;align-items:center;gap:2px;padding:2.5px 4px;position:absolute;top:12px;left:14px;box-shadow:0 6px 18px #00000085;display:none!important}body[data-embed-clean=true] .aspect-ratio-bar{display:none!important}.aspect-btn{font-family:var(--font-mono);letter-spacing:.03em;color:#ffecafc7;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:2px 6.5px;font-size:8.5px;font-weight:600;transition:background .14s,color .14s,border-color .14s}.aspect-btn:hover{color:#fff6d6;background:#f8d04024}.aspect-btn.active{color:#161004;background:#f8d040;border-color:#ffe885;font-weight:700}body[data-aspect-layout=portrait] .center-hero-title{letter-spacing:.15em;text-indent:.15em;font-size:clamp(1.45rem,7.6cqw,2.35rem)}body[data-aspect-layout=portrait] .room-side-note{width:auto;max-width:none;max-height:44%;padding:10px 12px;inset:auto 10px 10px}body[data-aspect-layout=portrait] .room-side-note.hidden{transform:translateY(10px)scale(.98)}body[data-aspect-layout=portrait] .rs-media-frame{height:108px}body[data-aspect-layout=portrait] .room-side-keypoints{gap:3.5px;margin-bottom:6px;padding:5px 0}body[data-aspect-layout=portrait] .room-side-keypoints li{font-size:.58rem;line-height:1.26}body[data-aspect-layout=portrait] .celestial-compass{align-items:flex-start;top:42px;bottom:auto;left:10px}body[data-embed-clean=true][data-aspect-layout=portrait] .celestial-compass{top:12px}body[data-aspect-layout=portrait] .compass-dial-wrap{width:78px;height:78px}body[data-aspect-layout=portrait] .compass-info-popover{transform-origin:0 0;width:min(232px,100cqw - 24px);top:calc(100% + 8px);bottom:auto;left:0}@media (width<=680px){.compass-dial-wrap{width:82px;height:82px}.compass-info-popover{width:224px}}