:root{color-scheme:dark;--bg-0: #181a16;--bg-1: #2a2e2b;--line: rgba(194, 205, 196, .35);--text: #f0f0e4;--muted: #b0b6aa;--accent: #a8d7d4;--panel: rgba(13, 15, 12, .68)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;font-family:Trebuchet MS,Verdana,sans-serif;background:radial-gradient(circle at 30% 15%,var(--bg-1),var(--bg-0) 62%);color:var(--text)}.lobby-root,.viewport{width:100%;height:100%}.viewport canvas{width:100%;height:100%;display:block}.ui-layer{pointer-events:none;position:absolute;inset:0}.ui-layer:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,#0000,#00000057 82%),linear-gradient(180deg,#080a0c3d,#080a0c14 28%,#080a0c4d)}.ui-layer:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(0deg,#ffffff0b 0px 1px,#0000 3px 5px)}.settings-panel{pointer-events:auto;position:absolute;top:.9rem;left:.9rem;width:18rem;padding:.9rem;border:1px solid var(--line);background:linear-gradient(180deg,#0e100dc7,#0b0d0b9e);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 0 1px #e1eee108,0 14px 30px #0000004d}.settings-panel h1{margin:0;font-size:1.2rem;letter-spacing:.04em;text-transform:uppercase}.settings-panel label{display:block;font-size:.78rem;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);margin-bottom:.72rem}.settings-panel select{width:100%;margin-top:.38rem;padding:.44rem;color:var(--text);background:#1f211ff2;border:1px solid rgba(186,194,186,.32)}.control-hint{margin:.6rem 0 0;font-size:.78rem;color:#ccd3c9}.portal-prompt{position:absolute;left:50%;bottom:1.15rem;transform:translate(-50%);min-height:1.2rem;padding:.25rem .9rem;border:1px solid rgba(179,212,208,.5);background:linear-gradient(180deg,#090c0ab3,#080b0a8a);color:var(--accent);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}.inspect-panel{pointer-events:auto;position:absolute;right:1rem;top:5.2rem;width:min(22rem,calc(100vw - 2rem))}.inspect-card{border:1px solid rgba(176,201,195,.45);background:linear-gradient(180deg,#0b0e0df0,#090c0be6);box-shadow:0 12px 28px #00000059;padding:.72rem}.inspect-close{margin:0 0 .4rem auto;display:block;background:#23302ef2;border:1px solid rgba(159,198,191,.58);color:#d9f2ee;padding:.3rem .55rem;text-transform:uppercase;font-size:.66rem;letter-spacing:.06em;cursor:pointer}.inspect-title{margin:0;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;color:#d7e8e2}.inspect-description{margin:.45rem 0 0;color:#b5c4bf;font-size:.78rem;line-height:1.4}.inspect-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem}.inspect-tag{display:inline-flex;align-items:center;border:1px solid rgba(145,174,167,.5);background:#161e1ccc;color:#bdd9d1;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;padding:.15rem .42rem}.inspect-actions{display:flex;flex-wrap:wrap;gap:.48rem;margin-top:.65rem}.inspect-action{text-decoration:none;border:1px solid rgba(162,200,194,.56);background:#20302de6;color:#dcf7f2;font-size:.69rem;letter-spacing:.04em;text-transform:uppercase;padding:.34rem .52rem}.diegetic-hud{pointer-events:none;position:absolute;right:.9rem;bottom:3.2rem;width:min(21rem,calc(100vw - 2rem));display:grid;gap:.5rem}.stability-meter,.objectives-panel{border:1px solid rgba(174,190,182,.35);background:#090c0a8f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:.55rem .65rem}.stability-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.stability-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#b9c2b8}.stability-reading{font-size:.78rem;letter-spacing:.06em;color:#dce5d5}.stability-track{position:relative;margin-top:.35rem;height:.32rem;border:1px solid rgba(163,179,168,.35);background:#181d19b8}.stability-fill{display:block;height:100%;width:100%;background:linear-gradient(90deg,#8ca896,#b3c8ad);transition:width .18s ease-out}.stability-meter[data-state=low] .stability-fill{background:linear-gradient(90deg,#8f8b72,#c2b994)}.stability-meter[data-state=critical] .stability-fill{background:linear-gradient(90deg,#866860,#b18876)}.stability-status{margin:.35rem 0 0;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#a7afa4}.objectives-panel h2{margin:0;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#bcc5bb}.objectives-subtitle{margin:.28rem 0 0;color:#a2aa9f;font-size:.68rem;line-height:1.3}.objectives-list{list-style:none;margin:.45rem 0 0;padding:0;display:grid;gap:.38rem}.objectives-item{border:1px solid rgba(148,163,154,.26);background:#12161294;padding:.35rem .42rem}.objectives-item.is-empty{color:#a2aa9f;text-align:center;font-size:.72rem;letter-spacing:.03em}.objectives-line{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.objectives-item-label{font-size:.72rem;letter-spacing:.03em;color:#d2dacd}.objectives-item-progress{min-width:2.6rem;text-align:right;font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:#9eab9f}.objectives-item-detail{margin:.18rem 0 0;color:#939f94;font-size:.67rem;line-height:1.28}.objectives-item.is-active .objectives-item-label{color:#dbe6d5}.objectives-item.is-complete .objectives-item-label{color:#a7b9a8}.objectives-item.is-failed .objectives-item-label{color:#b79a95}.objectives-item.is-optional .objectives-item-label:after{content:" ?";color:#96a297}.perf-hud{pointer-events:none;position:absolute;right:.9rem;top:.9rem;max-width:calc(100vw - 2rem);padding:.35rem .55rem;border:1px solid rgba(169,209,194,.46);background:#070a09c7;color:#cfe9dd;font-size:.72rem;letter-spacing:.03em;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sound-gate{pointer-events:auto;position:absolute;inset:0;display:grid;place-items:center;background:#0708077a}.sound-card{width:min(24rem,calc(100vw - 2rem));border:1px solid rgba(196,212,197,.45);background:#0b0d0beb;padding:1rem}.sound-card h2{margin:0;text-transform:uppercase;letter-spacing:.06em;font-size:1.05rem}.sound-card p{margin:.45rem 0 1rem;color:var(--muted)}.sound-card button{background:#203235;border:1px solid rgba(169,226,217,.55);color:#e2f7f2;padding:.6rem .9rem;cursor:pointer;text-transform:uppercase;letter-spacing:.05em}.loading-panel{pointer-events:none;position:absolute;inset:0;display:grid;place-items:center;background:#07080747}.loading-card{width:min(24rem,calc(100vw - 2rem));border:1px solid rgba(186,201,190,.4);background:#0a0c0ae6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:.95rem 1rem}.loading-card h2{margin:0;text-transform:uppercase;letter-spacing:.06em;font-size:.98rem;color:#d5ddd1}.loading-card p{margin:.45rem 0 .7rem;color:#a9b1a5;font-size:.78rem;letter-spacing:.03em}.loading-track{position:relative;height:.34rem;overflow:hidden;border:1px solid rgba(160,175,165,.38);background:#161a17bf}.loading-pulse{position:absolute;inset:0 auto 0 -35%;width:35%;background:linear-gradient(90deg,#7b938800,#aac2b5cc 48%,#7b938800);animation:loading-pulse 1.6s ease-in-out infinite}@keyframes loading-pulse{0%{transform:translate(0)}to{transform:translate(385%)}}.fallback-panel{pointer-events:auto;position:absolute;inset:1rem;overflow:auto;border:1px solid var(--line);background:#101210f0;padding:1rem;display:grid;align-content:start;gap:.35rem}.fallback-panel ul{list-style:none;padding:0}.fallback-panel li{margin:.55rem 0}.fallback-panel a{color:#9bcde6}.fallback-detail{margin:0;color:#c0c4be;font-size:.78rem}.fallback-retry{justify-self:start;margin-top:.55rem;background:#243436;border:1px solid rgba(169,226,217,.55);color:#e2f7f2;padding:.52rem .9rem;cursor:pointer;text-transform:uppercase;letter-spacing:.05em}.fallback-retry:disabled{opacity:.64;cursor:wait}.hidden{display:none!important}@media(max-width:780px){.settings-panel{width:calc(100vw - 1.8rem);max-width:18rem}.diegetic-hud{left:1rem;right:1rem;width:auto;bottom:3.95rem}.portal-prompt{width:calc(100vw - 2rem);text-align:center}.inspect-panel{right:1rem;left:1rem;top:auto;bottom:3.2rem;width:auto}}