:root{color:#cad5d1;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#020406;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.4}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:6px;outline:1px solid #9de3cc}#universe{touch-action:none;outline:none;width:100%;height:100%;position:fixed;inset:0}#universe:focus-visible{outline-offset:-3px;outline:1px solid #9de3cc88}.grain{pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.22' d='M0 0h200v200H0z'/%3E%3C/svg%3E");position:fixed;inset:0}.intro-mark{top:max(32px,env(safe-area-inset-top,0px));letter-spacing:.28em;color:#a8cbbb;align-items:center;gap:12px;font-size:11px;transition:opacity .24s,visibility .24s;display:flex;position:fixed;left:40px}.intro-mark span{letter-spacing:0;font-size:26px}.entered .intro-mark{opacity:0;visibility:hidden;pointer-events:none}#intro{background:radial-gradient(at 0,#020406b8,#0000 78%);width:min(540px,100vw - 52px);max-height:calc(100vh - 120px);padding:28px 30px 30px 0;transition:opacity .24s,transform .24s,visibility linear;position:absolute;top:50%;left:12%;overflow:auto;transform:translateY(-50%)}h1{letter-spacing:-.065em;color:#e0e8df;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(48px,6.2vw,76px);font-weight:300;line-height:1.11}.intro-summary{color:#9aaaa4;max-width:340px;margin:24px 0 28px;font-size:16px;font-weight:300;line-height:1.55}.enter{color:#d7e4dd;letter-spacing:-.02em;text-align:left;background:0 0;border:0;border-bottom:1px solid #8eaea05c;justify-content:space-between;align-items:center;gap:28px;min-width:190px;min-height:48px;padding:10px 0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:300;transition:color .2s,border-color .2s;display:inline-flex}.enter-arrow{fill:none;stroke:currentColor;stroke-width:1.15px;stroke-linecap:round;stroke-linejoin:round;color:#a7caba;flex:none;width:22px;height:22px;transition:transform .2s,color .2s}.enter:hover:enabled,.enter:focus-visible{color:#eff8f1;border-bottom-color:#b9ddcb}.enter:hover:enabled .enter-arrow,.enter:focus-visible .enter-arrow{color:#d7efdf;transform:translate(4px)}.enter:active:enabled .enter-arrow{transform:translate(6px)}.sound-note{color:#778a81;margin:14px 0 0;font-size:11px}#error{color:#ddb794;max-width:340px;margin-bottom:0;font-size:12px;line-height:1.6}.entered #intro{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .24s,transform .24s,visibility 0s linear .24s;transform:translateY(-50%)translateY(-8px)}#reveal{bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:3;color:#8eaea0;opacity:.46;background:0 0;border:0;width:44px;height:44px;padding:0;font-size:30px;font-weight:300;transition:opacity .24s;position:fixed;right:30px}.entered #reveal{opacity:.78}#reveal:hover,#reveal:focus-visible{opacity:1}#panel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);opacity:0;pointer-events:none;background:#08110fed;border:1px solid #a7c4b222;width:330px;padding:26px;transition:opacity .3s,transform .3s;position:fixed;top:20px;bottom:20px;right:20px;overflow:auto;transform:translate(20px)}.controls #panel{opacity:1;pointer-events:auto;transform:none}.panel-heading{letter-spacing:.25em;justify-content:space-between;align-items:center;font-size:11px;display:flex}.panel-heading button{color:#8b9c92;background:0 0;border:0;font-size:25px}.world-name{letter-spacing:.15em;color:#81988b;margin-top:28px;font-size:9px}.world-name span{color:#c2d0c8}#presence{color:#839d8e;font-size:11px}.actions{gap:12px;margin-top:24px;display:flex}.actions button,#remove-structure{background:0 0;border:0;border-bottom:1px solid #60796c66;padding:8px 0;font-size:10px}.divider{background:#78958225;height:1px;margin:24px 0}label{color:#b3c1b8;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;font-size:11px;display:flex}input[type=range]{accent-color:#98bfa9;width:115px}input[type=checkbox]{accent-color:#98bfa9}select{color:#b3c1b8;background:#14211b;border:1px solid #60796c55;max-width:155px;padding:5px;font-size:10px}#mute{color:#a5cfb7;background:0 0;border:0;font-size:11px}.help,.fine{color:#7b9586;font-size:10px;line-height:1.9}.help{margin-top:28px}#hint{z-index:3;letter-spacing:.04em;color:#aec4b5;text-align:right;pointer-events:none;text-shadow:0 1px 7px #020406,0 0 16px #020406;max-width:min(380px,100vw - 120px);margin:0;font-size:11px;line-height:1.5;position:fixed;top:24px;right:84px}#diagnostics{color:#a8e4bd;pointer-events:none;background:#000e;max-width:90vw;padding:18px;font-size:11px;line-height:1.7;position:fixed;top:16px;left:16px}.high-contrast #panel{color:#fff;background:#000}.high-contrast label,.high-contrast .fine,.high-contrast .help{color:#fff}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=600px){.intro-mark{top:calc(20px + env(safe-area-inset-top,0px));left:max(26px,env(safe-area-inset-left,0px))}#intro{left:max(26px,env(safe-area-inset-left,0px));width:calc(100vw - 52px);max-height:calc(100vh - 100px);padding-right:12px}h1{letter-spacing:-.065em;font-size:clamp(43px,11vw,59px)}.intro-summary{margin:20px 0 26px;font-size:15px}#panel{width:calc(100% - 30px);top:15px;bottom:15px;right:15px}#hint{top:calc(16px + env(safe-area-inset-top,0px));max-width:calc(100vw - 88px);font-size:10px;right:62px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.grain{display:none}}.reduced-motion *{transition:none!important}.reduced-motion .grain{display:none}.reduced-motion #gesture-ribbon-path{filter:none!important;display:none!important}#toggle-diagnostics,.secondary-control{color:#a5cfb7;background:0 0;border:0;border-bottom:1px solid #60796c66;padding:8px 0;font-size:10px}.advanced{border-top:1px solid #78958225;margin-top:18px;padding-top:14px}.advanced summary{cursor:pointer;letter-spacing:.08em;color:#91a99c;font-size:10px}.advanced[open] summary{margin-bottom:10px}.renderer-status{text-align:right;color:#718b7d;margin:-9px 0 12px}@media (width<=600px){#diagnostics{white-space:pre-wrap;max-width:none;font-size:10px;top:10px;left:10px;right:10px}}.trace-dock{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));opacity:0;visibility:hidden;z-index:2;transition:opacity .3s;position:fixed;transform:translate(-50%)}.entered .trace-dock{opacity:1;visibility:visible}.trace-options{overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:6px;max-width:calc(100vw - 88px);display:flex;overflow-x:auto}.trace-options::-webkit-scrollbar{display:none}.trace-options button,#remove-structure{color:#8eaea0;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;transition:color .2s,background .2s;display:grid;position:relative}.trace-options button:before{content:"";border:1px solid #8eaea03d;border-radius:50%;transition:border-color .2s,background .2s;position:absolute;inset:5px}.trace-options svg{fill:none;stroke:currentColor;stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:22px;height:22px;position:relative}.trace-options button:hover,.trace-options button:focus-visible{color:#d1e5da}.trace-options button:hover:before,.trace-options button:focus-visible:before{border-color:#9cc8b5}.trace-options button[aria-pressed=true]{color:#d7f5e5}.trace-options button[aria-pressed=true]:before{background:#8ec5a91c;border-color:#a8d9c2}.trace-options button:focus-visible{outline-offset:1px;outline:1px solid #9de3cc}.trace-copy{z-index:4;text-align:left;color:#a7bcb1;text-shadow:0 1px 5px #020406;background:linear-gradient(90deg,#020406e8 0,#020406c9 74%,#02040600 100%);width:min(290px,100vw - 56px);padding:12px 14px 13px;font-size:13px;line-height:1.5;transition:opacity .18s;position:fixed;top:24px;left:28px}.trace-copy[hidden]{display:none}.trace-copy strong{letter-spacing:.035em;color:#d7e4dd;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.trace-detail{display:block}.trace-instruction{color:#8ba699;margin-top:8px;font-size:10px;display:inline-block}.trace-cancel{color:#aac5b7;background:0 0;border:0;border-bottom:1px solid #8ba69966;margin:7px 0 0 10px;padding:0;font-size:10px}.trace-cancel:hover,.trace-cancel:focus-visible{color:#e1eee7}.controls .trace-copy{display:none}#panel{z-index:5}.high-contrast .trace-options button{color:#fff}.high-contrast .trace-options button:before{border-color:#fff9}.high-contrast .trace-copy{background:#000}.high-contrast .trace-copy,.high-contrast .trace-copy strong,.high-contrast .trace-instruction{color:#fff}#trace-preview,#hold-progress{pointer-events:none;z-index:1;opacity:0;border-radius:50%;transition:opacity .15s;position:fixed;transform:translate(-50%,-50%)}#trace-preview{background:radial-gradient(circle,#a5dfc018 0 24%,#0000 66%);border:1px solid #b8e7d26b;box-shadow:0 0 26px #86c6aa24}#trace-preview.visible{opacity:1}#hold-progress{border:1px solid #b8e7d23d;width:38px;height:38px;box-shadow:inset 0 0 0 3px #9bd4bb12}#hold-progress.visible{opacity:.5}@media (width<=600px){.trace-dock{left:0;right:54px;bottom:calc(12px + env(safe-area-inset-bottom,0px));padding-left:max(8px,env(safe-area-inset-left,0px));overflow:visible;transform:none}.trace-options{gap:2px;width:100%;max-width:none;padding:0 18px 0 4px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 24px),#0000)}.trace-options:after{content:"";flex:0 0 18px;height:1px}#reveal{right:8px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.trace-copy{top:calc(16px + env(safe-area-inset-top,0px));left:max(12px,env(safe-area-inset-left,0px));background:linear-gradient(90deg,#020406ed 0,#020406c9 78%,#02040600 100%);width:min(280px,100vw - 82px);padding:10px 12px;font-size:12px}}#contact-cue,#placement-ghost{pointer-events:none;z-index:2;opacity:0;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}#contact-cue{background:radial-gradient(circle,#c6ead840 0 15%,#0000 55%);border:1px solid #d2f0e2aa;width:18px;height:18px;transition:opacity 80ms linear,transform .12s ease-out;transform:translate(-50%,-50%)scale(.76);box-shadow:0 0 16px #96d4b85c}#contact-cue.visible{opacity:.78;transform:translate(-50%,-50%)scale(1)}#placement-ghost{background:radial-gradient(circle,#a5dfc01f 0 22%,#0000 67%);border:1px solid #b8e7d27d;transition:opacity .18s,border-color .18s,box-shadow .18s;box-shadow:0 0 28px #86c6aa30}#placement-ghost.visible{opacity:.82}#placement-ghost[data-state=retryable]{border-style:dashed;border-color:#e4c68a99;box-shadow:0 0 24px #d2b36a26}#placement-ghost[data-state=confirmed]{border-color:#cbf3dfcc;box-shadow:0 0 34px #a7e7c654}#placement-ghost[data-state=rejected]{border-color:#e6a9a199;box-shadow:0 0 22px #d98e8a2b}#hold-progress{background:conic-gradient(#bde8d1 calc(var(--hold-progress,0)*1turn),#b8e7d212 0);-webkit-mask:radial-gradient(circle,#0000 0 57%,#000 59%);mask:radial-gradient(circle,#0000 0 57%,#000 59%)}@media (prefers-reduced-motion:reduce){#contact-cue,#placement-ghost{filter:none;transition:none!important}}#gesture-ribbon{pointer-events:none;z-index:2;position:fixed;overflow:visible}#gesture-ribbon-path{fill:none;stroke:#b9ead6;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px #8fd1b65e);transition:opacity .12s linear}@media (prefers-reduced-motion:reduce){#gesture-ribbon-path{filter:none;display:none;transition:none!important}}.no-flashes #contact-cue,.no-flashes #placement-ghost{box-shadow:none;background:0 0}.no-flashes #gesture-ribbon-path{display:none}