@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";html,body,#root{width:100%;min-height:100%}.container{min-height:100vh;width:100%;background:radial-gradient(ellipse at top,#1a0035,#08000f 70%);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:5.5rem 1.2rem 2rem}.container:before{content:"";position:fixed;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;border-radius:1rem;border:1px solid rgba(138,43,226,.35);box-shadow:0 0 1.5rem #8a2be273,0 0 3rem #8a2be233,inset 0 0 1.5rem #8a2be226;pointer-events:none;z-index:0}.music-controls{position:fixed;top:1.3rem;left:2.5rem;display:flex;gap:.5rem;z-index:20}.ctrl-btn{width:3.2rem;height:3.2rem;border-radius:.75rem;background:#5a189a33;border:1px solid rgba(123,44,191,.5);color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.language{position:fixed;top:1.3rem;right:2.5rem;z-index:20;height:3.2rem;padding:0 1.3rem;border-radius:.75rem;background:#5a189a33;border:1px solid rgba(157,78,221,.55);color:#c77dff;font-weight:700;font-size:.9rem;letter-spacing:.04em;cursor:pointer;transition:background .2s}.language:hover{background:#5a189a6b}.header{width:100%;display:flex;justify-content:center;margin-bottom:1.2rem;z-index:10}.header-logo{max-height:5.5rem;width:auto;margin:5px}.main{width:100%;display:flex;justify-content:center;z-index:10}.content{width:100%;max-width:74rem;display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:1.5rem;margin-top:75px}.card,.info-card{flex:1;min-width:20rem;max-width:32rem;background:linear-gradient(160deg,#160030,#09000f);border:1px solid rgba(138,43,226,.35);border-radius:1.25rem;box-shadow:0 0 1.2rem #8a2be24d,inset 0 0 2rem #8a2be21f}.card{padding:3rem 2.5rem;display:flex;flex-direction:column;gap:1.2rem}.info-card{padding:3rem 2.5rem;display:flex;flex-direction:column}.avatar{display:flex;justify-content:center;position:relative;margin-bottom:.5rem}.avatar-ring{width:13rem;height:13rem;border-radius:50%;border:2.5px solid rgba(157,78,221,.95);box-shadow:0 0 18px #8a2be2bf,0 0 40px #8a2be24d,inset 0 0 12px #8a2be226;padding:5px;display:flex;align-items:center;justify-content:center}.avatar-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover}.edit-icon{position:absolute;bottom:.2rem;left:calc(50% + 4rem);background:#7b2cbf;color:#fff;padding:.32rem;border-radius:50%;font-size:.65rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px #7b2cbfb3}.input-group{width:100%}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.85rem;color:#9d4edd;font-size:.85rem;pointer-events:none}.nick-input{width:100%;padding:.95rem .95rem .95rem 2.6rem;border-radius:.7rem;border:1px solid rgba(138,43,226,.35);background:#ffffff0a;color:#fff;font-size:.92rem;outline:none;transition:border-color .2s}.nick-input::placeholder{color:#ffffff4d}.nick-input:focus{border-color:#9d4eddb3}.play{width:100%;padding:1.05rem;border-radius:.75rem;border:none;background:#ffd60a;color:#0a0014;font-weight:800;font-size:1.05rem;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:opacity .2s,transform .1s;box-shadow:0 0 16px #ffd60a4d}.play:hover{opacity:.92;transform:translateY(-1px)}.play:active{transform:translateY(0)}.enter-code{width:100%;padding:1rem;border-radius:.75rem;border:1px solid rgba(157,78,221,.45);background:#5a189a26;color:#c77dff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:background .2s,transform .1s}.enter-code:hover{background:#5a189a59;transform:translateY(-1px)}.enter-code:active{transform:translateY(0)}.info-card h3{color:#fff;font-size:1.3rem;font-weight:700;letter-spacing:.08em;text-align:center;margin-bottom:.75rem;padding-bottom:.65rem;position:relative}.info-card h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:2rem;height:2px;background:#9d4edd;border-radius:1px}.info-item{display:flex;align-items:center;gap:1.2rem;padding:1.3rem 1.5rem;border-radius:.75rem;border:1px solid rgba(138,43,226,.25);background:#ffffff08;margin-top:1.1rem}.info-item span{flex-shrink:0;width:3.5rem;height:3.5rem;border-radius:.6rem;background:#5a189a59;border:1px solid rgba(157,78,221,.3);color:#9d4edd;font-size:1.4rem;display:flex;align-items:center;justify-content:center}.info-item p{color:#ffffffd9;font-size:1.05rem;line-height:1.4}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:#120729;border:1px solid rgba(138,43,226,.45);border-radius:1rem;padding:2rem;max-width:400px;width:90%;text-align:center;box-shadow:0 0 2rem #8a2be24d,0 20px 60px #0009}.modal-box h3{color:#fff;margin-bottom:.25rem;font-size:1.05rem;font-weight:700}.code-modal h3{margin-bottom:0}.modal-actions{display:flex;gap:.75rem;margin-top:.5rem}.modal-cancel{flex:1;padding:.75rem;border-radius:.65rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffff8c;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s}.modal-cancel:hover{background:#ffffff1a}.modal-confirm{flex:1;padding:.75rem;border-radius:.65rem;border:none;background:#7b2cbf;color:#fff;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;transition:background .2s}.modal-confirm:hover{background:#9d4edd}.avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-bottom:1.2rem}.avatar-option{width:100%;aspect-ratio:1;border-radius:50%;cursor:pointer;border:2px solid transparent;object-fit:cover;transition:border-color .2s,transform .15s}.avatar-option:hover{border-color:#9d4edd;transform:scale(1.06)}.modal-close{background:#5a189a;color:#fff;border:none;padding:.55rem 1.4rem;border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:600;transition:background .2s}.modal-close:hover{background:#7b2cbf}@media (max-width: 768px){.container{padding:5.5rem .9rem 1.5rem}.header{margin-bottom:0}.header-logo{max-height:1.5rem;margin:2px}.music-controls{top:1.4rem;left:1.1rem;gap:.4rem}.ctrl-btn{width:2.7rem;height:2.7rem;font-size:.9rem;border-radius:.6rem}.language{top:1.4rem;right:1.1rem;height:2.7rem;padding:0 .9rem;font-size:.78rem;border-radius:.6rem}.content{gap:2rem;max-width:100%;margin-top:20px}.card,.info-card{flex:none;width:100%;min-width:0;max-width:270px;border-radius:.75rem}.card{padding:.75rem .8rem;gap:.4rem}.info-card{padding:.75rem .8rem}.avatar-ring{width:5.5rem;height:5.5rem}.edit-icon{left:calc(50% + 1.8rem);bottom:.1rem;padding:.22rem;font-size:.5rem}.nick-input{padding:.55rem .55rem .55rem 2rem;font-size:.78rem;border-radius:.5rem}.play{padding:.58rem;font-size:.82rem;border-radius:.55rem}.enter-code{padding:.52rem;font-size:.78rem;border-radius:.55rem}.info-card h3{font-size:.78rem;margin-bottom:.25rem}.info-item{padding:.45rem .6rem;gap:.5rem;margin-top:.35rem;border-radius:.5rem}.info-item span{width:1.7rem;height:1.7rem;font-size:.78rem;border-radius:.4rem}.info-item p{font-size:.72rem}}@media (max-width: 380px){.container{padding:4rem .65rem 1rem}.music-controls{top:.65rem;left:.65rem;gap:.3rem}.ctrl-btn{width:2.3rem;height:2.3rem;font-size:.8rem}.language{top:.65rem;right:.65rem;height:2.3rem;padding:0 .65rem;font-size:.72rem}.card,.info-card{padding:1rem .85rem}.avatar-ring{width:6rem;height:6rem}}.lobby-page{min-height:100vh;width:100%;background:radial-gradient(ellipse at top,#1a0035,#06000d 70%);display:flex;flex-direction:column;position:relative;overflow-x:hidden}.lobby-page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 15% 20%,rgba(157,78,221,.5) 0%,transparent 100%),radial-gradient(1px 1px at 40% 60%,rgba(255,255,255,.2) 0%,transparent 100%),radial-gradient(1px 1px at 70% 15%,rgba(157,78,221,.4) 0%,transparent 100%),radial-gradient(1px 1px at 85% 75%,rgba(255,255,255,.15) 0%,transparent 100%),radial-gradient(1px 1px at 55% 40%,rgba(157,78,221,.3) 0%,transparent 100%);pointer-events:none;z-index:0}.lobby-nav{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.9rem 2rem;background:#0a0014b3;border-bottom:1px solid rgba(138,43,226,.2);position:relative;z-index:10;gap:1.2rem}.nav-left{flex:1;display:flex;align-items:center}.nav-center{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.15rem}.nav-logo{height:3rem;width:auto;margin:5px}.nav-subtitle{color:#fff6;font-size:.68rem;letter-spacing:.2em;font-weight:500}.nav-right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:.55rem}.nav-player-badge{display:flex;align-items:center;gap:.55rem;padding:.55rem 1rem;border-radius:.65rem;background:#5a189a33;border:1px solid rgba(123,44,191,.4);color:#fff;font-size:.88rem;font-weight:600;cursor:pointer}.badge-name{color:#fff}.badge-count{background:#9d4edd4d;border-radius:.35rem;padding:.05rem .45rem;font-size:.78rem;color:#c77dff}.nav-btn{display:flex;align-items:center;gap:.45rem;padding:.52rem 1rem;border-radius:.65rem;background:#5a189a26;border:1px solid rgba(123,44,191,.35);color:#ffffffbf;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}.nav-btn:hover{background:#5a189a61;color:#fff}.help-btn{width:2.4rem;height:2.4rem;border-radius:50%;background:#5a189a33;border:1px solid rgba(123,44,191,.4);color:#ffffffb3;font-size:.95rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;flex-shrink:0}.help-btn:hover{background:#5a189a73;color:#fff}.lobby-main{flex:1;display:flex;align-items:stretch;gap:1.8rem;padding:1.8rem 2.5rem;max-width:1440px;width:100%;margin:0 auto;position:relative;z-index:5}.mestre-card,.agentes-card{background:linear-gradient(160deg,#160030,#09000f);border:1px solid rgba(138,43,226,.3);border-radius:1.1rem;box-shadow:0 0 1.8rem #8a2be233,inset 0 0 2rem #8a2be212}.section-title{color:#fff;font-size:.82rem;font-weight:800;letter-spacing:.18em;text-align:center;margin-bottom:.6rem;padding-bottom:.5rem;position:relative}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:1.8rem;height:2px;background:#ffd60a;border-radius:1px}.mestre-card{width:375px;flex-shrink:0;padding:2rem 1.8rem;display:flex;flex-direction:column;align-items:center;gap:.9rem}.mestre-crown{color:#ffd60a;font-size:4rem;filter:drop-shadow(0 0 14px rgba(255,214,10,.85));line-height:1}.mestre-avatar-wrap{position:relative;display:flex;align-items:center;justify-content:center}.lobby-avatar-ring{width:10.5rem;height:10.5rem;border-radius:50%;border:2.5px solid rgba(157,78,221,.9);box-shadow:0 0 18px #8a2be2b3,0 0 40px #8a2be240;padding:5px;display:flex;align-items:center;justify-content:center}.lobby-avatar-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover}.lobby-avatar-ring.small{width:4.8rem;height:4.8rem;border-width:2px;box-shadow:0 0 10px #8a2be299,0 0 22px #8a2be233;padding:3px}.online-dot{position:absolute;bottom:.3rem;right:.2rem;width:.8rem;height:.8rem;background:#2dd55b;border-radius:50%;border:2px solid #09000f;box-shadow:0 0 6px #2dd55b99}.mestre-name{color:#fff;font-size:1.15rem;font-weight:700}.mestre-desc{color:#ffffff80;font-size:.88rem;text-align:center;line-height:1.55}.mestre-enter-btn{width:100%;padding:.92rem;border-radius:.75rem;border:none;background:#7b2cbf;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:background .2s,transform .1s;margin-top:auto;box-shadow:0 0 18px #7b2cbf66}.mestre-enter-btn:hover{background:#9d4edd;transform:translateY(-1px)}.lobby-leave-btn{width:100%;padding:.92rem;border-radius:.75rem;border:none;background:#b91c1c;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:background .2s,transform .1s;margin-top:auto;letter-spacing:.05em;box-shadow:0 0 18px #b91c1c66}.lobby-leave-btn:hover{background:#dc2626;transform:translateY(-1px)}.agentes-card{flex:1;padding:2rem 2.2rem;display:flex;flex-direction:column;gap:1rem}.agentes-count-row{display:flex;align-items:center;justify-content:center;gap:.8rem}.agentes-icon{color:#9d4edd;font-size:2.5rem}.agentes-number{color:#ffd60a;font-size:3rem;font-weight:900;line-height:1}.agentes-label-sub{color:#ffffff73;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-align:center;margin-top:-.4rem}.agentes-desc{color:#ffffff80;font-size:.85rem;text-align:center;line-height:1.6}.team-header{color:#c77dff;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-align:center;padding:.45rem 0;border-top:1px solid rgba(138,43,226,.2);border-bottom:1px solid rgba(138,43,226,.2)}.team-players{display:flex;gap:1.4rem;flex-wrap:wrap;justify-content:center;padding:.3rem 0}.team-player{display:flex;flex-direction:column;align-items:center;gap:.5rem}.team-avatar-wrap{position:relative}.team-player-name{color:#ffffffb8;font-size:.75rem;text-align:center;max-width:5.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-bar{display:flex;align-items:center;gap:.8rem;padding:.82rem 1.1rem;border-radius:.75rem;border:1px solid rgba(138,43,226,.3);background:#ffffff08}.invite-icon{color:#9d4edd;font-size:.95rem;flex-shrink:0}.invite-text{flex:1;color:#ffffff61;font-size:.88rem}.invite-copy{background:#5a189a40;border:1px solid rgba(157,78,221,.35);color:#9d4edd;width:2.1rem;height:2.1rem;border-radius:.45rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:background .2s;flex-shrink:0}.invite-copy:hover{background:#5a189a80}.agentes-actions{display:flex;gap:.85rem}.agentes-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.78rem;border-radius:.7rem;border:1px solid rgba(138,43,226,.28);background:#ffffff08;color:#ffffff9e;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.agentes-action-btn:hover{background:#5a189a47;color:#fff;border-color:#9d4edd73}.agentes-enter-btn{width:100%;padding:.92rem;border-radius:.75rem;border:none;background:#7b2cbf;color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .1s;box-shadow:0 0 18px #7b2cbf66;margin-top:auto}.agentes-enter-btn:hover{background:#9d4edd;transform:translateY(-1px)}.lobby-footer{display:flex;justify-content:center;padding:1rem 2rem 2rem;position:relative;z-index:5}.start-btn{display:flex;align-items:center;justify-content:center;gap:.7rem;padding:1.1rem 8rem;border-radius:.9rem;border:none;background:#ffd60a;color:#07000d;font-size:1.15rem;font-weight:900;letter-spacing:.1em;cursor:pointer;transition:opacity .2s,transform .1s;box-shadow:0 0 28px #ffd60a59;min-width:440px}.nav-right .ctrl-btn{width:auto;height:auto;padding:.52rem 1rem;font-size:.85rem;border-radius:.65rem}.start-btn:hover{opacity:.9;transform:translateY(-2px)}.start-btn:active{transform:translateY(0)}.lobby-avatar-ring.empty-ring{background:#5a189a1f;color:#ffffff40;font-size:2.5rem}.master-admin-actions{position:absolute;bottom:-3.2rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;white-space:nowrap;padding-top:.5rem}.agent-admin-actions{position:absolute;top:-.45rem;right:-.45rem;display:flex;flex-direction:column;gap:.22rem;z-index:2;opacity:0;transition:opacity .18s ease}.team-avatar-wrap:hover .agent-admin-actions{opacity:1}.admin-action-btn{border-radius:.4rem;font-size:.68rem;font-weight:600;cursor:pointer;line-height:1.2;letter-spacing:.02em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .15s ease,color .18s ease}.kick-btn{background:#0a0101b8;border:1px solid rgba(210,45,45,.32);color:#ff8282d9;padding:.22rem .6rem}.kick-btn:hover{background:#aa1414cc;border-color:#ff5a5aa6;color:#fff;box-shadow:0 0 10px #d2282873,inset 0 0 6px #ff50501f;transform:translateY(-1px)}.move-btn{background:#060110b8;border:1px solid rgba(123,44,191,.32);color:#b478ffd1;padding:.22rem .6rem}.move-btn:hover{background:#4b1287c7;border-color:#9d4edda6;color:#fff;box-shadow:0 0 10px #8a2be261,inset 0 0 6px #9d4edd1a;transform:translateY(-1px)}.admin-action-btn.small{width:1.5rem;height:1.5rem;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;font-size:.78rem}.no-players-msg{color:#ffffff47;font-size:.8rem;text-align:center;width:100%;padding:.4rem 0}.timer-control{display:flex;flex-direction:column;gap:.55rem;padding:.85rem 1rem;border-radius:.75rem;border:1px solid rgba(138,43,226,.25);background:#ffffff08}.timer-control-label{display:flex;align-items:center;gap:.45rem;color:#fff9;font-size:.8rem;font-weight:600;letter-spacing:.08em}.timer-input-row{display:flex;gap:.5rem}.timer-input{flex:1;padding:.55rem .75rem;border-radius:.6rem;border:1px solid rgba(138,43,226,.35);background:#ffffff0d;color:#fff;font-size:.9rem;font-weight:600;outline:none;min-width:0}.timer-input:focus{border-color:#9d4eddb3}.timer-input::placeholder{color:#ffffff40}.timer-set-btn{padding:.55rem 1rem;border-radius:.6rem;border:none;background:#7b2cbf;color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:background .2s}.timer-set-btn:hover{background:#9d4edd}.timer-clear-btn{width:2.2rem;height:2.2rem;border-radius:.6rem;border:1px solid rgba(220,50,50,.4);background:#a0141480;color:#ffa0a0e6;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.timer-clear-btn:hover{background:#c81919cc;color:#fff}.timer-active{color:#a78bfa;font-size:.78rem;font-weight:600}.timer-info{text-align:center;color:#a78bfa;font-size:.82rem;font-weight:600;padding:.4rem 0}@media (max-width: 900px){.lobby-nav{padding:.75rem 1rem;flex-wrap:wrap;gap:.6rem}.nav-center{order:-1;width:100%}.nav-logo{height:2rem;margin:2px}.nav-right{gap:.4rem}.nav-btn{padding:.42rem .7rem;font-size:.76rem}.lobby-main{padding:1.2rem .85rem}.lobby-main{flex-direction:column;padding:1.2rem 1rem;gap:1rem;align-items:center}.mestre-card,.agentes-card{width:100%;max-width:420px}.agentes-actions{flex-direction:column}.start-btn{min-width:0;width:100%;font-size:1rem;padding:1rem 2rem}.lobby-footer{padding:.75rem 1rem 1.5rem}}@media (max-width: 480px){.lobby-nav{padding:.6rem .75rem}.nav-btn{display:none}.nav-player-badge{padding:.42rem .7rem;font-size:.8rem}.lobby-main{padding:1rem .75rem;gap:.85rem}.mestre-card,.agentes-card{padding:1.2rem 1rem}.lobby-avatar-ring{width:7rem;height:7rem}.invite-bar{padding:.65rem .85rem}.agentes-actions{flex-direction:column;gap:.6rem}.start-btn{font-size:.92rem;padding:.9rem 1.5rem}}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:80;pointer-events:none}.result-card{pointer-events:all;position:relative;background:linear-gradient(135deg,#140426f7,#07000cfa);border:1px solid rgba(220,40,40,.35);border-radius:1.2rem;padding:1.8rem 2.5rem;text-align:center;width:min(400px,88vw);display:flex;flex-direction:column;align-items:center;gap:.9rem;box-shadow:0 0 3rem #b4141426,0 20px 50px #0000008c}.result-card.agents{border-color:#ffd60a59;box-shadow:0 0 3rem #ffd60a1a,0 20px 50px #0000008c}.result-close-btn{position:absolute;top:.7rem;right:.7rem;width:1.8rem;height:1.8rem;border-radius:50%;background:#ffffff12;border:1px solid rgba(255,255,255,.15);color:#ffffff80;font-size:.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.result-close-btn:hover{background:#ffffff26;color:#fff}.result-label{color:#fff6;font-size:.72rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.result-title{font-family:Bebas Neue,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:400;letter-spacing:.05em;color:#e63946;text-shadow:0 0 20px rgba(230,57,70,.5);margin:0}.result-title.agents{color:#ffd60a;text-shadow:0 0 20px rgba(255,214,10,.45)}.result-back-btn{display:flex;align-items:center;gap:.5rem;padding:.62rem 1.4rem;border-radius:.65rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffb3;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.result-back-btn:hover{background:#ffffff1f;color:#fff}.return-lobby-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.85rem;border-radius:.75rem;border:1px solid rgba(255,214,10,.4);background:#ffd60a14;color:#ffd60a;font-size:.9rem;font-weight:800;letter-spacing:.08em;cursor:pointer;transition:background .2s,box-shadow .2s}.return-lobby-btn:hover{background:#ffd60a29;box-shadow:0 0 14px #ffd60a33}.game-page.game-ended .game-card.revealed{opacity:1;filter:none}.gameover-screen{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#1f0010,#06000c 70%);padding:2rem;position:relative;overflow:hidden}@supports (height: 100dvh){.gameover-screen{height:100dvh}}.gameover-screen.agents-win{background:radial-gradient(ellipse at top,#130025,#06000c 70%)}.gameover-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(180,20,20,.13) 0%,transparent 65%);pointer-events:none}.gameover-glow.agents{background:radial-gradient(ellipse at center,rgba(255,214,10,.08) 0%,transparent 65%)}.gameover-card{display:flex;align-items:center;gap:2.5rem;background:linear-gradient(135deg,#1e0532e6,#0a000ff2);border:1px solid rgba(180,20,20,.45);border-radius:1.2rem;box-shadow:0 0 3rem #b4141433,0 20px 60px #0009,inset 0 1px #ffffff0d;padding:2.5rem 3rem;position:relative;z-index:1;max-width:680px;width:100%}.gameover-card.agents-card{border-color:#ffd60a4d;box-shadow:0 0 3rem #ffd60a1a,0 20px 60px #0009,inset 0 1px #ffffff0d}.gameover-logo{width:7rem;height:7rem;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 18px rgba(200,20,20,.9)) drop-shadow(0 0 40px rgba(200,20,20,.4))}.gameover-logo.agents-logo{filter:drop-shadow(0 0 18px rgba(255,214,10,.7)) drop-shadow(0 0 40px rgba(255,214,10,.25))}.gameover-text{flex:1;display:flex;flex-direction:column;gap:.35rem}.gameover-label{color:#ffffff73;font-size:.78rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.gameover-title{font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,4vw,3.4rem);font-weight:400;letter-spacing:.04em;text-transform:uppercase;line-height:1;color:#e63946;text-shadow:0 0 28px rgba(230,57,70,.55);margin:0}.gameover-title.agents{color:#ffd60a;text-shadow:0 0 28px rgba(255,214,10,.5)}.gameover-warn{font-size:2.4rem;color:#e63946;opacity:.85;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(230,57,70,.55))}.gameover-warn.agents-warn{color:#ffd60a;filter:drop-shadow(0 0 8px rgba(255,214,10,.5))}.gameover-btn{display:flex;align-items:center;justify-content:center;gap:.7rem;background:#0a0014b3;border:1.5px solid rgba(180,20,20,.5);border-radius:.65rem;color:#fff;font-size:.92rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;padding:1rem 2.5rem;cursor:pointer;margin-top:2rem;transition:background .2s,border-color .2s,box-shadow .2s;position:relative;z-index:1;max-width:380px;width:100%}.gameover-btn:hover{background:#b414142e;border-color:#b41414d9;box-shadow:0 0 1.5rem #b4141440}.gameover-btn.agents-btn{border-color:#ffd60a66}.gameover-btn.agents-btn:hover{background:#ffd60a1a;border-color:#ffd60acc;box-shadow:0 0 1.5rem #ffd60a33}@media (max-width: 600px){.gameover-card{flex-direction:column;text-align:center;padding:2rem 1.5rem;gap:1.2rem}.gameover-logo{width:5.5rem;height:5.5rem}.gameover-warn{display:none}.gameover-title{font-size:clamp(1.8rem,8vw,2.5rem)}}.game-page{height:100vh;overflow:hidden;width:100%;background:radial-gradient(ellipse at top,#130025,#06000c 70%);display:flex;flex-direction:column;padding:.55rem .9rem .6rem}@supports (height: 100dvh){.game-page{height:100dvh}}.game-title{text-align:center;font-size:1.6rem;font-weight:900;letter-spacing:.07em;color:#fff;padding:.9rem 0;margin-bottom:.55rem;flex-shrink:0}.hl-yellow{color:#ffd60a}.game-body{flex:1;min-height:0;display:flex;align-items:stretch}.panel-label{display:block;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.18em;text-align:center;margin-bottom:.45rem;padding-bottom:.35rem;position:relative;flex-shrink:0}.panel-label:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:1.6rem;height:2px;background:#ffd60a;border-radius:1px}.panel-master{flex:0 0 300px;min-height:0;background:linear-gradient(160deg,#160030,#09000f);border:1px solid rgba(138,43,226,.35);border-radius:.85rem;box-shadow:0 0 1.2rem #8a2be233;padding:.85rem .7rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-right:-7px}.master-ring{width:7.5rem;height:7.5rem;border-radius:50%;border:2.5px solid rgba(157,78,221,.9);box-shadow:0 0 18px #8a2be2b3,0 0 36px #8a2be240;padding:4px;display:flex;align-items:center;justify-content:center}.master-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover}.master-name{color:#fff;font-size:1.1rem;font-weight:700}.game-center{flex:1;min-height:0;display:flex;flex-direction:column;gap:.55rem}.card-grid{flex:1;min-height:0;width:85%;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:.4rem}.game-card{border-radius:.45rem;position:relative;cursor:pointer;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;transition:transform .12s,filter .12s;border:1px solid rgba(100,50,180,.25)}.game-card:hover:not(.revealed){transform:translateY(-2px);filter:brightness(1.1);border-color:#9d4edd8c}.game-card.revealed{opacity:.52;cursor:default;filter:saturate(.5) brightness(.75)}.game-card.revealed:hover{transform:none;filter:saturate(.5) brightness(.75)}.card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;display:block;border-radius:.4rem}.card-votes{position:absolute;top:.35rem;right:.35rem;z-index:2}.vote-count{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#8b5cf640;border:1.5px solid rgba(167,139,250,.75);color:#c4b5fd;font-size:.75rem;font-weight:800;box-shadow:0 0 8px #8b5cf68c,0 0 18px #8b5cf633;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease}.card-votes.my-vote .vote-count{background:#8b5cf673;border-color:#a78bfa;color:#ede9fe;box-shadow:0 0 10px #8b5cf6bf,0 0 22px #8b5cf659}.game-card.ready{cursor:pointer;animation:card-ready 1.6s ease-in-out infinite}@keyframes card-ready{0%,to{box-shadow:inset 0 0 0 1.5px #c4b5fd40}50%{box-shadow:inset 0 0 0 1.5px #c4b5fdbf,0 0 14px #a78bfa59}}.round-timer-bar{position:relative;width:85%;margin:0 auto;height:2.2rem;border-radius:2rem;background:#8b5cf61f;border:1px solid rgba(139,92,246,.35);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.round-timer-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#8b5cf673,#a78bfa40);border-radius:2rem;transition:width .9s linear}.round-timer-label{position:relative;z-index:1;color:#c4b5fd;font-size:.9rem;font-weight:800;letter-spacing:.1em}.round-timer-bar.urgent{border-color:#ef444480;animation:timer-pulse .7s ease-in-out infinite}.round-timer-bar.urgent .round-timer-fill{background:linear-gradient(90deg,#ef444480,#fca5a540)}.round-timer-bar.urgent .round-timer-label{color:#fca5a5}@keyframes timer-pulse{0%,to{opacity:1}50%{opacity:.55}}.card-word{font-family:Bebas Neue,sans-serif;font-size:clamp(18px,2.1vw,30px);font-weight:700;text-transform:uppercase;text-align:center;color:#ffffffe6;line-height:1;letter-spacing:.02em;position:absolute;bottom:13%;left:0;right:0;text-shadow:0 1px 4px rgba(0,0,0,.85)}.clue-display{display:flex;align-items:center;gap:.75rem;background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:3rem;padding:.55rem .55rem .55rem 1.6rem;box-shadow:0 0 1rem #8a2be226;flex-shrink:0;width:85%;margin:0 auto}.clue-display-word{flex:1;color:#fff;font-family:Bebas Neue,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:center}.clue-display-number{width:2.8rem;height:2.8rem;border-radius:50%;background:#ffd60a;color:#07000d;font-size:1.3rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}.clue-new-btn{width:2.8rem;height:2.8rem;border-radius:50%;background:#5a189a59;border:1px solid rgba(157,78,221,.45);color:#c77dff;font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s}.clue-new-btn:hover{background:#5a189a99;color:#fff}.clue-bar{display:flex;align-items:center;gap:.6rem;background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:3rem;padding:.55rem .55rem .55rem 1.6rem;box-shadow:0 0 1rem #8a2be226;flex-shrink:0;width:85%;margin:0 auto}.clue-dots{color:#9d4edd;font-size:1.1rem;flex-shrink:0}.clue-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:.9rem;font-family:inherit}.clue-input::placeholder{color:#ffffff47}.clue-number{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.clue-minus{width:1.8rem;height:1.8rem;border-radius:.4rem;background:#5a189a47;border:1px solid rgba(157,78,221,.4);color:#c77dff;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.clue-minus:hover{background:#5a189a8c}.clue-num-display{color:#fff;font-weight:700;font-size:.95rem;min-width:1.2rem;text-align:center}.clue-send{width:2.8rem;height:2.8rem;border-radius:50%;background:#ffd60a;border:none;color:#07000d;font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity .15s,transform .1s}.clue-send:hover{opacity:.88;transform:scale(1.05)}.game-mobile-nav,.mobile-log,.drawer-backdrop,.players-drawer{display:none}.panel-sidebar{flex:0 0 300px;min-height:0;background:linear-gradient(160deg,#160030,#09000f);border:1px solid rgba(138,43,226,.35);border-radius:.85rem;box-shadow:0 0 1.2rem #8a2be233;padding:.8rem .7rem;display:flex;flex-direction:column;gap:.65rem;overflow-y:auto;margin-left:-7px}.panel-sidebar::-webkit-scrollbar{width:3px}.panel-sidebar::-webkit-scrollbar-thumb{background:#9d4edd4d;border-radius:2px}.sidebar-agents{display:flex;flex-direction:column;gap:.32rem}.sidebar-agent{display:flex;align-items:center;gap:.42rem}.agent-ring{width:2.2rem;height:2.2rem;border-radius:50%;border:1.5px solid rgba(157,78,221,.7);padding:2px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.agent-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover}.agent-name{color:#fffc;font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-log{display:flex;flex-direction:column;gap:.4rem;border-top:1px solid rgba(138,43,226,.2);padding-top:.7rem}.log-row{display:flex;align-items:center;gap:.5rem}.log-num{color:#ffffff4d;font-size:.72rem;font-weight:600;width:.9rem;text-align:right;flex-shrink:0}.log-dot{width:.5rem;height:.5rem;border-radius:50%;background:#9d4edd4d;flex-shrink:0}.log-dot.used{background:#9d4edd;box-shadow:0 0 5px #9d4eddb3}.log-clue{color:#ffffffa6;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-clue b{color:#ffd60a;margin-left:.2rem}.remaining-count{margin-top:auto;display:flex;flex-direction:column;align-items:center;border-top:1px solid rgba(138,43,226,.2);padding-top:.7rem;gap:.15rem}.remaining-label{color:#fff6;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.remaining-num{color:#ffd60a;font-size:1.6rem;font-weight:900;line-height:1}@media (max-width: 768px){.game-page{position:fixed;top:0;left:0;right:0;height:100dvh;width:100vw;padding:0;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:none;touch-action:pan-x pan-y}.game-title,.panel-master,.panel-sidebar{display:none}.game-body{flex:1;min-height:0;max-height:100%;overflow:hidden;display:flex;flex-direction:column;padding:0;gap:0}.game-center{flex:1;min-height:0;max-height:100%;overflow:hidden;display:flex;flex-direction:column;gap:.3rem;padding:0 .3rem}.card-grid{flex:1;min-height:0;max-height:none;overflow:hidden;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:.2rem;width:100%;margin:0}.card-word{font-size:14px;padding:0 .2rem calc(.25rem + 8px);bottom:calc(13% - 10px);text-shadow:none}.game-mobile-nav{display:flex;align-items:center;justify-content:space-between;padding:.6rem .5rem;background:#0a0014d9;border-bottom:1px solid rgba(138,43,226,.22);flex-shrink:0;gap:.5rem;position:relative;z-index:50;width:100%;overflow:hidden}.game-nav-btn{width:2.4rem;height:2.4rem;border-radius:.55rem;background:#5a189a40;border:1px solid rgba(123,44,191,.4);color:#fff;font-size:.95rem;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.game-nav-badge{display:flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:.65rem;background:#5a189a33;border:1px solid rgba(123,44,191,.4);flex-shrink:0;max-width:40%;overflow:hidden}.game-nav-badge img{width:1.5rem;height:1.5rem;border-radius:50%;object-fit:cover;flex-shrink:0}.game-nav-badge-name{color:#fff;font-size:.8rem;font-weight:600;max-width:5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-nav-title{flex:1;min-width:0;text-align:center;color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.04em;line-height:1.3;overflow:hidden}.drawer-backdrop{display:block;position:fixed;top:3.65rem;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:40}.players-drawer{display:flex;flex-direction:column;gap:1rem;position:fixed;top:3.65rem;left:0;right:0;z-index:41;width:100%;max-height:72dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:linear-gradient(160deg,#160030,#09000f);border-top:1px solid rgba(138,43,226,.3);border-bottom:1px solid rgba(138,43,226,.3);border-radius:0 0 1.2rem 1.2rem;box-shadow:0 8px 2.5rem #8a2be240,0 20px 60px #000000b3;padding:1.5rem 1.2rem 1.4rem}.drawer-close{display:none}.drawer-section{display:flex;flex-direction:column;align-items:center;gap:.55rem}.drawer-master-row{display:flex;flex-direction:column;align-items:center;gap:.35rem}.drawer-avatar{width:5rem!important;height:5rem!important}.drawer-master-name{color:#fff;font-size:1rem;font-weight:700}.drawer-agents-row{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center}.drawer-agent{display:flex;flex-direction:column;align-items:center;gap:.22rem}.drawer-avatar-sm{width:2.2rem!important;height:2.2rem!important}.drawer-agent-name{color:#fff9;font-size:.6rem;text-align:center;max-width:3.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-exit-btn{width:100%;padding:.75rem;border-radius:.65rem;background:#b41414d9;border:1px solid rgba(220,50,50,.4);color:#fff;font-weight:800;font-size:.9rem;letter-spacing:.08em;cursor:pointer;transition:background .18s;margin-top:.2rem}.drawer-exit-btn:hover{background:#c81919f2}.mobile-log{display:flex;flex-direction:column;gap:.3rem;background:#12052399;border:1px solid rgba(138,43,226,.2);border-radius:.65rem;padding:.4rem 0;flex-shrink:0;overflow:hidden}.mobile-log-rows{display:flex;flex-direction:column;gap:.18rem;overflow:hidden}.clue-bar,.clue-display{border-radius:3rem;padding:.45rem .45rem .45rem 1.2rem;width:100%;margin:0;flex-shrink:0;overflow:hidden}.round-timer-bar{width:100%;margin:0;flex-shrink:0}.clue-input{font-size:.82rem}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:17px}body{font-family:Segoe UI,sans-serif;background:#07000d;color:#fff;-webkit-font-smoothing:antialiased}#root{min-height:100vh;position:relative}button{font-family:inherit;cursor:pointer;border:none;outline:none}img{max-width:100%;display:block}ul,ol{list-style:none}a{text-decoration:none;color:inherit}.ctrl-btn{width:3.2rem;height:3.2rem;border-radius:.75rem;background:#5a189a33;border:1px solid rgba(123,44,191,.5);color:#d4b4fe;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.ctrl-btn:hover{background:#5a189a6b}.game-title-row{display:flex;align-items:center;justify-content:center;gap:1rem}.game-music-btn{flex-shrink:0}@media (max-width: 768px){html{font-size:15px}.ctrl-btn{width:2.7rem;height:2.7rem;font-size:.9rem}.game-title-row .game-music-btn{display:none}}@media (max-width: 480px){.ctrl-btn{width:2.3rem;height:2.3rem;font-size:.8rem}}