body.control-mode>.topbar,body.control-mode>main,body.control-mode>.vignette,body.control-mode #markers{display:none!important}
body.control-mode #scene-wrap{inset:0 0 0 320px;height:100dvh}body.control-mode .loading{inset:0 0 0 320px}body.control-mode #toast{display:none}
#live-controller{position:fixed;inset:0 auto 0 0;width:320px;background:#f7f8f0;border-right:1px solid #d6ddcf;padding:27px 24px;overflow-y:auto;z-index:25;color:#233b2d}
.live-brand{display:block;font-size:23px;font-weight:600;letter-spacing:5px}.live-brand span{display:block;font-size:8px;letter-spacing:1.8px;margin-top:6px;color:#74836c}
#live-controller h1{font:500 30px Manrope,sans-serif;letter-spacing:-1.4px;margin:30px 0 10px}.live-intro{font-size:12px;line-height:1.7;color:#718069;margin-bottom:20px}
.live-connection{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.5;margin:16px 0}#live-dot{width:7px;height:7px;background:#bd9a58;border-radius:50%;flex-shrink:0}#live-dot.connected{background:#598554}
.live-card{padding:18px;border:1px solid #d8dfcf;background:#eef2e6;border-radius:10px}.live-eyebrow{font-size:9px;letter-spacing:1.45px;font-weight:600;color:#718266}#live-code{display:block;font-size:27px;letter-spacing:3px;font-weight:600;margin:14px 0;font-variant-numeric:tabular-nums}.live-card p{font-size:11px;line-height:1.65;color:#6c7b63;margin:0 0 13px}
#live-link{width:100%;border:1px solid #d2dacb;padding:9px;border-radius:5px;font:10px 'DM Sans',sans-serif;color:#53684e;background:#fff;margin-bottom:9px}
.live-primary,.live-secondary{display:block;width:100%;padding:11px 14px;border-radius:6px;font-size:11px}.live-primary{color:#f5f7ee;background:#2d4937}.live-secondary{background:#e6ebdf;color:#425a3c}.live-section{margin-top:25px}.live-segment{display:flex;gap:4px;border-radius:6px;padding:4px;background:#e7ecdf;margin:12px 0}.live-segment button{flex:1;padding:9px;border-radius:4px;background:transparent;font-size:11px}.live-segment button[aria-pressed=true]{background:#fcfdf7;box-shadow:0 1px 4px #233b2d15}.live-speed{display:flex;align-items:center;gap:12px;font-size:11px;margin:14px 0}.live-speed select{flex:1;background:transparent;color:#334b2c;border:1px solid #d5dfcd;padding:9px;border-radius:5px;font:inherit}.live-keys{display:grid;gap:9px;color:#75846c;font-size:10px;margin:15px 0}.live-keys kbd{display:inline-block;padding:2px 4px;border:1px solid #d8dfce;border-radius:3px;font:9px 'DM Sans',sans-serif;color:#42583a;margin-right:2px}
.live-places{margin-top:10px}.live-places button{display:flex;width:100%;align-items:center;gap:14px;padding:13px 0;background:none;border-bottom:1px solid #e0e5d8;font-size:10px;color:#8b997f}.live-places span{flex:1;text-align:left;font-size:12px;color:#3b5334}.live-caption{font-size:10px;color:#7b8872;line-height:1.7;margin:22px 0 16px}.live-back{display:block;font-size:10px;color:#74816b;margin-top:18px}
#live-scene-hint{position:fixed;left:calc(50% + 160px);bottom:23px;transform:translateX(-50%);border-radius:6px;background:#f7f9efeb;border:1px solid #fff9;padding:12px 18px;font-size:10px;color:#56674c;pointer-events:none;white-space:nowrap;z-index:5}
.live-control-link{font-size:10px;color:#62745a;white-space:nowrap}.live-vr-pair{grid-column:1/-1;display:flex;align-items:center;gap:14px;border-top:1px solid #ffffff30;padding-top:15px;font-size:11px}.live-vr-pair span{flex:1}
#live-pair-dialog{color:#233b2d;background:#f7f8f0;border:1px solid #d4dec9;border-radius:14px;width:min(410px,calc(100% - 32px));padding:25px;box-shadow:0 20px 80px #0004;max-height:calc(100dvh - 24px);overflow:auto}#live-pair-dialog::backdrop{background:#182b2066;backdrop-filter:blur(5px)}body.vr-active>#live-pair-dialog[open]{display:block!important}#live-pair-dialog:not([open]){display:none!important}.live-dialog-heading{display:flex;align-items:center;justify-content:space-between}.live-dialog-heading h2{font-size:24px;letter-spacing:-1px;font-weight:500;margin:0}.live-dialog-heading button{background:transparent;font-size:26px}#live-pair-dialog p{font-size:12px;line-height:1.7;color:#73826a}#live-pair-dialog a{text-decoration:underline}#live-pair-dialog label{font-size:10px;color:#607455}#live-join-code{display:block;width:100%;font:500 24px 'DM Sans',sans-serif;letter-spacing:4px;text-transform:uppercase;margin:9px 0 15px;padding:12px;border-radius:6px;border:1px solid #cdd8c2;background:#fff;color:#2e482b}#live-viewer-status{min-height:35px}#live-controller [hidden],#live-pair-dialog [hidden]{display:none!important}
@media(max-width:900px){.live-control-link{display:none}body.control-mode #scene-wrap{left:275px}body.control-mode .loading{left:275px}#live-controller{width:275px;padding:20px}#live-scene-hint{left:calc(50% + 137px);font-size:8px;padding:10px}.live-card{padding:13px}#live-code{font-size:23px;letter-spacing:2px}}
@media(max-width:600px){body.control-mode #scene-wrap{left:220px}body.control-mode .loading{left:220px}#live-controller{width:220px;padding:16px}#live-controller h1{font-size:24px}.live-card{padding:10px}#live-code{font-size:20px;letter-spacing:1px}#live-scene-hint{display:none}#live-pair-button{font-size:9px}.exploration-tools{max-width:calc(100% - 16px)}.live-speed{flex-wrap:wrap}}
/* Three compact panels keep headset controls reachable beside the full scene. */
body.control-mode{--control-width:350px}body.control-mode #scene-wrap,body.control-mode .loading{left:var(--control-width)}#live-controller{width:var(--control-width);padding:24px}#live-scene-hint{left:calc(50% + var(--control-width)/2)}
#live-controller h1{margin:22px 0 8px}.live-intro{margin-bottom:14px}.live-card{padding:16px}#live-code{font-size:26px;margin:11px 0}
#console-tabs{position:sticky;top:-24px;z-index:3;display:flex;gap:3px;background:#f7f8f0;border-bottom:1px solid #d6dfce;margin:19px -3px 0;padding:9px 0}#console-tabs button{flex:1;padding:10px 4px;border-radius:5px;background:transparent;font-size:11px;color:#718466}#console-tabs button[aria-selected=true]{background:#dfe8d5;color:#2e492b;font-weight:600}
.console-title h2{font:500 20px Manrope,sans-serif;letter-spacing:-.6px;margin:22px 0 8px}.console-title p,.console-muted{font-size:11px;line-height:1.6;color:#778670;margin:8px 0 14px}.console-field{display:block;font-size:12px;margin:20px 0 13px}.console-field output{float:right;font-variant-numeric:tabular-nums;color:#6b7f60;font-size:11px}.console-field input[type=range]{display:block;width:100%;margin:13px 0 0;accent-color:#4f6d43}.console-field select{display:block;width:100%;font:11px 'DM Sans',sans-serif;padding:10px;margin-top:9px;border:1px solid #d3ddc9;border-radius:5px;background:#fff;color:#3a5432}.console-check{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;line-height:1.5;margin:17px 0}.console-check input{width:17px;height:17px;accent-color:#4e6c42}
.console-button-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:17px 0}.console-button-grid button{padding:11px 7px;border:1px solid #d6dfcb;border-radius:5px;background:#e9efdf;font-size:10px;color:#3b5631;line-height:1.4}.console-button-grid button:disabled{opacity:.45;cursor:default}.console-feedback{font-size:11px;padding:12px;background:#e7eedc;border-radius:6px;line-height:1.6;min-height:54px}.console-scene{border-top:1px solid #d6dfce;padding-top:16px;margin-top:22px}.console-scene summary{font-size:12px;font-weight:500;cursor:pointer}.console-viewer{border:1px solid #d7dfcd;border-radius:7px;background:#eef3e6;padding:12px;margin:10px 0}.console-viewer strong{font-size:11px}.console-viewer p{font-size:10px;line-height:1.8;color:#697d5c;white-space:pre-line;margin:7px 0 0;font-variant-numeric:tabular-nums}
.console-show-list{display:grid;gap:11px;margin:18px 0}.console-show-list button{display:block;width:100%;text-align:left;background:linear-gradient(115deg,#edf2e5,#f9fbf4);border:1px solid #d7dfcd;border-radius:8px;padding:16px}.console-show-list button.playing{border-color:#658954;box-shadow:0 0 0 1px #658954}.console-show-list span{display:block;font-size:8px;letter-spacing:1.1px;color:#869478}.console-show-list strong{display:block;font-size:17px;letter-spacing:-.4px;font-weight:500;margin:10px 0}.console-show-list b{float:right;font-size:10px;font-weight:400;color:#7c8d6d;margin-top:4px}.console-show-list small{display:block;font-size:10px;line-height:1.65;color:#7c8d6d}.console-motion-status{font-size:11px;color:#59764b;margin-top:22px}.console-motion-status output{line-height:1.6}.console-motion-status progress{display:block;width:100%;height:5px;accent-color:#5c7d4e;margin-top:13px}.console-motion-status progress::-webkit-progress-bar{background:#dce5d2;border-radius:4px}.console-motion-status progress::-webkit-progress-value{background:#5c7d4e;border-radius:4px}
#live-device-request{color:#233b2d;background:#f7f8f0;border:1px solid #d4dec9;border-radius:14px;width:min(400px,calc(100% - 32px));padding:25px;box-shadow:0 20px 80px #0004;max-height:calc(100dvh - 24px);overflow:auto}#live-device-request::backdrop{background:#182b2080;backdrop-filter:blur(4px)}#live-device-request p{font-size:12px;line-height:1.7;color:#73826a}#live-device-request .live-secondary{margin-top:10px}#live-device-request:not([open]){display:none!important}body.vr-active>#live-device-request[open]{display:block!important}
@media(max-width:900px){body.control-mode{--control-width:310px}}@media(max-width:600px){body.control-mode{--control-width:235px}#live-controller{padding:16px}#console-tabs{top:-16px}.console-button-grid{grid-template-columns:1fr}.console-field output{float:none;display:block;margin-top:5px}}