:root{color:#ecefffd6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--edge:clamp(18px, 3.2vw, 42px);background:#040711;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}*{box-sizing:border-box}html,body,#app,.experience{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#040711}button{font:inherit}#morphos{width:100%;height:100%;display:block;position:absolute;inset:0}.noise{pointer-events:none;opacity:.055;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");animation:.18s steps(2,end) infinite grain;position:absolute;inset:-30%}.cursor-light{opacity:0;pointer-events:none;will-change:transform, width, height, opacity;background:radial-gradient(circle,#ffa8e133,#0000 68%);border:1px solid #ffbfec47;border-radius:50%;width:36px;height:36px;position:fixed;top:0;left:0;box-shadow:0 0 46px #ae7dff3d}.cursor-light.visible{opacity:.24}.top-ui,.bottom-ui{z-index:3;left:var(--edge);right:var(--edge);color:#dce2f98c;letter-spacing:.17em;pointer-events:none;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute}.top-ui{top:max(var(--edge), env(safe-area-inset-top))}.bottom-ui{bottom:max(var(--edge), env(safe-area-inset-bottom))}.signal{background:#8ec5ff;border-radius:50%;width:5px;height:5px;animation:2.7s ease-in-out infinite pulse;box-shadow:0 0 18px #8ec5ffc7}.bottom-ui button{color:#dce2f98c;letter-spacing:inherit;pointer-events:auto;background:0 0;border:0;padding:8px 0}.bottom-ui button.active{color:#ffbfe7e0}.instruction{z-index:3;left:50%;bottom:calc(max(var(--edge), env(safe-area-inset-bottom)) + 42px);text-align:center;pointer-events:none;width:min(72vw,360px);position:absolute;transform:translate(-50%)}.instruction p{color:#e6ddf794;letter-spacing:.17em;margin:0 0 10px;font-size:9px;line-height:1.5;transition:color .8s,text-shadow .8s}.awakened .instruction p{color:#ffbde7eb;text-shadow:0 0 18px #ff96dc5c}.bond-track{background:#e0dcf41f;width:100%;height:1px;position:relative;overflow:hidden}.bond-track span{transform-origin:0;background:linear-gradient(90deg,#7bc8ff,#ff92d5,#ffd0a8);transition:transform .12s linear;position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 14px #ff8ed685}.debug{z-index:6;top:86px;right:var(--edge);color:#dee2f69e;-webkit-backdrop-filter:blur(16px);letter-spacing:.12em;background:#04071194;border:1px solid #bec5eb29;gap:8px;min-width:178px;padding:14px;font-size:9px;display:grid;position:absolute}[hidden]{display:none!important}@keyframes grain{0%{transform:translate(-1%,1%)}25%{transform:translate(1%,-2%)}50%{transform:translate(2%,1%)}75%{transform:translate(-2%,-1%)}to{transform:translate(-1%,1%)}}@keyframes pulse{0%,to{opacity:.45;transform:scale(.84)}50%{opacity:1;transform:scale(1.2)}}@media (width<=680px){:root{--edge:18px}.top-ui,.bottom-ui,.instruction p{font-size:8px}.instruction{bottom:calc(max(var(--edge), env(safe-area-inset-bottom)) + 40px);width:76vw}.debug{top:66px;right:14px}}