/* ===== WePang 模拟经营 Demo — UI Styles ===== */
/* 像素风 HUD / 覆盖层样式（Canvas 外的 DOM 元素） */

/* 本 Demo 的主要 UI 均在 Canvas 内绘制，此文件为 DOM 层补充 */

/* 像素风按钮（如需 DOM 层按钮时使用） */
.btn-pixel {
    display: inline-block;
    padding: 8px 20px;
    background: #2d2b55;
    color: #f7d51d;
    border: 2px solid #5a578e;
    font-family: 'Courier New', monospace;
    font-size: 12px;
    cursor: pointer;
    letter-spacing: 1px;
    image-rendering: pixelated;
    transition: background 0.1s, border-color 0.1s;
}

.btn-pixel:hover {
    background: #3b3a6e;
    border-color: #f7d51d;
}

.btn-pixel:active {
    background: #7b5ea7;
}

/* 像素风标签 */
.tag-dept {
    display: inline-block;
    padding: 2px 6px;
    font-size: 10px;
    font-family: 'Courier New', monospace;
    border: 1px solid currentColor;
}