:root{--ink: #1c1c1e;--paper: #fbfaf7;--muted: #6e6a64;--accent: #c8642c;--glass: rgba(24, 24, 26, .55);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1c1c1e;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#14141659;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:20}#loading{background:#1c1c1e;color:#e8e4dc;text-align:center}.spinner{width:36px;height:36px;margin:0 auto 12px;border:3px solid rgba(255,255,255,.15);border-top-color:#e8e4dc;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{width:min(460px,100%);background:var(--paper);color:var(--ink);border-radius:18px;padding:28px 28px 22px;box-shadow:0 20px 60px #00000059}.card.small{width:min(360px,100%)}.card h1{font-size:30px;line-height:1.1;margin:4px 0 16px;letter-spacing:-.01em}.card h2{margin:0 0 8px;font-size:22px}.card p{color:var(--muted);line-height:1.5;margin:0 0 16px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;margin:0!important;color:var(--accent)!important;font-weight:600}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px}.facts div{background:#f1eee8;border-radius:10px;padding:10px 12px}.facts dt{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.facts dd{margin:2px 0 0;font-weight:600;font-size:15px}button{font:inherit;cursor:pointer}.primary{width:100%;border:0;border-radius:12px;background:var(--ink);color:#fff;font-weight:600;font-size:16px;padding:14px 18px}.primary:hover{background:#333}.help{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:14px;font-size:13px;color:var(--muted)}kbd{display:inline-block;min-width:20px;padding:1px 5px;margin-right:2px;border:1px solid #d6d1c8;border-bottom-width:2px;border-radius:5px;font:600 11px/16px ui-monospace,monospace;text-align:center;color:var(--ink);background:#fff}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#hud>*{pointer-events:auto}#room-name{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);background:var(--glass);color:#fff;padding:7px 16px;border-radius:999px;font-weight:600;font-size:14px;letter-spacing:.02em;pointer-events:none!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .3s}#crosshair{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 0 1px #00000040;pointer-events:none!important}#prompt{position:absolute;left:50%;top:calc(50% + 26px);transform:translate(-50%);background:var(--glass);color:#fff;padding:6px 12px;border-radius:8px;font-size:13px;white-space:nowrap;opacity:0;transition:opacity .15s;pointer-events:none!important}#prompt.show{opacity:1}#topbar{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;display:flex;gap:8px}.chip{border:0;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;background:#ffffffe6;color:var(--ink);text-decoration:none;box-shadow:0 2px 10px #00000026}.chip.accent{background:var(--accent);color:#fff}#minimap{position:absolute;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:240px;background:#18181a8c;border-radius:12px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#joystick{position:absolute;left:24px;bottom:40px;width:140px;height:140px;border-radius:50%;background:#ffffff1f;border:2px solid rgba(255,255,255,.35);display:none;pointer-events:none!important}#joystick.active{background:#fff3}#knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#ffffffd9}body.touch #joystick{display:block}body.touch #crosshair{display:none}body.touch #minimap{width:170px}.sheet{position:fixed;z-index:30;right:16px;top:64px;width:min(360px,calc(100% - 32px));background:var(--paper);color:var(--ink);border-radius:16px;padding:20px 20px 18px;box-shadow:0 20px 60px #00000059}.sheet h3{margin:0 28px 10px 0;font-size:18px}.sheet p{margin:0;color:var(--muted);line-height:1.55}.sheet img{width:100%;border-radius:10px;margin-bottom:10px}.sheet label{display:grid;gap:6px;margin:12px 0;font-size:14px;font-weight:500}.sheet label.row{display:flex;align-items:center;gap:8px}.sheet select,.sheet input[type=range]{font:inherit;width:100%}.sheet select{padding:8px;border-radius:8px;border:1px solid #d6d1c8;background:#fff}.sheet .note{font-size:12px}.close{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;border:0;background:#ece8e1;font-size:20px;line-height:1;color:var(--ink)}#error pre{white-space:pre-wrap;font-size:12px;color:#a33}@media (max-width: 600px){.card{padding:22px 18px 18px}.card h1{font-size:24px}.facts dd{font-size:14px}.sheet{left:16px;right:16px;top:auto;bottom:16px;width:auto}}@media (max-width: 600px){#room-name{left:12px;transform:none;top:max(12px,env(safe-area-inset-top))}}