:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--paper: #090b0f;--panel: rgba(14, 17, 22, .88);--line: rgba(255, 255, 255, .13);--ink: #f3f1eb;--muted: #9ea3ab;--lime: #bfff19;--violet: #b99cc8}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--paper)}button{font:inherit}button:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.experience{position:relative;width:100%;height:100%;isolation:isolate;background:#090b0f}#world{position:absolute;inset:0;width:100%;height:100%;outline:0;touch-action:none}.topbar{position:absolute;inset:0 0 auto;z-index:10;min-height:4.7rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.8rem clamp(1rem,2.4vw,2.4rem);border-bottom:1px solid var(--line);background:linear-gradient(180deg,#080a0ef5,#080a0ec2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:.75rem}.brand-logo{display:block;width:auto;height:1.55rem}.brand-caption{padding-left:.8rem;border-left:1px solid var(--line)}.brand strong,.brand small{display:block;letter-spacing:.08em}.brand strong{font-size:.86rem}.brand small{margin-top:.1rem;color:var(--muted);font:600 .51rem/1.2 ui-monospace,monospace}.simulation-label,.session{color:#b8bdc3;font:700 .57rem/1 ui-monospace,monospace;letter-spacing:.12em}.simulation-label{display:flex;align-items:center;gap:.55rem;padding:.58rem .78rem;border:1px solid rgba(191,255,25,.25);border-radius:999px;background:#bfff190f;color:#d8f58f}.simulation-label i{width:.42rem;height:.42rem;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.session{justify-self:end;display:flex;align-items:center;gap:.65rem}.session-divider{width:1px;height:1rem;background:var(--line)}.intro-card{position:absolute;z-index:12;left:clamp(1rem,3vw,3rem);top:50%;width:min(30rem,calc(100% - 2rem));padding:clamp(1.5rem,3vw,2.5rem);transform:translateY(-44%);max-height:calc(100dvh - 6rem);overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(255,255,255,.16);border-radius:1.4rem;background:linear-gradient(145deg,#101319f7,#0b0d12e0);box-shadow:0 30px 90px #0000008c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:opacity .35s,transform .35s,visibility .35s}.intro-card.dismissed{opacity:0;visibility:hidden;transform:translate(-1.5rem,-44%);pointer-events:none}.kicker{margin:0 0 1rem;color:var(--lime);font:760 .62rem/1.2 ui-monospace,monospace;letter-spacing:.12em}.avatar-picker{margin:1.1rem 0 0;padding:0;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.avatar-picker legend{margin-bottom:.5rem;padding:0;color:var(--muted);font:700 .58rem/1.2 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.avatar-picker label{position:relative;display:block;cursor:pointer}.avatar-picker input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.avatar-picker span{display:block;min-height:3.2rem;padding:.6rem .7rem;border:1px solid var(--line);border-radius:.7rem;background:#ffffff08;transition:border-color .2s,background .2s}.avatar-picker strong,.avatar-picker small{display:block}.avatar-picker strong{font-size:.82rem}.avatar-picker small{margin-top:.2rem;color:var(--muted);font-size:.64rem;line-height:1.35}.avatar-picker input:checked+span{border-color:#bfff1999;background:#bfff1912}.avatar-status{grid-column:1 / -1;margin:0;min-height:.9rem;color:var(--muted);font-size:.66rem}.avatar-status:empty,.world-status:empty{display:none}.world-status{margin:.8rem 0 0;color:#f0c674;font-size:.7rem;line-height:1.45}.avatar-picker input:focus-visible+span{outline:3px solid var(--lime);outline-offset:2px}.intro-card h1{max-width:12ch;margin:0 0 1rem;color:var(--ink);font:500 clamp(2.2rem,4vw,3.5rem)/.98 Georgia,serif;letter-spacing:-.045em}.intro-card>p:not(.kicker,.privacy-note){max-width:42ch;margin:0;color:#b9bdc3;line-height:1.65}.intro-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.7rem}.primary-button,.text-button{border:0;cursor:pointer}.primary-button{min-height:3.15rem;display:inline-flex;align-items:center;gap:1rem;padding:.7rem 1.15rem;border-radius:999px;background:linear-gradient(105deg,#f4f1eb,#dfff86 52%,var(--lime));color:#10120d;font-size:.83rem;font-weight:800;box-shadow:0 0 30px #bfff1921}.text-button{padding:.6rem 0;background:transparent;color:#c5c8cc;font-size:.77rem;text-decoration:underline;text-underline-offset:.25rem}.privacy-note{margin:1.3rem 0 0;color:#747a82;font-size:.67rem;line-height:1.55}.loading{position:absolute;inset:0;z-index:30;display:grid;place-content:center;justify-items:center;gap:.4rem;background:#090b0f;transition:opacity .45s,visibility .45s}.loading.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading strong{margin-top:.7rem;font:500 1.25rem Georgia,serif}.loading small{color:var(--muted)}.loader{width:2.2rem;height:2.2rem;border:2px solid #30343a;border-top-color:var(--lime);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mission-card{position:absolute;z-index:8;top:6.2rem;right:clamp(1rem,2.4vw,2.4rem);width:min(18rem,calc(100% - 2rem));padding:1rem 1.05rem;border:1px solid var(--line);border-radius:.9rem;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mission-card p{margin:0 0 .45rem;color:var(--lime);font:700 .52rem/1 ui-monospace,monospace;letter-spacing:.13em}.mission-card strong,.mission-card span{display:block}.mission-card strong{font:500 1.05rem Georgia,serif}.mission-card>span{margin-top:.3rem;color:var(--muted);font-size:.68rem;line-height:1.45}.mission-progress{height:.18rem;margin-top:.8rem;overflow:hidden;border-radius:999px;background:#30343a}.mission-progress i{display:block;width:25%;height:100%;background:var(--lime);transition:width .5s}.agent-tag{position:absolute;z-index:7;top:0;left:0;min-width:10.5rem;padding:.55rem .65rem;border:1px solid rgba(191,255,25,.42);border-radius:.55rem;background:#090b0fdb;box-shadow:0 14px 32px #00000061;pointer-events:none}.agent-tag.offscreen{display:none}.agent-tag span,.agent-tag small{display:block}.agent-tag span{color:var(--ink);font:800 .66rem/1.2 ui-monospace,monospace;letter-spacing:.08em}.agent-tag small{margin-top:.14rem;color:#9ba0a6;font-size:.52rem}.agent-tag i{position:absolute;top:.55rem;right:.55rem;color:var(--lime);font:700 .46rem/1 ui-monospace,monospace;font-style:normal}.staff-tag i{position:static;display:block;margin-top:.3rem}.dialogue{position:absolute;z-index:9;left:50%;bottom:6.3rem;width:min(31rem,calc(100% - 2rem));display:flex;gap:.9rem;align-items:flex-start;padding:1rem 1.1rem;transform:translate(-50%,1rem);opacity:0;visibility:hidden;border:1px solid rgba(255,255,255,.15);border-radius:.9rem;background:#0a0c11eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:.25s}.dialogue.visible{opacity:1;visibility:visible;transform:translate(-50%)}.dialogue .speaker{flex:none;padding:.32rem .42rem;border-radius:.3rem;background:#bfff191f;color:var(--lime);font:800 .58rem/1 ui-monospace,monospace}.dialogue p{margin:0;color:#e3e4e1;font-size:.8rem;line-height:1.5}.interaction-prompt{position:absolute;z-index:9;left:50%;bottom:3.2rem;display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem;opacity:0;visibility:hidden;transform:translate(-50%,.5rem);border:1px solid var(--line);border-radius:999px;background:#090b0fe0;color:#d8dad7;font-size:.72rem;transition:.2s}.interaction-prompt.visible{opacity:1;visibility:visible;transform:translate(-50%)}kbd{min-width:1.8rem;display:inline-grid;place-items:center;padding:.28rem .38rem;border:1px solid #4a4f57;border-bottom-width:2px;border-radius:.32rem;background:#1b1e24;color:var(--ink);font:700 .58rem/1 ui-monospace,monospace}.controls-hint{position:absolute;z-index:7;left:clamp(1rem,2.4vw,2.4rem);bottom:1.5rem;display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;color:#858b92;font:650 .56rem/1 ui-monospace,monospace;letter-spacing:.06em}.controls-hint span{display:flex;align-items:center;gap:.45rem}.hud-actions{position:absolute;z-index:8;right:clamp(1rem,2.4vw,2.4rem);bottom:1.35rem;display:flex;gap:.5rem}.hud-button{padding:.58rem .72rem;border:1px solid var(--line);border-radius:999px;background:#0a0c10bd;color:#9da2a8;font:700 .53rem/1 ui-monospace,monospace;letter-spacing:.06em;cursor:pointer}.hud-button:hover{color:var(--ink)}.quality-notice{position:absolute;z-index:9;right:clamp(1rem,2.4vw,2.4rem);bottom:4.2rem;max-width:min(22rem,calc(100% - 2rem));margin:0;padding:.7rem .85rem;border:1px solid rgba(191,255,25,.35);border-radius:.7rem;background:#090b0feb;color:var(--ink);font-size:.72rem;line-height:1.45;opacity:0;visibility:hidden;transition:opacity .25s}.quality-notice.visible{opacity:1;visibility:visible}.quality-button[aria-pressed=true]{border-color:#bfff1959;color:var(--lime)}.directory{position:absolute;z-index:25;inset:0 0 0 auto;width:min(29rem,100%);padding:clamp(1.4rem,3vw,2.4rem);transform:translate(100%);border-left:1px solid var(--line);background:#090b0ffa;box-shadow:-30px 0 90px #00000080;transition:transform .3s}.directory.visible{transform:translate(0)}.directory-head{display:flex;justify-content:space-between;gap:2rem}.directory-head small{color:var(--lime);font:700 .57rem/1 ui-monospace,monospace;letter-spacing:.12em}.directory h2{margin:.6rem 0 0;font:500 2.25rem/1 Georgia,serif}.directory-head button{width:2.4rem;height:2.4rem;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:1.3rem;cursor:pointer}.directory>p{color:var(--muted);font-size:.84rem;line-height:1.6}.directory ol{padding:0;margin:2rem 0 0;list-style:none;border-top:1px solid var(--line)}.directory li{padding:1rem 0;border-bottom:1px solid var(--line)}.directory li strong,.directory li span{display:block}.directory li strong{font-size:.82rem}.directory li span{margin-top:.28rem;color:var(--muted);font-size:.74rem;line-height:1.5}.mobile-controls{display:none}@media(min-width:821px)and (max-width:1200px){.interaction-prompt{bottom:4.9rem}.dialogue{bottom:8rem}}@media(max-width:820px),(pointer:coarse){.topbar{min-height:4.1rem;grid-template-columns:1fr auto}.simulation-label{grid-row:2;grid-column:1 / -1;justify-self:center;font-size:.48rem}.session #fps,.session-divider{display:none}.mission-card{top:6.9rem;right:.75rem;width:12rem;padding:.8rem}.mission-card>span{display:none}.intro-card{left:.75rem;top:auto;bottom:1rem;width:calc(100% - 1.5rem);max-height:calc(100dvh - 2rem);transform:none}.intro-card.dismissed{transform:translateY(1.5rem)}.intro-card h1{font-size:clamp(2rem,9vw,2.8rem)}.controls-hint{display:none}.hud-actions{top:6.9rem;right:auto;bottom:auto;left:.75rem;flex-direction:column;align-items:flex-start}.hud-button{min-height:2.75rem}.quality-notice{top:13.4rem;bottom:auto;left:.75rem;right:.75rem;max-width:none}.mobile-controls{position:absolute;z-index:8;inset:auto 0 1rem;display:flex;justify-content:space-between;align-items:end;padding:0 1rem;pointer-events:none}.joystick,.mobile-actions button{pointer-events:auto;touch-action:none}.joystick{position:relative;width:7.5rem;height:7.5rem;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:#0c0f146b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.joystick:before{content:"";position:absolute;inset:31%;border:1px solid rgba(255,255,255,.12);border-radius:50%}.joystick i{position:absolute;left:50%;top:50%;width:2.8rem;height:2.8rem;transform:translate(-50%,-50%);border:1px solid rgba(191,255,25,.45);border-radius:50%;background:#bfff192b}.mobile-actions{display:flex;gap:.65rem}.mobile-actions button{width:4.2rem;height:4.2rem;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#0c0f149e;color:var(--ink);font:800 .58rem/1 ui-monospace,monospace}.mobile-actions button:last-child{border-color:#bfff1966;color:var(--lime)}.dialogue{bottom:9.2rem}.interaction-prompt{bottom:7.8rem}}@media(max-width:520px){.brand strong{font-size:.7rem}.brand-logo{height:1.2rem}.brand{gap:.55rem}.brand-caption{padding-left:.55rem}.brand small{font-size:.43rem}.session{font-size:.48rem}.intro-card{padding:1.25rem}.avatar-picker span{min-height:0;padding:.5rem .6rem}.intro-actions{align-items:stretch;flex-direction:column}.primary-button{width:100%}.text-button{align-self:flex-start}.agent-tag{min-width:8.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}