body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background-image:url(/assets/background3-CPGV0SlM.png);background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-position:center center;background-color:#e8b36d}.auth-card{width:100%;max-width:450px;background:linear-gradient(135deg,#021230f2,#1e3c78e6);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;padding:40px 32px;box-shadow:0 20px 60px #0006,0 10px 30px #0000004d,inset 0 2px 8px #ffffff1a;border:1px solid rgba(255,255,255,.2);animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:32px}.auth-title{font-size:36px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#667eea,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0px 4px 20px rgba(102,126,234,.3);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.auth-subtitle{font-size:16px;color:#f0ffffcc;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:#f0ffffe6;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.form-input{width:100%;padding:14px 18px;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0d;color:azure;font-size:16px;font-weight:500;transition:all .3s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-sizing:border-box}.form-input:focus{outline:none;border-color:#667eeacc;background:#ffffff1a;box-shadow:0 0 20px #667eea66;transform:scale(1.02)}.form-input::placeholder{color:#f0ffff80;font-weight:400}.auth-error{padding:12px 16px;background:#dc354533;border:1px solid rgba(220,53,69,.5);border-radius:8px;color:#ff6b6b;font-size:14px;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.auth-button{margin-top:8px;padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#f0f8ff;font-size:18px;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #667eea66;text-transform:uppercase;letter-spacing:1px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.auth-button:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #667eea99;background:linear-gradient(135deg,#764ba2,#667eea)}.auth-button:active:not(:disabled){transform:translateY(0) scale(1)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-footer{margin-top:24px;text-align:center}.auth-footer-text{font-size:14px;color:#f0ffffcc;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.auth-link{color:#667eea;text-decoration:none;font-weight:600;transition:all .3s ease}.auth-link:hover{color:gold;text-decoration:underline}@media(max-width:600px){.auth-card{padding:32px 24px;max-width:100%}.auth-title{font-size:28px}.auth-subtitle{font-size:14px}.form-input{font-size:16px;padding:12px 16px}.auth-button{font-size:16px;padding:14px 28px}}.col{background:linear-gradient(135deg,#fff,#f0f4f8);height:calc((100vh / 15));max-height:calc((100vh / 15));width:calc((100vh / 15));max-width:calc((100vh / 15));padding:2px;text-align:center;overflow:visible;vertical-align:middle;transition:all .3s ease;box-shadow:inset 0 1px 2px #fffc,inset 0 -1px 2px #0000000d}.caracter{-moz-box-shadow:0px 8px 24px rgba(0,0,0,.25),0px 4px 12px rgba(0,0,0,.15),inset 0px 2px 4px rgba(255,255,255,.3);-webkit-box-shadow:0px 8px 24px rgba(0,0,0,.25),0px 4px 12px rgba(0,0,0,.15),inset 0px 2px 4px rgba(255,255,255,.3);box-shadow:0 8px 24px #00000040,0 4px 12px #00000026,inset 0 2px 4px #ffffff4d;-moz-border-radius:50%;-webkit-border-radius:50%;height:auto;z-index:2000;margin-left:auto;margin-right:auto;border-radius:50%;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0px 4px 8px rgba(0,0,0,.2))}.caracter:hover{transform:scale(1.15) translateY(-2px);box-shadow:0 12px 32px #00000059,0 8px 16px #0003,inset 0 2px 6px #fff6;filter:drop-shadow(0px 6px 12px rgba(0,0,0,.3))}#pos-blue-1,#pos-blue-2,#pos-blue-3,#pos-blue-4,#pos-red-1,#pos-red-2,#pos-red-3,#pos-red-4,#pos-green-1,#pos-green-2,#pos-green-3,#pos-green-4,#pos-yellow-1,#pos-yellow-2,#pos-yellow-3,#pos-yellow-4{overflow:visible}#pos-blue-1>img,#pos-blue-2>img,#pos-blue-3>img,#pos-blue-4>img,#pos-red-1>img,#pos-red-2>img,#pos-red-3>img,#pos-red-4>img,#pos-green-1>img,#pos-green-2>img,#pos-green-3>img,#pos-green-4>img,#pos-yellow-1>img,#pos-yellow-2>img,#pos-yellow-3>img,#pos-yellow-4>img{left:50%;bottom:-50%;right:auto;position:relative}.abletomove{animation:jump 1s infinite ease-in-out,glow 2s infinite ease-in-out;filter:brightness(1.3) saturate(1.2)}@keyframes jump{0%{bottom:1px;transform:scale(1)}37%{bottom:5px;transform:scale(1.05)}50%{bottom:8px;transform:scale(1.1)}70%{bottom:5px;transform:scale(1.05)}to{bottom:1px;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 8px 24px #00000040,0 4px 12px #00000026,inset 0 2px 4px #ffffff4d,0 0 12px #667eea66}50%{box-shadow:0 8px 24px #00000040,0 4px 12px #00000026,inset 0 2px 4px #ffffff4d,0 0 24px #667eeacc}}.container_game{display:flex;flex-direction:row}.control-2{width:auto;margin-left:auto;margin-right:auto}.control-1{margin-left:0;margin-right:auto}.control-3{margin-left:auto;margin-right:0}.control-player{height:50vh;width:calc((100vw - 130vh)/2);transition:all .3s ease}.profile_pic{border-radius:50%;width:10vh;border:4px solid rgba(255,255,255,.8);box-shadow:0 8px 24px #0000004d,0 4px 12px #0003,inset 0 2px 4px #ffffff80;transition:all .4s cubic-bezier(.4,0,.2,1);background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.profile{width:calc((100vw - 100vh)/4);text-align:center;color:azure;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;font-weight:600;text-shadow:0px 3px 8px rgba(0,0,0,.4),0px 1px 2px rgba(0,0,0,.3);padding:12px 8px;background:#ffffff0d;border-radius:15px;transition:all .3s ease}.profile:hover{background:#ffffff1a;transform:translateY(-2px)}.profile:hover .profile_pic{transform:scale(1.08) rotate(5deg);box-shadow:0 12px 32px #0006,0 8px 16px #0000004d,inset 0 4px 8px #fff9;border-color:#fff}.de{width:calc((100vw - 130vh)/4);text-align:center;padding-top:6px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.de:hover{transform:scale(1.08) translateY(-2px)}.de:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);transition:transform .4s ease;pointer-events:none}.de:hover:before{transform:translate(-50%,-50%) scale(1.2)}.dashboard{margin-top:auto;margin-bottom:auto;display:flex;flex-direction:row;border:none;background:linear-gradient(135deg,#667eeaf2,#764ba2f2,#2c5aa0f2 50%,#256b7ff2);border-radius:20px;box-shadow:0 16px 32px #00000040,0 8px 16px #00000026,inset 0 2px 8px #fff3,inset 0 -2px 8px #0003;padding:12px 8px;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.dashboard:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none;transition:all .6s ease}.dashboard:hover{box-shadow:0 20px 48px #00000059,0 12px 24px #0003,inset 0 2px 8px #ffffff4d,inset 0 -2px 8px #00000026,0 0 30px #667eea80;transform:translateY(-4px);border-color:#ffffff4d}.dashboard:hover:before{transform:rotate(45deg)}.nard{margin-left:auto;margin-right:auto;border-radius:18px;background:linear-gradient(145deg,#fff,#e6e9ed,#d0d4d9);width:calc((100vw - 152vh)/4);height:calc((100vw - 152vh)/4);box-shadow:inset 0 4px 12px #00000026,inset 0 -4px 12px #fffc,0 8px 20px #00000026,0 4px 8px #0000001a;position:relative;overflow:hidden}.nard:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.3) 50%,transparent 60%);transform:rotate(45deg);transition:all .6s ease}.de:hover .nard:before{animation:shine .8s ease-in-out}@keyframes shine{0%{left:-100%}to{left:150%}}.point_container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.one_point{border-radius:50%;background:radial-gradient(circle at 30% 30%,#666,#000);width:14px;height:14px;display:inline-block;vertical-align:middle;margin:auto;box-shadow:0 2px 4px #0000004d}.point{border-radius:50%;background:radial-gradient(circle at 30% 30%,#666,#000);width:10px;height:10px;display:inline-block;vertical-align:middle;margin-bottom:4px;box-shadow:0 1px 3px #0000004d}#parent_div{background-image:url(/assets/background3-CPGV0SlM.png);background-size:cover;overflow-x:hidden;overflow-y:hidden;background-attachment:fixed;background-repeat:no-repeat;background-position:center center;background-color:#e8b36d;min-height:100vh}.imgSetting{width:14vh;height:auto;border-radius:50%;border:3px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #0003;transition:all .3s ease}.imgSetting:hover{transform:scale(1.05);box-shadow:0 6px 16px #0000004d}.rowName{margin-top:5px}.setting{color:azure;font-size:18px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:30px 20px;background:linear-gradient(135deg,#021230e6,#1e3c78d9);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;flex-direction:column;justify-content:space-between;max-width:1200px;margin:0 auto;position:relative}.setting-header{text-align:center;margin-bottom:30px;padding-top:10px}.setting-title{font-size:48px;font-weight:700;margin:0;background:linear-gradient(135deg,#667eea,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0px 4px 20px rgba(102,126,234,.3)}.setting-content{display:flex;gap:30px;flex:1;align-items:center;justify-content:center}.setting-left,.setting-right{flex:1;max-width:500px}.info-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px 24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;text-align:center;transition:all .3s ease}.info-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #667eea33}.info-icon{font-size:64px;margin-bottom:16px;filter:drop-shadow(0px 4px 8px rgba(0,0,0,.3))}.info-title{font-size:32px;font-weight:700;margin:0 0 10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-subtitle{font-size:18px;color:#f0ffffcc;margin:0;line-height:1.6}.players-container{display:flex;flex-direction:column;gap:20px}.player-row{display:flex;align-items:center;gap:12px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:12px 16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.player-row:hover{background:#ffffff14;transform:translate(5px);border-color:#667eea4d}.player-avatar-wrapper{flex-shrink:0}.setting-footer{margin-top:30px;text-align:center;padding-bottom:10px}.startGame{margin:0 auto;color:#f0f8ff;background:linear-gradient(135deg,#667eea,#764ba2);font-size:24px;font-weight:600;border:none;border-radius:50px;padding:15px 50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #667eea66;text-transform:uppercase;letter-spacing:1px;display:block}.startGame:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px #667eea99;background:linear-gradient(135deg,#764ba2,#667eea)}.startGame:active{transform:translateY(0) scale(1)}.playerName{border:2px solid rgba(255,255,255,.2);border-radius:12px;margin:0;width:100%;flex:1;padding:15px 20px;background:#ffffff0d;color:azure;font-size:18px;font-weight:500;transition:all .3s ease}.playerName:focus{outline:none;border-color:#667eeacc;background:#ffffff1a;box-shadow:0 0 20px #667eea66;transform:scale(1.02)}.playerName::placeholder{color:#f0ffff80;font-weight:400}.nbPlayers{width:22px;height:22px;cursor:pointer;margin-right:8px}.labelNbPlayers{font-size:24px;cursor:pointer;transition:all .2s ease}.labelNbPlayers:hover{color:gold}.red{background:linear-gradient(135deg,#dc3545,#c82333,#bd2130);box-shadow:inset 0 2px 6px #0003,0 4px 12px #dc35454d;position:relative}.red:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none;border-radius:inherit}.green{background:linear-gradient(135deg,#28a745,#218838,#1e7e34);box-shadow:inset 0 2px 6px #0003,0 4px 12px #28a7454d;position:relative}.green:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none;border-radius:inherit}.blue{background:linear-gradient(135deg,#007bff,#0056b3,#004085);box-shadow:inset 0 2px 6px #0003,0 4px 12px #007bff4d;position:relative}.blue:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none;border-radius:inherit}.yellow{background:linear-gradient(135deg,#ffc107,#e0a800,#d39e00);box-shadow:inset 0 2px 6px #0003,0 4px 12px #ffc1074d;position:relative}.yellow:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none;border-radius:inherit}#center{background:linear-gradient(45deg,#2671fc 50%,#c00000 50%),linear-gradient(135deg,#2671fc 50%,#d8d800 50%),linear-gradient(135deg,#c00000 50%,green 50%),linear-gradient(225deg,green 50%,#d8d800 50%);background-size:50% 50%;background-position:0% 0%,0% 100%,100% 0%,100% 100%;background-repeat:no-repeat;box-shadow:inset 0 4px 12px #0000004d,inset 0 -4px 12px #fff3,0 8px 16px #0003;position:relative;z-index:10}#center:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.15) 0%,transparent 70%);pointer-events:none}.left_top{border-left:2px solid rgba(109,109,109,.3);border-top:2px solid rgba(109,109,109,.3)}.right_bottom{border-right:1px solid rgb(109,109,109);border-bottom:1px solid rgb(109,109,109)}.right{border-right:2px solid rgba(109,109,109,.3)}.bottom{border-bottom:2px solid rgba(109,109,109,.3)}.bottom_right_green{background:linear-gradient(90deg,#fff 50% 50%),linear-gradient(180deg,#fff 50% 50%),linear-gradient(270deg,#fff 50% 50%),linear-gradient(360deg,green 50% 50%);background-size:51% 50%;background-position:0% 0%,0% 100%,100% 0%,100% 100%;background-repeat:no-repeat}.top_left_green{background:linear-gradient(90deg,green 50% 50%),linear-gradient(180deg,#fff 50% 50%),linear-gradient(270deg,#fff 50% 50%),linear-gradient(360deg,#fff 50% 50%);background-size:51% 50%;background-position:0% 0%,0% 100%,100% 0%,100% 100%;background-repeat:no-repeat}.bottom_left_green{background:linear-gradient(90deg,#fff 50% 50%),linear-gradient(180deg,green 50% 50%),linear-gradient(270deg,#fff 50% 50%),linear-gradient(360deg,#fff 50% 50%);background-size:51% 50%;background-position:0% 0%,0% 100%,100% 0%,100% 100%;background-repeat:no-repeat}.top_right_green{background:linear-gradient(90deg,#fff 50% 50%),linear-gradient(180deg,#fff 50% 50%),linear-gradient(270deg,green 50% 50%),linear-gradient(360deg,#fff 50% 50%);background-size:51% 50%;background-position:0% 0%,0% 100%,100% 0%,100% 100%;background-repeat:no-repeat}.bottom_right_red{background:linear-gradient(90deg,#fff 50% 50%),linear-gradient(180deg,#fff 50% 50%),linear-gradient(270deg,#fff 50% 50%),linear-gradient(360deg,#c00000 50% 50%);background-size:51% 50%;background-position:0% 0%,0% 100%,100% 0%,100% 100%;background-repeat:no-repeat}.top_left_red{background:linear-gradient(90deg,#c00000 50% 50%),linear-gradient(180deg,#fff 50% 50%),linear-gradient(270deg,#fff 50% 50%),linear-gradient(360deg,#fff 50% 50%);background-size:51% 50%;background-position:0% 0%,0% 100%,100% 0%,100% 100%;background-repeat:no-repeat}.bottom_left_red{background:linear-gradient(90deg,#fff 50% 50%),linear-gradient(180deg,#c00000 50% 50%),linear-gradient(270deg,#fff 50% 50%),linear-gradient(360deg,#fff 50% 50%);background-size:51% 50%;background-position:0% 0%,0% 100%,100% 0%,100% 100%;background-repeat:no-repeat}.top_right_red{background:linear-gradient(90deg,#fff 50% 50%),linear-gradient(180deg,#fff 50% 50%),linear-gradient(270deg,#c00000 50% 50%),linear-gradient(360deg,#fff 50% 50%);background-size:51% 50%;background-position:0% 0%,0% 100%,100% 0%,100% 100%;background-repeat:no-repeat}.bottom_right_blue{background:linear-gradient(90deg,#fff 50% 50%),linear-gradient(0deg,#fff 50% 50%),linear-gradient(90deg,#fff 50% 50%),linear-gradient(0deg,#2671fc 50% 50%);background-size:51% 50%;background-position:0% 0%,0% 100%,100% 0%,100% 100%;background-repeat:no-repeat}.top_left_blue{background:linear-gradient(90deg,#2671fc 50% 50%),linear-gradient(0deg,#fff 50% 50%),linear-gradient(90deg,#fff 50% 50%),linear-gradient(0deg,#fff 50% 50%);background-size:51% 50%;background-position:0% 0%,0% 100%,100% 0%,100% 100%;background-repeat:no-repeat}.bottom_left_blue{background:linear-gradient(90deg,#fff 50% 50%),linear-gradient(0deg,#2671fc 50% 50%),linear-gradient(90deg,#fff 50% 50%),linear-gradient(0deg,#fff 50% 50%);background-size:51% 50%;background-position:0% 0%,0% 100%,100% 0%,100% 100%;background-repeat:no-repeat}.top_right_blue{background:linear-gradient(90deg,#fff 50% 50%),linear-gradient(0deg,#fff 50% 50%),linear-gradient(90deg,#2671fc 50% 50%),linear-gradient(0deg,#fff 50% 50%);background-size:51% 50%;background-position:0% 0%,0% 100%,100% 0%,100% 100%;background-repeat:no-repeat}.bottom_right_yellow{background:linear-gradient(90deg,#fff 50% 50%),linear-gradient(180deg,#fff 50% 50%),linear-gradient(270deg,#fff 50% 50%),linear-gradient(360deg,#d8d800 50% 50%);background-size:51% 50%;background-position:0% 0%,0% 100%,100% 0%,100% 100%;background-repeat:no-repeat}.top_left_yellow{background:linear-gradient(90deg,#d8d800 50% 50%),linear-gradient(180deg,#fff 50% 50%),linear-gradient(270deg,#fff 50% 50%),linear-gradient(360deg,#fff 50% 50%);background-size:51% 50%;background-position:0% 0%,0% 100%,100% 0%,100% 100%;background-repeat:no-repeat}.bottom_left_yellow{background:linear-gradient(90deg,#fff 50% 50%),linear-gradient(180deg,#d8d800 50% 50%),linear-gradient(270deg,#fff 50% 50%),linear-gradient(360deg,#fff 50% 50%);background-size:51% 50%;background-position:0% 0%,0% 100%,100% 0%,100% 100%;background-repeat:no-repeat}.top_right_yellow{background:linear-gradient(90deg,#fff 50% 50%),linear-gradient(180deg,#fff 50% 50%),linear-gradient(270deg,#d8d800 50% 50%),linear-gradient(360deg,#fff 50% 50%);background-size:51% 50%;background-position:0% 0%,0% 100%,100% 0%,100% 100%;background-repeat:no-repeat}@media(max-width:968px){.setting-content{flex-direction:column;gap:30px}.setting-left,.setting-right{max-width:100%;width:100%}.setting-title{font-size:36px}.info-icon{font-size:48px}.info-title{font-size:24px}.info-subtitle{font-size:16px}}@media(max-width:600px){.setting{padding:20px 15px}.setting-title{font-size:28px}.info-card{padding:24px 16px}.info-icon{font-size:40px}.info-title{font-size:20px}.startGame{font-size:18px;padding:12px 40px}.playerName{font-size:16px;padding:12px 15px}.player-row{padding:10px 12px;gap:10px}.dashboard,.profile{padding:10px 6px}}