:root{--page-bg:#0f0d0b;--page-text:#ca9d53;--panel-bg:#1b1410;--panel-border:#d4af37;--chat-title:#d4af37;--chat-box-bg:#2c221c;--chat-box-border:#5e4e1d;--message-bg:#1e1510;--message-text:#c8a528;--message-time:#b08c3b;--btn-text:#d4af37;--btn-bg:#8b4513;--btn-border:#d4af37;--btn-hover-bg:#a0522d;--btn-hover-text:#d4af37;--btn-hover-glow:#d4af37;--game-panel-bg:#140c08;--game-panel-border:#5e4e1d;--timer-bg:#325c32;--user-online-text:#ca9d53;--background-color:#0f0d0b;}
body.index-page{background:#0f0d0b!important;color:var(--page-text)!important}
body.game-page{background:var(--background-color)!important;color:var(--page-text)!important}
body:not(.index-page):not(.game-page){background:var(--page-bg)!important;color:var(--page-text)!important}
body::before{background:none!important;background-image:none!important}
.system-buttons-container{background:linear-gradient(145deg, rgba(20, 12, 8, 0.95) 0%, rgba(40, 25, 16, 0.95) 100%)!important;border-color:rgba(212, 175, 55, 0.5)!important;}
.player-name-header{color:#d4af37!important}
.system-button{background:linear-gradient(145deg, rgba(101, 67, 33, 0.8) 0%, rgba(139, 69, 19, 0.8) 100%)!important;color:#d4af37!important;border-color:rgba(212, 175, 55, 0.4)!important;}
.mobile-chat-controls{background:linear-gradient(145deg, rgba(20, 12, 8, 0.95) 0%, rgba(40, 25, 16, 0.95) 100%)!important;border-color:rgba(212, 175, 55, 0.5)!important;}
.mobile-chat-btn{background:linear-gradient(145deg, rgba(101, 67, 33, 0.8) 0%, rgba(139, 69, 19, 0.8) 100%)!important;color:#d4af37!important;border-color:rgba(212, 175, 55, 0.4)!important;}
.mobile-chat-btn.active{border-color:#d4af37!important}
.mobile-chat-btn:hover{background:linear-gradient(145deg, rgba(139, 69, 19, 0.9) 0%, rgba(101, 67, 33, 0.9) 100%)!important;border-color:#d4af37!important;}
.system-button:hover{background:linear-gradient(145deg, rgba(139, 69, 19, 0.9) 0%, rgba(101, 67, 33, 0.9) 100%)!important;border-color:#d4af37!important;}
.chat-input-container,.player-info-container,.stats-controls-container,.art-container,.new-Spells-Block{background:var(--game-panel-bg)!important;border-color:var(--game-panel-border)!important}
.enemy-name{color:var(--page-text)!important}
.round-text{color:var(--page-text)!important}
.chat-title{color:var(--chat-title)!important}
.chat-box{background:var(--chat-box-bg)!important;border-color:var(--chat-box-border)!important}
.message-container{background:var(--message-bg)!important;color:var(--message-text)!important}
.message-time{color:var(--message-time)!important}
.controls,.stats,.stats-controls-container{background:var(--game-panel-bg)!important;border-color:var(--game-panel-border)!important;color:var(--message-text)!important}
.timer-circle{color:#d4af37!important}
.timer-circle:not(.enemy-turn):not(.low-time){background:#325c32!important;border-color:#d4af37!important}
.spell-lvl-0{background:#0c2c07!important;border-color:#1c8000!important;color:#ffffff!important}
.spell-lvl-1{background:#0d214a!important;border-color:#4d52ff!important;color:#ffebeb!important}
.spell-lvl-2{background:#383705!important;border-color:#949e00!important;color:#ffffff!important}
.spell-lvl-3{background:#470000!important;border-color:#ff0000!important;color:#ffffff!important}
.spell-unavailable{background:#666666!important;border-color:#a0a0a0!important;color:#e6e6e6!important}
.spell-stack{border-color:#d4af37!important}
.spell-tag{background:#1a100a!important;border-color:#d4af37!important;color:#d4af37!important}
.spell-tag-lvl-1{border-color:#78AAC8!important}
.spell-tag-lvl-2{border-color:#d2a06e!important}
.spell-tag-lvl-3{border-color:#d27878!important}
.spell-tag.spell-tag-type-attack{color:#f25a5a!important}
.spell-tag.spell-tag-type-defense{color:#45d47d!important}
.eff-tag{background:#120f0d!important;border-color:#492f1d!important;color:#d4af37!important}
.eff-tag.eff-strength-strong{border-color:#9e8b1f!important}
.eff-tag.eff-strength-status{border-color:#1ba18f!important}
.eff-tag.eff-mod-pos{color:#00ff08!important}
.eff-tag.eff-mod-neg{color:#ff3838!important}
.eff-tag.eff-strength-normal{box-shadow:0 0 12px rgba(54, 53, 53, 0.6), 0 0 18px rgba(54, 53, 53, 0.3)!important}
.eff-tag.eff-strength-strong{box-shadow:0 0 12px rgba(70, 63, 37, 0.6), 0 0 18px rgba(70, 63, 37, 0.3)!important}
.eff-tag.eff-strength-status{box-shadow:0 0 12px rgba(22, 63, 70, 0.6), 0 0 18px rgba(22, 63, 70, 0.3)!important}
.spell-button:not(.spell-unavailable).spell-type-attack.spell-lvl-0{color:#ffadad!important}
.spell-button:not(.spell-unavailable).spell-type-attack.spell-lvl-1{color:#ff9494!important}
.spell-button:not(.spell-unavailable).spell-type-attack.spell-lvl-2{color:#ff9494!important}
.spell-button:not(.spell-unavailable).spell-type-attack.spell-lvl-3{color:#ff9e9e!important}
.spell-button:not(.spell-unavailable).spell-type-defense.spell-lvl-0{color:#85ffbc!important}
.spell-button:not(.spell-unavailable).spell-type-defense.spell-lvl-1{color:#7affb8!important}
.spell-button:not(.spell-unavailable).spell-type-defense.spell-lvl-2{color:#89fbb5!important}
.spell-button:not(.spell-unavailable).spell-type-defense.spell-lvl-3{color:#61ffa0!important}
.rage-segment{background:#3c3c3c!important;border-color:#505050!important}
.rage-segment.center{background:#504014!important;border-color:#d4af37!important}
.rage-segment.active.negative{background:#205020!important;border-color:#32cd32!important}
.rage-segment.active.positive{background:#6e2323!important;border-color:#dc143c!important}
#healthBar .black-bar{background:#000000!important}
#healthBar .pink-bar{background:#ffc0cb!important}
#healthBar .yellow-bar{background:#ffff00!important}
#healthBar .red-bar{background:#ff0000!important}
#enemyhealthBar .black-bar{background:#000000!important}
#enemyhealthBar .pink-bar{background:#ffc0cb!important}
#enemyhealthBar .yellow-bar{background:#ffff00!important}
#enemyhealthBar .red-bar{background:#ff0000!important}
#manaBar .black-bar{background:#000000!important}
#manaBar .deep-sky-blue-bar{background:#00bfff!important}
#manaBar .purple-bar{background:#c704c7!important}
#manaBar .blue-bar{background:#0000ff!important}
#enemymanaBar .black-bar{background:#000000!important}
#enemymanaBar .deep-sky-blue-bar{background:#00bfff!important}
#enemymanaBar .purple-bar{background:#c704c7!important}
#enemymanaBar .blue-bar{background:#0000ff!important}
.timer-circle.low-time{background:#8b231b!important}
.timer-circle.low-time{color:#ff6b6b!important}
.timer-circle.low-time{border-color:#dc143c!important}
.timer-circle.enemy-turn{animation:gothicYellowGlow 1.5s infinite}
.timer-circle.low-time{animation:gothicRedFlash 0.8s infinite}
@keyframes gothicYellowGlow {0%{background: linear-gradient(145deg, #503f14 0%, #8c6e23 100%); border-color: #ffd700; box-shadow: 0 8px 15px rgba(0,0,0,0.55), 0 0 14px rgba(255, 215, 0, 0.45), inset 0 1px 0 rgba(255, 215, 0, 0.45); transform: scale(1)}50%{background: linear-gradient(145deg, #503f14 0%, #8c6e23 100%); border-color: #ffd700; box-shadow: 0 10px 18px rgba(0,0,0,0.65), 0 0 28px rgba(255, 215, 0, 0.8), inset 0 2px 0 rgba(255, 215, 0, 0.8); transform: scale(1.04)}100%{background: linear-gradient(145deg, #503f14 0%, #8c6e23 100%); border-color: #ffd700; box-shadow: 0 8px 15px rgba(0,0,0,0.55), 0 0 14px rgba(255, 215, 0, 0.45), inset 0 1px 0 rgba(255, 215, 0, 0.45); transform: scale(1)}}
@keyframes rageMaxNegative {0%{box-shadow:0 0 8px rgba(50, 205, 50, 0.4), inset 0 1px 0 rgba(50, 205, 50, 0.4)}50%{box-shadow:0 0 15px rgba(50, 205, 50, 0.8), inset 0 1px 0 rgba(50, 205, 50, 0.8)}100%{box-shadow:0 0 8px rgba(50, 205, 50, 0.4), inset 0 1px 0 rgba(50, 205, 50, 0.4)}}
@keyframes rageMaxPositive {0%{box-shadow:0 0 8px rgba(220, 20, 60, 0.4), inset 0 1px 0 rgba(220, 20, 60, 0.4)}50%{box-shadow:0 0 15px rgba(220, 20, 60, 0.8), inset 0 1px 0 rgba(220, 20, 60, 0.8)}100%{box-shadow:0 0 8px rgba(220, 20, 60, 0.4), inset 0 1px 0 rgba(220, 20, 60, 0.4)}}
@keyframes gothicRedFlash {0%{background:#8b231b; border-color:#dc143c; box-shadow: 0 8px 15px rgba(0,0,0,0.55), 0 0 14px rgba(255, 69, 0, 0.5), inset 0 1px 0 rgba(255, 69, 0, 0.5); transform: scale(1)}50%{background:#8b231b; border-color:#dc143c; box-shadow: 0 10px 18px rgba(0,0,0,0.65), 0 0 30px rgba(255, 69, 0, 0.85), inset 0 2px 0 rgba(255, 69, 0, 0.85); transform: scale(1.06)}100%{background:#8b231b; border-color:#dc143c; box-shadow: 0 8px 15px rgba(0,0,0,0.55), 0 0 14px rgba(255, 69, 0, 0.5), inset 0 1px 0 rgba(255, 69, 0, 0.5); transform: scale(1)}}
.spell-button.spell-new.spell-new-lvl-1{box-shadow:0 0 9px rgba(0, 233, 203, 0.34), 0 0 10px rgba(0, 233, 203, 0.31)}
.spell-button.spell-new.spell-new-lvl-2{box-shadow:0 0 9px rgba(255, 132, 0, 0.34), 0 0 10px rgba(255, 132, 0, 0.31)}
.spell-button.spell-new.spell-new-lvl-3{box-shadow:0 0 9px rgba(255, 1, 1, 0.34), 0 0 10px rgba(255, 1, 1, 0.31)}
.toggle-sys-chat-btn{background:#1e1510!important;color:#c8a528!important;border-color:#5e4e1d!important;}
.stats-text-spell{color:#4c4cf1!important}
.stats-text-synergy{color:#f35151!important}
.stats-text-rule{color:#008000!important}
.player-name-header{text-shadow:0 0 10px rgba(212, 175, 55, 0.6),0 0 18px rgba(212, 175, 55, 0.35)!important}
.room-name{color:#ffffff!important}
.room-users{color:#d4af37!important}
.room-users{background:#2c221c!important}
.room-item{border-color:#c1b48b!important}
.room-item{background:#120c09!important}
.room-item:hover{background:#2c221c!important;border-color:#d4af37!important}
.rooms-selector h3{color:#d4af37!important}
.room-name{text-shadow:1px 1px 2px rgba(18, 12, 9, 0.3)!important}