.Login{align-items:center;background-attachment:fixed;background-image:url(/static/media/LoginPage.1721c3f428971edf2576.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-family:Orbitron,Segoe UI,sans-serif;justify-content:center;left:0;margin:0;min-height:100vh;overflow:auto;padding:0;position:fixed;top:0;width:100vw}@media (max-height:600px){.Login{justify-content:flex-start;padding-top:20px}}@supports (-webkit-touch-callout:none){.Login{min-height:-webkit-fill-available}}.Login h1{color:#fff;font-size:2.5rem;letter-spacing:2px;margin-bottom:30px;position:relative;text-align:center;text-shadow:0 0 10px #00c3ffcc}.Login h1:after{animation:pulse 2s infinite;background:linear-gradient(90deg,#0000,#00c3ffcc,#0000);bottom:-10px;content:"";height:2px;left:0;position:absolute;width:100%}.Login form{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0f172ad9;border:1px solid #00c3ff33;border-radius:10px;box-shadow:0 0 20px #00c3ff4d,inset 0 0 10px #ffffff1a;box-sizing:border-box;margin:20px 0;max-width:400px;min-width:280px;padding:25px;width:90%}.Login form,.Login form div{display:flex;flex-direction:column}.Login form div{margin-bottom:20px}.Login label{color:#a5b4fc;font-size:.9rem;font-weight:500;letter-spacing:1px;margin-bottom:8px}.Login input{background-color:#0000004d;border:1px solid #00c3ff4d;border-radius:6px;color:#fff;font-size:1rem;padding:12px;transition:all .3s}.Login input:focus{border-color:#00c3ffcc;box-shadow:0 0 10px #00c3ff4d;outline:none}.Login-button,.forget-password-button,.register-button{border-radius:6px;cursor:pointer;font-size:1rem;margin-top:10px;padding:12px;transition:all .3s}.Login-button{background:linear-gradient(135deg,#00c3ff,#0084ff);border:none;box-shadow:0 4px 15px #00c3ff4d;color:#fff;font-weight:600;letter-spacing:1px;text-transform:uppercase}.Login-button:hover{background:linear-gradient(135deg,#0084ff,#00c3ff);box-shadow:0 6px 20px #00c3ff80;transform:translateY(-2px)}.forget-password-button,.register-button{background:#0000;border:1px solid #00c3ff4d;color:#a5b4fc;font-size:.9rem;letter-spacing:1px}.forget-password-button:hover,.register-button:hover{background:#00c3ff1a;border-color:#00c3ffcc;color:#00c3ff}.error{text-shadow:0 0 5px #ff6b6b80}.error,.message{font-size:.9rem;margin:10px 0}.message{color:#51cf66;text-align:center;text-shadow:0 0 5px #51cf6680}.Login:before{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0f172ad9;border:1px solid #00c3ff33;border-radius:10px;bottom:20px;box-shadow:0 0 20px #00c3ff4d,inset 0 0 10px #ffffff1a;color:#fff;content:"ACQUIRE v1.6.0";font-size:.8rem;letter-spacing:2px;padding:8px 12px;position:absolute;right:20px}@media (max-width:480px){.Login form{padding:20px;width:85%}.Login h1{font-size:2rem}}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #00c3ff4d;border-radius:50%;border-top-color:#00c3ff;box-shadow:0 0 10px #00c3ff80;height:40px;margin:20px auto;width:40px}button:disabled,input:disabled{cursor:not-allowed;opacity:.7}.register-dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.register-dialog{animation:dialogFadeIn .3s ease-out;max-width:400px}@keyframes dialogFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.register-dialog h3{color:#fff;margin-bottom:20px;text-align:center;text-shadow:0 0 10px #00c3ff80}.register-dialog input{background-color:#0000004d;border:1px solid #00c3ff4d;border-radius:6px;color:#fff;font-size:1rem;margin-bottom:20px;padding:12px;width:100%}.register-dialog .button-group{display:flex;gap:10px}.register-dialog .button-group button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;padding:12px;transition:all .3s}.register-dialog .button-group button:first-child{background:linear-gradient(135deg,#00c3ff,#0084ff);color:#fff}.register-dialog .button-group button:last-child{background:#ffffff1a;color:#a5b4fc}.register-dialog .button-group button:hover:not(:disabled){box-shadow:0 4px 10px #00c3ff4d;transform:translateY(-2px)}:root ::-webkit-scrollbar{width:6px}:root ::-webkit-scrollbar-thumb{background-color:#00c3ff;background-color:var(--primary);border-radius:3px}.menu-container{background-attachment:fixed;background-image:url(/static/media/LoginPage.1721c3f428971edf2576.png);background-position:50%;background-size:cover;color:#fff;color:var(--text-light);display:flex;flex-direction:column;font-family:Orbitron,Segoe UI,sans-serif;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.menu-header{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0f172ad9;background-color:var(--dark-bg);border-bottom:1px solid #00c3ff4d;border-bottom:1px solid var(--dark-border);box-shadow:0 0 20px #00c3ff4d;display:flex;justify-content:space-between;padding:1rem 2rem;z-index:10}.game-logo{cursor:pointer}.menu-nav{display:flex;gap:1rem}.nav-btn{background:#0000;border:none;border-radius:20px;color:#a5b4fc;color:var(--text-accent);cursor:pointer;font-family:Orbitron,sans-serif;font-size:.9rem;letter-spacing:1px;padding:.5rem 1.5rem;text-transform:uppercase;transition:all .3s}.nav-btn:hover{text-shadow:0 0 5px #00c3ff80}.nav-btn.active,.nav-btn:hover{color:#00c3ff;color:var(--primary)}.nav-btn.active{background:#00c3ff1a;border:1px solid #00c3ff;border:1px solid var(--primary)}.menu-main{display:flex;flex:1 1;overflow:hidden}.action-sidebar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0f172ab3;background-color:var(--glass-bg);border-right:1px solid #00c3ff4d;border-right:1px solid var(--dark-border);display:flex;flex-direction:column;gap:1rem;padding:2rem 1rem;width:250px}.action-btn{text-align:center}.host-btn{background:linear-gradient(135deg,#00c3ff,#0084ff);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.invite-btn{background:linear-gradient(135deg,#51cf66,#27ae60);color:#fff}.rules-btn{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.ai-analysis-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.content-view{flex:1 1;overflow-y:auto;padding:2rem}.content-view::-webkit-scrollbar{width:6px}.content-view::-webkit-scrollbar-thumb{background-color:#00c3ff;background-color:var(--primary);border-radius:3px}@media (max-width:768px){.menu-header{flex-direction:column;gap:1rem;padding:1rem}.menu-nav{gap:0;justify-content:center;width:100%}.menu-main{flex-direction:column}.action-sidebar{flex-direction:row;overflow-x:auto;padding:1rem;width:100%}.action-btn{font-size:.8rem;min-width:150px;padding:.8rem}}@media (max-width:480px){.game-logo{font-size:1.5rem}.nav-btn{font-size:.7rem;padding:.5rem 1rem}.action-sidebar{flex-wrap:wrap}.action-btn{font-size:.7rem;min-width:120px;padding:.6rem}.content-view{padding:1rem}}.InviteModal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.InviteModalContent{animation:modalAppear .3s ease-out;background-color:#0f172af2;border:1px solid #00c3ff4d;border-radius:12px;box-shadow:0 0 20px #00c3ff4d,inset 0 0 8px #ffffff1a;color:#fff;font-family:Orbitron,Segoe UI,sans-serif;max-width:400px;padding:1.5rem;position:relative;width:85%}@keyframes modalAppear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.InviteModalContent h2{color:#fff;font-size:1.5rem;letter-spacing:1px;margin-bottom:1.5rem;text-align:center;text-shadow:0 0 8px #00c3ffcc}.InviteForm{gap:1.5rem}.InputGroup,.InviteForm{display:flex;flex-direction:column}.InputGroup{gap:.5rem}.EmailInput{background-color:#0000004d;border:1px solid #00c3ff4d;border-radius:6px;color:#fff;font-family:Orbitron,sans-serif;padding:.8rem;transition:all .3s;width:100%}.EmailInput:focus{border-color:#00c3ffcc;box-shadow:0 0 10px #00c3ff4d;outline:none}.ErrorMessage{font-size:.8rem;margin-top:.3rem;text-shadow:0 0 5px #ff6b6b80}.ButtonGroup{gap:1rem}.CreateButton{background:linear-gradient(135deg,#000,#8e44ad);border-radius:6px;box-shadow:0 4px 15px #9b59b64d;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:600;letter-spacing:1px;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .3s}.SendButton:hover{background:linear-gradient(135deg,#8e44ad,#9b59b6);box-shadow:0 6px 20px #9b59b680;transform:translateY(-2px)}.CancelButton{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:6px;color:#ff6b6b;cursor:pointer;font-family:Orbitron,sans-serif;font-weight:600;letter-spacing:1px;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .3s}.CancelButton:hover{background:#ff6b6b33;border-color:#ff6b6bcc;box-shadow:0 0 10px #ff6b6b4d}.SuccessMessage{padding:1rem;text-align:center}.SuccessMessage h2{color:#51cf66;margin-bottom:1rem;text-shadow:0 0 5px #51cf6680}.SuccessMessage p{color:#a5b4fc;margin:.5rem 0}@media (max-width:480px){.InviteModalContent{padding:1rem;width:90%}.ButtonGroup{flex-direction:column}.CancelButton,.SendButton{padding:.7rem;width:100%}}:root{--primary:#00c3ff;--primary-dark:#0084ff;--secondary:#ff6b6b;--dark-bg:#0f172ad9;--dark-border:#00c3ff4d;--text-light:#fff;--text-accent:#a5b4fc;--glass-bg:#0f172ab3}@font-face{font-family:Orbitron;src:url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&display=swap)}*{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden}.dashboard-container{background-attachment:fixed;background-position:50%;background-size:cover;color:#fff;color:var(--text-light);display:flex;flex-direction:column;font-family:Orbitron,Segoe UI,sans-serif;height:100vh;left:0;overflow-y:auto;padding:1rem;position:fixed;top:0;width:100vw}.dashboard-container::-webkit-scrollbar{width:6px}.dashboard-container::-webkit-scrollbar-thumb{background-color:#00c3ff;background-color:var(--primary);border-radius:3px}.game-logo{background:linear-gradient(90deg,#00c3ff,#0084ff);background:linear-gradient(to right,var(--primary),var(--primary-dark));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2rem;font-weight:700;letter-spacing:3px;text-shadow:0 0 10px #00c3ffcc}.sign-out-btn{align-items:center;background:#0000;border:1px solid #ff6b6b4d;border-radius:6px;color:#ff6b6b;color:var(--secondary);cursor:pointer;display:flex;font-family:Orbitron,sans-serif;font-size:.8rem;gap:.5rem;letter-spacing:1px;padding:.6rem 1.2rem;text-transform:uppercase;transition:all .3s}.sign-out-btn:hover{background:#ff6b6b1a;border-color:#ff6b6bcc;box-shadow:0 0 10px #ff6b6b4d}.dashboard-main{display:flex;flex:1 1;flex-direction:column;gap:2rem;margin-top:9rem;padding:0 1rem}.player-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0f172ab3;background-color:var(--glass-bg);border:1px solid #00c3ff4d;border:1px solid var(--dark-border);border-radius:15px;box-shadow:0 0 20px #00c3ff4d,inset 0 0 10px #ffffff1a;padding:2rem}.profile-section{align-items:center;display:flex;gap:2rem}.avatar-container{border-radius:50%;cursor:pointer;height:120px;position:relative;transition:all .3s;width:120px}.avatar-container:hover{transform:scale(1.05)}.player-avatar{border:3px solid #00c3ff;border:3px solid var(--primary);border-radius:50%;box-shadow:0 0 15px #00c3ff80;height:100%;object-fit:cover;width:100%}.edit-overlay{background:#000000b3;border-bottom-left-radius:50%;border-bottom-right-radius:50%;bottom:0;color:#fff;font-size:.8rem;left:0;opacity:0;padding:.3rem;position:absolute;right:0;text-align:center;transition:opacity .3s}.avatar-container:hover .edit-overlay{opacity:1}.player-info{flex:1 1}.name-display{align-items:center;cursor:pointer;display:flex;gap:1rem;margin-bottom:1.5rem;width:1%}.player-name-dashboard{background:linear-gradient(180deg,#fff,#a5b4fc);background:linear-gradient(to bottom,var(--text-light),var(--text-accent));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.8rem;font-weight:700}.edit-icon{font-size:1rem;opacity:.7;transition:opacity .3s}.name-display:hover .edit-icon{opacity:1}.name-edit{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.name-input{background-color:#0000004d;border:1px solid #00c3ff4d;border:1px solid var(--dark-border);border-radius:6px;color:#fff;color:var(--text-light);font-family:Orbitron,sans-serif;font-size:1.2rem;max-width:300px;padding:.8rem;width:100%}.name-input:focus{border-color:#00c3ff;border-color:var(--primary);box-shadow:0 0 10px #00c3ff4d;outline:none}.edit-buttons{display:flex;gap:1rem}.cancel-btn,.confirm-btn{border:none;border-radius:6px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.8rem;padding:.5rem 1rem;text-transform:uppercase;transition:all .3s}.confirm-btn{background:linear-gradient(135deg,#00c3ff,#0084ff);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.confirm-btn:hover{box-shadow:0 0 10px #00c3ff80}.cancel-btn{background:#0000;border:1px solid #ff6b6b;border:1px solid var(--secondary);color:#ff6b6b;color:var(--secondary)}.cancel-btn:hover{background:#ff6b6b1a}.level-display{margin-top:1.5rem}.level-badge{background:linear-gradient(135deg,#00c3ff,#0084ff);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:20px;box-shadow:0 0 10px #00c3ff4d;display:inline-block;font-weight:700;margin-bottom:.8rem;padding:.3rem 1rem}.xp-bar-container{background-color:#0000004d;border:1px solid #00c3ff4d;border:1px solid var(--dark-border);border-radius:10px;height:20px;overflow:hidden;position:relative;width:100%}.xp-bar-fill{background:linear-gradient(90deg,#00c3ff,#0084ff);background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:10px;height:100%;transition:width .5s ease}.xp-text{font-size:.7rem;font-weight:700;left:50%;position:absolute;text-shadow:0 0 3px #000;top:50%;transform:translate(-50%,-50%)}.game-stats{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0f172ab3;background-color:var(--glass-bg);border:1px solid #00c3ff4d;border:1px solid var(--dark-border);border-radius:15px;box-shadow:0 0 20px #00c3ff4d,inset 0 0 10px #ffffff1a;padding:1.5rem}.section-title{color:#a5b4fc;color:var(--text-accent);font-size:1.2rem;letter-spacing:2px;margin-bottom:1.5rem;text-shadow:0 0 5px #a5b4fc80;text-transform:uppercase}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-card{background-color:#0003;border:1px solid #00c3ff4d;border:1px solid var(--dark-border);border-radius:10px;padding:1rem;text-align:center;transition:transform .3s}.stat-card:hover{box-shadow:0 5px 15px #00c3ff33;transform:translateY(-5px)}.stat-value{background:linear-gradient(180deg,#fff,#a5b4fc);background:linear-gradient(to bottom,var(--text-light),var(--text-accent));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#a5b4fc;color:var(--text-accent);font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.quick-actions{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0f172ab3;background-color:var(--glass-bg);border:1px solid #00c3ff4d;border:1px solid var(--dark-border);border-radius:15px;box-shadow:0 0 20px #00c3ff4d,inset 0 0 10px #ffffff1a;margin-bottom:2rem;padding:1.5rem}.action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:Orbitron,sans-serif;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:1px;padding:1rem;text-transform:uppercase;transition:all .3s}.action-btn:hover{box-shadow:0 5px 15px #00c3ff66;transform:translateY(-3px)}.new-game{background:linear-gradient(135deg,#00c3ff,#0084ff);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.join-game{background:linear-gradient(135deg,#51cf66,#27ae60);color:#fff}.leaderboard{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.friends{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.version-tag{bottom:15px;color:#ffffff80;font-size:.7rem;letter-spacing:1px;position:fixed;right:15px}@media (max-width:768px){.profile-section{flex-direction:column;text-align:center}.player-info{width:100%}.name-input{max-width:100%}.action-buttons,.stats-grid{grid-template-columns:1fr}}@media (max-width:480px){.dashboard-header{flex-direction:column;gap:1rem;padding:1rem}.game-logo{font-size:1.5rem}.game-stats,.player-card,.quick-actions{padding:1rem}.player-name{font-size:1.5rem}.level-badge{font-size:.8rem}}.modal{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background-color:var(--glass-bg);border:1px solid var(--dark-border);border-radius:15px;box-shadow:0 0 30px #00c3ff66;max-height:90vh;max-width:800px;overflow-y:auto;padding:2rem;position:relative;width:90%}.close{color:var(--secondary);cursor:pointer;font-size:2rem;font-weight:700;position:absolute;right:1.5rem;top:1rem;transition:all .2s}.close:hover{color:#fff;transform:scale(1.1)}.modal-content h2{color:var(--primary);font-size:1.5rem;letter-spacing:1px;margin-bottom:1.5rem;text-align:center;text-shadow:0 0 10px #00c3ff80}.ImageSelection{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);justify-items:center}.SelectableImage{aspect-ratio:1/1;border:2px solid #0000;border-radius:10px;cursor:pointer;height:auto;max-width:120px;object-fit:cover;transition:all .3s;width:100%}.SelectableImage:hover{border-color:var(--primary);box-shadow:0 0 15px #00c3ff80;transform:scale(1.05)}@media (max-width:768px){.modal-content{padding:1.5rem;width:95%}.ImageSelection{gap:.8rem}.SelectableImage{max-width:100px}.modal-content h2{font-size:1.3rem;margin-bottom:1rem}}@media (max-width:600px){.ImageSelection{gap:.6rem;grid-template-columns:repeat(4,1fr)}.SelectableImage{max-width:70px}.close{font-size:1.8rem;right:1rem;top:.5rem}}@media (max-width:400px){.ImageSelection{gap:.5rem}.SelectableImage{max-width:60px}}.HostGameModal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9000}.HostGameModalContent{background-color:#0f172af2;border:1px solid #00c3ff4d;border-radius:12px;box-shadow:0 0 20px #00c3ff4d,inset 0 0 8px #ffffff1a;color:#fff;font-family:Orbitron,Segoe UI,sans-serif;max-width:400px;padding:1.5rem;position:relative;width:85%}.CloseButton{align-items:center;color:#ff6b6b;display:flex;height:30px;justify-content:center;line-height:1;right:.5rem;top:.5rem;width:30px}.CloseButton:hover{color:#f44}.HostGameModalContent h1{color:#fff;font-size:1.5rem;letter-spacing:1px;margin:.5rem 0 1rem;text-align:center;text-shadow:0 0 8px #00c3ffcc}.CreateGameForm{gap:1rem}.CreateGameForm,label{display:flex;flex-direction:column}label{color:#a5b4fc;font-size:.8rem;gap:.3rem}input[type=password],input[type=text],select,textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#0000004d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300c3ff'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid #00c3ff4d;border-radius:6px;color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;padding:.8rem 2rem .8rem .8rem}textarea{min-height:60px;resize:vertical}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300c3ff'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:.8rem;padding-right:1.8rem}select option{background-color:#0f172af2;color:#fff;padding:.5rem}.ErrorMessage{color:#ff6b6b;font-size:.7rem;margin-top:.2rem}.ButtonGroup{display:flex;gap:.8rem;justify-content:center;margin-top:1rem}.ButtonGroup button,.CreateButton{border-radius:5px;font-size:.8rem;font-weight:600;letter-spacing:1px;padding:.6rem 1rem}.CreateButton{background:linear-gradient(135deg,#00c3ff,#0084ff);border:none;color:#fff}.ButtonGroup button:not(.CreateButton){background:#ff6b6b1a;border:1px solid #ff6b6b4d;color:#ff6b6b}.GameCreated{padding:.5rem;text-align:center}.GameCreated h2{color:#51cf66;font-size:1.2rem;margin-bottom:.5rem}.GameCreated p{font-size:.85rem;margin:.3rem 0}@media (max-width:480px){.HostGameModalContent{padding:1rem;width:90%}.ButtonGroup{flex-direction:column;gap:.5rem}.ButtonGroup button{padding:.5rem;width:100%}}.Updates{align-items:center;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Orbitron,Segoe UI,sans-serif;min-height:90vh;overflow-x:hidden;padding:20px;position:relative;width:90vw}.Updates:before{-webkit-backdrop-filter:blur(12px) brightness(.7);backdrop-filter:blur(12px) brightness(.7);background:#050a14d9;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.update-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1223b3;border:1px solid #00c3ff26;border-radius:15px;box-shadow:0 8px 32px #0078ff33,inset 0 0 12px #00c3ff4d;margin:30px auto;max-width:900px;padding:30px;width:90%}.Updates h1{color:#fff;font-size:2.8rem;font-weight:600;letter-spacing:3px;margin:0 0 30px;padding-bottom:15px;position:relative;text-align:center;text-shadow:0 0 12px #00c3ffe6}.Updates h1:after{animation:pulse 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#00c3ffe6,#0000);bottom:0;content:"";height:3px;left:25%;position:absolute;width:50%}.UpdateItem{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f192dcc;border:1px solid #0096ff33;border-radius:12px;box-shadow:0 4px 20px #003c784d,inset 0 0 8px #00c3ff33;margin-bottom:25px;padding:25px;transition:all .4s cubic-bezier(.175,.885,.32,1.1);width:100%}.UpdateItem:hover{background:#14233ce6;border-color:#00e6ff66;box-shadow:0 8px 30px #0096ff66,inset 0 0 12px #00e6ff4d;transform:translateY(-5px)}.UpdateText-container{word-wrap:break-word;overflow:hidden;position:relative}.UpdateText{color:#f0f4ff;display:block;font-size:1.1rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.7;margin-bottom:20px;overflow-wrap:break-word;text-shadow:0 0 5px #0096ff4d;transition:all .4s cubic-bezier(.65,0,.35,1);white-space:pre-wrap;width:100%;word-break:break-word}.UpdateText.collapsed{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;max-height:6.3em;max-width:100%;overflow:hidden;white-space:normal}.UpdateText.expanded{max-height:2000px;white-space:pre-wrap}.read-more-btn{align-items:center;background:#0096ff33;border:1px solid #00c3ff4d;border-radius:4px;color:#8ab4f8;cursor:pointer;display:inline-flex;font-size:.8rem;letter-spacing:1px;margin-top:8px;padding:6px 12px;text-transform:uppercase;transition:all .3s}.read-more-btn:hover{background:#00c3ff4d;border-color:#00c3ff99;box-shadow:0 0 10px #00c3ff4d;color:#00c3ff}.read-more-btn .icon{font-size:.7rem;margin-left:6px;transition:transform .3s}.read-more-btn.expanded .icon{transform:rotate(180deg)}.UpdateDate{color:#8ab4f8;font-size:.85rem;font-weight:500;letter-spacing:1px;margin-top:15px;text-align:right;text-shadow:0 0 5px #0096ff33}.error{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ff323226;border-radius:8px;box-shadow:inset 0 0 8px #ff00004d;color:#ff6b6b;font-size:1rem;margin:20px 0;padding:15px;text-align:center;text-shadow:0 0 10px #ff6b6bcc}.empty-state{color:#a5b4fc;font-size:1.2rem;padding:40px;text-align:center;text-shadow:0 0 5px #0096ff4d}.version-watermark{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a1932b3;border:1px solid #00c3ff33;border-radius:20px;bottom:20px;box-shadow:0 0 15px #0096ff4d;color:#ffffffb3;font-size:.8rem;letter-spacing:2px;padding:8px 15px;position:fixed;right:20px}@media (max-width:768px){.update-container{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px;width:95%}.Updates h1{font-size:2.2rem;margin-bottom:20px}.UpdateItem{padding:20px}.UpdateText{font-size:1rem}}@media (max-width:480px){.Updates{padding:15px}.Updates h1{font-size:1.8rem;letter-spacing:2px}.version-watermark{font-size:.7rem;padding:6px 12px}}.JoinRoom{background:linear-gradient(135deg,#0f172af2,#080e1df2),repeating-linear-gradient(0deg,#0000,#0000 19px,#00c3ff0d 20px),repeating-linear-gradient(90deg,#0000,#0000 19px,#00c3ff0d 20px);background-attachment:fixed;border:1px solid #00c3ff4d;border-radius:15px;box-shadow:0 0 30px #00c3ff33;color:var(--text-light);font-family:Orbitron,Segoe UI,sans-serif;margin:0 auto;max-width:100%;min-height:100vh;padding:2rem}.JoinRoom h1{color:var(--primary);letter-spacing:2px;margin-bottom:2rem;position:relative;text-align:center;text-shadow:0 0 10px #00c3ff80}.JoinRoom h1:after{background:linear-gradient(90deg,#0000,var(--primary),#0000);border-radius:3px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.SearchInput{background-color:#0f172ab3;border:1px solid var(--dark-border);border-radius:6px;box-shadow:inset 0 0 10px #00000080;color:var(--text-light);font-family:Orbitron,sans-serif;font-size:1rem;margin-bottom:2rem;padding:.8rem 1rem;transition:all .3s;width:100%}.SearchInput:focus{border-color:var(--primary);box-shadow:inset 0 0 10px #00000080,0 0 15px #00c3ff4d;outline:none}.RoomsList{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.RoomCard{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--glass-bg);border:1px solid var(--dark-border);border-radius:10px;box-shadow:0 0 15px #00c3ff33,inset 0 0 10px #ffffff0d;display:flex;justify-content:space-between;overflow:hidden;padding:1.2rem;position:relative;transition:all .3s}.RoomCard:before{background:linear-gradient(90deg,#0000,#00c3ff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.RoomCard:hover:before{left:100%}.RoomCard:hover{border-color:#00c3ff80;box-shadow:0 5px 20px #00c3ff66,inset 0 0 10px #ffffff1a;transform:translateY(-3px)}.RoomCard.Header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00c3ff1a;color:var(--text-accent);font-size:.9rem;font-weight:700;letter-spacing:1px;pointer-events:none;text-transform:uppercase}.RoomInfo{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr;width:80%}.RoomName{color:var(--primary);font-weight:700;text-shadow:0 0 5px #00c3ff4d}.GameMode,.RoomPrivacy,.RoomStatus,.TotalPlayers{align-items:center;display:flex}.JoinRoomButton{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.8rem;letter-spacing:1px;overflow:hidden;padding:.6rem 1.2rem;position:relative;text-transform:uppercase;transition:all .3s;z-index:1}.JoinRoomButton:before{background:linear-gradient(135deg,var(--primary-dark),var(--primary));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:.3s;width:100%;z-index:-1}.JoinRoomButton:hover:before{opacity:1}.JoinRoomButton:hover{box-shadow:0 5px 15px #00c3ff66,0 0 10px #00c3ff33;transform:translateY(-2px)}.JoinRoomButton:disabled{background:#ff6b6b4d;box-shadow:none;color:#ffffff80;cursor:not-allowed;transform:none}.NoRoomsMessage{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--glass-bg);border:1px solid var(--dark-border);border-radius:10px;color:var(--text-accent);padding:2rem;text-align:center}.Pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.Pagination button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--glass-bg);border:1px solid var(--dark-border);border-radius:6px;color:var(--text-light);cursor:pointer;font-family:Orbitron,sans-serif;padding:.5rem 1rem;transition:all .3s}.Pagination button:hover:not(:disabled){background:#00c3ff33;border-color:var(--primary);box-shadow:0 0 10px #00c3ff33}.Pagination button:disabled{cursor:not-allowed;opacity:.5}.Pagination span{color:var(--text-accent);font-size:.9rem;text-shadow:0 0 5px #00c3ff33}.PasswordModal{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.PasswordModal,.PasswordModalContent{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.PasswordModalContent{animation:slideUp .3s ease-out;background-color:var(--glass-bg);border:1px solid var(--dark-border);border-radius:15px;box-shadow:0 0 30px #00c3ff66,inset 0 0 10px #ffffff1a;max-width:400px;padding:2rem;width:90%}.PasswordModalContent h2{color:var(--primary);margin-bottom:1.5rem;position:relative;text-align:center;text-shadow:0 0 10px #00c3ff80}.PasswordModalContent h2:after{background:linear-gradient(90deg,#0000,var(--primary),#0000);bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:50%}.PasswordModalContent input{background-color:#0000004d;border:1px solid var(--dark-border);border-radius:6px;box-shadow:inset 0 0 10px #00000080;color:var(--text-light);font-family:Orbitron,sans-serif;margin-bottom:1rem;padding:.8rem;width:100%}.PasswordModalContent input:focus{border-color:var(--primary);box-shadow:inset 0 0 10px #00000080,0 0 10px #00c3ff4d;outline:none}.PasswordModalContent button{border:none;border-radius:6px;cursor:pointer;font-family:Orbitron,sans-serif;margin-top:.5rem;overflow:hidden;padding:.8rem;position:relative;transition:all .3s;width:100%;z-index:1}.PasswordModalContent button:before{background:#ffffff1a;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:.3s;width:100%;z-index:-1}.PasswordModalContent button:hover:before{opacity:1}.PasswordModalContent button[type=submit]{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.PasswordModalContent button[type=button]{background:#0000;border:1px solid var(--secondary);color:var(--secondary)}.PasswordModalContent button:hover{box-shadow:0 5px 10px #0003;transform:translateY(-2px)}.ErrorMessage{color:var(--secondary);font-size:.9rem;margin-top:1rem;text-align:center;text-shadow:0 0 5px #ff6b6b4d}@media (max-width:768px){.RoomInfo{gap:.5rem;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto}.RoomPrivacy,.RoomStatus{grid-column:span 1}.GameMode{grid-column:1;grid-row:2}.JoinRoomButton{font-size:.7rem;padding:.5rem 1rem}}@media (max-width:480px){.JoinRoom,.RoomCard{padding:1rem}.RoomCard{flex-direction:column;gap:1rem}.RoomInfo{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;width:100%}.RoomName{grid-column:span 2}.JoinRoomButton{width:100%}.Pagination{flex-direction:row;gap:.5rem}.PasswordModalContent{padding:1.5rem}}.friend-list-container{bottom:16px;font-family:Orbitron,Segoe UI,sans-serif;left:16px;position:fixed;z-index:1000}.friend-toggle-button{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:9999px;box-shadow:0 0 15px #00c3ff4d;color:#fff;cursor:pointer;display:flex;font-family:Orbitron,sans-serif;font-size:.8rem;gap:.5rem;letter-spacing:1px;padding:.7rem 1.2rem;position:relative;text-transform:uppercase;transition:all .3s}.friend-toggle-button:hover{box-shadow:0 5px 20px #00c3ff80;transform:translateY(-2px)}.badge{align-items:center;background-color:var(--secondary);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.friend-panel{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--glass-bg);border:1px solid var(--dark-border);border-radius:12px;box-shadow:0 0 25px #00c3ff4d;margin-top:8px;max-height:60vh;overflow-y:auto;padding:1rem}.friend-panel ::-webkit-scrollbar{width:6px}.friend-panel ::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:3px}.friend-panel-title{color:var(--primary);font-size:1.1rem;letter-spacing:1px;margin-bottom:1rem;padding-bottom:.5rem;position:relative;text-align:center;text-shadow:0 0 10px #00c3ff4d}.friend-panel-title:after{background:linear-gradient(90deg,#0000,var(--primary),#0000);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.friend-list{list-style:none;margin-bottom:1rem;max-height:160px;overflow-y:auto;padding-left:0}.friend-item{align-items:center;border-bottom:1px solid #00c3ff1a;display:flex;justify-content:space-between;padding:.6rem 0}.friend-item:last-child{border-bottom:none}.friend-info{align-items:center;display:flex;flex:1 1;gap:.8rem}.friend-pic{border:2px solid var(--primary);border-radius:50%;box-shadow:0 0 10px #00c3ff4d;height:32px;object-fit:cover;width:32px}.friend-actions{display:flex;gap:.5rem}.accept-request-btn,.chat-action-btn,.decline-request-btn,.remove-action-btn,.send-request-btn{align-items:center;background:#0f172ab3;border:1px solid var(--dark-border);border-radius:6px;color:var(--text-light);cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .2s}.chat-action-btn:hover{background:#00c3ff33;border-color:var(--primary);color:var(--primary)}.remove-action-btn:hover{background:#ff6b6b33;border-color:var(--secondary);color:var(--secondary)}.accept-request-btn:hover{background:#28a74533;border-color:#28a745;color:#28a745}.decline-request-btn:hover{background:#dc354533;border-color:#dc3545;color:#dc3545}.send-request-btn:hover{background:#00c3ff33;border-color:var(--primary);color:var(--primary)}.chat-unread-badge{align-items:center;background-color:var(--secondary);border-radius:50%;color:#fff;display:flex;font-size:.6rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-6px;top:-6px;width:18px;z-index:1}.friend-add{display:flex;gap:0;margin-top:1rem}.friend-add input{background-color:#0f172ab3;border:1px solid var(--dark-border);border-radius:6px;color:var(--text-light);flex:1 1;font-family:Orbitron,sans-serif;padding:.6rem .8rem;transition:all .3s}.friend-add input:focus{border-color:var(--primary);box-shadow:0 0 10px #00c3ff33;outline:none}.friend-empty-message{color:var(--text-accent);font-size:.9rem;padding:1rem 0;text-align:center}.friend-success-message{background:#28a745e6}.friend-error-message,.friend-success-message{animation:slideUp .3s ease-out;border-radius:6px;bottom:70px;color:#fff;font-size:.9rem;left:20px;max-width:300px;padding:.8rem 1.2rem;position:fixed;z-index:1001}.friend-error-message{background:#dc3545e6}@media (max-width:480px){.friend-list-container{bottom:10px;left:10px}.friend-panel{width:75vw}.friend-toggle-button{font-size:.7rem;padding:.6rem 1rem}.friend-item{padding:.5rem 0}.friend-pic{height:28px;width:28px}.chat-unread-badge{font-size:.5rem;height:16px;right:-5px;top:-5px;width:16px}}.chat-container{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--glass-bg);border:1px solid var(--dark-border);border-radius:12px;bottom:80px;box-shadow:0 0 30px #00c3ff66;display:flex;flex-direction:column;left:20px;max-height:60vh;overflow:hidden;position:fixed;width:350px;z-index:1001}.chat-header{background:#00c3ff1a;border-bottom:1px solid var(--dark-border);justify-content:space-between;padding:.8rem 1rem}.chat-header,.chat-header-info{align-items:center;display:flex}.chat-header-info{color:var(--primary);gap:.8rem;text-shadow:0 0 8px #00c3ff4d}.chat-header-pic{border:2px solid var(--primary);border-radius:50%;box-shadow:0 0 10px #00c3ff4d;height:32px;object-fit:cover;width:32px}.chat-close-btn{background:#0000;border:none;color:var(--secondary);cursor:pointer;font-size:1.2rem;transition:all .2s}.chat-close-btn:hover{color:#fff;transform:scale(1.1)}.chat-body{display:flex;flex:1 1;flex-direction:column;gap:.8rem;overflow-y:auto;padding:1rem}.chat-message{word-wrap:break-word;animation:fadeIn .3s ease-out;border-radius:12px;max-width:80%;max-width:30ch;padding:.6rem .8rem;position:relative;white-space:pre-wrap}.from-me{align-self:flex-end;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-bottom-right-radius:4px;color:#fff}.from-them{align-self:flex-start;background:#0f172ab3;border:1px solid var(--dark-border);border-bottom-left-radius:4px;color:var(--text-light)}.chat-message-meta{align-items:center;display:flex;font-size:.8rem;gap:.5rem;margin-bottom:.3rem}.chat-msg-pic{border:1px solid var(--dark-border);border-radius:50%;height:24px;object-fit:cover;width:24px}.chat-msg-name{color:var(--text-accent);font-weight:700}.chat-input{background:#0f172a80;border-top:1px solid var(--dark-border);display:flex;padding:.8rem}.chat-input input{background-color:#0000004d;border:1px solid var(--dark-border);border-radius:6px;color:var(--text-light);flex:1 1;font-family:Orbitron,sans-serif;padding:.6rem .8rem;transition:all .3s}.chat-input input:focus{border-color:var(--primary);box-shadow:0 0 10px #00c3ff33;outline:none}.chat-input button{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.8rem;letter-spacing:1px;margin-left:.5rem;padding:.6rem 1rem;text-transform:uppercase;transition:all .3s}.chat-input button:hover{box-shadow:0 5px 15px #00c3ff66;transform:translateY(-2px)}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:3px}@media (max-width:768px){.chat-container{bottom:90px;max-height:50vh;max-width:350px;width:90vw}.chat-message{max-width:75%}.chat-input{padding:.6rem}.chat-input input{font-size:.9rem;padding:.5rem .7rem}.chat-input button{font-size:.7rem;padding:.5rem .8rem}}@media (max-width:480px){.chat-container{bottom:80px;max-height:60vh;width:95vw}.chat-header{padding:.6rem}.chat-header-info{font-size:.9rem}.chat-header-pic{height:28px;width:28px}.chat-body{padding:.8rem}.chat-message{font-size:.9rem;padding:.5rem .6rem}.chat-msg-pic{height:20px;width:20px}.chat-message-meta{font-size:.7rem}}.leaderboard-page{background:#0f172acc;border:1px solid #00c3ff4d;border-radius:15px;box-shadow:0 0 30px #00c3ff33;color:#e2e8f0;font-family:Orbitron,Segoe UI,sans-serif;margin:0 auto;max-width:800px;padding:20px}.leaderboard-page-header{margin-bottom:30px;position:relative;text-align:center}.leaderboard-page-title{color:#00c3ff;font-size:2.2rem;letter-spacing:2px;margin:0;text-shadow:0 0 10px #00c3ff80}.leaderboard-page-subtitle{color:#a5b4fc;font-size:1rem;margin-top:5px}.leaderboard-page-content{display:flex;flex-direction:column;gap:30px}.leaderboard-current-player,.leaderboard-top-players{background:#1e293b99;border-radius:10px;box-shadow:inset 0 0 10px #00c3ff1a;padding:20px}.leaderboard-current-player h2,.leaderboard-top-players h2{border-bottom:1px solid #00c3ff33;color:#00c3ff;margin-bottom:15px;margin-top:0;padding-bottom:10px}.leaderboard-player-list{display:flex;flex-direction:column;gap:10px}.leaderboard-player-card{align-items:center;background:#0f172ab3;border:1px solid #00c3ff1a;border-radius:8px;display:flex;padding:15px;transition:all .3s ease}.leaderboard-player-card:hover{border-color:#00c3ff66;box-shadow:0 5px 15px #00c3ff4d;transform:translateY(-3px)}.leaderboard-player-card.highlighted{background:#00c3ff1a;border-color:#00c3ff80;box-shadow:0 0 15px #00c3ff4d}.leaderboard-player-card.top-three{background:linear-gradient(90deg,#00c3ff1a,#0f172ab3)}.leaderboard-player-rank{font-weight:700;text-align:center;width:40px}.leaderboard-medal{font-size:1.5rem}.leaderboard-rank-number{color:#00c3ff;font-size:1.2rem}.leaderboard-player-avatar{align-items:center;background:#00c3ff1a;border:2px solid #00c3ff4d;border-radius:50%;display:flex;height:50px;justify-content:center;margin-right:15px;overflow:hidden;width:50px}.leaderboard-player-avatar img{height:100%;object-fit:cover;width:100%}.leaderboard-avatar-placeholder{color:#00c3ff;font-size:1.5rem;font-weight:700}.leaderboard-player-info{flex:1 1}.leaderboard-player-name{color:#f0f4ff;font-size:1.1rem;font-weight:700;margin-bottom:5px}.leaderboard-player-stats{display:flex;font-size:.9rem;gap:15px}.leaderboard-stat{align-items:center;display:flex;gap:3px}.leaderboard-wins{color:gold}.leaderboard-level{color:#00c3ff}.leaderboard-xp{color:#a5b4fc}.leaderboard-streak{color:#ff6b6b}.leaderboard-player-score{min-width:70px;text-align:center}.leaderboard-score-value{color:#00c3ff;font-size:1.3rem;font-weight:700}.leaderboard-score-label{color:#a5b4fc;font-size:.7rem;letter-spacing:1px;text-transform:uppercase}.leaderboard-loading{color:#a5b4fc;font-size:1.2rem;padding:50px;text-align:center}@media (max-width:768px){.leaderboard-page{margin-bottom:15%;padding:15px}.leaderboard-page-title{font-size:1.8rem}.leaderboard-player-card{padding:10px}.leaderboard-player-avatar{height:40px;margin-right:10px;width:40px}.leaderboard-player-name{font-size:1rem}.leaderboard-player-stats{font-size:.8rem;gap:10px}.leaderboard-player-score{min-width:60px}.leaderboard-score-value{font-size:1.1rem}}@media (max-width:480px){.leaderboard-page-title{font-size:1.5rem}.leaderboard-player-stats{flex-wrap:wrap;gap:5px}.leaderboard-player-card{flex-wrap:wrap;gap:10px}.leaderboard-player-score{margin-left:auto}}.ai-bots-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:1rem;margin-left:1%}.ai-bot-card{position:relative;transition:all .3s ease}.ai-bot-card:hover{box-shadow:0 10px 20px #00c3ff33;transform:translateY(-5px)}.ai-bot-stats{margin-top:1rem}.dashboard-header-AI{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--dark-bg);border:1px solid var(--dark-border);border-radius:10px;box-shadow:0 0 20px #00c3ff4d,inset 0 0 10px #ffffff1a;display:flex;justify-content:space-between;margin-bottom:2rem;margin-top:9rem;padding:1rem 2rem}.ai-performance-tag{border-radius:15px;font-size:.7rem;font-weight:700;letter-spacing:1px;padding:.3rem .6rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.ai-high-performer{background:linear-gradient(135deg,#f39c12,#e67e22)}.ai-high-performer,.ai-standard{border-radius:15px;color:#fff;padding:.1rem .2rem}.ai-standard{background:linear-gradient(135deg,#00c3ff,#0084ff)}.ai-error-container,.ai-loading-container,.ai-no-data-container{align-items:center;background-color:#0f172ae6;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.ai-spinner{animation:spin 1s ease-in-out infinite;border:5px solid #00c3ff4d;border-radius:50%;border-top-color:#00c3ff;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.ai-error-message{color:#ff6b6b;font-size:1.2rem;margin-bottom:1rem}.ai-retry-btn{background:#0000;border:1px solid #ff6b6b4d;border-radius:6px;color:var(--secondary);cursor:pointer;font-family:Orbitron,sans-serif;font-size:.8rem;letter-spacing:1px;padding:.6rem 1.2rem;text-transform:uppercase;transition:all .3s}.ai-retry-btn:hover{background:#ff6b6b1a;border-color:#ff6b6bcc;box-shadow:0 0 10px #ff6b6b4d}.ai-no-data-container p{color:var(--text-accent);margin-bottom:.5rem}@media (max-width:168px){.ai-bots-grid{grid-template-columns:1fr}}.ai-overview-chart{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--glass-bg);border:1px solid var(--dark-border);border-radius:15px;box-shadow:0 0 20px #00c3ff4d,inset 0 0 10px #ffffff1a;height:400px;margin-bottom:2rem;padding:1.5rem}.winRate{background:linear-gradient(135deg,#00c3ff,#0084ff)}.gamesPlayed{background:linear-gradient(135deg,#51cf66,#27ae60)}.streaks{background:linear-gradient(135deg,#f39c12,#e67e22)}.levels{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.WaitingRoom{background:linear-gradient(135deg,#0f172af2,#080e1df2),repeating-linear-gradient(0deg,#0000,#0000 19px,#00c3ff0d 20px),repeating-linear-gradient(90deg,#0000,#0000 19px,#00c3ff0d 20px);background-attachment:fixed;background-size:cover;box-sizing:border-box;color:var(--text-light);font-family:Orbitron,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden;padding:2rem;width:100vw}.WaitingRoomContent{display:flex;flex-direction:column;height:calc(100vh - 4rem);margin:0 auto;max-width:1200px;overflow-y:auto}.WaitingRoom h1{color:var(--primary);letter-spacing:2px;margin-bottom:2rem;position:relative;text-align:center;text-shadow:0 0 10px #00c3ff80}.WaitingRoom h1:after{background:linear-gradient(90deg,#0000,var(--primary),#0000);bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.GameDetails{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--glass-bg);border:1px solid var(--dark-border);border-radius:10px;box-shadow:0 0 15px #00c3ff33,inset 0 0 10px #ffffff0d;margin-bottom:2rem;padding:1.5rem}.GameDetailsRow{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.GameDetailsRow p{color:var(--text-accent);margin:.5rem 0}.GameDetailsRow button{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.8rem;letter-spacing:1px;padding:.6rem 1rem;text-transform:uppercase;transition:all .3s}.GameDetailsRow button:hover{box-shadow:0 5px 15px #00c3ff66;transform:translateY(-2px)}.PlayersList{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--glass-bg);border:1px solid var(--dark-border);border-radius:10px;box-shadow:0 0 15px #00c3ff33,inset 0 0 10px #ffffff0d;margin-bottom:2rem;padding:1.5rem}.PlayersList p{color:var(--primary);font-size:1.1rem;margin-bottom:1rem;text-shadow:0 0 5px #00c3ff4d}.PlayerCard{align-items:center;background-color:#0f172a80;border:1px solid var(--dark-border);border-radius:8px;display:flex;gap:1rem;margin-bottom:.8rem;padding:.8rem;transition:all .3s}.PlayerCard:hover{background-color:#00c3ff1a;border-color:var(--primary)}.PlayerPic{border:2px solid var(--primary);border-radius:50%;box-shadow:0 0 10px #00c3ff4d;height:40px;object-fit:cover;width:40px}#kickButton{background:#ff6b6b4d;border:1px solid var(--secondary);border-radius:4px;color:var(--secondary);cursor:pointer;font-family:Orbitron,sans-serif;font-size:.7rem;margin-left:auto;padding:.4rem .8rem;transition:all .3s}#kickButton:hover{background:#ff6b6b80;box-shadow:0 0 10px #ff6b6b4d}.AddBotButton{background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.8rem;letter-spacing:1px;margin-top:1rem;padding:.6rem 1rem;text-transform:uppercase;transition:all .3s}.AddBotButton:hover{box-shadow:0 5px 15px #9b59b666;transform:translateY(-2px)}.StartButton{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-family:Orbitron,sans-serif;font-size:.9rem;letter-spacing:1px;margin:1rem auto;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .3s}.StartButton:hover:not(:disabled){box-shadow:0 5px 20px #00c3ff80;transform:translateY(-2px)}.StartButton:disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed}.LeaveButton{background:#0000;border:1px solid var(--secondary);border-radius:6px;color:var(--secondary);cursor:pointer;display:block;font-family:Orbitron,sans-serif;font-size:.9rem;letter-spacing:1px;margin:0 auto;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .3s}.LeaveButton:hover{background:#ff6b6b1a;box-shadow:0 0 10px #ff6b6b4d}.Popup{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.PopupContent{animation:fadeIn .3s ease-out;background-color:var(--glass-bg);border:1px solid var(--dark-border);border-radius:10px;box-shadow:0 0 25px #00c3ff66;max-width:80%;padding:2rem;text-align:center}.KickedMessage{animation:slideDown .5s ease-out;background-color:#dc3545e6;border-radius:6px;box-shadow:0 0 15px #dc354580;color:#fff;left:50%;padding:1rem 2rem;position:fixed;text-align:center;top:20px;transform:translateX(-50%);z-index:1001}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@media (max-height:808px){.WaitingRoom{height:100vh;overflow-y:auto;padding:1rem}}@media (max-width:768px){.WaitingRoom{height:100vh;overflow-y:auto;padding:1rem}.WaitingRoomContent{height:auto;min-height:calc(100vh - 2rem);overflow-y:visible}.PlayersList{max-height:none;overflow-y:visible}.GameDetailsRow{grid-template-columns:1fr}.PlayerCard{flex-direction:column;gap:.5rem;text-align:center}#kickButton{margin-left:0;margin-top:.5rem}}@media (max-width:480px){.GameDetails,.PlayersList,.WaitingRoom{padding:1rem}.LeaveButton,.StartButton{padding:.8rem;width:100%}.PopupContent{padding:1.5rem}}button{font-size:1rem;margin:10px;transition:background-color .3s ease}.PlayerCard{position:relative}.PlayerDetailsPopup{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--glass-bg);border:1px solid var(--dark-border);border-radius:8px;bottom:100%;box-shadow:0 0 15px #00c3ff4d;left:50%;opacity:0;padding:1rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;width:200px;z-index:10}.PlayerCard:hover .PlayerDetailsPopup{opacity:1;visibility:visible}.PlayerDetailsContent{display:flex;flex-direction:column;gap:.5rem}.PlayerDetailsContent p{color:var(--text-light);font-size:.8rem;margin:0}.PlayerDetailsContent strong{color:var(--primary)}.EditRoomDetailsModal{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.EditRoomDetailsContent{animation:slideUp .3s ease-out;background-color:var(--glass-bg);border:1px solid var(--dark-border);border-radius:12px;box-shadow:0 0 30px #00c3ff66;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:90%}.CloseButton{background:#0000;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:1.5rem;top:1rem;transition:all .2s;z-index:1001}.CloseButton:hover{color:var(--primary);transform:scale(1.1)}.SaveButton{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;color:#fff}.SaveButton:hover{box-shadow:0 5px 15px #00c3ff66;transform:translateY(-2px)}.ButtonGroup button:last-child{background:#0000;border:1px solid var(--secondary);color:var(--secondary)}.ButtonGroup button:last-child:hover{background:#ff6b6b1a;box-shadow:0 0 10px #ff6b6b4d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.EditRoomDetailsContent{padding:1.5rem;width:85%}.InputLabel{margin-bottom:1rem}.ButtonGroup{flex-direction:column;gap:.8rem}.ButtonGroup button{width:100%}}@media (max-width:480px){.EditRoomDetailsContent{padding:1.2rem;width:90%}.EditRoomDetailsContent h1{font-size:1.2rem;margin-bottom:1rem}.InputLabel input,.InputLabel select,.InputLabel textarea{padding:.6rem}}.game{background:linear-gradient(135deg,#0f172a,#1e293b);box-sizing:border-box;color:#e2e8f0;display:flex;flex-direction:column;font-family:Orbitron,Segoe UI,sans-serif;min-height:100vh;overflow:auto;overflow-x:hidden;padding:10px;position:relative}.game:before{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050a14d9;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.game-board{grid-gap:2px;background-color:#333;border-radius:5px;box-shadow:0 4px 8px #0003;display:grid;gap:2px;grid-template-columns:repeat(12,5vw);grid-template-rows:repeat(9,5vw);margin:auto auto 20px;overflow:visible;padding:5px}.board-row{display:contents}.square{align-items:center;border:1px solid #00c3ff1a;border-radius:15px;color:#fff;display:flex;flex:1 1;font-size:1rem;font-weight:700;justify-content:center;overflow:hidden;position:relative;text-shadow:0 0 5px #000000b3;transition:all .3s}.square:before{background:linear-gradient(135deg,#ffffff1a,#fff0 50%,#ffffff1a);content:"";height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%}.square:hover{box-shadow:0 0 15px #00c3ff80;transform:scale(1.05);z-index:2}.tile-button-board{align-items:center;background:#0096ff33;border:1px solid #00c3ff4d;color:#fff;display:flex;flex:1 1;font-size:1rem;font-weight:700;justify-content:center;overflow:hidden;position:relative;text-shadow:0 0 5px #000000b3;transition:all .3s;z-index:5}.tile-button-board:hover{background:#00c3ff4d;transform:translateY(-2px)}.turn-counter{background:#0096ff33;border:1px solid #00c3ff4d;border-radius:20px;font-size:.9rem;padding:8px 15px;position:fixed;right:20px;text-shadow:0 0 5px #00c3ff80;top:10px;z-index:10}.game-info{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172acc;border:1px solid #00c3ff33;border-radius:10px;margin:0 auto 20px;overflow:visible;padding:15px;width:90%}.game-status{background:#00c3ff1a;border-radius:5px;color:#00c3ff;font-size:1.1rem;margin-bottom:15px;padding:10px;text-align:center;text-shadow:0 0 5px #00c3ff4d}.game-status.winner{animation:pulse 2s infinite;font-size:1.3rem;padding:15px}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.countdown{color:#ff6b6b;font-size:1rem;margin-top:5px;text-align:center}.hqs-info{background:#1e293bb3;border:1px solid #00c3ff33;border-radius:8px;padding:15px;transition:all .3s}.hqs-info:hover{box-shadow:0 5px 15px #00c3ff4d;transform:translateY(-3px)}.hqs-info h3{border-bottom:1px solid #00c3ff4d;color:#00c3ff;margin-top:0;padding-bottom:5px}.hq-stock{border-bottom:1px solid #00c3ff1a;padding:8px 0}.players-info-show-all{grid-gap:15px;grid-template-columns:repeat(auto-fill,minmax(23%,1fr))}.players-info-show-all,.players-info-show-only-me{display:grid;gap:15px;margin:0 auto 30px;width:100%}.players-info-show-only-me{grid-gap:15px;grid-template-columns:repeat(auto-fill,minmax(45%,1fr))}.player{background:#1e293bb3;border:1px solid #00c3ff33;border-radius:8px;padding:15px;transition:all .3s}.player:hover{box-shadow:0 5px 15px #00c3ff4d;transform:translateY(-3px)}.player-image{border:2px solid #00c3ff80;border-radius:50%;height:50px;margin-right:15px;object-fit:cover;width:50px}.player-name{color:#00c3ff;font-size:1.1rem;font-weight:700;margin:5px 0}.player-level,.player-money{color:#a5b4fc;font-size:.9rem;margin:3px 0}.player-headquarters{border-top:1px solid #00c3ff1a;margin-top:10px;padding-top:10px}.player-tiles{margin-top:10px}.player-tiles h4{color:#a5b4fc;margin-bottom:5px}.winner-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050a14e6;box-sizing:border-box;display:flex;flex-direction:column;height:90vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:100}.winner-overlay h1{color:#00c3ff;font-size:2rem;margin-bottom:20px;text-align:center;text-shadow:0 0 15px #00c3ffcc}.sorted-players{margin-top:20px;max-height:60vh;max-width:500px;overflow-y:auto;width:100%}.playeraa{align-items:center;background:#1e293bb3;border-radius:8px;display:flex;margin:10px 0;padding:10px}.player-imageaa{border:2px solid #00c3ff80;border-radius:50%;height:40px;margin-right:15px;width:40px}.player-detailsaa{flex-grow:1}.player-nameaa{color:#f0f4ff;font-weight:700}.player-moneyaa{color:#8ab4f8;font-size:.9rem}button{background:linear-gradient(135deg,#00c3ff,#0084ff);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.9rem;letter-spacing:1px;margin:5px;padding:10px 20px;text-transform:uppercase;transition:all .3s}button:hover{background:linear-gradient(135deg,#0084ff,#00c3ff);box-shadow:0 0 15px #00c3ff80;transform:translateY(-2px)}.return-home-button{background:linear-gradient(135deg,#ff6b6b,red);margin-top:15px}.return-home-button:hover{background:linear-gradient(135deg,red,#ff6b6b)}.buy-modal,.hq-modal,.options,.sell-modal{background:#0f172af2;border:1px solid #00c3ff80;border-radius:10px;box-shadow:0 0 30px #00c3ff4d;display:flex;flex-direction:column;left:50%;max-width:400px;padding:15px;position:fixed;top:35%;transform:translateX(-50%);width:90%;z-index:101}.options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(1,1fr)}.hq-modal-overlay,.waiting-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.hq-modal{left:50%;max-height:80vh;overflow-y:auto;position:fixed;top:25%}.merge-decision-modal{background:#0f172af2;box-shadow:0 0 30px #00c3ff4d;display:flex;flex-direction:column;left:50%;max-width:400px;padding:15px;position:fixed;top:35%;transform:translateX(-50%);width:90%;z-index:101}.merge-decision-modal,.waiting-message{border:1px solid #00c3ff80;border-radius:10px}.waiting-message{background:#0f172ae6;color:#00c3ff;font-size:1.2rem;padding:20px;text-align:center}input,select{background:#1e293bb3;border:1px solid #00c3ff4d;border-radius:5px;color:#fff;font-family:Orbitron,sans-serif;margin:10px 0;padding:10px;width:100%}.error-message{color:#ff6b6b;margin:10px 0;text-shadow:0 0 5px #ff00004d}.FriendList{left:10px;position:fixed;top:10px;z-index:10}@media (max-width:768px){.players-info-show-all{grid-template-columns:repeat(auto-fill,minmax(45%,1fr))}.players-info-show-only-me{grid-template-columns:repeat(auto-fill,minmax(90%,1fr))}.square,.tile-button-board{font-size:.7rem}.players-info{grid-template-columns:1fr}.player{padding:10px}.player-image{height:40px;width:40px}.options{grid-template-columns:1fr}.winner-overlay h1{font-size:1.5rem}}@media (max-width:480px){.square,.tile-button-board{font-size:.7rem}.turn-counter{font-size:.8rem;padding:5px 10px}.game-status{font-size:1rem}.game-status.winner{font-size:1.1rem;padding:10px}button{font-size:.8rem;padding:8px 15px}.player-name{font-size:1rem}}@media (max-width:768px){.WaitingRoom{height:auto;overflow:visible;padding:1rem}.WaitingRoomContent{height:auto;min-height:auto;overflow:visible}}.GameDetails,.PlayersList{max-height:none;overflow:visible}body,html{box-sizing:border-box;height:100%;margin:0;overflow:auto;padding:0}.tile-button:disabled{background-color:#ccc!important;border:1px solid #aaa;color:#888!important;cursor:not-allowed;opacity:1}.player-info-button{background-color:#007bff;border-radius:5px;font-size:14px;left:10px;padding:10px;position:absolute;top:10px}.player-info-button:hover{background-color:#0056b3}.player-info-container{bottom:20px;left:20px;position:fixed;z-index:50}.player-info-button{align-items:center;background:linear-gradient(135deg,#00c3ff,#0084ff);border:none;border-radius:50%;box-shadow:0 0 10px #00c3ff80;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;left:1%;position:fixed;top:7%;transition:all .3s ease;width:40px;z-index:51}.player-info-button:hover{box-shadow:0 0 15px #00c3ffcc;transform:scale(1.1)}.player-info-hover{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172af2;border:1px solid #00c3ff4d;border-radius:10px;box-shadow:0 0 20px #00c3ff4d;left:1%;margin-top:0;padding:15px;position:fixed;top:9%;width:250px;z-index:50}.hq-info-button{align-items:center;background:linear-gradient(135deg,#00c3ff,#0084ff);border:none;border-radius:50%;box-shadow:0 0 10px #00c3ff80;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;position:fixed;right:2%;top:7%;transition:all .3s ease;width:40px;z-index:51}.hq-info-container{bottom:20px;left:20px;position:fixed;z-index:50}.hq-info-hover{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172af2;border:1px solid #00c3ff4d;border-radius:10px;box-shadow:0 0 20px #00c3ff4d;margin-top:0;padding:15px;position:fixed;right:2%;top:9%;width:250px;z-index:50}.hq-info-hover h3{border-bottom:1px solid #eee;color:#fff;font-size:1.1rem;margin:0 0 12px;padding-bottom:8px}.hq-details{align-items:center;display:flex;font-size:.9rem;line-height:1.4;margin-bottom:8px}.hq-details span{font-size:1.2rem;margin-right:6px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.player-info-details{color:#e2e8f0}.hq-info-hover h3,.player-info-details h3{border-bottom:1px solid #00c3ff33;color:#00c3ff;font-size:1rem;margin:10px 0 5px;padding-bottom:5px}.hq-stock,.player-info-details p{font-size:.9rem;margin:5px 0}.hq-stock{align-items:center;display:flex}.hq-stock span{font-size:1.2rem;margin-right:8px}.player-tiles{margin-top:15px}.player-tiles h3{color:#00c3ff;font-size:1rem;margin-bottom:8px}.tile-button{background:#0096ff33;border:1px solid #00c3ff4d;border-radius:4px;color:#e2e8f0;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.8rem;margin:3px;padding:5px 10px;transition:all .3s}.tile-button:hover{background:#00c3ff4d;transform:translateY(-2px)}.your-turn{animation:fadeInOut 1.5s ease-in-out;background:linear-gradient(135deg,#00c3ff,#0084ff);border-radius:10px;color:#fff;font-size:2rem;font-weight:700;left:50%;padding:20px 40px;position:fixed;top:35%;transform:translate(-50%,-50%);z-index:1000}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}