.dv{background:radial-gradient(90% 70% at 50% 40%, #0d1126, var(--void));position:fixed;inset:0;overflow:hidden}.dv-canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.dv.is-walking{cursor:none}.dv-top{z-index:3;pointer-events:none;background:linear-gradient(#04050dd1,#0000);justify-content:space-between;align-items:center;gap:1rem;padding:clamp(.7rem,2vw,1.15rem) clamp(.9rem,3vw,1.9rem);display:flex;position:absolute;inset:0 0 auto}.dv-top>*{pointer-events:auto}.dv.is-walking .dv-top{opacity:0;pointer-events:none;transition:opacity .3s}.dv-back{letter-spacing:-.02em;color:var(--text);align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.dv-back i{font-family:var(--font-serif), Georgia, serif;color:var(--violet-2);font-style:italic;font-weight:400}.dv-rooms{border:1px solid var(--line);background:#0a0d1eb8;border-radius:999px;gap:.35rem;padding:.25rem;display:flex}.dv-room{color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.45rem .95rem;font-size:.875rem;transition:background-color .2s,color .2s}.dv-room:hover{color:var(--text)}.dv-room.is-on{color:var(--text);background:#ffffff1a}.dv-stat{text-align:right;min-width:12ch}@media (max-width:720px){.dv-stat{display:none}}@media (max-width:620px){.dv-top{flex-wrap:wrap;justify-content:center;row-gap:.55rem}.dv-back{width:100%}.dv-rooms{justify-content:center;width:100%}.dv-room{white-space:nowrap;flex:1;padding-inline:.5rem;font-size:.8125rem}}.dv-load{z-index:2;text-align:center;justify-items:center;gap:.85rem;width:min(78vw,340px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dv-bar{background:#ffffff24;border-radius:2px;width:100%;height:3px;overflow:hidden}.dv-bar span{background:var(--grad);transform-origin:0;height:100%;transition:transform .25s linear;display:block}.dv-enter{z-index:2;background:radial-gradient(60% 60%,#04050d66,#04050ddb);place-items:center;padding:1.2rem;display:grid;position:absolute;inset:0}.dv-card{background:#0a0d1eeb;justify-items:start;gap:.9rem;max-width:30rem;padding:clamp(1.3rem,4vw,2.1rem);display:grid}.dv-card h2{font-size:clamp(1.7rem,4.5vw,2.4rem)}.dv-card .lede{font-size:1rem}.dv-keys{flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.2rem;display:flex}.k{border:1px solid var(--line-2);min-width:1.9em;font-family:var(--font-mono), ui-monospace, monospace;text-align:center;background:#ffffff12;border-bottom-width:2px;border-radius:6px;padding:.25em .45em;font-size:.72rem}.k-w{min-width:3.4em}.dv-keys .mono{margin-left:.15rem;margin-right:.6rem}.dv-cross{z-index:2;pointer-events:none;opacity:.7;mix-blend-mode:difference;background:linear-gradient(#fff,#fff) 50%/1.5px 100% no-repeat,linear-gradient(#fff,#fff) 50%/100% 1.5px no-repeat;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dv-hint{z-index:2;pointer-events:none;white-space:nowrap;background:#04050d99;border-radius:999px;padding:.45rem .9rem;position:absolute;bottom:clamp(1rem,4vh,2rem);left:50%;transform:translate(-50%)}.dv-exit{z-index:4;border:1px solid var(--line-2);color:var(--text);cursor:pointer;background:#0a0d1ed9;border-radius:999px;padding:.55rem 1.1rem;font-size:.875rem;position:absolute;top:clamp(.7rem,2vw,1.15rem);right:clamp(.9rem,3vw,1.9rem)}.dv-load{width:min(86vw,460px)}.dv-load-title{letter-spacing:-.03em;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:600}.dv-load-sub{color:var(--text-2);max-width:40ch;font-size:.9375rem;line-height:1.55}.dv-degraded{cursor:pointer;z-index:5;color:#ffcf95;text-align:center;background:#04050db8;border:1px solid #ffb05466;border-radius:999px;max-width:min(90vw,34rem);padding:.45rem .9rem;line-height:1.45;position:absolute;bottom:calc(clamp(1rem,4vh,2rem) + 2.5rem);left:50%;transform:translate(-50%)}.joy{left:max(1.1rem, env(safe-area-inset-left));bottom:max(1.6rem, env(safe-area-inset-bottom));z-index:6;width:calc(var(--joy-r) * 2 + 26px);height:calc(var(--joy-r) * 2 + 26px);touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;display:grid;position:absolute}.joy-ring{background:radial-gradient(circle at 50% 40%,#7a6aff29,#04050d80);border:1px solid #ffffff38;border-radius:50%;transition:border-color .2s,background-color .2s;position:absolute;inset:0;box-shadow:0 8px 30px -10px #000000e6}.joy[data-active] .joy-ring{border-color:#8f83ffb3}.joy-thumb{background:var(--grad);border-radius:50%;width:46px;height:46px;transition:transform .16s cubic-bezier(.2,.8,.3,1);position:relative;box-shadow:0 4px 16px -2px #7a6affd9}.joy[data-active] .joy-thumb{transition:none}.joy-tick{background:#fff6;border-radius:2px;width:2px;height:7px;position:absolute}.joy-up{top:8px}.joy-down{bottom:8px}.joy-left{left:8px;transform:rotate(90deg)}.joy-right{right:8px;transform:rotate(90deg)}@media (max-width:720px){.dv-hint{bottom:max(.7rem, env(safe-area-inset-bottom));font-size:.62rem;left:auto;right:.9rem;transform:none}}.dv-phonenote{left:50%;top:max(4.5rem, calc(env(safe-area-inset-top) + 4rem));z-index:8;color:var(--text);white-space:nowrap;pointer-events:none;background:#0a0d1ee6;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:.55rem;padding:.6rem 1rem;font-size:.8125rem;animation:2.4s cubic-bezier(.16,1,.3,1) forwards phonenote;display:inline-flex;position:absolute;transform:translate(-50%);box-shadow:0 12px 34px -14px #000000f2}.dv-phonenote-ico{color:var(--violet-2);place-items:center;display:grid}@keyframes phonenote{0%{opacity:0;transform:translate(-50%,-8px)}12%{opacity:1;transform:translate(-50%)}78%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}@media (max-width:620px){.dv-phonenote{top:max(7.6rem, calc(env(safe-area-inset-top) + 7rem))}}@media (prefers-reduced-motion:reduce){.dv-phonenote{animation:none}}