*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:#0f1218;width:100%;height:100%;overflow:hidden}canvas{display:block}#game-hud{z-index:1000;pointer-events:none;color:#e8e0c8;font-family:system-ui,Segoe UI,sans-serif;position:fixed;top:12px;left:12px}#game-hud .hud-panel{pointer-events:auto;background:#141820eb;border:1px solid #4a4030;border-radius:8px;min-width:168px;padding:12px 14px;box-shadow:0 8px 24px #00000059}.hud-row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.hud-label{letter-spacing:.06em;text-transform:uppercase;color:#a89878;font-size:.75rem}.hud-value{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:600}.ap-bar{background:#2a3038;border-radius:3px;height:6px;margin-bottom:10px;overflow:hidden}.ap-bar-fill{background:linear-gradient(90deg,#5a9a4a,#8ed46a);width:100%;height:100%;transition:width .15s}.ap-bar-fill.ap-low{background:linear-gradient(90deg,#a06030,#e09040)}.hud-path-cost{color:#b8a888;margin-bottom:8px;font-size:.72rem;line-height:1.35}.hud-path-cost--hidden{display:none}.hud-hint{color:#787068;margin-bottom:8px;font-size:.65rem}.hud-btn{color:#f0e6c8;cursor:pointer;background:#3d3428;border:1px solid #6a5840;border-radius:6px;width:100%;padding:8px 10px;font-size:.85rem;font-weight:600}.hud-btn:hover{background:#4d4434}.hud-btn:active{background:#2e2820}