:root{font-family:Inter,"Helvetica Neue",Arial,sans-serif;color:#f5f5ec;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#758994}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #ffffff25;border-radius:7px;background:#ffffff07;min-height:40px;padding:9px 13px;font-size:14px;transition:background .15s}button:hover{background:#ffffff18}button:focus-visible,input:focus-visible{outline:2px solid #eacb7a;outline-offset:4px}button.selected{background:#e6d6a6;color:#172421;border-color:#e6d6a6}#viewer,#scene{width:100%;height:100dvh;display:block}#scene{touch-action:none;outline:none}header{position:absolute;top:0;left:0;width:100%;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;background:linear-gradient(#11232b70,transparent)}.brand{display:flex;align-items:center;gap:17px;text-shadow:0 2px 15px #0005}.brand p{font-size:12px;letter-spacing:.22em;margin:0 0 7px}.brand h1{font-size:clamp(18px,2.1vw,28px);font-weight:450;margin:0;letter-spacing:-.025em}.flag{display:flex;height:34px;width:5px;flex-direction:column}.flag i{flex:1;background:#008753}.flag i:nth-child(2){background:#fcd116}.flag i:nth-child(3){background:#ce1126}.header-actions{display:flex;gap:8px;pointer-events:auto}.header-actions button{background:#14231e9c;backdrop-filter:blur(15px)}#help{width:40px;padding:0}.views{position:absolute;left:32px;top:136px;display:grid;gap:6px;width:174px;background:#14231ee6;border:1px solid #ffffff18;border-radius:12px;padding:15px;box-shadow:0 8px 30px #0002}.views p{font-size:12px;letter-spacing:.17em;margin:0 0 9px;color:#c2c6ba}.views button{text-align:left;border-color:transparent;line-height:1.25}.views #orbit{margin-top:12px;border-top:1px solid #ffffff25;border-radius:0;font-size:13px;padding:13px 0 0}.compass{position:absolute;right:36px;top:138px;text-align:center;font-size:12px;line-height:1.5;text-shadow:0 2px 4px #000}.compass span{display:block;font-size:26px}.controls{position:absolute;bottom:47px;left:50%;transform:translateX(-50%);width:560px;padding:8px 16px 12px;background:#15231eed;backdrop-filter:blur(16px);border:1px solid #ffffff21;border-radius:14px;box-shadow:0 16px 50px #0003}.modes{display:flex;border-bottom:1px solid #ffffff20;padding-bottom:8px;gap:4px}.modes button{flex:1;border:0;font-size:15px}.tiny-flag{display:inline-block;width:15px;height:10px;margin-right:7px;background:linear-gradient(90deg,#008753 33%,#fcd116 33%,#fcd116 66%,#ce1126 66%)}.time-control{padding:15px 9px 8px}.time-control>div{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#bcc7bf}.time-control output{font-variant-numeric:tabular-nums;font-size:23px;color:#fff;letter-spacing:.03em}input[type=range]{width:100%;accent-color:#e6d6a6;margin:13px 0 9px;cursor:pointer;height:4px}.time-labels{font-size:12px!important}.options{display:flex;justify-content:center;gap:6px;border-top:1px solid #ffffff20;padding-top:9px}.options button{font-size:12px;min-height:32px;padding:7px 8px;border:0}.navigation-help{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;text-shadow:0 1px 3px #000;color:#fff}.navigation-help span{padding:0 9px;opacity:.5}.scene-note{position:absolute;left:32px;bottom:70px;max-width:210px;display:grid;gap:7px;text-shadow:0 2px 5px #0008}.scene-note span{font-size:15px}.scene-note small{font-size:12px;color:#e1e6df;line-height:1.5}.compass,.scene-note{pointer-events:none}#loading{position:absolute;inset:0;display:grid;place-content:center;background:#172421;z-index:20;line-height:1.6;text-align:center;padding:30px}#loading.done{display:none}dialog{background:#182820;color:#eef0e6;border:1px solid #ffffff28;border-radius:16px;max-width:650px;width:calc(100% - 32px);max-height:85dvh;padding:32px;line-height:1.65;font-size:16px;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#03170b75;backdrop-filter:blur(5px)}dialog h2{font-size:25px;font-weight:450;margin:0 35px 16px 0}dialog h3{font-size:16px;margin:26px 0 6px}dialog p{color:#c8d3c9}dialog a{color:#e6d6a6}dialog .close{position:absolute;right:12px;top:12px;font-size:23px;border:0}details{border-top:1px solid #fff2;padding:15px 0}summary{cursor:pointer}.keys{font-size:20px;letter-spacing:.13em}#walk-buttons{position:absolute;bottom:265px;left:32px;text-align:center}#walk-buttons button{width:43px;height:43px;background:#172421d9;margin:3px}#walk-buttons[hidden]{display:none}
@media(max-width:1000px){.scene-note{bottom:280px;max-width:180px}.controls{width:520px}.views{left:20px;width:156px;padding:11px}header{padding:22px 20px}.compass{right:24px}.scene-note{left:20px}}
@media(max-width:650px){header{padding:17px 16px;align-items:flex-start}.brand{gap:10px}.brand h1{max-width:230px;font-size:18px;line-height:1.25}.brand p{font-size:11px;margin-bottom:5px}.header-actions{gap:5px}.header-actions #sources{font-size:12px;max-width:80px;padding:7px;line-height:1.2}.views{left:12px;right:12px;top:102px;width:auto;display:flex;padding:5px;gap:3px;overflow-x:auto;border-radius:9px;max-width:calc(100% - 24px)}.views p{display:none}.views button{font-size:12px;flex-shrink:0;padding:8px;min-height:34px}.views #orbit{margin:0;border:0;padding:8px;font-size:0}.views #orbit:before{content:'↻';font-size:20px}.compass{top:159px;right:20px}.controls{width:calc(100% - 24px);bottom:43px;padding:7px 9px 8px}.modes button{font-size:14px;padding:9px 4px}.time-control{padding:9px 7px 7px}.options{gap:0}.options button{font-size:11px;padding:6px;line-height:1.3}.navigation-help{font-size:11px;white-space:normal;text-align:center;bottom:10px;width:90%;line-height:1.4}.navigation-help span{padding:0 3px}.scene-note{left:16px;bottom:251px;max-width:190px}.scene-note small{font-size:10px}.scene-note span{font-size:13px}#walk-buttons{left:auto;right:14px;bottom:258px}dialog{padding:25px;font-size:15px}}
@media(max-height:580px){.views{top:95px}.controls{left:auto;right:16px;transform:none;width:340px;bottom:36px}.scene-note{bottom:70px}.compass{display:none}.modes button{font-size:12px}.navigation-help{bottom:9px}.options button{font-size:10px}}

@media (min-width:651px) and (pointer:fine){#walk-buttons{display:none}}

@media(max-width:650px){.views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.views button{text-align:center;white-space:normal}.views #orbit:before{content:"↻ Tour";font-size:12px}.compass{top:198px}.options button{font-size:12px;min-height:40px}.brand h1{max-width:215px}}

@media(max-width:650px){.scene-note{bottom:280px}}

.options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.options button{min-width:0;white-space:normal;line-height:1.3}
@media(max-width:650px){.options button{padding:6px 3px}}

.immersive .views,.immersive .controls,.immersive .scene-note,.immersive .compass,.immersive .navigation-help,.immersive .brand,.immersive #sources,.immersive #help{display:none}.immersive header{justify-content:flex-end}#interface-toggle{font-size:12px}
@media(max-width:650px){#interface-toggle{max-width:105px;white-space:normal;font-size:10px;padding:7px}}

.directions-toggle{position:absolute;right:24px;top:198px;background:#14231eed;font-size:13px;box-shadow:0 6px 20px #0002}
.directions-toggle[aria-pressed=true]{border-color:#e6d6a680;color:#ffe7a1}
.direction-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.direction-labels[hidden]{display:none}
.direction-label{position:absolute;left:0;top:0;display:flex;gap:8px;align-items:center;background:#17251ded;border:1px solid #ffdc7580;border-radius:7px;padding:9px 12px;box-shadow:0 4px 18px #0004;visibility:hidden;white-space:nowrap}
.direction-label strong{display:block;color:#ffdf8c;font-size:15px;font-weight:550}.direction-label small{display:block;color:#e6ece3;font-size:10px;margin-top:3px}
.direction-symbol{font-size:23px;color:#ffdf8c}.direction-label i{position:absolute;top:100%;left:50%;height:18px;width:1px;background:#ffe19b}.direction-label i{transform-origin:top center}.direction-label i:after{content:'';position:absolute;bottom:0;left:-2px;width:5px;height:5px;border-radius:50%;background:#ffe19b}
.immersive .directions-toggle,.immersive .direction-labels{display:none}
@media(max-width:650px){.directions-toggle{top:199px;right:55px;font-size:11px;padding:7px 10px;min-height:34px}.direction-label{gap:5px;padding:7px 9px}.direction-label strong{font-size:12px}.direction-label small{font-size:9px}.direction-symbol{font-size:19px}}
@media(max-height:580px){.directions-toggle{top:95px;right:16px}}

header,.views,.controls,.navigation-help,.compass,.scene-note,#walk-buttons{z-index:3}.direction-labels{z-index:2}.directions-toggle{z-index:4}

.quality-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 8px 12px;font-size:12px;color:#d2dacf}.quality-row select{font:inherit;color:#f5f5ec;background:#243a2e;border:1px solid #aab9a755;border-radius:6px;padding:8px;max-width:78%;min-height:36px}.quality-row select:focus-visible{outline:2px solid #eacb7a;outline-offset:3px}
@media(max-width:650px){.scene-note{bottom:333px}#walk-buttons{bottom:338px}.quality-row{padding:3px 5px 8px}.quality-row select{font-size:12px}}