html,body,#app{width:100%;height:100%;margin:0;font-family:Arial,sans-serif;overflow:hidden}body{background:radial-gradient(circle at top,#72e5ff2e,#0000 34%),linear-gradient(#07111f 0%,#03060d 100%)}:root{--tracker-panel-bg:#050a1261;--tracker-panel-border:#ffffff2e;--tracker-text:#fff;--tracker-muted:#ffffffe0;--tracker-cyan:#72e5ff;--tracker-mint:#66f0b5;--tracker-pink:#f4478d;--tracker-shadow:#050e1980}[hidden]{display:none!important}#viewer-container{width:100vw;height:100vh;position:relative}.intro-overlay{z-index:60;background:radial-gradient(circle at 16% 16%,#f4478d2e,#0000 24%),radial-gradient(circle at 82% 18%,#72e5ff2e,#0000 28%),radial-gradient(circle at 78% 78%,#66f0b51f,#0000 24%),linear-gradient(145deg,#070b16f0,#071222db);place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:hidden}.intro-overlay:before{content:"";opacity:0;background:linear-gradient(120deg,#ffffff14,#0000 28% 72%,#ffffff0f);position:absolute;inset:0}.intro-overlay.is-exiting{animation:.9s cubic-bezier(.22,1,.36,1) forwards intro-overlay-out}.intro-ambient{pointer-events:none;position:absolute;inset:0;overflow:hidden}.intro-orb,.intro-grid{position:absolute}.intro-orb{filter:blur(12px);opacity:0;border-radius:50%;animation:1.2s forwards intro-orb-in,16s ease-in-out 1.2s infinite alternate intro-orb-drift-1}.intro-orb-one{background:radial-gradient(circle,#f4478d4d,#f4478d00);width:260px;height:260px;top:10%;left:8%}.intro-orb-two{background:radial-gradient(circle,#72e5ff47,#72e5ff00);width:320px;height:320px;animation:1.2s .22s forwards intro-orb-in,18s ease-in-out 1.35s infinite alternate intro-orb-drift-2;bottom:12%;right:8%}.intro-grid{opacity:0;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:56px 56px;animation:1.4s cubic-bezier(.19,1,.22,1) .2s forwards intro-grid-rise;inset:-10%;transform:perspective(900px)rotateX(76deg)translateY(18%);-webkit-mask-image:linear-gradient(#0000,#000000e6 35%,#000000d9);mask-image:linear-gradient(#0000,#000000e6 35%,#000000d9)}.intro-panel{z-index:1;color:#f8fbff;opacity:0;width:min(920px,100vw - 32px);padding:clamp(18px,3vw,30px);animation:.95s cubic-bezier(.2,1,.28,1) .12s forwards intro-panel-in;position:relative;transform:translateY(34px)scale(.97)}.intro-title,.intro-lead,.intro-section-label,.intro-section-text,.intro-tip,.intro-controls-grid p{margin:0}.intro-title{letter-spacing:-.05em;max-width:10ch;font-size:clamp(2.4rem,5.2vw,4.8rem);line-height:.94}.intro-lead{color:#f4f7fbe0;max-width:56ch;margin-top:18px;font-size:1.08rem;line-height:1.6}.intro-layout{grid-template-columns:minmax(0,520px) minmax(280px,1fr);align-items:center;gap:36px;margin-top:28px;display:grid}.intro-section{gap:14px;display:grid}.intro-section-label{letter-spacing:.16em;text-transform:uppercase;color:#f4478de0;font-size:.78rem;font-weight:800}.intro-section-text{color:#f4f7fbe6;font-size:1rem;line-height:1.65}.intro-section-controls{width:min(100%,520px);position:relative}.intro-cta{place-items:center end;min-height:100%;display:grid}.intro-controls-grid{gap:10px;display:grid}.intro-controls-grid p{color:#ebf4fcd6;border-bottom:1px solid #72e5ff1f;justify-content:space-between;gap:18px;padding-bottom:10px;font-size:.95rem;line-height:1.4;display:flex}.intro-controls-grid p:last-child{border-bottom:0;padding-bottom:0}.intro-controls-grid span{color:#fff;text-shadow:0 0 12px #72e5ff2e;font-weight:800}.intro-footer{width:min(100%,520px);margin-top:34px;display:block}.intro-tip{text-align:left;color:#c9e0ecc7;max-width:28ch;font-size:1.34rem;line-height:1.45}.intro-start-button{color:#08111d;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#f4478d,#72e5ff 58%,#66f0b5);border:0;border-radius:999px;flex:none;width:360px;min-height:96px;padding:26px 40px;font-size:1.5rem;font-weight:900;transition:transform .18s,box-shadow .18s,filter .18s;position:relative;overflow:hidden;transform:none;box-shadow:0 18px 34px #72e5ff38}.intro-start-button:before{content:"";background:linear-gradient(120deg,#0000 10%,#fffc 48%,#0000 86%);animation:3.4s ease-in-out 1.1s infinite intro-button-sheen;position:absolute;inset:0;transform:translate(-135%)}.intro-start-button:hover{filter:brightness(1.04);transform:translateY(-2px)scale(1.01);box-shadow:0 22px 42px #72e5ff47,0 0 24px #f4478d29}.start-transition{z-index:55;pointer-events:none;opacity:0;place-items:center;display:grid;position:fixed;inset:0}.start-transition.is-active{opacity:1}.start-transition-ring,.start-transition-glow{border-radius:50%;position:absolute}.start-transition-ring{border:1px solid #f4478d66;width:18vmax;height:18vmax;box-shadow:inset 0 0 0 1px #ffffff14}.start-transition-ring-secondary{border-color:#72e5ff57;width:34vmax;height:34vmax}.start-transition-glow{filter:blur(16px);background:radial-gradient(circle,#66f0b54d,#66f0b500);width:22vmax;height:22vmax}.start-transition.is-active .start-transition-ring{animation:.9s cubic-bezier(.16,1,.3,1) forwards start-ring-burst}.start-transition.is-active .start-transition-ring-secondary{animation-delay:70ms}.start-transition.is-active .start-transition-glow{animation:1s forwards start-glow-burst}.experience-prestart .hud,.experience-prestart .progress-tracker,.experience-prestart .interaction-popup,.experience-prestart .interaction-prompt,.experience-prestart .camera-readout-overlay{opacity:0;pointer-events:none}.experience-starting .hud,.experience-starting .progress-tracker{opacity:0}.hud,.progress-tracker,.camera-readout-overlay{transition:opacity .32s,transform .32s}.hud{z-index:20;position:fixed;bottom:24px;left:24px}.progress-tracker{z-index:24;width:min(320px,100vw - 28px);color:var(--tracker-text);text-shadow:0 1px 2px #00000052,0 0 10px #0000001f;padding:0;position:fixed;top:18px;left:18px}.progress-tracker-glow{display:none}.progress-tracker-header{z-index:0;margin-bottom:12px;position:relative}.progress-eyebrow,.progress-metric-label,.progress-metric-value{margin:0}.progress-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#fffffff5;font-size:.72rem;font-weight:800}.progress-metrics{z-index:0;gap:9px;display:grid;position:relative}.progress-metric{border:1px solid var(--tracker-panel-border);background:var(--tracker-panel-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:16px;gap:6px;padding:10px 11px 9px;display:grid;box-shadow:inset 0 1px #ffffff14,0 8px 16px #00000014}.progress-metric-label{letter-spacing:.1em;text-transform:uppercase;color:var(--tracker-muted);font-size:.7rem;font-weight:700}.progress-metric-value{letter-spacing:-.03em;font-size:1.1rem;font-weight:800}.progress-metric-discovered .progress-metric-value{color:var(--tracker-cyan)}.progress-metric-quiz .progress-metric-value{color:var(--tracker-mint)}.progress-metric-score .progress-metric-value{color:var(--tracker-pink)}.progress-bar{background:#ffffff24;border-radius:999px;height:6px;position:relative;overflow:hidden}.progress-bar-fill{border-radius:inherit;width:0;transition:width .26s;position:absolute;inset:0 auto 0 0}.progress-metric-discovered .progress-bar-fill{background:linear-gradient(90deg,#72e5ff66,#72e5ff)}.progress-metric-quiz .progress-bar-fill{background:linear-gradient(90deg,#66f0b566,#66f0b5)}.progress-metric-score .progress-bar-fill{background:linear-gradient(90deg,#f4478d5c,#f4478d)}.hud-block{color:#f4f7fb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c223452;border:1px solid #fff3;border-radius:18px;gap:12px;padding:15px 18px;display:grid;box-shadow:0 10px 24px #0000001f}.controls-note{color:#f4f7fbc2;max-width:390px;margin:0;font-size:.82rem;line-height:1.45}.controls-strip{align-items:center;gap:21px;display:flex}.control-group{justify-items:center;gap:9px;display:grid}.control-caption{letter-spacing:.04em;text-transform:uppercase;color:#f4f7fbc2;margin:0;font-size:.84rem}.controls-divider{background:linear-gradient(#fff0,#ffffff3d,#fff0);width:1px;height:72px}.wasd{grid-template-columns:repeat(3,42px);grid-template-areas:".w.""a s d";gap:6px;width:fit-content;display:grid}.key{color:#f4f7fb;background:linear-gradient(#ffffff29,#ffffff0d),#101522ad;border:1px solid #fff3;border-radius:11px;place-items:center;width:42px;height:42px;font-size:.84rem;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff1f,0 4px 10px #0000001f}.key-wide{width:auto;min-width:72px;padding:0 12px}.key-w{grid-area:w}.key-a{grid-area:a}.key-s{grid-area:s}.key-d{grid-area:d}.mouse-icon{background:linear-gradient(#ffffff29,#ffffff0d),#101522ad;border:1px solid #ffffff38;border-radius:18px;flex:none;width:33px;height:51px;position:relative;box-shadow:inset 0 1px #ffffff1f,0 4px 10px #0000001f}.mouse-icon:before{content:"";background:#ffffff24;width:1px;height:15px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.mouse-wheel{background:#f4f7fbe0;border-radius:999px;width:6px;height:12px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.camera-readout-overlay{z-index:25;color:#f4f7fb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0e18b8;border:1px solid #fff3;border-radius:16px;gap:6px;min-width:240px;padding:14px 16px;display:grid;position:fixed;top:24px;right:24px;box-shadow:0 16px 36px #0003}.camera-readout-label{letter-spacing:.08em;text-transform:uppercase;color:#f4f7fba3;margin:0;font-size:.68rem}.camera-coordinates{color:#fff;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.82rem}.camera-readout-hint{color:#f4f7fbb3;margin:0;font-size:.72rem}.camera-copy-status{color:#8df0bf;min-height:1em;margin:0;font-size:.72rem}.interaction-popup{z-index:28;pointer-events:none;opacity:0;transition:opacity .16s;position:fixed;top:0;left:0;transform:translate(-9999px,-9999px)}.interaction-prompt{z-index:27;color:#f8f9fd;letter-spacing:.02em;pointer-events:none;background:#11141fdb;border:1px solid #ffffff2e;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:700;position:fixed;top:0;left:0;transform:translate(-9999px,-9999px)translate(-50%,-185%);box-shadow:0 14px 30px #0000002e}.interaction-popup-card{color:#fff7fb;background:linear-gradient(135deg,#f4478df5,#702259eb);border:1px solid #ffffff38;border-radius:20px;width:min(360px,100vw - 32px);padding:18px 20px;transform:translate(-50%,-115%);box-shadow:0 24px 50px #410c2652}.interaction-kicker{letter-spacing:.12em;text-transform:uppercase;color:#fff7fbb3;margin:0 0 8px;font-size:.72rem}.interaction-title{margin:0 0 10px;font-size:1.4rem;line-height:1.05}.interaction-text{margin:0;font-size:.94rem;line-height:1.45}.interaction-hint{color:#fff7fbd1;margin:14px 0 0;font-size:.78rem}.interaction-fullscreen{z-index:40;place-items:center;display:grid;position:fixed;inset:0}.interaction-backdrop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0c129e;position:absolute;inset:0}.interaction-dialog{color:#f8f9fd;background:linear-gradient(135deg,#ffffff1f,#ffffff0a),#0f121beb;border:1px solid #ffffff2e;border-radius:28px;gap:24px;width:min(980px,100vw - 40px);max-height:calc(100vh - 40px);padding:28px;display:grid;position:relative;overflow:auto;box-shadow:0 30px 80px #00000052}.interaction-hero{gap:12px;display:grid}.interaction-dialog-title{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,4.8rem);line-height:.95}.interaction-dialog-text{color:#f8f9fdd1;max-width:62ch;margin:0;font-size:1rem;line-height:1.6}.interaction-content{gap:20px;display:grid}.video-embed-gallery{gap:18px;display:grid}.video-embed-card{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:22px;gap:12px;margin:0;padding:16px;display:grid}.video-embed-frame{aspect-ratio:16/9;background:#00000047;border-radius:16px;width:100%;position:relative;overflow:hidden}.video-embed-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-embed-caption{color:#f8f9fdc2;margin:0;font-size:.9rem;line-height:1.5}.interaction-list{gap:12px;display:grid}.interaction-list-title{letter-spacing:.12em;text-transform:uppercase;color:#f8f9fd8f;margin:0;font-size:.86rem}.interaction-list-item{background:#ffffff0a;border:1px solid #ffffff24;border-radius:18px;margin:0;padding:16px 18px;font-size:.96rem;line-height:1.45}.interaction-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.interaction-button{color:#fff;cursor:pointer;background:#f4478d;border:0;border-radius:999px;padding:12px 20px;font-size:.96rem;font-weight:700}.interaction-close-hint{color:#f8f9fdad;margin:0;font-size:.84rem}.quiz-form{gap:16px;display:grid}.quiz-question{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:20px;margin:0;padding:18px}.quiz-question-title{margin-bottom:14px;padding:0;font-size:1rem;font-weight:700}.quiz-options{gap:10px;display:grid}.quiz-option{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.quiz-option input{margin-top:3px}.quiz-option-label{line-height:1.45}.quiz-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.quiz-status{color:#f8f9fdc2;margin:0;font-size:.92rem}.quiz-results{gap:16px;display:grid}.image-gallery{gap:18px;display:grid}.image-card{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:22px;gap:10px;margin:0;padding:16px;display:grid}.image-card-media{background:#ffffff08;border-radius:14px;width:100%;height:auto;display:block}.image-card-caption{color:#f8f9fdc2;margin:0;font-size:.9rem}.info-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.info-card{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:20px;grid-template-rows:auto 1fr;gap:12px;padding:18px;display:grid}.info-card-head{align-content:start;gap:8px;min-height:88px;display:grid}.info-card-number,.info-card-title,.info-card-text{margin:0}.info-card-number{letter-spacing:.12em;text-transform:uppercase;color:#f4478dd6;font-size:.76rem;font-weight:800}.info-card-title{color:#f8f9fd;font-size:1.02rem;line-height:1.25}.info-card-text{color:#f8f9fdc7;line-height:1.55}.quiz-score{background:linear-gradient(135deg,#f4478d2e,#ffffff0a);border:1px solid #f4478d3d;border-radius:20px;padding:18px 20px}.quiz-score-label,.quiz-score-value,.quiz-result-title,.quiz-result-line{margin:0}.quiz-score-label{letter-spacing:.1em;text-transform:uppercase;color:#f8f9fda3;font-size:.8rem}.quiz-score-value{margin-top:6px;font-size:2rem;font-weight:800}.quiz-result-list{gap:12px;display:grid}.quiz-result-item{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:18px;gap:8px;padding:16px 18px;display:grid}.quiz-result-item.is-correct{background:#3ddb8914;border-color:#3ddb8947}.quiz-result-item.is-wrong{background:#ff8c8c14;border-color:#ff8c8c3d}.quiz-result-title{font-weight:700}.quiz-result-line{color:#f8f9fdcc;line-height:1.45}@keyframes intro-panel-in{0%{opacity:0;transform:translateY(34px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes intro-orb-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes intro-grid-rise{0%{opacity:0;transform:perspective(900px)rotateX(76deg)translateY(28%)}to{opacity:.5;transform:perspective(900px)rotateX(76deg)translateY(18%)}}@keyframes intro-orb-drift-1{0%{transform:translate(0,0)scale(1)}50%{transform:translate(42px,20px)scale(1.06)}to{transform:translate(18px,56px)scale(.96)}}@keyframes intro-orb-drift-2{0%{transform:translate(0,0)scale(1)}50%{transform:translate(-34px,-18px)scale(1.04)}to{transform:translate(-62px,28px)scale(.95)}}@keyframes intro-button-sheen{0%,to{transform:translate(-135%)}16%,60%{transform:translate(135%)}}@keyframes intro-overlay-out{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(14px);transform:scale(1.04)}}@keyframes start-ring-burst{0%{opacity:.9;transform:scale(.45)}to{opacity:0;transform:scale(4.4)}}@keyframes start-glow-burst{0%{opacity:.8;transform:scale(.55)}to{opacity:0;transform:scale(5.2)}}@media (width<=640px){.intro-overlay{padding:14px}.intro-panel{padding:18px 14px}.intro-title{max-width:none;font-size:clamp(2rem,11vw,3rem)}.intro-layout{grid-template-columns:1fr;gap:22px;margin-top:22px}.intro-section-controls{width:100%}.intro-cta{justify-items:stretch}.intro-footer{width:100%;min-height:0;margin-top:22px;display:block}.intro-tip{max-width:26ch;font-size:1.1rem}.intro-start-button{width:100%;min-width:0;min-height:88px;padding:24px 28px;font-size:1.4rem}.progress-tracker{border-radius:20px;width:calc(100vw - 20px);padding:12px;top:10px;left:10px}.progress-metric{padding:10px}.hud{bottom:16px;left:16px;right:16px}.hud-block{min-width:0}.controls-strip{gap:12px}.controls-divider{height:44px}.camera-readout-overlay{min-width:0;top:16px;left:16px;right:16px}.interaction-popup-card{width:min(300px,100vw - 24px)}.interaction-dialog{border-radius:22px;width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:20px}.quiz-footer{align-items:stretch}}