:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#05060a;height:100%;overflow:hidden}#c{touch-action:none;display:block;position:fixed;inset:0}.hud{z-index:2;color:#eef0f6;-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:.04em;font-size:26px;font-weight:800;line-height:1.1}.title span{color:#8a8aa6;font-size:17px;font-weight:600}.sub{letter-spacing:.35em;text-transform:uppercase;color:#6f6f8c;margin-top:6px;font-size:11px;transition:opacity .8s}.sub.is-faded{opacity:0}.hud--controls{gap:10px;display:flex;bottom:26px;left:50%;transform:translate(-50%)}.ghost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#d6d6e6;font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .2s}.ghost:hover{background:#ffffff21}@media (width<=560px){.hud--top{top:18px;left:18px}.title{font-size:21px}}