:root{--bg-color:#2c3e50;--panel-bg:#34495e;--text-color:#ecf0f1;--accent-color:#e74c3c;--board-bg:#fff;--color-red:#e74c3c;--color-green:#2ecc71;--color-yellow:#f1c40f;--color-blue:#3498db}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden}.container{display:flex;width:95%;max-width:1200px;height:90vh;gap:20px}.sidebar{flex:1;display:flex;flex-direction:column;gap:15px;height:100%;overflow:hidden}.main-content{flex:2;display:flex;justify-content:center;align-items:center;background:#22303f;border-radius:10px;padding:20px;height:100%}.panel{background-color:var(--panel-bg);padding:15px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);flex-shrink:0}.left-sidebar .debug-panel,.right-sidebar .log-panel{flex:1;display:flex;flex-direction:column;min-height:0;flex-shrink:1}.avatar{width:50px;height:50px;border-radius:50%;background:#95a5a6;display:flex;justify-content:center;align-items:center;font-weight:700;margin-bottom:10px}.user-avatar{background:var(--color-blue);border:3px solid #fff}.game-info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.game-timer{font-family:Consolas,monospace;font-size:24px;font-weight:700;color:var(--color-yellow);background:rgba(0,0,0,.3);padding:5px 10px;border-radius:5px}.bot-avatar.red{background:var(--color-red)}.bot-avatar.green{background:var(--color-green)}.bot-avatar.yellow{background:var(--color-yellow)}.btn{width:100%;padding:10px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background .2s}.primary-btn{background-color:var(--color-green);color:#fff}.primary-btn:hover{background-color:#27ae60}.primary-btn:disabled{background-color:#7f8c8d;cursor:not-allowed}.dice-container{text-align:center;margin-top:20px;padding:20px;background:rgba(0,0,0,.2);border-radius:10px}.dice{width:60px;height:60px;background:#fff;color:#000;font-size:30px;display:flex;justify-content:center;align-items:center;margin:0 auto 15px;border-radius:10px;box-shadow:0 4px 0 #bdc3c7;font-weight:700}.roll-btn{background-color:var(--color-blue);color:#fff}.roll-btn:disabled{background-color:#7f8c8d;cursor:not-allowed}.game-log{flex:1;height:auto;overflow-y:auto;font-size:12px;color:#bdc3c7;border-top:1px solid #7f8c8d;padding-top:10px}.game-log p{margin:5px 0}.debug-panel{margin-top:0;background:#2c3e50;border:1px solid #7f8c8d}.debug-info{font-family:Consolas,'Courier New',monospace;font-size:11px;color:#2ecc71;white-space:pre-wrap;flex:1;height:auto;max-height:none;overflow-y:auto}.hidden{display:none!important}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--panel-bg);padding:30px;border-radius:10px;text-align:center;min-width:300px}.game-board-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;min-height:300px}#ludo-board{background-color:#fff;border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,.5);max-width:100%;max-height:100%;object-fit:contain}.active-player{border:2px solid #f1c40f;transform:scale(1.05)}@media (max-width:768px){body{height:auto;overflow-y:auto;padding:10px 0}.container{flex-direction:column;height:auto;width:100%;padding:0 10px;box-sizing:border-box}.sidebar{width:100%;height:auto;overflow:visible;order:2}.main-content{width:100%;height:auto;padding:10px;order:1;aspect-ratio:1/1;box-sizing:border-box}.game-board-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.left-sidebar{order:2}.panel{margin-bottom:10px}.user-panel{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.user-panel h2{width:100%;margin-top:0;font-size:1.2em}.control-panel{position:fixed;bottom:0;left:0;width:100%;z-index:100;border-radius:15px 15px 0 0;padding-bottom:20px;box-shadow:0 -2px 10px rgba(0,0,0,.3);margin:0}.dice-container{position:fixed;bottom:20px;right:20px;z-index:101;background:rgba(0,0,0,.8);padding:10px;border-radius:10px}.debug-panel,.log-panel{display:none}.right-sidebar{order:3;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.bot-panel{flex:1;min-width:30%;margin:0 5px 10px;font-size:.8em}}