:root{font-family:Segoe UI,system-ui,sans-serif;color:#e4eff1;background:#080e19;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #8bebe1;outline-offset:6px}.museum-shell{position:relative;width:100%;min-height:100svh;height:100dvh;overflow:hidden}.scene{position:absolute;inset:0;touch-action:none}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:max(22px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) 20px max(28px,env(safe-area-inset-left));background:linear-gradient(#0c2130b8,transparent);pointer-events:none}.wordmark{display:flex;gap:12px;align-items:center;font-size:11px;letter-spacing:.14em;pointer-events:auto}.wordmark b{display:block;font-size:18px;font-weight:500;letter-spacing:.3em;margin-top:3px}.brand-mark{display:grid;place-items:center;width:42px;height:46px;border:1px solid #4c737c;font-size:24px;font-weight:300}.phase-tag,.eyebrow,.footer{font-size:10px;text-transform:uppercase;letter-spacing:.15em}.phase-tag{padding:10px 12px;border:1px solid #8baab566;color:#d3e5eb;background:#102330e8}.intro{position:absolute;top:25%;left:7%;pointer-events:none}.eyebrow{color:#8bcbc8}h1{font-weight:350;font-size:clamp(38px,5.4vw,80px);line-height:1.06;letter-spacing:-.05em;margin:20px 0}h1 span{color:#93b3bd}.intro p{color:#9db1bb;font-size:13px;line-height:1.8}.footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:16px;padding:22px max(28px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));color:#e2eff3;text-shadow:0 1px 3px #061c29;pointer-events:none}.connection{display:flex;gap:9px;align-items:center}.connection i{width:5px;height:5px;border-radius:50%;background:#b29c77}.connection i.online{background:#84dfcb}.scene-message{position:absolute;bottom:17%;z-index:10;left:7%;right:7%;max-width:480px;padding:22px;border:1px solid #2b4854;background:#0c1825ed}.scene-message h2{font-size:20px;font-weight:450}.scene-message p{color:#a3b8c1;font-size:13px;line-height:1.6}.scene-message button{background:transparent;color:#b8eeea;border:1px solid #45646b;min-height:44px;padding:10px 16px;cursor:pointer}.loading{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.loading p{width:100%;margin:0}.loading-orbit{width:14px;height:14px;border:1px solid #35535b;border-top-color:#a3eae4;border-radius:50%;animation:orbit 1s linear infinite}@keyframes orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-orbit{animation:none}}@media(max-width:600px){.topbar{padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 24px max(20px,env(safe-area-inset-left))}.phase-tag{font-size:8px;padding:8px;letter-spacing:.05em}.wordmark{font-size:8px;gap:8px}.wordmark b{font-size:15px}.brand-mark{width:32px;height:38px}.intro{top:23%;left:7%}.intro .eyebrow{font-size:8px}.footer{padding:24px max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));font-size:8px;letter-spacing:.07em}.scene-message{bottom:13%;padding:16px}}@media(max-height:550px){.intro{top:23%}h1{font-size:32px;margin:12px 0}.intro p{display:none}.scene-message{left:auto;right:4%;bottom:20%;max-width:44%;padding:14px}.scene-message h2{font-size:16px}}