:root{color:#e8f4ff;background:#041018;font-family:Segoe UI,system-ui,sans-serif}html,body,#app{height:100%;margin:0;overflow:hidden}canvas.scene{width:100%;height:100%;display:block}.hud{pointer-events:none;z-index:2;position:fixed;inset:0}.panel{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06121cb8;border:1px solid #a0d2ff38;border-radius:10px;padding:10px 12px}.top-left{min-width:220px;position:absolute;top:12px;left:12px}.top-right{color:#c5d8e8;max-width:280px;font-size:13px;line-height:1.45;position:absolute;top:12px;right:12px}.bottom{flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}button{pointer-events:auto;color:#e8f4ff;cursor:pointer;background:#163044;border:1px solid #3a6a88;border-radius:8px;padding:8px 12px;font-size:14px}button:active,button.held{background:#2a5a7a}.stat{font-variant-numeric:tabular-nums;justify-content:space-between;gap:16px;font-size:14px;display:flex}.stat b{color:#8fd3ff;font-weight:600}.bar{background:#0d2433;border-radius:99px;height:8px;margin:6px 0 10px;overflow:hidden}.bar>span{background:linear-gradient(90deg,#3a8,#8fd3ff);width:0%;height:100%;display:block}.title{letter-spacing:.04em;text-transform:uppercase;color:#8fd3ff;margin:0 0 8px;font-size:15px}.hint{opacity:.8;font-size:12px}kdb,kbd{background:#102838;border:1px solid #3a6a88;border-radius:4px;padding:0 5px;font-family:inherit}