:root{--bg: #000000;--fg: #ffffff;--muted: rgba(255, 255, 255, .55);--accent: rgba(255, 255, 255, .12);--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;background:var(--bg);color:var(--fg);font-family:var(--font);overflow:hidden;overscroll-behavior:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg)}#stage{position:relative;background:var(--bg);overflow:hidden}.layer{position:absolute;top:0;right:0;bottom:0;left:0}#stage canvas{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5vmin;padding:6vmin;text-align:center}.menu__title{font-size:7vmin;font-weight:600;letter-spacing:.04em}.menu__subtitle{font-size:2.6vmin;font-weight:400;color:var(--muted);margin-bottom:4vmin}.menu__list{display:flex;flex-direction:column;gap:2vmin;width:100%;max-width:60vmin;list-style:none}.menu__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:var(--accent);color:var(--fg);border:1px solid rgba(255,255,255,.18);border-radius:2.4vmin;padding:3vmin 4vmin;font-family:inherit;font-size:3.2vmin;font-weight:500;cursor:pointer;transition:transform .12s ease,background .2s ease,opacity .2s ease}.menu__item:hover{background:#fff3}.menu__item:active{transform:scale(.97)}.menu__item:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.menu__item--disabled{opacity:.35;cursor:not-allowed}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:3vmin;pointer-events:none}.hud-btn{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--fg);border:1px solid rgba(255,255,255,.25);border-radius:50%;width:9vmin;height:9vmin;font-size:4vmin;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.hud-btn:active{transform:scale(.94)}.overlay-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vmin;text-align:center;pointer-events:none}.fade-enter{animation:fadeIn .35s ease forwards}.fade-exit{animation:fadeOut .35s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(1.5vmin)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}