:root{color:#ecebe5;font-synthesis:none;background:#0d0f0e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:#0d0f0e;width:100%;height:100%;margin:0;overflow:hidden}.immersive-experiment{width:100%;height:100%;position:relative;overflow:hidden}.lab-canvas{cursor:grab;position:absolute;inset:0}.lab-canvas:active{cursor:grabbing}.lab-canvas canvas{width:100%;height:100%;display:block}.intro-backdrop{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040907b8;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.intro-modal{background:linear-gradient(145deg,#0e1f19fa,#060f0cfa);border:1px solid #7ed3b56b;border-radius:12px;width:min(520px,100%);padding:30px;box-shadow:0 30px 90px #0000008c,inset 0 1px #ffffff0a}.intro-kicker{color:#d7ff58;letter-spacing:.12em;margin-bottom:10px;font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.intro-modal h1{margin:0 0 12px;font-size:clamp(26px,4vw,38px);line-height:1.08}.intro-modal p{color:#b9c9c0;margin:0;font-size:16px;line-height:1.6}.intro-modal .intro-note{color:#829b8f;border-top:1px solid #7ed3b52e;margin-top:12px;padding-top:12px;font:500 12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.intro-link{color:#9edfc7;text-underline-offset:4px;font:600 13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.intro-links{flex-wrap:wrap;gap:8px 18px;margin-top:14px;display:flex}.intro-link:hover{color:#d7ff58}.intro-link:focus-visible{outline-offset:4px;border-radius:3px;outline:3px solid #71d4ff}.intro-enter{color:#10170f;cursor:pointer;background:#d7ff58;border:1px solid #d7ff58;border-radius:7px;min-height:44px;margin-top:20px;padding:0 20px;font:700 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.intro-enter:focus-visible,.monitor-shortcuts button:focus-visible,.creator-badge:focus-visible{outline-offset:3px;outline:3px solid #71d4ff}.creator-badge{z-index:8;top:max(14px, env(safe-area-inset-top));color:#dbe9e1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060e0bc7;border:1px solid #9dc4b547;border-radius:9px;align-items:center;gap:8px;min-height:38px;padding:5px 11px 5px 6px;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-decoration:none;transition:border-color .15s,color .15s,transform .15s;display:inline-flex;position:absolute;left:14px;box-shadow:0 9px 28px #0000004d}.creator-badge span{color:#d7ff58;background:#0d1914;border:1px solid #d7ff5866;border-radius:6px;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.creator-badge strong{font:inherit}.creator-badge:hover{color:#d7ff58;border-color:#d7ff588c;transform:translateY(-1px)}.monitor-shortcuts{z-index:8;left:50%;bottom:max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060e0bd1;border:1px solid #9dc4b540;border-radius:10px;gap:5px;padding:6px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 10px 35px #00000059}.monitor-shortcuts button{color:#a9bdb3;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;min-height:36px;padding:0 10px;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.monitor-shortcuts button:hover,.monitor-shortcuts button.is-active{color:#eff7e8;background:#36534885;border-color:#d7ff5861}.monitor-shortcuts kbd{color:#d7ff58;width:22px;height:22px;font:inherit;background:#0d1914;border:1px solid #d7ff586b;border-radius:5px;place-items:center;display:grid}@media (width<=680px){.intro-backdrop{padding:max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));align-items:start;overflow-y:auto}.intro-modal{margin:auto 0;padding:22px 20px}.intro-modal h1{font-size:clamp(25px,9vw,34px)}.intro-modal p{font-size:14px;line-height:1.5}.creator-badge{top:10px;left:10px}.monitor-shortcuts{bottom:max(8px, env(safe-area-inset-bottom));scrollbar-width:none;max-width:calc(100% - 20px);overflow-x:auto}.monitor-shortcuts::-webkit-scrollbar{display:none}.monitor-shortcuts button{padding:0 7px}.monitor-shortcuts span{display:none}}