:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0a0a0f;height:100%;overflow:hidden}#c{touch-action:none;display:block;position:fixed;inset:0}.hud{z-index:2;color:#e7e7ee;-webkit-user-select:none;user-select:none;font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;position:fixed}.hud--top{pointer-events:none;top:24px;left:28px}.title{letter-spacing:.02em;font-size:26px;font-weight:800;line-height:1.1}.title span{color:#7c7c93;font-size:17px;font-weight:600}.sub{letter-spacing:.35em;text-transform:uppercase;color:#6b6b85;margin-top:6px;font-size:11px;transition:opacity .8s}.sub.is-faded{opacity:0}.hud--controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex;bottom:26px;left:50%;transform:translate(-50%)}.seg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:4px;display:flex}.seg button{color:#9a9ab0;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;transition:color .2s,background .2s}.seg button.is-active{color:#0a0a0f;background:#e7e7ee}.seg button:hover:not(.is-active){color:#e7e7ee}.ghost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#cfcfe0;font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:9px 15px;font-size:13px;font-weight:600;transition:background .2s}.ghost:hover{background:#ffffff1f}@media (width<=560px){.hud--top{top:18px;left:18px}.title{font-size:20px}.seg button{padding:6px 12px;font-size:12px}.ghost{padding:8px 12px;font-size:12px}}