:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{color:#dfe6f2;background:radial-gradient(at top,#1a2138 0%,#0a0d16 70%);margin:0;font-family:system-ui,sans-serif;overflow:hidden}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}header{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex;position:fixed;inset:0 0 auto}header nav a{color:#dfe6f2;opacity:.55;letter-spacing:.04em;pointer-events:auto;font-size:.9rem;text-decoration:none}.mode-toggle{pointer-events:auto;background:#0a0d1666;border-radius:999px;gap:.3rem;padding:.2rem;display:flex}.mode-btn{appearance:none;letter-spacing:.02em;color:#dfe6f2;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.35rem .75rem;font-size:.78rem;transition:background .2s,color .2s,border-color .2s}.mode-btn:hover{background:#ffffff14}.mode-btn:focus-visible{outline-offset:1px;outline:2px solid #8cb4ffcc}.mode-btn[aria-pressed=true]{color:#ffe8a8;background:#ffe0962e;border-color:#ffe0968c}@media (width<=480px){header{padding:.5rem .6rem}.mode-btn{padding:.3rem .55rem;font-size:.68rem}}main{height:100%}.stage{touch-action:none;cursor:none;outline:none;width:100%;height:100%;position:relative}.stage:focus-visible{box-shadow:inset 0 0 0 3px #8cb4ff99}.stage canvas{width:100%;height:100%;display:block}.invite,.status{letter-spacing:.03em;color:#dfe6f2;text-align:center;pointer-events:none;margin:0;padding:.5em 1em;font-size:.95rem;transition:opacity .8s;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.invite{opacity:.75;animation:3.2s ease-in-out infinite pulse}.invite.faded{opacity:0;animation:none}.status{opacity:0;color:#ffe8a8}.status.visible{opacity:.85}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.invite{opacity:.75;animation:none}}