:root {
  --bg: #f5f0e8 !important; --bg2: #ece5d8 !important; --bg3: #e0d7c8 !important;
  --bg4: #d5ccbc !important; --border: #c4b8a4 !important;
  --text: #3a3228 !important; --text2: #8a7a6a !important;
  --gold: #c41e3a !important; --gold2: #8b1528 !important;
  --accent: #5a7a6a !important; --red: #c41e3a !important; --green: #4a7a4a !important;
  --radius: 2px !important;
}
body { font-family: 'STKaiti','KaiTi','Ma Shan Zheng',cursive !important; color: #3a3228 !important; }

.view-login { background: linear-gradient(160deg, #f5f0e8 0%, #e8dfd0 40%, #f0e8d8 100%) !important; }
.login-card { background: rgba(245,240,232,0.95) !important; border: 1px solid #c4b8a4 !important; box-shadow: 0 8px 40px rgba(0,0,0,0.06) !important; }
.game-title { font-family: 'Ma Shan Zheng','STKaiti',cursive !important; font-size: 34px !important; color: #3a3228 !important; letter-spacing: 12px !important; font-weight: 400 !important; }

.game-header { background: #f5f0e8 !important; border-bottom: 1px solid #c4b8a4 !important; padding: 8px 16px !important; }
.game-header::after { content: '' !important; position: absolute !important; bottom: -4px !important; left: 10% !important; right: 10% !important; height: 2px !important; background: #3a3228 !important; opacity: 0.15 !important; }
.hdr-name { font-family: 'Ma Shan Zheng','STKaiti',cursive !important; font-size: 16px !important; color: #3a3228 !important; letter-spacing: 4px !important; }
.realm-badge { background: #ece5d8 !important; border: 1px solid #c4b8a4 !important; color: #c41e3a !important; border-radius: 0 !important; }
.btn-icon { color: #8a7a6a !important; }
.btn-icon:hover { color: #c41e3a !important; }

.tab-nav { background: #f0e8dc !important; border-bottom: 1px solid #d5ccbc !important; }
.tab-btn { color: #8a7a6a !important; letter-spacing: 2px !important; border-bottom: 2px solid transparent !important; padding: 10px 20px !important; }
.tab-btn.active { color: #c41e3a !important; border-bottom-color: #c41e3a !important; }
.tab-btn:hover { color: #3a3228 !important; background: rgba(0,0,0,0.02) !important; }

.battle-sidebar { background: #f0e8dc !important; border-right: 1px solid #d5ccbc !important; }
.sidebar-char-name { color: #c41e3a !important; font-family: 'Ma Shan Zheng',cursive !important; font-size: 18px !important; }
.sidebar-section-title { color: #3a3228 !important; border-bottom: 1px solid #d5ccbc !important; letter-spacing: 2px !important; }

.stat-card, .skill-card, .modal-panel, .battle-status-panel, .battle-log-box {
  background: #faf6f0 !important; border: 1px solid #d5ccbc !important;
  padding: 16px 20px !important; box-shadow: 0 1px 4px rgba(0,0,0,0.03) !important;
}
.skill-card.equipped { border-left: 3px solid #c41e3a !important; background: #f5ede0 !important; }
.section-title { color: #c41e3a !important; border-bottom: 1px solid #d5ccbc !important; font-size: 14px !important; letter-spacing: 4px !important; padding-bottom: 8px !important; margin-bottom: 12px !important; }

.btn-action { background: #ece5d8 !important; border: 1px solid #c4b8a4 !important; color: #3a3228 !important; padding: 8px 16px !important; }
.btn-action:hover { background: #e0d7c8 !important; }
.btn-action.gold { background: #c41e3a !important; border-color: #8b1528 !important; color: #fff !important; }
.btn-sm { background: #ece5d8 !important; border: 1px solid #c4b8a4 !important; }
.btn-primary { background: #3a3228 !important; border: none !important; color: #f5f0e8 !important; }

.bar-track { background: #e0d7c8 !important; border: none !important; height: 6px !important; }
.hp-bar-red { background: linear-gradient(90deg, #8b1528, #c41e3a) !important; }
.hp-bar-green { background: linear-gradient(90deg, #2a5a3a, #4a7a4a) !important; }
.mp-bar-blue { background: linear-gradient(90deg, #4a5a7a, #6a8aaa) !important; }
.exp-fill { background: #3a3228 !important; }

.modal-overlay { background: rgba(245,240,232,0.85) !important; }

.map-card { background: #faf6f0 !important; border: 1px solid #d5ccbc !important; padding: 12px !important; }
.map-card.active { border-color: #c41e3a !important; background: #f5ede0 !important; }

.inv-slot { background: #faf6f0 !important; border: 1px solid #d5ccbc !important; }
.inv-slot.occupied:hover { border-color: #c41e3a !important; }

.toast { background: rgba(250,246,240,0.95) !important; border: 1px solid #3a3228 !important; color: #3a3228 !important; }

::-webkit-scrollbar-thumb { background: #c4b8a4 !important; }
::-webkit-scrollbar-track { background: #f5f0e8 !important; }

input, select, textarea { background: #faf6f0 !important; border-color: #c4b8a4 !important; color: #3a3228 !important; }
input:focus { border-color: #3a3228 !important; }

.tab-btn.active::after { display: none !important; }

.panel { animation: iderWashIn 0.4s ease !important; }
@keyframes iderWashIn { from { opacity: 0; letter-spacing: 8px; } to { opacity: 1; letter-spacing: 0; } }