:root { --bg:#0b0b0b;--panel:#111318;--accent:#ffd54a;--danger:#e53e3e;--btn:#1f2937;--btnHover:#2b3445; }
body{margin:0;background:var(--bg);color:#fff;font-family:Inter,Arial,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;overflow-x:hidden;}
.side-panel{position:fixed;top:0;height:100%;width:250px;background:var(--panel);overflow-y:auto;z-index:1000;padding:15px;box-shadow:0 0 15px rgba(0,0,0,0.5);}
#menuPanel{left:0;display:flex;flex-direction:column;align-items:center;text-align:center;}
#menuPanel h3{margin-bottom:20px;font-size:1.5rem;}
#menuPanel .menu-center{display:flex;flex-direction:column;align-items:center;gap:12px;}
#menuPanel img{cursor:pointer;border-radius:10px;transition:transform 0.2s;width:150px;}
#menuPanel img:hover{transform:scale(1.05);}
#menuPanel img.active{transform:scale(1.05);}
#menuPanel img[src="ressources/gdll.png"]{width:127.5px;}
#historyPanel{right:0;}
.side-panel h3{text-align:center;}
.history-item{background:rgba(255,255,255,0.05);border-radius:6px;padding:6px;margin-bottom:6px;cursor:pointer;white-space:pre-line;}
.history-item:hover{background:rgba(255,213,74,0.15);}
.main-content{transform:scale(1.25);transform-origin:top center;margin-top:-300px;text-align:center;width:100%;max-width:750px;z-index:1;position:relative;}
.logo{width:97px;position:absolute;top:5px;right:60px;}
.panel{background:var(--panel);padding:14px;border-radius:10px;width:80%;margin:0 auto;}
.timer{font-size:2.4rem;font-weight:bold;color:#fff;font-family:monospace;text-align:center;min-width:320px;}
.row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
select,input,textarea{background:transparent;border:1px solid rgba(255,255,255,0.2);border-radius:6px;color:#fff;padding:6px;font-size:1rem;font-family:monospace;}
option{color:#000;}
button{background:var(--btn);border:none;border-radius:6px;color:#fff;font-weight:bold;padding:6px 10px;cursor:pointer;transition:0.15s;font-size:1rem;}
button:hover{background:var(--btnHover);}
button.danger{background:var(--danger);}
.team-card{background:var(--panel);border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:12px;width:45%;cursor:pointer;transition:0.15s;text-align:center;min-height:70px;}
.team-card:hover{background:#1a1d25;}
#t1Best,#t2Best{color:#fab729;font-weight:bold;font-family:monospace;font-size:1.2rem;}
#t1Current,#t2Current{font-family:monospace;font-size:1.4rem;}
#teamModal,#editModal,#webhookModal{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);justify-content:center;align-items:center;z-index:3000;}
#teamModal .content,#editModal .content,#webhookModal .content{background:var(--panel);padding:20px;border-radius:10px;min-width:300px;}
.team-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
textarea{width:100%;height:160px;resize:none;margin-bottom:10px;font-family:monospace;}
.controls-block{margin-top:10px;display:flex;flex-direction:column;gap:8px;align-items:center;}
.copied-indicator{color:#4caf50;margin-left:10px;font-weight:bold;display:none;}