:root{--bg-gradient: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);--border-color: #4a5568;--health-color: #48bb78;--mana-color: #63b3ed;--enemy-color: rgb(255, 51, 51);--friendly-color: #4caf50;--text-color: #cbd5e0;--transition: all .3s ease}body{background:var(--bg-gradient);font-family:Arial,sans-serif}.battle-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.setup-screen{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}.setup-screen{z-index:10}.unit-slot{border:2px solid var(--border-color);border-radius:10px;transition:var(--transition);position:relative;min-height:150px}#setupScreen .unit-slot{cursor:pointer;display:flex;align-items:center;justify-content:center}#setupScreen .unit-slot:before{content:attr(data-position);position:absolute;font-size:3rem;color:#ffffff4d;z-index:-1}.active-turn{box-shadow:0 0 15px #afad4cb3;transform:scale(1.05);transition:var(--transition)}.friendly-team .active-turn{border-color:var(--friendly-color)}.enemy-team .active-turn{border-color:var(--enemy-color)}.health-fill{height:100%;background:var(--health-color);transition:width .3s ease}.turn-fill{background:#ef4444;transition:all .3s ease}.ability-btn{transition:var(--transition);opacity:.7;cursor:pointer}.ability-btn:hover{transform:scale(1.05);opacity:1}.selectable-target{cursor:pointer}.targeting-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:none;border-radius:8px;pointer-events:none;background-color:#f003;z-index:5}.enemy-team .targeting-overlay{background:#ff000040}.friendly-team .targeting-overlay{background:#00ff0040}.active-target .targeting-overlay{display:block;box-shadow:0 0 10px 3px #ff0;background:#ff03}.character-card{background:#232c3a}.character-card:hover{transform:translateY(-2px)}.character-card[draggable=true]{transition:transform .2s,opacity .2s;cursor:grab;width:100%}.character-card[draggable=true]:active{transition:transform .2s,opacity .2s;cursor:grabbing}.equipment-slot{background:#ffffff0d;padding:1rem;border-radius:.5rem;display:flex;align-items:center;gap:1rem;transition:background .2s}.equipment-slot:hover{background:#ffffff1a}#battle-log{position:fixed;right:20px;bottom:20px;width:300px;height:200px;background:#000c;padding:1rem;overflow-y:auto}.log-entry{margin-bottom:.5rem;line-height:1.4;color:var(--text-color);animation:logEntry .3s ease}.defeated{opacity:.5;filter:grayscale(1)}.defeated:hover{background-color:transparent}.current-mana{color:var(--mana-color)}.current-health{color:var(--health-color)}@keyframes logEntry{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}dialog{max-height:90vh;border:none;background:#2d3748}dialog::backdrop{background:#00000080}.tab-content.hidden{display:none}.tab-button{background:#4a5568;padding:.5rem 1rem;border-radius:.375rem;transition:all .2s}.tab-button.active{background:var(--health-color)}