*,:before,:after{box-sizing:border-box}html,body{color:#f4efe6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#0b1226;height:100%;margin:0;font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,system-ui,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#app canvas{cursor:none;width:100%;height:100%;display:block}#app:after{content:"";pointer-events:none;background:radial-gradient(at 50% 46%,#0000 52%,#0c101861 100%);position:absolute;inset:0}.ui{pointer-events:none;z-index:10;letter-spacing:.04em;font-size:13px;position:fixed;inset:0}.ui>*{pointer-events:auto}.veil{pointer-events:none;background:#0b1018;transition:opacity 1.5s .15s;position:absolute;inset:0}.veil.lift{opacity:0}.stamp{opacity:0;align-items:center;gap:11px;transition:opacity .7s,transform .9s cubic-bezier(.22,1.4,.36,1);display:flex;position:absolute;bottom:22px;left:24px;transform:translateY(10px)scale(.92)}.stamp.in{opacity:1;transform:none}.stamp i{background:var(--me);color:#14110d;border-radius:12px;place-items:center;width:38px;height:38px;font-size:19px;font-style:normal;font-weight:700;display:grid;transform:rotate(-5deg);box-shadow:0 3px 14px #00000057}.stamp span{color:#f4efe6a8;text-shadow:0 1px 6px #00000080}.stamp b{color:#f6f1e7;margin-left:4px;font-weight:600}.presence{color:#f4efe69e;text-shadow:0 1px 6px #00000080;opacity:0;align-items:center;gap:9px;transition:opacity .7s .15s,transform .7s .15s;display:flex;position:absolute;top:22px;right:24px;transform:translateY(-8px)}.presence.in{opacity:1;transform:none}.presence em{color:#f6f1e7;font-variant-numeric:tabular-nums;font-style:normal;font-weight:600}.dots{gap:4px;display:flex}.dots i{border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 1px #00000038}.hint{color:#f4efe685;text-shadow:0 1px 6px #0000008c;opacity:0;margin:0;transition:opacity .8s .4s,transform .8s .4s;position:absolute;bottom:30px;left:50%;transform:translate(-50%)translateY(8px)}.hint.in{opacity:1;transform:translate(-50%)}.hint.gone{opacity:0;transition-delay:0s}.mute{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f4efe694;cursor:pointer;opacity:0;background:#14181e57;border:0;border-radius:10px;place-items:center;width:34px;height:34px;transition:opacity .7s .3s,color .25s,background .25s;display:grid;position:absolute;bottom:24px;right:24px}.mute.in{opacity:1}.mute:hover{color:#f6f1e7;background:#14181e80}.mute .on{opacity:0}.mute.sound .on{opacity:1}.mute.sound .off{opacity:0}@media (max-width:560px){.ui{font-size:12px}.stamp{bottom:16px;left:16px}.presence{top:16px;right:16px}.mute{bottom:16px;right:16px}.hint{bottom:64px}}