:root{color-scheme:dark;--bg:#111414;--text:#f1eee7;--muted:#9ba6a1;--line:rgba(221,230,220,.12);--coral:#d87374;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--coral);outline-offset:5px}button:disabled{cursor:wait;opacity:.66}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}a{color:inherit;text-decoration:none}
.site-header{height:86px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{width:175px;height:52px;display:block;position:relative;overflow:hidden}.brand img{display:block;position:absolute;width:220px;height:auto;max-width:none;left:-13.75px;top:-22.08px}.header-note{font-size:12px;color:var(--muted);letter-spacing:.025em;margin-left:auto;margin-right:38px}.quiet-button{background:none;border:0;display:flex;align-items:center;justify-content:center;gap:9px;color:#b6beb8;padding:8px}.help-trigger{font-size:12px}.help-trigger svg{width:19px;height:19px}
.experience{max-width:1680px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 365px;min-height:calc(100svh - 139px);padding:0 4%;gap:42px}.stage{position:relative;min-height:650px;isolation:isolate;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 47%,#36555c 0%,#253a40 37%,#111818 70%,#111414 93%)}.stage-top{display:flex;gap:10px;align-items:center;position:absolute;left:0;top:33px;z-index:2;font-size:11px;color:#c7cdc3;letter-spacing:.09em}.live-dot{width:5px;height:5px;border-radius:50%;background:#91b7a7;box-shadow:0 0 10px #91b7a744}.stage-rule{width:22px;height:1px;background:#536660;margin:0 2px}.stage-type{color:#899c93;letter-spacing:.04em}
model-viewer{width:100%;height:100%;min-height:650px;flex:1;background:transparent;--poster-color:transparent;--progress-bar-height:0;outline:none;touch-action:pan-y}.load-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at center,#203337,#111414 72%);gap:25px;z-index:4}.load-orbit{width:44px;height:44px;border:1px solid #6e7b7133;border-top-color:#d87374;border-radius:50%;animation:spin 1.5s linear infinite}.load-label{font-size:13px;color:#b6c3b9}.load-track{width:160px;height:2px;background:#30413b;overflow:hidden}.load-track span{display:block;height:100%;width:0;background:var(--coral);transition:width .2s}
.stage-bottom{position:absolute;left:0;right:0;bottom:58px;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:2;pointer-events:none}.view-hint{display:flex;align-items:center;gap:10px;color:#98aaa0;font-size:11px}.view-hint svg{width:18px;height:18px;color:#6d887b}.view-hint b{font-weight:400;margin:0 7px;color:#52695d}.viewer-tools{display:flex;gap:5px;padding:5px;border:1px solid #74948425;border-radius:28px;background:#101b1bb3;backdrop-filter:blur(12px);pointer-events:auto}.tool-button{display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:50%;width:34px;height:34px;color:#b0c0b5;transition:color .2s,background .2s}.tool-button:hover,.tool-button[aria-pressed=true]{background:#ffffff0d;color:var(--coral)}.tool-button svg{width:18px;height:18px}.stage-caption{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);white-space:nowrap;color:#60796d;font-size:10px;letter-spacing:.06em}.native-ar{display:none}.ar-instructions{display:none;padding:13px 18px;background:#111414df;color:#fff;border-radius:25px;position:absolute;bottom:30px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px}model-viewer[ar-status=session-started] .ar-instructions{display:block}model-viewer[ar-status=object-placed] .ar-instructions{display:none}
.habitat-panel{align-self:center;padding:38px 0 28px;position:relative}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;font-size:9px;letter-spacing:.17em;color:var(--coral);margin-bottom:25px}.eyebrow>span{width:6px;height:6px;border:1px solid var(--coral);border-radius:50%}h1{font-size:46px;letter-spacing:-2.2px;line-height:1.075;font-weight:400;margin:0 0 22px}.intro{color:#a5b0a8;line-height:1.8;font-size:13px;max-width:325px;margin:0 0 29px}.habitat-facts{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:25px}.habitat-facts>div{display:flex;flex-direction:column;gap:8px}.fact-label{font-size:10px;color:#74877b}.habitat-facts strong{font-size:12px;font-weight:400;color:#cbd3c9}.primary-button{border:0;background:var(--coral);color:#19201e;min-height:52px;padding:14px 18px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:11px;font-size:12px;font-weight:600;transition:background .2s,transform .2s;border-radius:3px}.primary-button:hover{background:#e58a8b;transform:translateY(-1px)}.primary-button>svg:first-child{width:22px;height:22px}.primary-button>span:first-of-type{margin-right:auto}.primary-button .button-arrow{width:18px;height:18px;margin-left:auto}.ar-note{font-size:10px;line-height:1.6;text-align:center;color:#72857a;margin:12px 0 29px}.section-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.section-label h2{font-size:11px;font-weight:400;color:#bac6bb;margin:0}.section-label>span{color:#637c6c;font-size:9px}.resident-button{border:0;border-bottom:1px solid var(--line);padding:15px 0;width:100%;display:flex;align-items:center;gap:15px;background:none;text-align:left;transition:color .2s}.resident-number{font-size:9px;color:#5e7966;font-variant-numeric:tabular-nums;align-self:flex-start;padding-top:3px}.resident-name{font-size:13px;letter-spacing:.015em;color:#d9dfd3}.resident-name small{display:block;font-size:10px;letter-spacing:0;color:#708374;margin-top:7px}.resident-arrow{margin-left:auto;font-size:17px;color:#65826c}.resident-button:hover .resident-arrow,.resident-button[aria-pressed=true] .resident-arrow,.resident-button[aria-pressed=true] .resident-name{color:var(--coral)}.preview-note{color:#718476;font-size:10px;line-height:1.7;margin:19px 0 0;max-width:310px}
.site-footer{height:53px;border-top:1px solid var(--line);padding:0 4%;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#627b69;gap:15px}.site-footer>span:nth-child(2){font-style:italic;color:#879d87;margin-left:auto;margin-right:auto}.text-button{background:none;border:0;color:#8b9f8d;font-size:10px;padding:8px 0}.text-button span{margin-left:12px;color:var(--coral)}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);background:#e1e7dc;color:#1a2720;border-radius:5px;padding:12px 20px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;font-size:12px;z-index:30;max-width:calc(100% - 32px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
dialog{background:#19221f;color:var(--text);border:1px solid #4a615044;border-radius:12px;padding:38px;max-width:440px;width:calc(100% - 32px);box-shadow:0 30px 120px #0009}dialog::backdrop{background:#050c0bcc;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:12px;top:12px}.dialog-close svg{width:18px;height:18px}.dialog-eyebrow{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--coral)}dialog h2{font-size:29px;letter-spacing:-1px;font-weight:400;line-height:1.14;margin:18px 0 23px}.phone-qr{display:block;width:164px;height:164px;background:#fff;padding:13px;border-radius:5px;margin:0 auto 23px}dialog p{font-size:12px;color:#a8b9a9;line-height:1.8}dialog strong{color:#d5ded1;font-weight:400}dialog ol{padding-left:19px;font-size:12px;line-height:1.8;color:#a8b9a9;margin:18px 0 24px}dialog .dialog-small{font-size:10px;margin:14px 0 0;color:#6e8b73}.stage:fullscreen{background:radial-gradient(ellipse,#21373c,#111414 80%);padding:0 5%}.stage:fullscreen .stage-top{left:5%}.stage:fullscreen .stage-bottom{left:5%;right:5%}.stage:fullscreen model-viewer{height:100svh}.stage.fullscreen-fallback{position:fixed;inset:0;z-index:50;min-height:100svh;background:radial-gradient(ellipse,#21373c,#111414 80%)}
@keyframes spin{to{transform:rotate(360deg)}}
.fallback-image{position:absolute;inset:30px 0 40px;width:100%;height:calc(100% - 70px);object-fit:contain;pointer-events:none}.fallback-image[hidden],.fallback-note[hidden]{display:none}.fallback-note{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);text-align:center;color:#93a69a;font-size:10px;line-height:1.7;width:80%;margin:0}.poster-only model-viewer,.poster-only .stage-bottom,.poster-only .stage-caption{display:none}.resident-button:disabled{cursor:default;opacity:1}.resident-button:disabled .resident-arrow{opacity:.35}
@media(min-width:1500px){.experience{gap:65px;grid-template-columns:minmax(0,1fr) 390px}.habitat-panel h1{font-size:52px}.intro{font-size:14px}.stage,model-viewer{min-height:720px}}
@media(max-width:1050px){.experience{gap:22px;grid-template-columns:minmax(0,1fr) 315px;padding:0 3%}h1{font-size:39px;letter-spacing:-1.7px}.stage,model-viewer{min-height:620px}.view-hint{font-size:10px;gap:6px}.view-hint b{margin:0 2px}}
@media(max-width:760px){.site-header{height:65px;padding:0 6%;gap:10px}.brand{width:145px;height:43px}.brand img{width:182px;left:-11.38px;top:-18.26px}.header-note{display:none}.help-trigger{margin-left:auto;font-size:10px}.experience{display:flex;flex-direction:column;padding:0;gap:0;min-height:0}.stage,model-viewer{height:54svh;min-height:345px;max-height:600px}.stage{margin:0 4%}.stage-top{top:20px;left:2%;font-size:10px}.stage-bottom{left:2%;right:2%;bottom:30px}.stage-caption{display:none}.view-hint{font-size:10px}.view-hint span{font-size:0}.view-hint span::after{content:'Drag to explore · Pinch to zoom';font-size:10px}.viewer-tools{gap:1px;padding:3px}.tool-button{width:31px;height:31px}.habitat-panel{padding:9px 6% 29px;align-self:stretch}.eyebrow{margin-bottom:16px;font-size:8px}h1{font-size:37px;line-height:1.06;letter-spacing:-1.8px;margin-bottom:17px}.intro{font-size:12px;line-height:1.8;max-width:100%;margin-bottom:21px}.habitat-facts{margin-bottom:16px;padding:15px 0}.habitat-facts strong{font-size:12px}#ar-button{position:fixed;z-index:10;bottom:calc(12px + env(safe-area-inset-bottom));left:5%;width:90%;box-shadow:0 8px 35px #0007;min-height:53px}body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.ar-note{text-align:left;margin:0 0 26px;font-size:10px}.residents{margin-top:20px}.preview-note{max-width:100%;font-size:10px}.site-footer{height:49px;padding:0 6%;font-size:9px}.text-button{font-size:9px}.site-footer>span:nth-child(2){display:none}.toast{bottom:90px}dialog{padding:32px 26px}.stage.fullscreen-fallback{height:100svh;max-height:none;margin:0}.stage.fullscreen-fallback model-viewer{height:100svh;max-height:none}.stage.fullscreen-fallback .stage-bottom{bottom:35px;left:5%;right:5%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.habitat-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:22px 0 20px}.habitat-picker button{font:inherit;font-size:11px;line-height:1.3;color:#c9cdca;background:#1b1f1d;border:1px solid #38403a;padding:12px 7px;cursor:pointer;transition:background .18s,color .18s,border-color .18s}.habitat-picker button:hover{border-color:#e7988d}.habitat-picker button[aria-pressed=true]{background:#e8a096;color:#171b19;border-color:#e8a096}.habitat-picker button:focus-visible{outline:2px solid #f6b9ae;outline-offset:3px}#resident-list{width:100%}

.habitat-picker button{min-height:41px;border-radius:3px}.habitat-picker button:last-child{grid-column:1/-1}@media(max-width:760px){.habitat-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.habitat-picker button:last-child{grid-column:auto}.habitat-picker button{padding:11px 7px;font-size:11px;min-height:44px}}