*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;line-height:1.6;background-color:#f4f4f4;color:#333}.game-container{max-width:1200px;margin:0 auto;padding:20px;display:grid;grid-template-areas:"header header header" "character battlefield log";grid-template-columns:250px 1fr 250px;grid-template-rows:50px minmax(650px,1fr);gap:15px;height:95vh;min-height:700px}.game-header{grid-area:header;display:flex;justify-content:space-between;align-items:center;margin-bottom:0;background-color:#fff;padding:8px 15px;border-radius:5px;box-shadow:0 0 10px #0000001a;height:50px}.game-header h1{font-size:20px;margin:0}.character-info{grid-area:character;background-color:#fff;padding:15px;border-radius:5px;box-shadow:0 0 10px #0000001a;display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"character-header" "action-buttons" "end-turn";height:100%;gap:10px}.battlefield-container{grid-area:battlefield;background-color:#fff;border-radius:5px;box-shadow:0 0 10px #0000001a;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:10px}.battle-log{margin-top:20px;padding:10px;background-color:#ffffffe6;border-radius:5px;box-shadow:0 2px 5px #0000001a;height:300px;overflow-y:auto;font-size:.9em}.game-log h3{margin-bottom:10px;color:#2c3e50;border-bottom:1px solid #ddd;padding-bottom:5px;font-size:1.2em;display:flex;align-items:center}.game-log h3:before{content:"📜";margin-right:8px}#log-entries{height:100%;overflow-y:auto}.log-entry{margin-bottom:5px;padding:3px 0;border-bottom:1px solid #eee}.log-entries::-webkit-scrollbar{width:8px}.log-entries::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.log-entries::-webkit-scrollbar-thumb{background:#bbb;border-radius:4px}.log-entries::-webkit-scrollbar-thumb:hover{background:#999}.log-entry.move{border-left-color:#3498db;background-color:#ebf5fb}.log-entry.attack:not(.ai){border-left-color:#e74c3c;background-color:#fdedec}.log-entry.attack.ai{border-left-color:#3498db;background-color:#ebf5fb}.log-entry.special:not(.ai){border-left-color:#e74c3c;background-color:#fdedec}.log-entry.special.ai{border-left-color:#3498db;background-color:#ebf5fb}.log-entry.hit{font-weight:700;color:#c0392b}.log-entry.miss{font-style:italic;color:#7f8c8d}.log-entry.move-error{border-left-color:#e74c3c;background-color:#fdedec;color:#c0392b;font-style:italic}.log-entry.ai{font-style:italic}.log-entry.turn-change{background-color:#2c3e50;color:#fff;font-weight:700;text-align:center;border-left:none;padding:8px;margin:4px 0}#battlefield{display:block;background-color:#e0e0e0;max-width:100%;max-height:100%}.controls{display:flex;gap:20px}.action-buttons{display:flex;gap:10px}.action-btn{padding:8px 16px;margin:0 4px;border:2px solid #666;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.active{background:#4caf50;color:#fff;border-color:#45a049}#character-header{grid-area:character-header;background-color:#f8f9fa;padding:10px;border-radius:5px;margin-bottom:15px;border:2px solid #f39c12}#character-stats{font-size:.95em;line-height:1.4}#character-stats .name{font-size:1.2em;font-weight:700;margin-bottom:8px;color:#2c3e50;border-bottom:1px solid #ddd;padding-bottom:5px}#character-stats ul{list-style-type:none;padding-left:0;margin-top:5px}.ability-item{margin-bottom:5px;padding:4px 6px;border-radius:3px;background-color:#f8f9fa}.character-info .action-buttons{grid-area:action-buttons;display:flex;flex-direction:column;margin-top:0;margin-bottom:0;align-self:start}.big-btn{padding:10px 12px;font-size:15px;margin-bottom:8px;width:100%;text-align:left;border-radius:4px;background-color:#f5f5f5;border:1px solid #ddd;transition:background-color .2s}.big-btn:last-child{margin-bottom:0}.big-btn:hover:not(:disabled){background-color:#e8e8e8}.big-btn.active{background-color:#e0e0e0;font-weight:700}.end-turn-container{grid-area:end-turn;padding-top:15px;border-top:1px solid #e0e0e0;align-self:end}.end-turn-container .action-btn{background-color:#333;color:#fff;text-align:center;font-weight:700}.special-note{font-weight:700;margin:10px 0;padding:8px;background-color:#f5f5f5;border-left:3px solid #9C27B0}.ability-name{font-weight:700}.special-ability{color:#9c27b0}.status-available{color:#4caf50}.status-used{color:#999;text-decoration:line-through}.selected{outline:3px solid #f39c12;box-shadow:0 0 15px #f39c12b3;position:relative;z-index:10;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 10px #f39c12b3}50%{box-shadow:0 0 20px #f39c12e6}to{box-shadow:0 0 10px #f39c12b3}}@media (max-width: 1100px){.game-container{grid-template-columns:220px 1fr 220px}}@media (max-width: 900px){.game-container{grid-template-areas:"header header header" "battlefield battlefield battlefield" "character character log";grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto 1fr auto}}.character.dead:before{content:"❌";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;color:red;z-index:10;text-shadow:0 0 3px #000}.ai-controls{display:flex;align-items:center;margin-left:auto;padding:0 15px}.ai-toggle-label{display:flex;align-items:center;cursor:pointer;margin-right:10px;font-size:14px}.ai-toggle-label input{margin-right:5px}#ai-difficulty{padding:3px 5px;border-radius:4px;border:1px solid #ccc;background-color:#f8f8f8;font-size:14px}.game-header{display:flex;align-items:center;padding:8px 15px;background-color:#f0f0f0;border-bottom:1px solid #ddd;height:50px}.turn-info{margin-left:20px;font-weight:700}body.ai-turn .battlefield-container{position:relative}body.ai-turn .battlefield-container:after{content:"AI Turn";position:absolute;top:10px;right:10px;background-color:#06cc;color:#fff;padding:5px 10px;border-radius:4px;font-weight:700;z-index:100}.modal{display:flex;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000b3;justify-content:center;align-items:center}.modal-content{background-color:#f4f4f4;padding:20px;border-radius:8px;width:80%;max-width:900px;max-height:90vh;overflow-y:auto}.setup-section{margin-bottom:20px;padding:15px;background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a}.setup-section h3{margin-bottom:15px;color:#333;border-bottom:1px solid #ddd;padding-bottom:5px}.map-selection{display:flex;flex-wrap:wrap;gap:20px}.map-options{flex:1;min-width:200px}.map-options label{display:block;margin-bottom:10px;padding:8px;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:background-color .2s}.map-options label:hover{background-color:#f0f0f0}.map-options input[type=radio]{margin-right:10px}.map-options input[type=radio]:checked+span{font-weight:700;color:#2c3e50}.map-preview{flex:2;min-width:300px}#map-preview-canvas{border:1px solid #ddd;background-color:#fff;display:block;margin-bottom:10px}#map-description{font-style:italic;color:#666}.team-selection{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.character-option{flex:1;min-width:200px;padding:15px;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9}.character-option h4{margin-bottom:10px;color:#2c3e50}.character-stats{margin-bottom:15px;font-size:.9em}.character-counter{display:flex;align-items:center;justify-content:center}.counter-btn{width:30px;height:30px;border:none;background-color:#2c3e50;color:#fff;font-size:1.2em;cursor:pointer;border-radius:4px}.counter-btn:hover{background-color:#34495e}.counter-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.counter{margin:0 10px;font-size:1.2em;font-weight:700}.team-summary{margin-top:15px;text-align:center;font-weight:700}.setup-controls{text-align:center;margin-top:20px}#start-game-btn{padding:12px 30px;font-size:1.2em;background-color:#27ae60;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s}#start-game-btn:hover{background-color:#2ecc71}#start-game-btn:disabled{background-color:#95a5a6;cursor:not-allowed}.terrain-info{position:absolute;display:none;background-color:#fffffff2;border:1px solid #ddd;border-radius:4px;padding:8px 12px;font-size:.9em;box-shadow:0 2px 5px #0003;z-index:1000;min-width:150px;max-width:250px;pointer-events:none;transition:opacity .2s ease}.winner-message{font-size:1.5em;text-align:center;margin:20px 0;padding:20px;background-color:#f9f9f9;border-radius:5px;border:1px solid #ddd}.game-over-controls{display:flex;justify-content:center;gap:20px;margin-top:20px}#restart-game-btn{background-color:#27ae60}#restart-game-btn:hover{background-color:#2ecc71}#close-game-over-btn{background-color:#7f8c8d}#close-game-over-btn:hover{background-color:#95a5a6}.rules-grid{display:flex;gap:20px;margin-top:10px;margin-bottom:20px;background-color:#f5f5f5;border-radius:8px;padding:15px}.rules-column{flex:1}.rules-column h4{color:#2c3e50;margin-top:0;margin-bottom:10px;border-bottom:1px solid #ddd;padding-bottom:5px}.rules-column ul{padding-left:20px;margin-bottom:15px}.rules-column li{margin-bottom:5px}.btn-small{font-size:.8em;padding:2px 8px;margin-left:10px;vertical-align:middle}