*{box-sizing:border-box}body,html{margin:0;height:100%;background:#1b1d21;color:#f2f3f5;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button{font:inherit}.app,.stage{height:100vh;min-height:0}.stage{position:relative;overflow:hidden;background:#6a7b8e}.stage:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 62%,rgba(28,36,48,.16) 100%)}.stage canvas{display:block}.actions,.hud{z-index:2}.missing{min-height:100vh;display:grid;place-content:center;grid-gap:12px;gap:12px;text-align:center}.missing h1{margin:0;font-size:22px}.missing a{color:#d7dde8}.hud{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.hud h1{margin:0;font-size:20px;font-weight:650}.hud p{margin:0;color:#b7bcc6;font-size:13px}.actions{position:absolute;left:50%;bottom:22px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:max-content;max-width:calc(100% - 32px);padding:8px;border-radius:14px;background:rgba(16,18,22,.88);transform:translateX(-50%)}.actions button{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:8px;padding:9px 12px;background:#2a2e36;color:#f2f3f5;cursor:pointer}.action-icon{width:16px;height:16px;flex:none}.actions button.active{background:#d7dde8;color:#15171b}