:root{color-scheme:dark;--ink:#eef0e8;--muted:#aeb6b3;--gold:#d4b588;--panel:rgba(9,20,24,.87);--line:rgba(216,228,217,.18)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#0b1118;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-synthesis:none}button,input{font:inherit}button{cursor:pointer}
.app{position:relative;width:100%;height:100dvh;min-height:620px;overflow:hidden;background:#182328}#viewport,#atmosphere,.grain{position:absolute;inset:0;width:100%;height:100%}#viewport{display:block;touch-action:none;cursor:grab}#viewport:active{cursor:grabbing}#atmosphere{pointer-events:none;z-index:1}.grain{z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(4,13,18,.63) 0%,rgba(3,10,13,.3) 24%,transparent 54%,rgba(3,10,13,.28) 100%),linear-gradient(0deg,rgba(0,0,0,.46),transparent 25%,transparent 70%,rgba(0,0,0,.1));mix-blend-mode:multiply}
.topbar{position:absolute;z-index:15;top:0;left:0;right:0;height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 44px;border-bottom:1px solid rgba(255,255,255,.18);background:linear-gradient(#0a161ed1,#0a161e2e)}.brand,.topright{display:flex;align-items:center;gap:20px;font-size:10px;letter-spacing:.17em;font-weight:700}.brandmark{font-size:17px;letter-spacing:-.05em;font-weight:800;color:white}.brandmark span{color:var(--gold)}.brandsep,.topdivider{display:block;height:19px;width:1px;background:rgba(255,255,255,.26)}.brand em{font-style:normal;color:var(--gold)}.topright{gap:13px;color:#d3d7d0}.live-dot{width:5px;height:5px;border-radius:50%;background:#adce83;box-shadow:0 0 12px #a9d991}.plain-button{color:#eee;border:0;background:transparent;font-size:10px;letter-spacing:.17em;font-weight:700;padding:8px}.question{border:1px solid #78908a;border-radius:50%;font-size:11px;padding:3px 6px;margin-right:5px}
.hero{position:absolute;top:clamp(125px,18%,200px);left:clamp(28px,4.3vw,76px);width:min(430px,32vw);z-index:7;pointer-events:none}.hero button{pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:.27em;color:var(--gold);font-weight:800;display:flex;gap:12px;align-items:center}.eyeline{width:26px;height:1px;background:var(--gold)}.dotsep{color:#ffffff80}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(75px,8.1vw,146px);font-weight:400;line-height:.77;letter-spacing:-.065em;margin:34px 0 24px;text-shadow:0 2px 19px #0004}.hero h1 i{font-weight:400;letter-spacing:-.08em}.h1point{color:var(--gold);font-size:.9em}.hero-subtitle{font-size:11px;letter-spacing:.20em;font-weight:800;line-height:1.9;margin-top:33px;color:#efe6d8}.hero-subtitle span{color:var(--gold);margin:0 8px}.hero-description{font-size:15px;line-height:1.75;color:#d4dbd4;max-width:298px;text-shadow:0 2px 9px #081212aa}.hero-actions{display:flex;align-items:center;gap:10px;margin-top:30px}.primary-button{border:1px solid #e8cf9c;background:#ead1a4;color:#1b2926;padding:15px 17px;font-size:10px;font-weight:900;letter-spacing:.12em;display:flex;justify-content:space-between;gap:28px;align-items:center;transition:background .2s}.primary-button:hover{background:#fff0c9}.primary-button span{font-size:17px}.round-button{border:1px solid #ffffff77;background:#0d1c2263;color:#fff;border-radius:50%;height:47px;width:47px;font-size:23px}.round-button:hover{background:#203b43}.hero-meta{display:flex;gap:14px;align-items:center;color:#c5c8bd;font-size:9px;letter-spacing:.13em;margin-top:30px}.hero-meta span:first-child{border:1px solid #c8ceba70;padding:7px 9px}.hero-meta span:last-child{color:var(--gold)}
.tour-nav{position:absolute;left:clamp(28px,4.3vw,76px);bottom:95px;z-index:10;width:286px;display:none}.panel-label{font-size:10px;font-weight:800;letter-spacing:.19em;color:#beccbf;margin:0 0 18px}.stop{display:flex;align-items:center;gap:14px;width:100%;padding:13px 0;text-align:left;border:0;border-top:1px solid #b8c7bf42;background:transparent;color:#cad4cc;letter-spacing:.1em}.stop span{font-size:10px;color:var(--gold)}.stop strong{font-size:10px;flex:1}.stop i{font-size:15px;font-style:normal;opacity:0}.stop:hover,.stop.active{color:#fff}.stop:hover i,.stop.active i{opacity:1}.stop.active{border-top-color:var(--gold)}
.controls-panel{z-index:11;position:absolute;right:clamp(24px,3.25vw,65px);top:112px;width:min(314px,29vw);background:var(--panel);border:1px solid #c8d3c536;box-shadow:0 16px 55px #0006;padding:25px 25px 18px;backdrop-filter:blur(18px)}.control-top{display:flex;align-items:center;justify-content:space-between}.control-top .panel-label{margin:0}.control-live{font-size:9px;color:#a3b883;letter-spacing:.14em}.timehead{display:flex;justify-content:space-between;align-items:center;margin:30px 0 13px;font-size:10px;letter-spacing:.15em;font-weight:800}.timehead output{color:var(--gold);font-size:18px;letter-spacing:.02em;font-weight:500;font-family:Georgia,serif}.controls-panel input[type=range]{width:100%;appearance:none;height:2px;outline:0;background:linear-gradient(90deg,#e4bb82 0%,#e4bb82 58%,#71807a 58%,#71807a 100%);display:block;margin:19px 0}.controls-panel input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;border:3px solid #f1c990;background:#1b2d2c;cursor:pointer}.controls-panel input[type=range]::-moz-range-thumb{width:10px;height:10px;border:3px solid #f1c990;background:#1b2d2c;border-radius:50%;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:#8faca6}.thin-rule{height:1px;background:#c0cdc13a;margin:25px 0}.control-title{font-size:10px;letter-spacing:.16em;font-weight:800;margin-bottom:15px}.segmented{display:flex;border:1px solid #afbfab40;padding:3px}.segmented button{color:#aebdb3;background:transparent;border:0;flex:1;padding:12px 4px;font-size:10px;letter-spacing:.14em;font-weight:800}.segmented button.selected{color:#172a2c;background:#e8cd9d}.toggle-row{position:relative;display:flex;align-items:center;justify-content:space-between;padding:9px 0 14px;cursor:pointer;gap:12px}.toggle-row b{display:block;font-size:10px;letter-spacing:.13em;font-weight:800}.toggle-row small{display:block;font-size:11px;color:#a9b8ae;margin-top:7px}.toggle-row input{position:absolute;right:0;opacity:0;width:42px;height:24px;cursor:pointer}.toggle-ui{width:42px;height:24px;border-radius:18px;background:#6b7775;position:relative;flex-shrink:0;transition:background .2s}.toggle-ui:before{content:'';position:absolute;left:4px;top:4px;height:16px;width:16px;border-radius:50%;background:white;transition:transform .2s}.toggle-row input:checked+.toggle-ui{background:#c9a66d}.toggle-row input:checked+.toggle-ui:before{transform:translateX(18px)}.toggle-row:has(input:focus-visible){outline:2px solid white}.panel-foot{display:flex;gap:12px;border-top:1px solid #adb9aa36;padding-top:16px;margin-top:9px;font-size:10px;color:#8caaa2;line-height:1.5}.foot-star{color:var(--gold);font-size:17px}
.info-card{position:absolute;z-index:11;right:clamp(24px,3.25vw,65px);bottom:65px;width:min(314px,29vw);padding:19px 23px;background:#0c1a20d9;border-left:2px solid var(--gold);backdrop-filter:blur(10px);box-shadow:0 10px 35px #0005}.info-eyebrow{color:#e5bc86;font-size:9px;font-weight:900;letter-spacing:.2em}.info-card h2{font:normal 26px Georgia,serif;letter-spacing:-.02em;margin:11px 0}.info-card p{color:#b9c8c0;font-size:11px;line-height:1.7;margin:0}.corner-coordinate{position:absolute;z-index:7;right:44px;bottom:19px;color:#e5e7de99;letter-spacing:.15em;font-size:9px}.corner-coordinate span{color:var(--gold)}.bottomstrip{z-index:7;position:absolute;bottom:20px;left:clamp(28px,4.3vw,76px);display:flex;align-items:center;gap:15px;color:#e4e8df;font-size:9px;letter-spacing:.11em}.index-num{font-size:16px;font-family:Georgia,serif;color:var(--gold)}.index-num span{color:#d6d8d080;font-size:13px}.bottomline{width:42px;height:1px;background:#c5cfc599}.bottomstrip b{color:var(--gold)}#hotspots{z-index:6;position:absolute;inset:0;pointer-events:none}.hotspot{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);border-radius:50%;width:38px;height:38px;border:1px solid #f2dab9;background:#15201fa8;box-shadow:0 0 0 7px #e8d9bd20,0 8px 24px #0007;color:#ffe0ad;font:700 12px Arial;display:grid;place-items:center;transition:transform .2s,background .2s}.hotspot:hover,.hotspot.active{background:#e8c995;color:#1b2523;transform:translate(-50%,-50%) scale(1.15)}.hotspot.hidden{opacity:0;pointer-events:none}.status{position:absolute;inset:auto auto 16px 50%;transform:translateX(-50%);padding:9px 18px;border:1px solid #ffffff55;background:#051115c8;color:#dfd6c5;letter-spacing:.12em;font-size:9px;z-index:16;transition:opacity .5s}
dialog{max-width:500px;width:calc(100% - 40px);border:1px solid #7e9893;background:#102125;color:#e7eee6;padding:40px;box-shadow:0 10px 100px #000c}dialog::backdrop{background:#050c10b9;backdrop-filter:blur(5px)}dialog h2{font:normal 38px Georgia,serif;margin:16px 0}dialog p{line-height:1.65;color:#c6d4ce;font-size:14px}.dialog-close{position:absolute;right:19px;top:15px;color:#d9e5de;background:transparent;border:0;font-size:18px}.help-note{font-size:12px!important;color:#a9bfaf!important;border-left:2px solid #cba977;padding-left:13px}
@media(min-width:1500px){.hero{width:450px}.tour-nav{display:block;bottom:102px}.hero{top:19%}.hero-meta{display:none}.info-card{bottom:70px}}
@media(min-width:1020px) and (max-height:760px){.hero{top:120px}.hero h1{font-size:82px;margin:20px 0}.hero-description{font-size:12px}.hero-actions{margin-top:15px}.hero-meta{display:none}.controls-panel{top:90px;padding:17px}.thin-rule{margin:16px 0}.info-card{bottom:37px}.info-card p{font-size:10px}}
@media(max-width:900px){.topbar{padding:0 20px;height:64px}.topright .live-dot,.topright span:nth-child(2),.topdivider{display:none}.hero{top:95px;left:24px;width:min(360px,53vw)}.hero h1{font-size:clamp(65px,9vw,98px);margin:25px 0}.hero-description{font-size:12px}.controls-panel{right:18px;top:80px;width:260px;padding:17px}.timehead{margin:15px 0 8px}.thin-rule{margin:13px 0}.toggle-row{padding:6px 0}.info-card{width:260px;right:18px;bottom:62px}.info-card p{font-size:10px}}
@media(max-width:650px){.app{min-height:660px}.brand{font-size:9px;gap:10px}.brandsep{height:16px}.topbar{padding:0 16px}.hero{top:85px;left:20px;width:calc(100% - 40px)}.hero .eyebrow{font-size:9px}.hero h1{font-size:70px;margin:18px 0 17px}.hero-subtitle{font-size:9px;margin-top:20px}.hero-description,.hero-meta{display:none}.hero-actions{margin-top:15px}.primary-button{font-size:9px;padding:11px 12px;gap:10px}.round-button{width:40px;height:40px}.controls-panel{top:auto;bottom:14px;left:12px;right:12px;width:auto;display:grid;grid-template-columns:1fr 1fr;column-gap:13px;padding:11px 13px 8px;max-height:216px;overflow-y:auto}.controls-panel .control-top,.controls-panel .timehead,.controls-panel input[type=range],.controls-panel .range-labels,.controls-panel .control-title,.controls-panel .segmented,.controls-panel .toggle-row{grid-column:auto}.controls-panel .control-top{grid-column:1/-1;margin-bottom:8px}.controls-panel .timehead{grid-column:1/-1;margin:0}.controls-panel input[type=range]{grid-column:1/-1;margin:12px 0}.controls-panel .range-labels{grid-column:1/-1}.controls-panel .thin-rule,.controls-panel .panel-foot,.controls-panel .control-title{display:none}.controls-panel .segmented{grid-column:1/-1;margin:8px 0}.controls-panel .segmented button{padding:7px}.controls-panel .toggle-row{padding:4px 0}.toggle-row b{font-size:8px}.toggle-row small{font-size:9px}.toggle-ui{width:34px;height:20px}.toggle-ui:before{height:12px;width:12px}.toggle-row input:checked+.toggle-ui:before{transform:translateX(14px)}.info-card{left:14px;right:14px;bottom:233px;width:auto;padding:12px 15px;max-width:380px}.info-card h2{font-size:18px;margin:6px 0}.info-card p{font-size:10px;line-height:1.35;max-height:41px;overflow:auto}.bottomstrip,.corner-coordinate{display:none}.hotspot{width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}