.home-container{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 100px);display:flex}.home-hero{text-align:center;margin-top:4rem;margin-bottom:3rem}.home-hero h1{letter-spacing:4px;background:linear-gradient(135deg, var(--primary), #a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:5rem;font-weight:950}.home-hero p{color:var(--text-muted);font-size:1.25rem}.home-card-rules{max-width:800px;margin:0 auto}.rules-list{color:var(--text-main);margin-bottom:2.5rem;font-size:1.1rem;line-height:1.8;list-style-position:inside}.rules-list li{margin-bottom:.5rem}.home-actions{marginTop:1rem;flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.btn-hero{border-radius:3rem!important;padding:1.2rem 2.8rem!important;font-size:1.1rem!important;box-shadow:0 8px 32px #8b5cf666!important}.btn-secondary-hero{box-shadow:none!important;background:#ffffff08!important;border:1px solid #fff3!important}@media (width<=1599px){.home-hero h1{font-size:4rem}.home-hero{margin-top:2rem;margin-bottom:2rem}.home-hero p{font-size:1.1rem}.rules-list{margin-bottom:2rem;font-size:1rem}.btn-hero{padding:1rem 2.2rem!important;font-size:1rem!important}}@media (width<=768px){.home-hero{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.home-hero h1{letter-spacing:2px!important;font-size:3rem!important}.home-hero p{font-size:.95rem!important}.home-actions{flex-direction:column;width:100%;gap:1rem!important}.btn-hero{width:100%;padding:1rem 1.5rem!important;font-size:.95rem!important}.rules-list{padding-left:.5rem;font-size:.9rem!important}}.auth-container{background-color:var(--bg-dark);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-glow{filter:blur(150px);opacity:.25;pointer-events:none;z-index:1;border-radius:50%;width:50vw;height:50vw;position:absolute}.auth-glow-1{background:var(--primary);top:-10%;left:-10%}.auth-glow-2{background:var(--info);bottom:-10%;right:-10%}.auth-card{z-index:10;width:100%;max-width:500px;padding:3.5rem!important}.auth-title{text-align:center;letter-spacing:-.02em;margin-bottom:3rem;font-size:2.8rem;font-weight:900}.auth-card .input-field{margin-bottom:1.2rem;padding:1rem 1.5rem;font-size:1.1rem}.resend-btn{width:100%;font-size:.85rem}.password-wrapper{position:relative}.password-input{padding-right:40px!important}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.2rem;transition:color .3s;position:absolute;top:12px;right:10px}.password-toggle:hover{color:var(--primary);box-shadow:none!important;background:0 0!important;transform:none!important}.forgot-password-container{text-align:right;margin-bottom:1rem}.forgot-password-link{color:var(--primary);font-size:.85rem}.auth-submit-btn{width:100%;margin-top:2rem;border-radius:2rem!important;padding:1.2rem!important;font-size:1.1rem!important}.auth-switch-mode{text-align:center;color:var(--text-muted);margin-top:1.5rem}.auth-divider{text-align:center;color:var(--text-muted);letter-spacing:.05em;align-items:center;margin:1.8rem 0 1.2rem;font-size:.85rem;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #ffffff1a;flex:1}.auth-divider:not(:empty):before{margin-right:.75em}.auth-divider:not(:empty):after{margin-left:.75em}.oauth-container-row{justify-content:center;gap:1rem;width:100%;margin-top:.5rem;margin-bottom:1.5rem;display:flex}.oauth-btn{color:var(--text-light,#f8f9fa);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:2rem;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:.8rem 1.2rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 4px 15px #00000026}.oauth-icon{transition:transform .3s;display:block}.oauth-btn:hover{transform:translateY(-2px)}.oauth-btn:hover .oauth-icon{transform:scale(1.15)}.oauth-btn:active{transform:translateY(1px)}.google-btn:hover{color:#111;background:#fffffff2;border-color:#fff;box-shadow:0 0 20px #ffffff59}.discord-btn{border-color:#5865f24d}.discord-btn:hover{color:#fff;background:#5865f2;border-color:#5865f2;box-shadow:0 0 20px #5865f273}.choose-username-desc{color:var(--text-muted);text-align:center;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.input-group-premium{flex-direction:column;margin-bottom:1.5rem;display:flex;position:relative}.input-success-premium{border-color:#2ecc71!important;box-shadow:0 0 10px #2ecc7126!important}.input-error-premium{border-color:#e74c3c!important;box-shadow:0 0 10px #e74c3c26!important}.status-feedback-premium{align-items:center;min-height:1.25rem;margin-top:.5rem;font-size:.85rem;font-weight:500;display:flex}.status-checking{color:var(--info,#3498db);animation:1.5s ease-in-out infinite pulse-checking}.status-success-text-premium{color:#2ecc71}.status-error-text-premium{color:#e74c3c}@keyframes pulse-checking{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (width<=1599px){.auth-container{min-height:100vh}.auth-card{max-width:450px;padding:2.5rem!important}.auth-title{font-size:2.4rem}.auth-divider{margin:1.4rem 0 1rem}.oauth-btn{padding:.7rem 1rem;font-size:.9rem}.choose-username-desc{margin-bottom:1.5rem;font-size:.88rem}}@media (width<=768px){.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:1rem}.auth-card{max-width:100%;margin-top:0!important;padding:2rem!important}.auth-title{margin-bottom:2rem;font-size:2.2rem}.auth-divider{margin:1.2rem 0 .8rem}.oauth-container-row{flex-direction:column;gap:.75rem;margin-bottom:1rem}.oauth-btn{width:100%;padding:.75rem 1.2rem;font-size:.95rem}.choose-username-desc{margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}}.profile-header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.profile-title{margin:0;font-size:2.5rem;font-weight:900}.profile-title span{color:var(--primary)}@media (width>=1201px){.lobby-main-content .stats-grid-premium{flex-direction:row;gap:1.2rem;margin-bottom:3rem;display:flex}.stat-card-premium{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:1.5rem;flex:1;min-width:0;padding:1.5rem 1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}}.stat-card-premium:hover{border-color:var(--primary);background:#ffffff0d;transform:translateY(-5px)}.stat-icon{margin-bottom:.8rem;font-size:1.8rem}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.4rem;font-size:.75rem;font-weight:700}.stat-value{color:#fff;font-size:1.5rem;font-weight:950}.section-subtitle{align-items:center;gap:1rem;margin-bottom:2rem;font-size:1.5rem;font-weight:800;display:flex}.achievements-grid-premium{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.achievement-card-premium{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:1.5rem;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex}.achievement-card-premium.locked{opacity:.4;filter:grayscale()}.achievement-card-premium.unlocked{border-color:var(--primary);background:#8b5cf60d;box-shadow:0 10px 20px #0003}.achievement-icon-large{font-size:3rem}.achievement-info h4{margin-bottom:.3rem;font-size:1.1rem;font-weight:800}.achievement-info p{color:var(--text-muted);font-size:.85rem;line-height:1.4}.unlocked-date{color:var(--success);margin-top:.5rem;font-size:.75rem;font-weight:600}@media (width>=769px) and (width<=1200px){.stats-grid-premium{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2.5rem;display:grid}.stat-card-premium{border-radius:1.2rem;padding:1.2rem .8rem}.profile-title{font-size:2rem}.stat-value{font-size:1.3rem}.achievements-grid-premium{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (width<=768px){.profile-header{text-align:center;flex-direction:column;gap:1.5rem}.profile-title{font-size:1.8rem}.stats-grid-premium{grid-template-columns:repeat(2,1fr);gap:.8rem;margin-bottom:2rem;display:grid}.stat-card-premium{border-radius:1.5rem;padding:1.2rem .8rem}.stat-icon{font-size:1.8rem}.stat-value{font-size:1.2rem}.achievements-grid-premium{grid-template-columns:1fr}.achievement-card-premium{gap:1rem;padding:1.2rem}.achievement-icon-large{font-size:2.5rem}}.leaderboard-center-container{flex-direction:column;align-items:center;width:100%;max-width:1000px;margin:0 auto;display:flex}.leaderboard-tabs-wrapper{justify-content:center;width:100%;margin-bottom:4rem;display:flex}.leaderboard-tabs{background:#0006;border:1px solid #ffffff0d;border-radius:1.5rem;gap:1rem;width:fit-content;padding:.5rem;display:flex}.tab-btn-premium{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:1rem;align-items:center;gap:.5rem;padding:.8rem 2.2rem;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.tab-btn-premium.active{background:var(--primary);color:#fff;box-shadow:0 10px 25px #8b5cf666}.search-section-premium{z-index:20;width:100%;max-width:600px;margin:0 auto 3rem;position:relative}.search-input-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0006;border:1px solid #ffffff0d;border-radius:2rem;align-items:center;padding:.5rem 1.5rem;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;position:relative;box-shadow:0 10px 30px #0000004d}.karma-podium-wrapper{justify-content:center;width:100%;margin-bottom:6rem;display:flex}.karma-podium-stage{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a66;border:1px solid #ffffff0d;border-radius:4rem;align-items:flex-end;gap:2rem;padding:8rem 4rem 3rem;display:flex;box-shadow:0 40px 80px #0009}.podium-slot{flex-direction:column;align-items:center;width:260px;display:flex;position:relative;overflow:visible!important}.energy-ring{z-index:1;pointer-events:none;border:2px solid #ffd7004d;border-top-color:gold;border-radius:50%;width:130px;height:130px;margin-top:-65px;margin-left:-65px;animation:3s linear infinite spin;position:absolute;top:50%;left:50%}.energy-ring:after{content:"";border:1px solid #ffd7001a;border-bottom-color:gold;border-radius:50%;animation:5s linear infinite reverse spin;position:absolute;inset:-5px}.podium-user-block{text-align:center;z-index:10;width:100%;margin-bottom:1.5rem;overflow:visible!important}.podium-avatar-frame{width:100px;height:100px;margin:0 auto 1.5rem;animation:4s ease-in-out infinite floatPro;position:relative;overflow:visible!important}.podium-avatar-main{color:#fff;border:4px solid var(--accent-color);width:100px;height:100px;box-shadow:0 0 30px var(--accent-shadow);background:#0f172a;border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;font-weight:900;display:flex;overflow:visible!important}.podium-rank-badge-table{background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto;font-size:.9rem;font-weight:900;display:flex}.podium-medal{background:var(--accent-color);z-index:11;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.4rem;display:flex;position:absolute;bottom:-5px;right:-5px;transform:rotate(-10deg);box-shadow:0 5px 15px #0006}.podium-name-pro{color:#fff;text-transform:uppercase;margin-bottom:.5rem;font-size:1.4rem;font-weight:900}.podium-score-pro{color:var(--accent-color);border:1px solid var(--accent-color);background:#0006;border-radius:1rem;padding:.4rem 1.2rem;font-size:.85rem;font-weight:900}.podium-column{background:linear-gradient(#ffffff14,#ffffff05);border:1px solid #ffffff1a;border-radius:1.5rem;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.podium-column:before{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff08 3px);width:100%;height:100%;position:absolute;top:0;left:0}.podium-column:after{content:"";background:radial-gradient(circle at 50% 100%, var(--accent-glow), transparent 70%);opacity:.4;width:100%;height:100%;animation:2s ease-in-out infinite alternate pulseGlow;position:absolute;bottom:0;left:0}.column-number{color:#ffffff0d;z-index:2;font-size:3.5rem;font-weight:900;position:relative}.rank-1{--accent-color:gold;--accent-glow:#ffd7004d;--accent-shadow:#ffd70066;height:100%;box-shadow:none!important;background:0 0!important;border:none!important;overflow:visible!important}.rank-1 .podium-column{height:180px;border:1px solid gold!important}.rank-1 .podium-name-pro{color:gold}.rank-2{--accent-color:silver;--accent-glow:#c0c0c04d;--accent-shadow:#c0c0c066;height:85%;box-shadow:none!important;background:0 0!important;border:none!important;overflow:visible!important}.rank-2 .podium-column{height:120px;border:1px solid silver!important}.rank-3{--accent-color:#cd7f32;--accent-glow:#cd7f324d;--accent-shadow:#cd7f3266;height:75%;box-shadow:none!important;background:0 0!important;border:none!important;overflow:visible!important}.rank-3 .podium-column{height:80px;border:1px solid #cd7f32!important}.leaderboard-table-container{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0f172a4d;border:1px solid #ffffff08;border-radius:2.5rem;width:100%;margin-top:3rem;padding:2rem;position:relative}.search-results-title{color:var(--primary);text-transform:uppercase;letter-spacing:2px;border-left:3px solid var(--primary);margin-bottom:1.5rem;padding-left:.5rem;font-size:.9rem;font-weight:800}.search-loading-inline{color:var(--text-muted);letter-spacing:.5px;justify-content:center;align-items:center;gap:2.5rem;padding:3rem;font-size:1.1rem;font-weight:600;display:flex}.search-loader-dots-container{justify-content:center;width:40px;display:flex;position:relative}.search-loader-dots{background:var(--primary);width:8px;height:8px;box-shadow:0 0 10px var(--primary);border-radius:50%;animation:1.5s ease-in-out infinite dotPulse;position:relative}.search-loader-dots:before,.search-loader-dots:after{content:"";background:var(--primary);width:8px;height:8px;box-shadow:0 0 10px var(--primary);border-radius:50%;animation:1.5s ease-in-out infinite dotPulse;position:absolute}.search-loader-dots:before{animation-delay:-.3s;left:-15px}.search-loader-dots:after{animation-delay:.3s;left:15px}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}.no-results-container,.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:4rem 2rem;animation:.5s ease-out fadeIn;display:flex}.no-results-icon,.empty-icon{filter:drop-shadow(0 0 15px #fff3);margin-bottom:.5rem;font-size:3.5rem;animation:3s ease-in-out infinite float}.no-results-text{flex-direction:column;gap:.5rem;display:flex}.no-results-main{color:var(--text-bright);margin:0;font-size:1.5rem;font-weight:700}.no-results-sub{color:var(--text-muted);margin:0;font-size:1.1rem}.highlight-query{color:var(--primary);text-shadow:0 0 10px #8a2be266;font-weight:700}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.premium-table{border-collapse:separate;border-spacing:0 1rem;width:100%}.premium-table th{color:#94a3b899;letter-spacing:4px;text-transform:uppercase;text-align:left;padding:1rem 1.5rem;font-size:.8rem;font-weight:800}.score-col{width:120px;text-align:right!important}.rank-col{width:80px;text-align:center!important}.leaderboard-row td{vertical-align:middle;background:#ffffff05;border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08;padding:1.5rem;transition:all .4s cubic-bezier(.23,1,.32,1)}.leaderboard-row td:first-child{border-left:1px solid #ffffff08;border-radius:1.5rem 0 0 1.5rem}.leaderboard-row td:last-child{border-right:1px solid #ffffff08;border-radius:0 1.5rem 1.5rem 0}.leaderboard-row:hover td{z-index:10;background:#ffffff0f;border-color:#ffffff1a;transform:scale(1.01)}.rank-badge-table{color:#ffffff4d;font-size:1.1rem;font-weight:900}.player-row-info{align-items:center;gap:2rem;display:flex}.player-avatar-mini{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.2rem;font-weight:800;display:flex}.player-details-table{flex:1}.player-name-text{color:#f8fafc;letter-spacing:.5px;margin-bottom:.8rem;font-size:1.15rem;font-weight:800;display:block}.player-progress-track{background:#ffffff0d;border-radius:4px;width:100%;height:4px}.player-progress-bar{background:var(--primary);height:100%;box-shadow:0 0 15px var(--primary);border-radius:4px;transition:width 1s cubic-bezier(.4,0,.2,1)}.score-badge-table{color:#fff;letter-spacing:-1px;background:#0006;border:1px solid #ffffff1a;border-radius:2rem;justify-content:center;align-items:center;min-width:90px;padding:.8rem 1.5rem;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:900;display:inline-flex;box-shadow:0 10px 20px #0003}.karma-rank-1 .rank-badge-table{color:gold;font-size:1.8rem}.karma-rank-1 .player-name-text{color:gold;text-shadow:0 0 20px #ffd70033}.karma-rank-1 .player-progress-bar{background:gold;box-shadow:0 0 15px gold}.karma-rank-1 .score-badge-table{color:gold;text-shadow:0 0 20px #ffd7004d}.karma-rank-1 td{background:linear-gradient(90deg,#ffd70008,#0000)!important}.karma-rank-2 .rank-badge-table{color:#e2e8f0}.karma-rank-2 .player-progress-bar{background:#cbd5e1}.karma-rank-2 .score-badge-table{color:#e2e8f0}.karma-rank-3 .rank-badge-table{color:#fb923c}.karma-rank-3 .player-progress-bar{background:#fb923c}.karma-rank-3 .score-badge-table{color:#fb923c}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes floatPro{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #8b5cf64d}50%{box-shadow:0 0 30px #8b5cf699}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1599px){.premium-table th,.premium-table td{padding:1rem}}@media (width<=1024px){.leaderboard-container{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;padding:1rem .5rem;display:flex}.leaderboard-title{text-align:center;margin-bottom:1.5rem;font-size:1.4rem}.leaderboard-tabs-wrapper{justify-content:center;width:100%;margin-bottom:2rem;display:flex}.leaderboard-tabs{background:#0006;border:1px solid #ffffff0d;border-radius:1rem;gap:.2rem;width:98%;max-width:360px;padding:.25rem;display:flex}.tab-btn-premium{border-radius:.8rem;flex:1;justify-content:center;gap:.3rem;min-width:0;padding:.6rem .3rem;font-size:.75rem}.searching-active .karma-podium-wrapper{display:none!important}.karma-podium-wrapper{justify-content:center;width:100%;margin-bottom:2rem;display:flex}.karma-podium-stage{background:#0f172a99!important;border:1px solid #ffffff0d!important;border-radius:2.5rem!important;flex-direction:column!important;align-items:center!important;gap:1.2rem!important;width:95%!important;max-width:340px!important;height:auto!important;padding:1.5rem .8rem!important}.podium-slot{box-sizing:border-box;position:relative;background:#ffffff05!important;border:1px solid #ffffff0d!important;border-radius:1.5rem!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;padding:1.5rem!important;overflow:visible!important}.rank-1{background:#ffd70008!important;border-color:#ffd70066!important;order:1!important;padding-top:2.5rem!important}.rank-2{order:2!important}.rank-3{order:3!important}.podium-user-block{gap:.5rem;width:100%;flex-direction:column!important;justify-content:center!important;align-items:center!important;margin:0!important;display:flex!important}.podium-avatar-frame{justify-content:center!important;align-items:center!important;width:50px!important;height:50px!important;margin:0!important;display:flex!important;position:relative!important}.rank-1 .energy-ring{opacity:.8;width:75px!important;height:75px!important;margin-top:-37.5px!important;margin-left:-37.5px!important;display:block!important;position:absolute!important;top:50%!important;left:50%!important}.rank-1 .podium-avatar-frame{margin-bottom:.8rem!important;animation:4s ease-in-out infinite floatPro!important}.podium-avatar-main{width:50px!important;height:50px!important;margin:0!important;font-size:1.3rem!important}.podium-name-pro{text-align:center;margin:0!important;font-size:1.1rem!important}.search-section-premium{box-sizing:border-box;width:100%;max-width:360px;padding:0 .5rem;margin-bottom:.5rem!important}.leaderboard-table-container{box-sizing:border-box;width:100%;padding:0 .5rem}.premium-table{width:100%!important;display:block!important}.premium-table thead{display:none!important}.premium-table tbody{width:100%!important;display:block!important}.premium-table tr{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box!important;background:#ffffff08!important;border:1px solid #ffffff0d!important;border-radius:1.2rem!important;align-items:center!important;width:100%!important;margin-bottom:.6rem!important;padding:.7rem 1rem!important;display:flex!important}.leaderboard-row td{background:0 0!important;border:none!important;padding:0!important;display:block!important}.rank-col{flex-shrink:0;justify-content:center;font-weight:900;width:35px!important;font-size:.9rem!important;display:flex!important}.player-col{min-width:0;flex:1!important;padding-left:1.8rem!important}.score-col{flex-shrink:0;justify-content:flex-end;margin-left:auto;width:auto!important;display:flex!important}.player-row-info{gap:.8rem!important}.player-progress-track,.podium-medal,.podium-column,.rank-2 .energy-ring,.rank-3 .energy-ring{display:none!important}.player-name-text{align-items:center;color:#fff!important;margin-bottom:0!important;font-size:1rem!important;font-weight:800!important;display:flex!important}.player-col{position:relative}.crown-icon{z-index:10;filter:drop-shadow(0 2px 4px #00000080);transform:rotate(-15deg);font-size:1rem!important;position:absolute!important;top:-8px!important;left:4px!important}.score-badge-table{background:#0000004d!important;border:1px solid #ffffff1a!important;border-radius:1rem!important;min-width:50px!important;padding:.45rem .8rem!important;font-family:Outfit,sans-serif!important;font-size:1.1rem!important}.karma-rank-1{background:linear-gradient(90deg,#ffd7000d,#ffffff05)!important;border-color:#ffd7004d!important}.karma-rank-2{border-color:#c0c0c033!important}.karma-rank-3{border-color:#cd7f3233!important}.player-avatar-mini{border:1px solid #ffffff1a!important;width:38px!important;height:38px!important;font-size:1rem!important}}.lobby-main-content{flex:1;padding:2.5rem 5rem;overflow-y:auto}.lobby-content-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex;position:relative}.main-title{color:#fff;letter-spacing:-1px;margin:0;font-size:1.8rem;font-weight:950}.lobby-content-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.action-card-premium{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:2rem;flex-direction:column;gap:1.2rem;padding:1.8rem 2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.action-card-premium:hover{background:#1e293b99;border-color:#8b5cf64d;transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.card-visual{background:#ffffff08;border-radius:1.2rem;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.card-info h3{color:#fff;margin-bottom:.5rem;font-size:1.6rem;font-weight:800}.card-info p{color:#94a3b8;margin-bottom:1.5rem;font-size:.95rem;line-height:1.4}.btn-fake{background:var(--primary-gradient);color:#fff;text-transform:uppercase;letter-spacing:1px;border:1px solid #ffffff1a;border-radius:1rem;padding:.8rem 2.5rem;font-size:.9rem;font-weight:900;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:3s ease-in-out infinite buttonGlow;display:inline-block;box-shadow:0 0 20px #8b5cf666}@keyframes buttonGlow{0%,to{transform:scale(1);box-shadow:0 0 15px #8b5cf666}50%{transform:scale(1.02);box-shadow:0 0 35px #8b5cf6b3}}.action-card-premium:hover .btn-fake{filter:brightness(1.2);transform:translateY(-2px);box-shadow:0 0 40px #8b5cf6cc}.join-form-pro{align-items:center;gap:.8rem;display:flex}.pro-input-code{color:#94a3b8;text-align:center;letter-spacing:5px;background:#0000004d;border:1px solid #ffffff1a;border-radius:1rem;flex:1;padding:1rem;font-family:JetBrains Mono,monospace;font-size:1.1rem}.btn-pro-join{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:1rem;padding:1rem 1.8rem;font-size:.9rem;font-weight:900;transition:all .3s;box-shadow:0 4px 15px #10b9814d}.btn-pro-join:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.05)}.btn-pro-join:disabled{opacity:.5;filter:grayscale()}.guide-section-premium{margin-top:1rem}.section-title{color:#64748b;text-transform:uppercase;letter-spacing:2px;align-items:center;gap:2rem;margin-bottom:1.5rem;font-size:.9rem;font-weight:900;display:flex}.section-title:after{content:"";background:#ffffff0d;flex:1;height:1px}.guide-grid{grid-template-columns:repeat(4,1fr);gap:1.2rem;display:grid}.guide-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:1.2rem;padding:1.2rem;transition:all .3s}.guide-card:hover{background:#ffffff0a;transform:translateY(-5px)}.guide-icon{margin-bottom:.8rem;font-size:1.2rem}.guide-card h4{color:#fff;margin-bottom:.4rem;font-size:1rem;font-weight:800}.guide-card p{color:#64748b;font-size:.8rem;line-height:1.3}.lobby-notification-bell-container{z-index:100;position:relative}.lobby-bell-btn{color:#f1f5f9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.lobby-bell-btn:hover{background:#ffffff1a;border-color:#8b5cf64d;transform:scale(1.05)}.lobby-bell-btn.has-notifications{animation:2s infinite bellRing}.bell-badge-count{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:1.5px solid #0f172a;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 0 8px #ef444480}.lobby-bell-dropdown{-webkit-backdrop-filter:blur(20px);z-index:1000;transform-origin:100% 0;background:#1e293beb;border:1px solid #ffffff1a;border-radius:1.25rem;width:320px;padding:1.5rem;animation:.3s cubic-bezier(.16,1,.3,1) dropdownFadeIn;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 20px 40px #0006,0 0 50px #8b5cf61a}.lobby-bell-dropdown h4{color:#f1f5f9;border-bottom:1px solid #ffffff14;margin-bottom:1rem;padding-bottom:.75rem;font-size:.95rem;font-weight:700}.no-notifications-text{color:var(--text-muted);text-align:center;padding:1rem 0;font-size:.85rem}.dropdown-requests-list{flex-direction:column;gap:.75rem;max-height:240px;display:flex;overflow-y:auto}.dropdown-request-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:.75rem;justify-content:space-between;align-items:center;padding:.6rem .8rem;display:flex}.dropdown-req-name{color:#f1f5f9;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.85rem;font-weight:600;overflow:hidden}.dropdown-req-actions{gap:.35rem;display:flex}.btn-bell-action{cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;display:flex;padding:0!important}.btn-bell-block:hover{color:#f87171!important;background:#ef44441a!important}.lobby-friends-online-section{margin-top:2rem;background:#1e293b40!important;border-color:#ffffff0d!important;border-radius:1.5rem!important;padding:1.75rem!important}.lobby-friends-online-section h3{color:#f1f5f9;letter-spacing:-.01em;margin-bottom:1.25rem;font-size:1.15rem;font-weight:700}.lobby-friends-online-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.lobby-friend-online-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:1rem;justify-content:space-between;align-items:center;padding:.9rem 1.1rem;transition:all .2s;display:flex}.lobby-friend-online-card:hover{background:#ffffff0a;border-color:#8b5cf633}.lobby-friend-info{align-items:center;gap:.85rem;display:flex}.lobby-friend-avatar{color:#c084fc;background:#8b5cf61f;border:1px solid #8b5cf633;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;font-weight:700;display:flex}.lobby-friend-name-status{flex-direction:column;gap:.15rem;display:flex}.lobby-friend-name{color:#e2e8f0;font-size:.95rem;font-weight:600}.lobby-friend-status-text{font-size:.75rem}.lobby-friend-status-text.playing{color:#d946ef;font-weight:700}.lobby-friend-status-text.lobby{color:#c084fc;font-weight:600}.lobby-friend-status-text.online{color:#22c55e}.btn-join-lobby-friend{border-radius:.6rem!important;padding:.5rem .9rem!important;font-size:.75rem!important;font-weight:700!important}@keyframes bellRing{0%,to{transform:rotate(0)}5%,15%,25%{transform:rotate(10deg)}10%,20%,30%{transform:rotate(-10deg)}35%,50%{transform:rotate(0)}}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.95)translate(5px,-5px)}to{opacity:1;transform:scale(1)translate(0)}}@media (width<=1599px){.lobby-side-panel{width:250px;padding:2rem 1rem}.brand-name{display:none}.lobby-main-content{padding:1.5rem 2rem!important}.main-title{font-size:1.8rem}.lobby-friends-online-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important}}@media (width<=1024px){.karma-dashboard{flex-direction:column;height:100dvh;overflow:hidden}.lobby-main-content{height:100%;overflow-y:auto;width:100%!important;padding:2rem 1.2rem 6rem!important}.main-title{text-align:center;margin-bottom:2rem;font-size:2rem}.lobby-content-grid{grid-template-columns:1fr;gap:1.5rem}.action-card-premium{padding:2rem 1.5rem}.card-visual{width:60px;height:60px;font-size:2rem}.card-info h3{font-size:1.5rem}.join-form-pro{flex-direction:column!important;gap:1rem!important}.pro-input-code{letter-spacing:3px!important;width:100%!important;padding:1rem!important;font-size:1.1rem!important}.btn-pro-join{width:100%!important;padding:1rem!important}.guide-grid{grid-template-columns:1fr;gap:1rem}.guide-card{text-align:left;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.guide-icon{flex-shrink:0;margin-bottom:0;font-size:2rem}.guide-card h4{margin-bottom:.2rem}.section-title{justify-content:center;font-size:.85rem}.lobby-friends-online-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important}}@media (width<=576px){.lobby-bell-dropdown{width:280px!important;padding:1rem!important;right:-20px!important}.lobby-friends-online-grid{grid-template-columns:1fr!important}}:root{--tut-card-width:9vmin;--tut-card-height:calc(var(--tut-card-width) * 1.4);--tut-card-gap:2vmin}.tutorial-container{--tut-card-height:clamp(100px, 13.5vh, 160px);--tut-card-width:calc(var(--tut-card-height) / 1.4);--tut-card-gap:1.5vh;background:#080f1eeb;border:none;border-radius:20px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.tutorial-header-nav{background:#00000080;border-bottom:1px solid #ffffff14;flex-direction:column;flex:none;gap:.3rem;padding:.6rem 2rem;display:flex}.tutorial-progress-bar{background:#ffffff1a;border-radius:3px;width:100%;height:6px;overflow:hidden;box-shadow:0 0 10px #ffffff0d}.progress-fill{background:var(--primary-gradient);height:100%;box-shadow:0 0 15px var(--primary);transition:width .5s}.step-counter{color:var(--primary-light);text-transform:uppercase;font-size:.65rem;font-weight:900}.tutorial-header-sub{justify-content:space-between;align-items:center;width:100%;display:flex}.btn-quit-tutorial-header{color:#fff6!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:4px!important;justify-content:center!important;align-items:center!important;padding:2px 8px!important;font-size:1.1rem!important;font-weight:800!important;line-height:1!important;transition:all .2s!important;display:flex!important}.btn-quit-tutorial-header:hover{color:#ef4444!important;background:#ef44441a!important}.tutorial-main-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.tutorial-stage{background:radial-gradient(#8b5cf614 0%,#0000 65%);flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:.5rem 1rem;display:flex;overflow:hidden;position:relative!important}.tutorial-game-board{flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;height:100%;display:flex}.simulated-opponent-zone,.simulated-player-zone{flex-direction:column;align-items:center;gap:.5rem;display:flex}.simulated-opponent-hand,.simulated-hand-display{gap:var(--tut-card-gap);justify-content:center;flex-direction:row!important;display:flex!important}.card-slot{width:var(--tut-card-width);height:var(--tut-card-height);flex-shrink:0;position:relative}.tutorial-container .card-element{border-radius:.8rem!important;overflow:visible!important;box-shadow:0 10px 25px #0006!important}.tutorial-container .card-element.face-up{background:0 0!important;border:none!important}.tutorial-container .card-img{display:block;object-fit:contain!important;border-radius:inherit!important;width:100%!important;height:100%!important}.deck-discard-area{gap:calc(var(--tut-card-gap) * 3);justify-content:center;align-items:center;display:flex}.values-grid{gap:var(--tut-card-gap);background:#0003;border-radius:24px;grid-template-columns:repeat(6,minmax(0,1fr));justify-items:center;width:100%;max-width:1100px;padding:2rem;display:grid}.value-item{color:var(--primary-light);flex-direction:column;align-items:center;gap:.5rem;font-size:.65rem;font-weight:900;display:flex}.jack-confirm-overlay,.seven-effect-overlay,.reflex-ui-sim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#020617d9;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:absolute;inset:0}.values-reference-grid{gap:var(--tut-card-gap);-webkit-backdrop-filter:blur(24px);scrollbar-width:thin;scrollbar-color:#8b5cf64d #0f172a33;background:#0f172a80;border:1px solid #ffffff12;border-radius:20px;flex-direction:column;width:100%;max-width:95%;max-height:100%;margin:auto;padding:clamp(.5rem,1.5vh,1.2rem) clamp(1rem,2vw,2rem);display:flex;box-shadow:0 20px 50px -10px #000000b3,inset 0 1px #ffffff14;overflow:hidden!important}.values-reference-grid::-webkit-scrollbar{width:6px}.values-reference-grid::-webkit-scrollbar-track{background:#0f172a33;border-radius:10px}.values-reference-grid::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:10px;transition:background .3s}.values-reference-grid::-webkit-scrollbar-thumb:hover{background:#8b5cf699}.tutorial-stage .game-board.tutorial-mode-active{border-radius:20px;width:100%;height:100%;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;--card-h:clamp(120px, 15.5vh, 172px)!important;--card-w:calc(var(--card-h) / 1.44)!important;--card-h-opp:clamp(90px, 11vh, 112px)!important;--card-w-opp:calc(var(--card-h-opp) / 1.44)!important;background:0 0!important;border:none!important;gap:clamp(.2rem,1vh,1rem)!important;padding:clamp(.4rem,1.2vh,1rem)!important}.tutorial-mode-active .arena-hub-container{min-height:80px!important;margin-bottom:1.8rem!important}.tutorial-mode-active .effect-selection-bar-inline{gap:1.5rem!important;padding:.4rem 1.8rem!important}.tutorial-mode-active .jack-swap-bar{min-width:450px!important;padding:.5rem 1.8rem!important}.tutorial-mode-active .deck-discard-area{gap:clamp(2rem,3.5vh,4rem)!important;min-height:172px!important;margin:1.8rem auto!important;padding:.5rem 0!important}.tutorial-mode-active .card-slot{width:var(--card-w)!important;height:var(--card-h)!important}.tutorial-mode-active .hand-wrapper{padding-top:45px!important;overflow:visible!important}.tutorial-mode-active .player-actions-container{margin-bottom:.8rem!important}.tutorial-stage .game-board.values-view{flex-direction:column;justify-content:center;align-items:center;min-height:0;display:flex!important}.tutorial-stage .game-board.values-view .game-center-container{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.tutorial-goal-header{text-align:center;flex-direction:column;flex-shrink:0;gap:0;margin-bottom:.8rem;display:flex;border:1px solid #8b5cf659!important;border-left:4px solid var(--primary-light)!important;background:linear-gradient(135deg,#8b5cf629 0%,#10183099 100%)!important;border-radius:12px!important;padding:.8rem 1.8rem!important;box-shadow:0 4px 20px #8b5cf626!important}.values-step .tutorial-goal-header,.specials-step .tutorial-goal-header{margin-bottom:.8rem!important;padding:.8rem 1.8rem!important}.values-step .goal-main-text,.specials-step .goal-main-text{font-size:clamp(1.15rem,2.8vh,1.45rem)!important}.values-step .grid-section-box,.specials-step .grid-section-box{padding:clamp(.4rem,1vh,.8rem) clamp(.6rem,1.2vw,1.2rem)}.values-step .grid-section-desc,.specials-step .grid-section-desc{margin-top:0;margin-bottom:.2rem}.values-step .value-card-item,.specials-step .value-card-item{gap:.3rem}.goal-label{color:var(--primary-light)!important;text-transform:uppercase!important;letter-spacing:3px!important;opacity:.95!important;margin-bottom:.35rem!important;font-size:.78rem!important;font-weight:850!important}.goal-main-text{color:#fff;letter-spacing:-.3px;font-size:clamp(1.2rem,3.5vh,2rem);font-weight:950;line-height:1.2}.goal-main-text span{color:var(--primary-light);text-shadow:0 0 20px #8b5cf666}.grid-section-title{color:#fffc;text-transform:uppercase;letter-spacing:2px;align-items:center;gap:1rem;font-size:.95rem;font-weight:950;display:flex}.grid-section-title:after{content:"";background:#ffffff0d;flex:1;height:1px}.grid-section-title.danger{color:#f87171}.grid-section-title.primary{color:var(--primary-light)}.grid-cards-wrapper{flex-shrink:0;grid-template-columns:repeat(6,1fr);place-items:end center;gap:clamp(1rem,3.2vh,2.2rem) clamp(.2rem,.5vw,.8rem);width:100%;display:grid}@media (width>=768px){.grid-cards-wrapper.standards{grid-template-columns:repeat(6,1fr)}}@media (width<=767px){.grid-cards-wrapper.standards{grid-template-columns:repeat(6,1fr)}}.value-card-item{z-index:1;flex-direction:column;align-items:center;gap:.4rem;width:100%;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.value-card-item:hover{z-index:50;transform:scale(1.15)translateY(-8px)}.value-card-item .card-element{flex-shrink:0;transition:all .3s;width:var(--tut-card-width)!important;height:var(--tut-card-height)!important;background:#0f172acc!important;border:1px solid #ffffff14!important;border-radius:.6rem!important;margin:0!important;overflow:visible!important;transform:none!important;box-shadow:0 4px 15px #00000080!important}.value-card-item:hover .card-element{border-color:#8b5cf680!important;box-shadow:0 15px 30px #000000b3,0 0 25px #8b5cf680!important}.value-card-item.danger-card:hover .card-element{border-color:#ef444480!important;box-shadow:0 15px 30px #000000b3,0 0 25px #ef444480!important}.value-card-item.bonus-card:hover .card-element{border-color:#8b5cf699!important;box-shadow:0 15px 30px #000000b3,0 0 25px #8b5cf699!important}.card-labels-group{-webkit-backdrop-filter:blur(10px);cursor:help;background:#0f172a99;border:1px solid #ffffff14;border-radius:20px;justify-content:center;align-items:center;gap:6px;margin-top:.4rem;padding:2px 10px;transition:all .3s;display:flex;box-shadow:0 4px 10px #0000004d}.card-labels-group:hover{background:#8b5cf626;border-color:#8b5cf666;box-shadow:0 4px 15px #8b5cf633}.value-points-label{color:#fff;border-radius:0;font-size:clamp(.65rem,1.2vh,.85rem);font-weight:800;line-height:1;background:0 0!important;padding:0!important}.value-points-label.primary{color:var(--primary-light)}.value-points-label.danger{color:#f87171}.badge-divider{background:#ffffff26;width:1px;height:10px}.card-qty-badge{color:#fff9;align-items:center;gap:3px;font-size:clamp(.65rem,1.2vh,.85rem);font-weight:700;display:flex}.card-info-trigger{color:#ffffff80;cursor:help;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:900;transition:all .2s;display:flex;position:relative}.card-info-trigger:hover{background:var(--primary);color:#fff;border-color:var(--primary-light);transform:scale(1.1)}.card-info-trigger:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:100;background:#1e293b;border:1px solid #ffffff1a;border-radius:8px;padding:6px 10px;font-size:.7rem;transition:all .2s;position:absolute;bottom:125%;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 10px 20px #0006}.card-info-trigger:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.card-status-tag{text-transform:uppercase;letter-spacing:1px;border-radius:4px;margin-bottom:.4rem;padding:2px 8px;font-size:.6rem;font-weight:950}.card-status-tag.danger{color:#f87171;background:#ef444426;border:1px solid #ef444433}.card-status-tag.bonus{color:var(--primary-light);background:#8b5cf626;border:1px solid #8b5cf633}.card-status-tag.power{color:#fbbf24!important;background:#fbbf2426!important;border:1px solid #fbbf2440!important}.power-text{color:#fbbf24!important}.grid-section-box.power{background:radial-gradient(at top,#fbbf240d 0%,#ffffff05 100%)!important;border:1px solid #fbbf2426!important}.grid-section-box.power:before{background:#fbbf24!important;box-shadow:0 0 15px #fbbf244d!important}.grid-section-header{margin-bottom:1rem}.grid-section-desc{color:#64748b;margin-top:.2rem;font-size:.7rem;font-weight:600}.bottom-sections-grid{flex-flow:row;flex-shrink:1;align-items:stretch;gap:2rem;width:100%;min-height:0;display:flex}.bottom-sections-grid>*{flex:1;min-width:0}@media (width<=767px){.bottom-sections-grid{flex-flow:column}}.grid-section-box{background:#ffffff06;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;min-height:0;padding:clamp(.8rem,1.5vh,1.5rem) clamp(1rem,2vw,2rem);transition:background .3s;display:flex;position:relative;overflow:visible}.grid-section-box:before{content:"";background:#ffffff0d;width:100%;height:4px;position:absolute;top:0;left:0}.grid-section-box.danger{background:radial-gradient(at top,#f871710d 0%,#ffffff05 100%)}.grid-section-box.bonus{background:radial-gradient(at top,#8b5cf614 0%,#ffffff05 100%)}.grid-section-box.danger:before{background:#f87171;box-shadow:0 0 15px #f871714d}.grid-section-box.bonus:before{background:var(--primary-light);box-shadow:0 0 15px #8b5cf64d}.grid-section-box:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-2px)}.grid-cards-wrapper.compact{flex-flow:row;flex:1;justify-content:center;align-items:flex-end;gap:clamp(1rem,2vw,2.5rem);min-height:0;display:flex;margin-top:.5rem!important}.grid-cards-wrapper.compact .value-card-item:hover{transform:scale(1.1)translateY(-4px)!important}.special-card-label-mini{color:#fff6;text-transform:uppercase;margin-bottom:.3rem;font-size:.6rem;font-weight:800}.card-wrapper-rel{justify-content:center;align-items:center;display:flex;position:relative}.card-count-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:20;pointer-events:none;letter-spacing:.5px;background:#0f172ae6;border:2px solid #fff3;border-radius:12px;justify-content:center;align-items:center;min-width:30px;padding:4px 8px;font-size:.75rem;font-weight:950;display:flex;position:absolute;top:-12px;right:-14px;box-shadow:0 8px 16px #0009,inset 0 1px 1px #fff3}.card-count-badge.danger{background:linear-gradient(135deg,#7f1d1d 0%,#dc2626 100%);border-color:#f8717180}.card-count-badge.success{background:linear-gradient(135deg,#064e3b 0%,#10b981 100%);border-color:#34d39980}.card-count-badge.standard{background:linear-gradient(135deg,#1e293b 0%,#3b82f6 100%);border-color:#93c5fd80}.tutorial-explanation-section{background:#0f172afa;border-top:1px solid #ffffff1a;flex:none;padding:.9rem 3.5rem!important}.tutorial-explanation-box{justify-content:space-between;align-items:center;gap:2rem;max-width:95%;margin:0 auto;display:flex}.explanation-title{color:var(--primary-light);text-transform:uppercase;margin-bottom:.2rem;font-size:.9rem;font-weight:950}.explanation-text{color:#cbd5e1;font-size:1.1rem;line-height:1.4}.tutorial-integrated-controls{align-items:center;gap:1.5rem;display:flex}.btn-tutorial-nav.mini{color:#fff;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff1a;font-weight:950;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px #0003;letter-spacing:1.5px!important;border-radius:12px!important;padding:.65rem 2.2rem!important;font-size:.92rem!important}.btn-tutorial-nav.mini:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-3px)scale(1.02)}.btn-tutorial-nav.mini.next.highlight{background:var(--primary-gradient);border-color:#fff3;box-shadow:0 0 30px #8b5cf680}.nav-buttons-group{flex-wrap:nowrap;align-items:center;gap:1.5rem;display:flex}.tutorial-page-root{height:100vh;overflow:hidden}.tutorial-mode-content{flex-direction:column;height:100vh;display:flex;padding:.5rem!important;overflow:hidden!important}.tutorial-wrapper-flex{flex-direction:column;flex:1;min-height:0;display:flex}.tutorial-wrapper-flex .tutorial-container{height:100%}.btn-container-sim{justify-content:center;align-items:center;width:100%;display:flex}.tutorial-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0a0f19eb;border-radius:24px;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.tutorial-modal-content{text-align:center;background:#1e293bcc;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:440px;padding:1.8rem 2.2rem;position:relative;overflow:hidden;box-shadow:0 30px 60px -12px #0009}.tutorial-modal-content:before{content:"";background:var(--primary-gradient);height:4px;position:absolute;top:0;left:0;right:0}.modal-icon{margin-bottom:.3rem;font-size:2.5rem}.modal-title{color:#fff;text-transform:uppercase;letter-spacing:2px;background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.6rem;font-size:1.35rem;font-weight:950}.modal-divider{background:var(--primary-gradient);border-radius:4px;width:45px;height:3px;margin:.8rem auto}.modal-text{color:#f1f5f9;margin-bottom:1.5rem;font-size:.95rem;font-weight:500;line-height:1.5}.modal-list{text-align:left;flex-direction:column;gap:.8rem;margin:0 0 1.8rem;padding:0;list-style:none;display:flex}.modal-list li{color:#cbd5e1;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:.85rem;padding:.75rem 1.1rem;font-size:.88rem;transition:background .3s;display:flex}.modal-list li:hover{background:#ffffff0f}.modal-list li strong{color:#fff;font-weight:800}.btn-modal-primary{background:var(--primary-gradient);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:12px;width:100%;padding:.95rem;font-size:.95rem;font-weight:900;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px -5px #8b5cf680}.btn-modal-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px -10px #8b5cf699}.tutorial-toast-notification{-webkit-backdrop-filter:blur(12px);pointer-events:none;background:#0f172ad9;border:1px solid #ef444466;border-radius:12px;align-items:center;gap:.75rem;max-width:90%;padding:.85rem 1.4rem;animation:.3s cubic-bezier(.34,1.56,.64,1) toastFadeInUp;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080,0 0 15px #ef444433;z-index:999999!important}.toast-text{color:#fca5a5;text-align:left;font-size:.9rem;font-weight:700;line-height:1.4}@keyframes toastFadeInUp{0%{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%)}}.tutorial-page-root .my-area-premium{z-index:1200!important;pointer-events:auto!important;position:relative!important}.tutorial-page-root .player-actions-container{z-index:1300!important;pointer-events:auto!important;justify-content:center!important;align-items:center!important;display:flex!important;position:relative!important}.tutorial-page-root .selection-actions-group,.tutorial-page-root .karma-trigger-wrapper,.tutorial-page-root .reflex-trigger-wrapper{justify-content:center!important;align-items:center!important;width:100%!important;margin:0 auto!important;display:flex!important}.tutorial-page-root .btn-action-main,.tutorial-page-root .button-karma,.tutorial-page-root .btn-pause-action{z-index:1400!important;pointer-events:auto!important;margin:0 auto!important;position:relative!important}.tutorial-card-score-badge{color:#f87171;z-index:10;white-space:nowrap;background:#0f172ae0;border:1.5px solid #f87171;border-radius:6px;padding:2px 8px;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:800;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInUpScore;position:absolute;bottom:-22px;left:50%;transform:translate(-50%);box-shadow:0 4px 8px #0006,0 0 10px #ef444426}.tutorial-card-score-badge.player-card-score{color:#34d399;border-color:#34d399;box-shadow:0 4px 8px #0006,0 0 10px #10b98126}@keyframes fadeInUpScore{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.last-turn-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172aa6;border-radius:24px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.last-turn-box{text-align:center;color:#fff;background:#1e293bf2;border:3px solid #ef4444;border-radius:20px;width:90%;max-width:450px;padding:2.2rem;animation:1.8s ease-in-out infinite alternate pulseRedGlow;box-shadow:0 0 35px #ef444466,inset 0 0 20px #ef444426}.last-turn-box h2{color:#ef4444;letter-spacing:1px;margin:.8rem 0;font-size:1.6rem;font-weight:950}.last-turn-box p{color:#e2e8f0;margin-bottom:.6rem;font-size:.98rem;line-height:1.5}.last-turn-box .warning-icon{font-size:3rem;animation:.6s infinite alternate shakeWarning;display:block}@keyframes pulseRedGlow{0%{transform:scale(.98);box-shadow:0 0 20px #ef44444d}to{transform:scale(1.02);box-shadow:0 0 45px #ef4444b3}}@keyframes shakeWarning{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.loading-dots-pulse{justify-content:center;gap:.4rem;margin-top:1.2rem;display:flex}.loading-dots-pulse span{background-color:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both dotPulse;display:inline-block}.loading-dots-pulse span:first-child{animation-delay:-.32s}.loading-dots-pulse span:nth-child(2){animation-delay:-.16s}.tutorial-mode-active .selected-card-glow{border:2.5px solid var(--primary-light)!important;z-index:300!important;transform:translateY(-15px)scale(1.05)!important;box-shadow:0 0 25px #8b5cf6e6!important}.tutorial-mode-active .my-hand.slide4-spaced-hand .card-element.selected-card-glow{z-index:999!important;border:3px solid #10b981!important;transform:translateY(-20px)scale(1.08)!important;box-shadow:0 0 30px #10b981f2!important}.tutorial-mode-active .opponent-hand.slide4-spaced-hand .card-element.selected-card-glow{z-index:999!important;border:3px solid #10b981!important;transform:translateY(15px)scale(1.08)!important;box-shadow:0 0 30px #10b981f2!important}.tutorial-mode-active .selectable-card-glow{cursor:pointer!important;opacity:.9!important;border:2px dashed #8b5cf680!important;box-shadow:0 0 10px #8b5cf633!important}@media (width<=1400px),(height<=900px){:root{--tut-card-width:8vmin;--tut-card-gap:1.5vmin}.tutorial-container{margin-top:0}.tutorial-stage{padding:.8rem 1rem}.values-grid{max-width:950px;padding:1.2rem}.values-reference-grid{gap:var(--tut-card-gap);padding:clamp(.3rem,1vh,1rem) clamp(.8rem,1.5vw,1.8rem)}.tutorial-container{--tut-card-height:clamp(60px, 9vh, 95px);--tut-card-width:calc(var(--tut-card-height) / 1.45);--tut-card-gap:.8vh}.value-card-item .card-element{width:var(--tut-card-width)!important;height:var(--tut-card-height)!important}.grid-cards-wrapper{gap:clamp(.4rem,1.5vh,1rem) clamp(.15rem,.4vw,.6rem)!important}.tutorial-goal-header{margin-bottom:.2rem!important;padding:clamp(.2rem,.8vh,.6rem) clamp(.5rem,1.2vw,1.2rem)!important}.grid-section-header{margin-bottom:.3rem!important}.tutorial-explanation-section{padding:.6rem 2rem!important}.btn-tutorial-nav.mini{letter-spacing:1px!important;border-radius:10px!important;padding:.55rem 1.6rem!important;font-size:.85rem!important}.explanation-text{font-size:.9rem}.tutorial-container .card-back-letter{font-size:calc(var(--tut-card-height) * .4)!important}.tutorial-page-root .my-area-premium{z-index:1200!important;pointer-events:auto!important;position:relative!important}.tutorial-page-root .player-actions-container{z-index:1300!important;pointer-events:auto!important;justify-content:center!important;align-items:center!important;display:flex!important;position:relative!important}.tutorial-page-root .selection-actions-group,.tutorial-page-root .karma-trigger-wrapper,.tutorial-page-root .reflex-trigger-wrapper{justify-content:center!important;align-items:center!important;width:100%!important;margin:0 auto!important;display:flex!important}.tutorial-page-root .btn-action-main,.tutorial-page-root .button-karma,.tutorial-page-root .btn-pause-action{z-index:1400!important;pointer-events:auto!important;margin:0 auto!important;position:relative!important}.tutorial-modal-content{border-radius:20px!important;max-width:400px!important;padding:1.1rem 1.4rem!important}.modal-icon{margin-bottom:.2rem!important;font-size:1.8rem!important}.modal-title{letter-spacing:1px!important;margin-bottom:.4rem!important;font-size:1.05rem!important}.modal-divider{width:35px!important;height:2px!important;margin:.6rem auto!important}.modal-text{margin-bottom:.8rem!important;font-size:.82rem!important;line-height:1.35!important}.modal-text p{margin-bottom:.4rem!important}.modal-list{gap:.5rem!important;margin:0 0 1.2rem!important}.modal-list li{border-radius:10px!important;gap:.7rem!important;padding:.6rem .95rem!important;font-size:.8rem!important}.modal-buttons-row{margin-top:.8rem!important}.btn-modal-primary,.btn-modal-secondary{border-radius:8px!important;padding:.65rem 1.25rem!important;font-size:.78rem!important}.tutorial-card-score-badge{padding:1px 5px!important;font-size:.62rem!important;bottom:-20px!important}.last-turn-box{max-width:400px!important;padding:1.8rem!important}.last-turn-box .warning-icon{font-size:2.6rem!important}.last-turn-box h2{font-size:1.4rem!important}.last-turn-box p{font-size:.9rem!important}.tutorial-stage .game-board.tutorial-mode-active{--card-h:clamp(100px, 13.5vh, 136px)!important;--card-w:calc(var(--card-h) / 1.44)!important;--card-h-opp:clamp(80px, 10.5vh, 96px)!important;--card-w-opp:calc(var(--card-h-opp) / 1.44)!important}.tutorial-mode-active .arena-hub-container{min-height:70px!important;margin-bottom:1.2rem!important}.tutorial-mode-active .deck-discard-area{min-height:136px!important;margin:1rem auto!important}.tutorial-mode-active .hand-wrapper{padding-top:40px!important;overflow:visible!important}.tutorial-mode-active .player-actions-container{margin-bottom:.6rem!important}.tutorial-mode-active .selected-card-glow{border:2.5px solid var(--primary-light)!important;z-index:300!important;transform:translateY(-13px)scale(1.05)!important;box-shadow:0 0 25px #8b5cf6e6!important}.tutorial-mode-active .my-hand.slide4-spaced-hand .card-element.selected-card-glow{z-index:999!important;border:3px solid #10b981!important;transform:translateY(-16px)scale(1.08)!important;box-shadow:0 0 25px #10b981e6!important}.tutorial-mode-active .opponent-hand.slide4-spaced-hand .card-element.selected-card-glow{z-index:999!important;border:3px solid #10b981!important;transform:translateY(12px)scale(1.08)!important;box-shadow:0 0 25px #10b981e6!important}.tutorial-mode-active .selectable-card-glow{cursor:pointer!important;opacity:.9!important;border:2px dashed #8b5cf680!important;box-shadow:0 0 10px #8b5cf633!important}}@media (width<=1024px){:root{--tut-card-width:10vw;--tut-card-gap:1.2vw}.tutorial-page-root .lobby-side-panel,.tutorial-mode-content .lobby-content-header{display:none!important}.tutorial-mode-content{height:100dvh!important;padding:0!important}.tutorial-container{border:none;border-radius:0;margin-top:0}.tutorial-stage{justify-content:center!important;padding:.2rem!important}.tutorial-game-board{justify-content:center!important;gap:.4rem!important}.tutorial-main-content{min-height:0}.tutorial-stage{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}.tutorial-explanation-section{z-index:200;text-align:center;border-top:1px solid #8b5cf640;flex-direction:column;flex-shrink:0;position:sticky;bottom:0;box-shadow:0 -12px 32px #00000073;padding:.45rem .85rem calc(.45rem + env(safe-area-inset-bottom,0px))!important;gap:.35rem!important}.btn-tutorial-nav.mini{justify-content:center;width:100%;padding:.45rem 1.2rem!important;font-size:.72rem!important}.tutorial-integrated-controls{width:100%;gap:.8rem!important}.tutorial-container .card-back-letter{font-size:calc(var(--tut-card-height) * .4)!important}.opponent-header{display:none!important}.values-reference-grid{border-radius:12px;box-sizing:border-box!important;flex-direction:column!important;gap:.8rem!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;margin:0 auto!important;padding:.6rem .5rem!important;display:flex!important;overflow-y:auto!important}.values-reference-grid>*{flex-shrink:0!important}.tutorial-goal-header{padding:.2rem .5rem}.goal-main-text{font-size:clamp(.75rem,3vw,1rem)}.grid-cards-wrapper.standards{box-sizing:border-box!important;grid-template-columns:repeat(4,1fr)!important;justify-content:center!important;justify-items:center!important;gap:.8rem .5rem!important;width:100%!important;max-width:100%!important}.grid-cards-wrapper.standards .value-card-item{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.grid-cards-wrapper.compact .value-card-item{box-sizing:border-box!important;flex-shrink:0!important;width:auto!important;max-width:none!important}.value-card-item .card-element{flex-shrink:0!important;width:clamp(34px,12.5vw,44px)!important;height:clamp(49px,18.1vw,64px)!important}.card-labels-group{box-sizing:border-box!important;gap:3px!important;margin-top:.25rem!important;padding:2px 7px!important}.card-labels-group .badge-divider{background:#ffffff26!important;width:1px!important;height:8px!important;display:inline-block!important}.card-labels-group .card-qty-badge{color:var(--primary-light)!important;font-size:.52rem!important;display:inline-block!important}.value-points-label{padding:0!important;font-size:.55rem!important}.bottom-sections-grid{box-sizing:border-box!important;flex-direction:column!important;gap:.8rem!important;width:100%!important}.grid-section-box{box-sizing:border-box!important;border-radius:8px!important;width:100%!important;padding:.5rem .8rem!important}.grid-cards-wrapper.compact{box-sizing:border-box!important;flex-flow:row!important;justify-content:center!important;gap:.8rem!important;width:100%!important;display:flex!important}.tutorial-container.tutorial-modal-active .tutorial-stage{overflow:hidden}.tutorial-modal-overlay{z-index:9500!important;padding:1rem 1rem calc(1.25rem + env(safe-area-inset-bottom,0px))!important;-webkit-backdrop-filter:blur(16px)!important;background:#020617f0!important;border-radius:0!important;justify-content:center!important;align-items:center!important;position:fixed!important;inset:0!important}.tutorial-modal-content{-webkit-overflow-scrolling:touch;margin:0 auto;border:1px solid #8b5cf659!important;border-radius:20px!important;width:100%!important;max-width:min(420px,100%)!important;max-height:min(82dvh,100%)!important;padding:1.35rem 1.15rem 1.25rem!important;overflow-y:auto!important;box-shadow:0 24px 48px #0000008c,0 0 0 1px #ffffff0f!important}.tutorial-modal-content .modal-buttons-row,.tutorial-modal-content>.btn-modal-primary{margin-top:.25rem}.modal-buttons-row{flex-direction:column;gap:.55rem;width:100%;display:flex}.modal-buttons-row .btn-modal-primary,.modal-buttons-row .btn-modal-secondary{width:100%}.modal-icon{margin-bottom:.3rem!important;font-size:2rem!important}.modal-title{letter-spacing:1px!important;margin-bottom:.4rem!important;font-size:1.15rem!important}.modal-divider{width:40px!important;height:2px!important;margin:.6rem auto!important}.modal-text{margin-bottom:.8rem!important;font-size:.82rem!important;line-height:1.4!important}.modal-list{gap:.4rem!important;margin:0 0 1.2rem!important}.modal-list li{border-radius:10px!important;gap:.6rem!important;padding:.5rem .8rem!important;font-size:.78rem!important}.btn-modal-primary{background:var(--primary-gradient)!important;color:#fff!important;border:none!important;border-radius:12px!important;width:100%!important;padding:.85rem 1rem!important;font-size:.9rem!important;font-weight:900!important;box-shadow:0 8px 24px #8b5cf673!important}.btn-modal-secondary{color:#e2e8f0!important;background:#ffffff0f!important;border:1px solid #ffffff1f!important;border-radius:12px!important;width:100%!important;padding:.75rem 1rem!important;font-size:.85rem!important}.tutorial-explanation-box{text-align:center!important;flex-direction:column!important;align-items:stretch!important;gap:.55rem!important;width:100%!important;display:flex!important}.explanation-content{text-align:center!important;width:100%!important}.explanation-title{margin-bottom:.15rem!important;font-size:.75rem!important}.explanation-text{margin-bottom:0!important;font-size:.78rem!important;line-height:1.3!important}.tutorial-integrated-controls{flex-direction:column!important;align-items:center!important;gap:.4rem!important;width:100%!important;display:flex!important}.nav-buttons-group{flex-direction:row!important;justify-content:stretch!important;gap:.5rem!important;width:100%!important;display:flex!important}.btn-tutorial-nav.mini{text-align:center!important;flex:1!important;justify-content:center!important;width:auto!important;min-width:0!important;padding:.65rem .75rem!important;font-size:.78rem!important}.btn-tutorial-nav.mini.next{flex:1.35!important}.btn-tutorial-nav.mini:disabled{opacity:.45;cursor:not-allowed}.tutorial-card-score-badge{border-radius:3px!important;padding:1px 4px!important;font-size:.55rem!important;bottom:-18px!important}.last-turn-box{border-width:2px!important;max-width:320px!important;padding:1.25rem 1rem!important}.last-turn-box .warning-icon{font-size:2.2rem!important}.last-turn-box h2{margin:.5rem 0!important;font-size:1.15rem!important}.last-turn-box p{margin-bottom:.4rem!important;font-size:.78rem!important;line-height:1.35!important}.loading-dots-pulse{margin-top:.8rem!important}.tutorial-game-slide{--tut-card-gap:clamp(3px, 1vw, 7px);--tut-card-width:clamp(46px, 13.5vw, 60px)!important;--tut-card-height:calc(var(--tut-card-width) * 1.4)!important;--card-w:clamp(46px, 13.5vw, 60px)!important;--card-h:calc(var(--card-w) * 1.4)!important}.tutorial-game-slide .tutorial-header-nav{padding:.45rem .85rem!important}.tutorial-game-slide .tutorial-main-content{flex-direction:column;flex:1;min-height:0;display:flex}.tutorial-game-slide .tutorial-stage{flex:auto;min-height:0;max-height:calc(100dvh - 5.5rem - env(safe-area-inset-bottom,0px))!important;padding:.15rem .35rem!important;overflow:hidden!important}.tutorial-game-slide .game-board-arena.tutorial-mode-active{flex-direction:column;justify-content:space-between;gap:.15rem;height:100%;max-height:100%;display:flex;overflow:hidden;padding:0!important}.tutorial-game-slide .opponents-area-premium{transform-origin:top!important;flex-shrink:0!important;margin-bottom:.6rem!important;transform:scale(.85)!important}.tutorial-game-slide.chapter-memorization .opponents-area-premium{display:none!important}.tutorial-game-slide .game-center-container{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.tutorial-game-slide .center-area{gap:.35rem;width:100%}.tutorial-game-slide.chapter-memorization .memorization-timer-card{margin:0 auto;padding:.4rem .65rem}.tutorial-game-slide.chapter-memorization .timer-number{line-height:1.1;font-size:1.45rem!important}.tutorial-game-slide.chapter-memorization .timer-subtext{letter-spacing:.02em;text-transform:uppercase;font-size:.68rem!important}.tutorial-game-slide.chapter-memorization .deck-discard-area .card-slot:nth-child(n+2){display:none!important}.tutorial-game-slide.chapter-memorization .deck-discard-area .card-slot:first-child .card-element{width:var(--tut-card-width)!important;height:var(--tut-card-height)!important}.tutorial-game-slide .my-area-premium{flex-shrink:0;padding-bottom:0!important}.tutorial-game-slide .my-hand.memorization-phase,.tutorial-game-slide .my-hand.slide4-spaced-hand{margin-top:0!important;padding:.35rem 0!important}.tutorial-game-slide .card-element,.tutorial-game-slide .card-slot .card-element{width:var(--tut-card-width)!important;height:var(--tut-card-height)!important}.tutorial-game-slide .arena-hub-container{transform-origin:top!important;height:auto!important;margin-top:.4rem!important;margin-bottom:.8rem!important;transform:scale(.85)!important}.tutorial-game-slide .deck-discard-area{justify-content:center!important;align-items:center!important;gap:.6rem!important;margin:.8rem 0!important;padding:.2rem!important}.tutorial-mode-active .deck-discard-area .card-slot,.tutorial-mode-active .deck-discard-area .card-element,.tutorial-mode-active .deck-discard-area .card-element-placeholder,.tutorial-mode-active .deck-discard-area .card-element-empty,.tutorial-mode-active .deck-discard-area .discard-pile-container,.tutorial-mode-active .deck-discard-area .discard-card-top,.tutorial-mode-active .deck-discard-area .discard-card-top .card-element{width:var(--tut-card-width)!important;height:var(--tut-card-height)!important}.tutorial-game-slide .hand-wrapper{padding-top:35px!important;overflow:visible!important}.tutorial-game-slide .tutorial-card-helper{top:-14px!important}.tutorial-game-slide .helper-arrow{font-size:1.25rem!important}.tutorial-footer-hint{color:#c4b5fd;box-sizing:border-box;background:#8b5cf61f;border:1px solid #8b5cf640;border-radius:8px;width:100%;margin:0 0 .35rem;padding:.35rem .5rem;font-size:.72rem;line-height:1.35}.btn-tutorial-nav.mini.next.highlight:not(:disabled){background:var(--primary-gradient)!important;color:#fff!important;border-color:#fff3!important;box-shadow:0 6px 20px #8b5cf673!important}.btn-tutorial-nav.mini:disabled{color:#ffffff59!important;background:#ffffff0a!important;border-color:#ffffff14!important}.tutorial-game-slide.chapter-karma_call .tutorial-stage{max-height:calc(100dvh - 5.5rem - env(safe-area-inset-bottom,0px))!important}.tutorial-mode-active .selected-card-glow{border:2px solid var(--primary-light)!important;z-index:300!important;transform:translateY(-8px)scale(1.03)!important;box-shadow:0 0 15px #8b5cf6cc!important}.tutorial-mode-active .my-hand.slide4-spaced-hand .card-element.selected-card-glow{z-index:999!important;border:2.5px solid #10b981!important;transform:translateY(-10px)scale(1.06)!important;box-shadow:0 0 15px #10b981d9!important}.tutorial-mode-active .opponent-hand.slide4-spaced-hand .card-element.selected-card-glow{z-index:999!important;border:2.5px solid #10b981!important;transform:translateY(8px)scale(1.06)!important;box-shadow:0 0 15px #10b981d9!important}.tutorial-mode-active .selectable-card-glow{cursor:pointer!important;opacity:.9!important;border:1.5px dashed #8b5cf666!important;box-shadow:0 0 8px #8b5cf626!important}}.tutorial-container.values-step{--tut-card-height:clamp(90px, 13.5vh, 130px)!important;--tut-card-width:calc(var(--tut-card-height) / 1.4)!important;--tut-card-gap:1.2vh!important}.values-view{background:radial-gradient(circle,#8b5cf61a 0%,#0000 80%)!important;padding-bottom:.5rem!important}.values-view .game-center-container{justify-content:center;align-items:center;width:100%;display:flex}@media (width>=1025px){.values-view{box-sizing:border-box!important;grid-template-rows:auto 1fr!important;grid-template-columns:63% 34%!important;gap:1.5vh 3%!important;width:100%!important;height:100%!important;min-height:0!important;display:grid!important}.values-view .tutorial-goal-header{grid-column:1/span 2!important;margin-bottom:0!important}.values-view .main-standards{flex-direction:column!important;grid-area:2/1!important;justify-content:center!important;gap:2.2vh!important;height:100%!important;display:flex!important}.values-view .bottom-sections-grid{flex-direction:column!important;grid-area:2/2!important;gap:1.2vh!important;height:100%!important;min-height:0!important}.values-view .bottom-sections-grid>*{flex-direction:column!important;flex:1!important;justify-content:center!important;min-height:0!important;display:flex!important}.values-view .grid-section-box{padding:clamp(.6rem,1.2vh,1.2rem) clamp(.8rem,1.5vw,1.5rem)!important}}.goal-main-text span{color:var(--primary-light)!important;text-shadow:0 0 10px #8b5cf666!important;font-weight:850!important}.tutorial-container.specials-step{--tut-card-height:clamp(75px, 11vh, 115px);--tut-card-width:calc(var(--tut-card-height) / 1.4);--tut-card-gap:1vh}@media (width>=1025px){.specials-step .tutorial-stage{justify-content:center!important;align-items:center!important;padding:1.2rem 1.5rem!important}.values-reference-grid.specials-view{box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;padding:clamp(1.2rem,2.5vh,2.2rem) clamp(1.2rem,2.5vw,2.5rem)!important}.specials-view{flex-direction:column!important;gap:clamp(1rem,2vh,2rem)!important;width:100%!important;max-width:1120px!important;display:flex!important}.specials-view .bottom-sections-grid{flex-direction:row!important;align-items:stretch!important;gap:1.8vw!important;width:100%!important}.specials-view .bottom-sections-grid>*{flex-direction:column!important;flex:1!important;justify-content:flex-start!important;align-items:flex-start!important;gap:clamp(.5rem,1vh,1rem)!important;min-width:0!important;padding:clamp(1rem,2vh,1.8rem) clamp(1rem,1.8vw,1.8rem)!important;display:flex!important}.specials-view .grid-section-title{letter-spacing:2.5px!important;width:100%!important;margin-bottom:0!important;font-size:clamp(1.05rem,1.8vh,1.5rem)!important;font-weight:950!important}.specials-view .grid-section-desc{color:#94a3b8!important;width:100%!important;margin:0!important;font-size:clamp(.82rem,1.3vh,1rem)!important;line-height:1.55!important}.specials-view .grid-cards-wrapper.compact{border-top:1px solid #ffffff14!important;flex-direction:row!important;flex:0 auto!important;justify-content:center!important;align-items:flex-end!important;gap:clamp(1rem,2vw,2.5rem)!important;width:100%!important;margin-top:clamp(.8rem,1.8vh,1.8rem)!important;padding-top:clamp(.8rem,1.5vh,1.5rem)!important;display:flex!important}.specials-view .card-status-tag{letter-spacing:1.5px!important;margin-bottom:.5rem!important;padding:3px 10px!important;font-size:.66rem!important}.specials-view .value-card-item .card-element{--tut-card-height:clamp(120px, 19vh, 175px)!important;--tut-card-width:calc(var(--tut-card-height) / 1.4)!important}.specials-view .value-points-label,.specials-view .card-qty-badge{font-size:clamp(.72rem,1.1vh,.88rem)!important}}.chapter-memorization.game-board{padding-top:clamp(.4rem,1vh,1rem)!important;padding-bottom:clamp(.4rem,1vh,1rem)!important}.chapter-memorization .card-element-placeholder{background:0 0!important;border:none!important}.my-hand.memorization-phase{z-index:100!important;justify-content:center!important;align-items:center!important;gap:2rem!important;margin-top:1rem!important;padding:1.5rem 0!important;display:flex!important;position:relative!important}.my-hand.memorization-phase .card-element{margin:0!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;position:relative!important;transform:none!important}.my-hand.memorization-phase .card-element.card-memorized{border:2px solid var(--primary-light)!important;z-index:10!important;transform:scale(1.08)!important;box-shadow:0 0 25px #8b5cf6b3!important}.my-hand.memorization-phase .tutorial-card-helper+.card-element{border:2px dashed #10b981!important;animation:1.5s ease-in-out infinite alternate targetGlow!important;box-shadow:0 0 15px #10b98166!important}@keyframes bounceGreen{0%{transform:translate(-50%)}to{transform:translate(-50%,-4px)}}@keyframes targetGlow{0%{border-color:#10b98180;box-shadow:0 0 5px #10b9814d}to{border-color:#10b981;box-shadow:0 0 18px #10b981b3}}.modal-buttons-row{gap:1rem;width:100%;margin-top:1.5rem;display:flex}.modal-buttons-row .btn-modal-primary{flex:1;width:auto}.btn-modal-secondary{color:#94a3b8;cursor:pointer;text-transform:uppercase;letter-spacing:1px;text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;flex:1;padding:1.1rem;font-size:1.05rem;font-weight:900;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-modal-secondary:hover{color:#fff;background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.my-hand.slide4-spaced-hand{z-index:100!important;justify-content:center!important;align-items:center!important;gap:clamp(1rem,2vw,2.5rem)!important;margin-top:.2rem!important;padding:.8rem 0!important;display:flex!important;position:relative!important}.my-hand.slide4-spaced-hand .card-element{margin:0!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;position:relative!important;transform:none!important}.known-card-tutorial{border:2px dashed #10b981!important;animation:1.5s ease-in-out infinite alternate targetGlow!important;box-shadow:0 0 15px #10b98166!important}.unknown-card-tutorial{border:2px dashed #ef4444!important;animation:1.5s ease-in-out infinite alternate dangerGlow!important;box-shadow:0 0 15px #ef444466!important}@keyframes dangerGlow{0%{border-color:#ef444480;box-shadow:0 0 5px #ef444433}to{border-color:#ef4444;box-shadow:0 0 20px #ef444499}}.tutorial-deck-helper{pointer-events:none;flex-direction:column;align-items:center;animation:1.2s ease-in-out infinite alternate bounceGreen;display:flex;position:absolute;top:-26px;left:50%;transform:translate(-50%);z-index:200!important}.tutorial-card-helper{pointer-events:none;flex-direction:column;align-items:center;animation:1.2s ease-in-out infinite alternate bounceGreen;display:flex;position:absolute;top:-62px;left:50%;transform:translate(-50%);z-index:200!important}.helper-arrow{color:#10b981;filter:drop-shadow(0 0 5px #10b98199);order:2;margin-top:1px;font-size:1.3rem;line-height:1}.helper-tooltip{color:#a7f3d0;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;background:#064e3b;border:1px solid #059669;border-radius:6px;order:1;padding:.25rem .55rem;font-size:.62rem;font-weight:800;box-shadow:0 4px 10px #0000004d,0 0 8px #10b98133}.tutorial-discard-btn{width:var(--card-w,100px)!important;height:var(--card-h,144px)!important;color:#fca5a5!important;cursor:pointer!important;white-space:normal!important;text-align:center!important;background:linear-gradient(135deg,#ef44441f 0%,#b91c1c38 100%)!important;border:2px dashed #ef4444!important;border-radius:.6rem!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:.4rem!important;margin:0!important;padding:.5rem!important;font-size:.75rem!important;font-weight:950!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;display:flex!important;position:relative!important;box-shadow:0 0 15px #ef444433!important}.tutorial-discard-btn .discard-btn-icon{font-size:1.8rem}.tutorial-discard-btn .discard-btn-text{letter-spacing:1px;text-transform:uppercase;font-size:.68rem;font-weight:900}.tutorial-discard-btn:hover{color:#fff!important;background:linear-gradient(135deg,#ef444440 0%,#b91c1c66 100%)!important;border-color:#f87171!important;transform:translateY(-8px)scale(1.03)!important;box-shadow:0 8px 25px #ef444466!important}.tutorial-mouse-pointer{pointer-events:none;filter:drop-shadow(0 4px 8px #0006);font-size:2.2rem;animation:1.8s cubic-bezier(.25,1,.5,1) forwards mouseSlideToDiscard;position:absolute;z-index:9999999!important}@keyframes mouseSlideToDiscard{0%{opacity:0;top:73%;left:36%;transform:scale(1)}15%{opacity:1;transform:scale(1.2)}80%{opacity:1;top:73%;left:64%;transform:scale(1.2)}90%{opacity:1;top:73%;left:64%;transform:scale(.95)}to{opacity:0;top:73%;left:64%;transform:scale(1.2)}}@keyframes targetGlowSlide5{0%{border-color:#10b98199;transform:scale(1);box-shadow:0 0 8px #10b9814d}to{border-color:#10b981;transform:scale(1.02);box-shadow:0 0 25px #10b981cc}}.my-hand.slide4-spaced-hand .known-card-tutorial,.opponent-hand.slide4-spaced-hand .known-card-tutorial{border:2px dashed #8b5cf6!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;animation:1.5s ease-in-out infinite alternate targetGlowSlide6!important;box-shadow:0 0 20px #8b5cf680!important}@keyframes targetGlowSlide6{0%{border-color:#8b5cf699;transform:scale(1);box-shadow:0 0 8px #8b5cf64d}to{border-color:#8b5cf6;transform:scale(1.02);box-shadow:0 0 25px #8b5cf6cc}}.my-hand.slide4-spaced-hand .known-card-tutorial:hover,.opponent-hand.slide4-spaced-hand .known-card-tutorial:hover{border-color:#a78bfa!important;transform:translateY(-10px)scale(1.06)!important;box-shadow:0 12px 30px #8b5cf6cc!important}.opponent-hand.slide4-spaced-hand{z-index:100!important;justify-content:center!important;align-items:center!important;gap:clamp(1rem,2vw,2.5rem)!important;margin-top:.2rem!important;padding:.8rem 0!important;display:flex!important;position:relative!important}.opponent-hand.slide4-spaced-hand .card-element{width:var(--card-w,100px)!important;height:var(--card-h,144px)!important;margin:0!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;position:relative!important;transform:none!important}.chapter-power_jack .opponents-area-premium{margin-bottom:1.5rem!important;padding-top:2.2rem!important}.chapter-power_jack .game-center-container{margin:1.2rem auto!important;transform:none!important}.pulse-reflex-btn{border:1px solid #f59e0b!important;animation:1.8s ease-in-out infinite pulseReflexBtn!important;box-shadow:0 0 20px #f59e0b80!important}@keyframes pulseReflexBtn{0%{transform:scale(1);box-shadow:0 0 8px #f59e0b66}50%{border-color:#ef4444;transform:scale(1.05);box-shadow:0 0 25px #f59e0be6,0 0 40px #ef444480}to{transform:scale(1);box-shadow:0 0 8px #f59e0b66}}.my-hand.slide4-spaced-hand .known-card-tutorial{border:2px dashed #10b981!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;animation:1.5s ease-in-out infinite alternate targetGlowSlide7!important;box-shadow:0 0 25px #10b98199!important}@keyframes targetGlowSlide7{0%{border-color:#10b98199;transform:scale(1);box-shadow:0 0 10px #10b9814d}to{border-color:#10b981;transform:scale(1.03);box-shadow:0 0 30px #10b981cc,0 0 15px #34d39966}}.my-hand.slide4-spaced-hand .known-card-tutorial:hover{border-color:#34d399!important;transform:translateY(-10px)scale(1.06)!important;box-shadow:0 12px 30px #10b981e6!important}.chapter-reflex_intro .opponents-area-premium{margin-bottom:.4rem!important;padding-top:1.5rem!important}.chapter-reflex_intro .opponent-hand.slide4-spaced-hand{z-index:100!important;justify-content:center!important;align-items:center!important;gap:clamp(1rem,2vw,2.5rem)!important;margin-top:.2rem!important;padding:.8rem 0!important;display:flex!important}.chapter-reflex_intro .opponent-hand.slide4-spaced-hand .card-element{width:var(--card-w-opp,78px)!important;height:var(--card-h-opp,112px)!important;margin:0!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;position:relative!important;transform:none!important}.chapter-reflex_intro .game-center-container{margin:.4rem auto!important;transform:none!important}.chapter-reflex_intro .deck-discard-area{min-height:140px!important;margin:.6rem auto!important}.chapter-reflex_intro .player-actions-container{margin-top:4.8rem!important;margin-bottom:.1rem!important}.chapter-karma_call .arena-info-segments{margin-bottom:.5rem!important;transform:scale(.85)!important}@keyframes mouseToKarmaRelative{0%{opacity:0;top:150px;left:30%;transform:scale(1)}20%{opacity:1;transform:scale(1.2)}80%{opacity:1;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.2)}90%{opacity:1;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95)}to{opacity:0;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}}.last-turn-announcement-banner{-webkit-backdrop-filter:blur(16px);color:#fca5a5;text-align:center;z-index:1000;background:#ef444426;border:1px solid #ef444466;border-radius:12px;align-items:center;gap:.75rem;padding:.8rem 2.2rem;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;animation:2s infinite alternate bannerPulse,3s ease-in-out infinite bannerFloat;display:flex;position:absolute;top:10%;left:50%;transform:translate(-50%);box-shadow:0 0 20px #ef444440,inset 0 0 15px #ef444426}@keyframes bannerPulse{0%{border-color:#ef444466;box-shadow:0 0 20px #ef444440,inset 0 0 15px #ef444426}to{border-color:#ef4444cc;box-shadow:0 0 35px #ef444480,inset 0 0 20px #ef44444d}}@keyframes bannerFloat{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}@keyframes floatUpAndFade{0%{opacity:0;transform:translateY(20px)scale(.7)}20%{opacity:1;transform:translateY(0)scale(1.2)}to{opacity:0;transform:translateY(-80px)scale(.95)}}@media (width<=1400px) and (width>=1025px){.tutorial-container.values-step{--tut-card-height:clamp(75px, 11vh, 100px)!important;--tut-card-width:calc(var(--tut-card-height) / 1.4)!important;--tut-card-gap:1.8vh!important}.values-view{gap:1.2vh 2.5%!important;padding:.5rem 1rem!important}.values-view .main-standards{gap:1.6vh!important}.values-view .bottom-sections-grid{gap:1vh!important}.values-view .grid-section-box{padding:clamp(.5rem,1vh,.9rem) clamp(.7rem,1vw,1.3rem)!important}.values-view .bottom-sections-grid .value-card-item .card-element{--tut-card-height:clamp(58px, 8.5vh, 78px)!important;--tut-card-width:calc(var(--tut-card-height) / 1.4)!important}.values-view .value-card-item:hover{z-index:50!important;transform:scale(1.08)translateY(-4px)!important}.specials-step .tutorial-stage{justify-content:center!important;align-items:center!important;padding:1rem 1.2rem!important}.values-reference-grid.specials-view{box-sizing:border-box!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;padding:clamp(.8rem,1.8vh,1.6rem) clamp(.8rem,1.8vw,1.8rem)!important}.specials-view{flex-direction:column!important;gap:clamp(.7rem,1.4vh,1.4rem)!important;width:100%!important;max-width:980px!important;display:flex!important}.specials-view .bottom-sections-grid{flex-direction:row!important;align-items:stretch!important;gap:1.2vw!important;width:100%!important}.specials-view .bottom-sections-grid>*{flex-direction:column!important;flex:1!important;justify-content:flex-start!important;align-items:flex-start!important;gap:clamp(.3rem,.7vh,.7rem)!important;min-width:0!important;padding:clamp(.8rem,1.5vh,1.4rem) clamp(.7rem,1.2vw,1.2rem)!important;display:flex!important}.specials-view .grid-section-title{letter-spacing:2px!important;width:100%!important;margin-bottom:0!important;font-size:clamp(.9rem,1.5vh,1.2rem)!important;font-weight:950!important}.specials-view .grid-section-desc{color:#94a3b8!important;width:100%!important;margin:0!important;font-size:clamp(.76rem,1.1vh,.9rem)!important;line-height:1.5!important}.specials-view .grid-cards-wrapper.compact{border-top:1px solid #ffffff14!important;flex-direction:row!important;flex:0 auto!important;justify-content:center!important;align-items:flex-end!important;gap:clamp(.7rem,1.5vw,1.8rem)!important;width:100%!important;margin-top:clamp(.6rem,1.2vh,1.2rem)!important;padding-top:clamp(.6rem,1.1vh,1rem)!important;display:flex!important}.specials-view .card-status-tag{margin-bottom:.4rem!important;padding:2px 8px!important;font-size:.58rem!important}.specials-view .value-card-item .card-element{--tut-card-height:clamp(90px, 14vh, 125px)!important;--tut-card-width:calc(var(--tut-card-height) / 1.4)!important}.specials-view .value-points-label,.specials-view .card-qty-badge{font-size:clamp(.62rem,.9vh,.78rem)!important}}@media (width<=1400px),(height<=900px){.my-hand.memorization-phase{z-index:100!important;gap:1.5rem!important;margin-top:.5rem!important;padding:1rem 0!important;position:relative!important}.my-hand.memorization-phase .card-element.card-memorized{transform:scale(1.05)!important;box-shadow:0 0 20px #8b5cf699!important}.my-hand.slide4-spaced-hand{z-index:100!important;justify-content:center!important;align-items:center!important;gap:clamp(1rem,2vw,2.2rem)!important;margin-top:.2rem!important;padding:.6rem 0!important;display:flex!important;position:relative!important}.my-hand.slide4-spaced-hand .card-element{margin:0!important;position:relative!important;transform:none!important}.tutorial-card-helper{top:-56px!important}.helper-tooltip{padding:.2rem .45rem!important;font-size:.58rem!important}.tutorial-modal-content{max-width:440px;padding:2rem}.modal-title{font-size:1.35rem}.modal-text{margin-bottom:1.5rem;font-size:.98rem}.modal-buttons-row{gap:.8rem;margin-top:1.2rem}.btn-modal-secondary,.modal-buttons-row .btn-modal-primary{padding:.95rem;font-size:.98rem}.chapter-power_7 .opponents-area-premium{padding-top:1.5rem!important;padding-bottom:.1rem!important}.chapter-power_7 .opponent-hand.slide4-spaced-hand{z-index:100!important;justify-content:center!important;align-items:center!important;gap:clamp(1rem,2.5vw,2.2rem)!important;margin-top:.2rem!important;padding:.5rem 0!important;display:flex!important}.chapter-power_7 .opponent-hand.slide4-spaced-hand .card-element{width:clamp(70px,8.5vh,85px)!important;height:calc(1.44*clamp(70px,8.5vh,85px))!important;margin:0!important}.chapter-power_7 .my-hand.slide4-spaced-hand{z-index:100!important;justify-content:center!important;align-items:center!important;gap:clamp(1rem,2.5vw,2.2rem)!important;padding:.5rem 0!important;display:flex!important}.chapter-power_7 .my-hand.slide4-spaced-hand .card-element{width:clamp(70px,8.5vh,85px)!important;height:calc(1.44*clamp(70px,8.5vh,85px))!important;margin:0!important}.chapter-power_7 .game-center-container{transform-origin:50%!important;z-index:50!important;margin:.4rem auto!important;transform:scale(.85)!important}.chapter-power_7 .player-actions-container{z-index:150!important;position:relative!important}.chapter-power_7 .tutorial-card-helper{z-index:200!important;top:-46px!important}.chapter-power_7 .helper-tooltip{border-radius:6px!important;padding:.15rem .4rem!important;font-size:.6rem!important}.my-hand.slide4-spaced-hand .known-card-tutorial,.opponent-hand.slide4-spaced-hand .known-card-tutorial{border:2px dashed #8b5cf6!important;box-shadow:0 0 16px #8b5cf666!important}.chapter-power_jack .opponents-area-premium{margin-bottom:2.8rem!important;padding-top:2rem!important;padding-bottom:.1rem!important}.opponent-hand.slide4-spaced-hand{z-index:100!important;justify-content:center!important;align-items:center!important;gap:clamp(1rem,2.5vw,2.2rem)!important;margin-top:.2rem!important;padding:.5rem 0!important;display:flex!important}.opponent-hand.slide4-spaced-hand .card-element{width:clamp(70px,8.5vh,85px)!important;height:calc(1.44*clamp(70px,8.5vh,85px))!important;margin:0!important}.my-hand.slide4-spaced-hand{z-index:100!important;justify-content:center!important;align-items:center!important;gap:clamp(1rem,2.5vw,2.2rem)!important;padding:.5rem 0!important;display:flex!important}.my-hand.slide4-spaced-hand .card-element{width:clamp(70px,8.5vh,85px)!important;height:calc(1.44*clamp(70px,8.5vh,85px))!important;margin:0!important}.chapter-power_jack .game-center-container{z-index:50!important;margin:1.2rem auto!important;transform:none!important}.tutorial-card-helper{z-index:200!important;top:-46px!important}.helper-tooltip{border-radius:6px!important;padding:.15rem .4rem!important;font-size:.6rem!important}.my-hand.slide4-spaced-hand .known-card-tutorial{border:2px dashed #10b981!important;box-shadow:0 0 16px #10b98180!important}.pulse-reflex-btn{animation:1.8s ease-in-out infinite pulseReflexBtn!important;box-shadow:0 0 12px #f59e0b66!important}.chapter-reflex_intro .opponents-area-premium{margin-bottom:.3rem!important;padding-top:1rem!important;padding-bottom:.1rem!important}.chapter-reflex_intro .opponent-hand.slide4-spaced-hand{z-index:100!important;justify-content:center!important;align-items:center!important;gap:clamp(1rem,2.5vw,2.2rem)!important;margin-top:.2rem!important;padding:.5rem 0!important;display:flex!important}.chapter-reflex_intro .opponent-hand.slide4-spaced-hand .card-element{width:var(--card-w-opp)!important;height:var(--card-h-opp)!important;margin:0!important}.chapter-reflex_intro .my-hand.slide4-spaced-hand{z-index:100!important;justify-content:center!important;align-items:center!important;gap:clamp(1rem,2.5vw,2.2rem)!important;padding:.5rem 0!important;display:flex!important}.chapter-reflex_intro .my-hand.slide4-spaced-hand .card-element{width:clamp(70px,8.5vh,85px)!important;height:calc(1.44*clamp(70px,8.5vh,85px))!important;margin:0!important}.chapter-reflex_intro .game-center-container{z-index:50!important;margin:.3rem auto!important;transform:none!important}.chapter-reflex_intro .deck-discard-area{min-height:120px!important;margin:.5rem auto!important}.chapter-reflex_intro .player-actions-container{z-index:150!important;margin-top:4.8rem!important;margin-bottom:.1rem!important;position:relative!important}.chapter-reflex_intro .tutorial-card-helper{z-index:200!important;top:-46px!important}.chapter-reflex_intro .helper-tooltip{border-radius:6px!important;padding:.15rem .4rem!important;font-size:.6rem!important}}.tutorial-stage .game-board,.tutorial-stage .my-area-premium,.tutorial-stage .opponent-item,.tutorial-stage .game-center-container{will-change:transform, opacity, filter;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .8s,filter .8s}.tutorial-stage.zoom-active.zoom-step-0 .opponents-area-premium .opponent-item:first-child{z-index:100!important;filter:none!important;opacity:1!important;transform:scale(1.25)translateY(25px)translate(20px)!important}.tutorial-stage.zoom-active.zoom-step-0 .opponents-area-premium .opponent-item:nth-child(2){opacity:.25!important;filter:blur(2px)grayscale(50%)!important}.tutorial-stage.zoom-active.zoom-step-0 .game-center-container,.tutorial-stage.zoom-active.zoom-step-0 .my-area-premium{opacity:.15!important;filter:blur(3px)grayscale(70%)!important}.tutorial-stage.zoom-active.zoom-step-1 .opponents-area-premium .opponent-item:nth-child(2){z-index:100!important;filter:none!important;opacity:1!important;transform:scale(1.25)translateY(25px)translate(-20px)!important}.tutorial-stage.zoom-active.zoom-step-1 .opponents-area-premium .opponent-item:first-child{opacity:.25!important;filter:blur(2px)grayscale(50%)!important}.tutorial-stage.zoom-active.zoom-step-1 .game-center-container,.tutorial-stage.zoom-active.zoom-step-1 .my-area-premium{opacity:.15!important;filter:blur(3px)grayscale(70%)!important}.tutorial-stage.zoom-active.zoom-step-2 .my-area-premium{z-index:100!important;filter:none!important;opacity:1!important;transform:scale(1.2)translateY(-40px)!important}.tutorial-stage.zoom-active.zoom-step-2 .opponents-area-premium,.tutorial-stage.zoom-active.zoom-step-2 .game-center-container{opacity:.15!important;filter:blur(3px)grayscale(70%)!important}.chapter-karma_call .known-card-tutorial{border-color:var(--success)!important;box-shadow:0 0 15px #10b98166!important}.chapter-karma_call .opponents-area-premium{margin-bottom:.3rem!important;padding-bottom:25px!important}.chapter-karma_call .arena-info-segments{display:none!important}.chapter-karma_call .my-area-premium{flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;display:flex!important}.chapter-karma_call .game-center-container{margin:.3rem auto!important;transform:none!important}.chapter-karma_call .deck-discard-area{min-height:120px!important;margin:.5rem auto!important}.chapter-karma_call .player-actions-container{justify-content:center!important;align-items:center!important;width:100%!important;max-width:none!important;height:42px!important;margin:4.8rem auto .1rem!important;padding:0!important;display:flex!important}.chapter-karma_call .my-hand{justify-content:center!important;align-items:center!important;width:100%!important;margin:0 auto!important;padding:0!important;display:flex!important}.chapter-karma_call .my-hand .card-element,.chapter-karma_call .my-hand .card-element:first-child{margin:0!important}.chapter-karma_call .opponent-hand .card-element{margin:0 4px!important}.chapter-karma_call .selection-actions-group{justify-content:center!important;align-items:center!important;width:100%!important;display:flex!important}.chapter-karma_call .karma-trigger-wrapper{justify-content:center!important;align-items:center!important;width:100%!important;margin:0 auto!important;display:flex!important}.tutorial-mouse-pointer.karma-pointer-relative{pointer-events:none;filter:drop-shadow(0 4px 8px #0006);font-size:2.2rem;animation:1.5s cubic-bezier(.25,1,.5,1) forwards mouseToKarmaRelative;z-index:10000!important;position:absolute!important}.last-turn-announcement-banner{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fca5a5;text-align:center;z-index:1000;background:#ef444426;border:1px solid #ef444466;border-radius:12px;align-items:center;gap:.75rem;padding:.8rem 2.2rem;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;animation:2s infinite alternate bannerPulse,3s ease-in-out infinite bannerFloat;display:flex;position:absolute;top:10%;left:50%;transform:translate(-50%);box-shadow:0 0 20px #ef444440,inset 0 0 15px #ef444426}.highlight-player{color:#fee2e2;text-shadow:0 0 8px #fee2e280}.announcement-pulse-dot{background-color:#ef4444;border-radius:50%;width:10px;height:10px;animation:1.2s infinite dotPulse;box-shadow:0 0 10px #ef4444}.floating-score-badge{color:#ef4444;text-shadow:0 0 12px #ef4444b3;pointer-events:none;z-index:10000;font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:900;animation:1.2s cubic-bezier(.25,1,.5,1) forwards floatUpAndFade;position:absolute}@media (width<=1024px){.my-hand.memorization-phase{z-index:100!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;margin-top:.4rem!important;padding:.8rem 0!important;display:flex!important;position:relative!important}.my-hand.memorization-phase .card-element{margin:0!important;transform:none!important}.my-hand.memorization-phase .card-element.card-memorized{transform:scale(1.04)!important;box-shadow:0 0 15px #8b5cf680!important}.my-hand.memorization-phase .helper-tooltip{display:none!important}.my-hand.memorization-phase .tutorial-card-helper{top:-20px!important;left:50%!important;transform:translate(-50%)!important}.my-hand.memorization-phase .helper-arrow{color:#10b981!important;filter:drop-shadow(0 0 8px #10b981cc)!important;font-size:1.6rem!important;animation:1s ease-in-out infinite alternate bounceGreenMobile!important}.my-hand.memorization-phase .tutorial-card-helper+.card-element{border:2px dashed #10b981!important;animation:1.5s ease-in-out infinite alternate targetGlow!important;box-shadow:0 0 15px #10b98166!important}@keyframes bounceGreenMobile{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes targetGlow{0%{border-color:#10b98180;box-shadow:0 0 5px #10b9814d}to{border-color:#10b981;box-shadow:0 0 18px #10b981b3}}.my-hand.slide4-spaced-hand{z-index:100!important;justify-content:center!important;align-items:center!important;gap:.25rem!important;margin-top:.2rem!important;padding:.4rem 0!important;display:flex!important;position:relative!important}.my-hand.slide4-spaced-hand .card-element{margin:0!important;transform:none!important}.helper-tooltip{display:none!important}.known-card-tutorial{border:2px dashed #10b981!important;animation:1.5s ease-in-out infinite alternate targetGlowMobile!important;box-shadow:0 0 15px #10b98166!important}.unknown-card-tutorial{border:2px dashed #ef4444!important;animation:1.5s ease-in-out infinite alternate dangerGlowMobile!important;box-shadow:0 0 15px #ef444466!important}@keyframes dangerGlowMobile{0%{border-color:#ef444480;box-shadow:0 0 5px #ef444433}to{border-color:#ef4444;box-shadow:0 0 15px #ef444480}}@keyframes targetGlowMobile{0%{border-color:#10b98166;box-shadow:0 0 5px #10b98133}to{border-color:#10b981;box-shadow:0 0 15px #10b98199}}.tutorial-card-helper{z-index:200!important;flex-direction:column!important;align-items:center!important;display:flex!important;position:absolute!important;top:-20px!important;left:50%!important;transform:translate(-50%)!important}.tutorial-deck-helper{z-index:200!important;flex-direction:column!important;align-items:center!important;display:flex!important;position:absolute!important;top:10px!important;left:50%!important;transform:translate(-50%)!important}.helper-arrow{color:#10b981!important;filter:drop-shadow(0 0 8px #10b981cc)!important;font-size:1.6rem!important;animation:1s ease-in-out infinite alternate bounceGreenMobile!important}.tutorial-discard-btn{width:var(--card-w,68px)!important;height:var(--card-h,98px)!important;color:#fca5a5!important;cursor:pointer!important;white-space:normal!important;text-align:center!important;background:linear-gradient(135deg,#ef44441f 0%,#b91c1c38 100%)!important;border:2px dashed #ef4444!important;border-radius:.5rem!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:.25rem!important;margin:0!important;padding:.35rem!important;font-size:.55rem!important;font-weight:950!important;transition:all .2s ease-in-out!important;display:flex!important;position:relative!important;box-shadow:0 0 10px #ef444433!important}.tutorial-discard-btn .discard-btn-icon{font-size:1.25rem}.tutorial-discard-btn .discard-btn-text{letter-spacing:.5px;text-transform:uppercase;font-size:.48rem;font-weight:900}.tutorial-mouse-pointer{pointer-events:none;filter:drop-shadow(0 3px 6px #0006);animation:1.8s cubic-bezier(.25,1,.5,1) forwards mouseSlideToDiscardMobile;position:absolute;z-index:9999999!important;font-size:1.8rem!important}@keyframes mouseSlideToDiscardMobile{0%{opacity:0;top:71%;left:35%;transform:scale(1)}15%{opacity:1;transform:scale(1.1)}80%{opacity:1;top:71%;left:66%;transform:scale(1.1)}90%{opacity:1;top:71%;left:66%;transform:scale(.95)}to{opacity:0;top:71%;left:66%;transform:scale(1.1)}}@keyframes targetGlowSlide5Mobile{0%{border-color:#10b98180;box-shadow:0 0 4px #10b98133}to{border-color:#10b981;box-shadow:0 0 15px #10b98199}}@keyframes bounceGreenMobileSlide5{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.my-hand.slide4-spaced-hand .known-card-tutorial,.opponent-hand.slide4-spaced-hand .known-card-tutorial{border:2px dashed #8b5cf6!important;animation:1.5s ease-in-out infinite alternate targetGlowSlide6Mobile!important;box-shadow:0 0 12px #8b5cf666!important}@keyframes targetGlowSlide6Mobile{0%{border-color:#8b5cf680;box-shadow:0 0 4px #8b5cf633}to{border-color:#8b5cf6;box-shadow:0 0 15px #8b5cf699}}.my-hand.slide4-spaced-hand .helper-tooltip,.opponent-hand.slide4-spaced-hand .helper-tooltip{display:none!important}.my-hand.slide4-spaced-hand .tutorial-card-helper,.opponent-hand.slide4-spaced-hand .tutorial-card-helper{z-index:200!important;flex-direction:column!important;align-items:center!important;display:flex!important;position:absolute!important;top:-20px!important;left:50%!important;transform:translate(-50%)!important}.my-hand.slide4-spaced-hand .helper-arrow,.opponent-hand.slide4-spaced-hand .helper-arrow{color:#8b5cf6!important;filter:drop-shadow(0 0 8px #8b5cf6cc)!important;font-size:1.6rem!important;animation:1s ease-in-out infinite alternate bounceGreenMobileSlide6!important}@keyframes bounceGreenMobileSlide6{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.opponent-hand.slide4-spaced-hand{justify-content:center!important;align-items:center!important;gap:.8rem!important;display:flex!important}.opponent-hand.slide4-spaced-hand .card-element{width:var(--card-w,65px)!important;height:var(--card-h,94px)!important}.chapter-power_jack .opponents-area-premium{margin-bottom:3.8rem!important;padding-bottom:.5rem!important}.chapter-power_jack .game-center-container{margin:.6rem auto!important}.my-hand.slide4-spaced-hand .known-card-tutorial{border:2px dashed #10b981!important;animation:1.5s ease-in-out infinite alternate targetGlowSlide7Mobile!important;box-shadow:0 0 12px #10b98166!important}@keyframes targetGlowSlide7Mobile{0%{border-color:#10b98180;box-shadow:0 0 4px #10b98133}to{border-color:#10b981;box-shadow:0 0 15px #10b981b3}}.my-hand.slide4-spaced-hand .helper-tooltip{display:none!important}.my-hand.slide4-spaced-hand .tutorial-card-helper{z-index:200!important;flex-direction:column!important;align-items:center!important;display:flex!important;position:absolute!important;top:-20px!important;left:50%!important;transform:translate(-50%)!important}.my-hand.slide4-spaced-hand .helper-arrow{color:#10b981!important;filter:drop-shadow(0 0 8px #10b981cc)!important;font-size:1.6rem!important;animation:1s ease-in-out infinite alternate bounceMobileSlide7!important}@keyframes bounceMobileSlide7{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.tutorial-reflex-btn-helper .helper-tooltip{display:none!important}.tutorial-game-slide.chapter-reflex_intro .opponents-area-premium{margin-bottom:.8rem!important}.tutorial-game-slide.chapter-reflex_intro .game-center-container{margin:.4rem auto!important}.tutorial-game-slide.chapter-reflex_intro .deck-discard-area{gap:.4rem!important;margin:.6rem auto!important}.tutorial-game-slide.chapter-reflex_intro .player-actions-container{margin-top:4.2rem!important;margin-bottom:.1rem!important}.tutorial-stage .game-board,.tutorial-stage .my-area-premium,.tutorial-stage .opponent-item,.tutorial-stage .game-center-container{will-change:transform, opacity, filter;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .8s,filter .8s}.tutorial-stage.zoom-active.zoom-step-0 .opponents-area-premium .opponent-item:first-child{z-index:100!important;filter:none!important;opacity:1!important;transform:scale(1.2)translateY(15px)translate(10px)!important}.tutorial-stage.zoom-active.zoom-step-0 .opponents-area-premium .opponent-item:nth-child(2){opacity:.25!important;filter:blur(1.5px)grayscale(50%)!important}.tutorial-stage.zoom-active.zoom-step-0 .game-center-container,.tutorial-stage.zoom-active.zoom-step-0 .my-area-premium{opacity:.15!important;filter:blur(2px)grayscale(70%)!important}.tutorial-stage.zoom-active.zoom-step-1 .opponents-area-premium .opponent-item:nth-child(2){z-index:100!important;filter:none!important;opacity:1!important;transform:scale(1.2)translateY(15px)translate(-10px)!important}.tutorial-stage.zoom-active.zoom-step-1 .opponents-area-premium .opponent-item:first-child{opacity:.25!important;filter:blur(1.5px)grayscale(50%)!important}.tutorial-stage.zoom-active.zoom-step-1 .game-center-container,.tutorial-stage.zoom-active.zoom-step-1 .my-area-premium{opacity:.15!important;filter:blur(2px)grayscale(70%)!important}.tutorial-stage.zoom-active.zoom-step-2 .my-area-premium{z-index:100!important;filter:none!important;opacity:1!important;transform:scale(1.15)translateY(-30px)!important}.tutorial-stage.zoom-active.zoom-step-2 .opponents-area-premium,.tutorial-stage.zoom-active.zoom-step-2 .game-center-container{opacity:.15!important;filter:blur(2px)grayscale(70%)!important}.chapter-karma_call .known-card-tutorial{border-color:var(--success)!important;box-shadow:0 0 15px #10b98166!important}.chapter-karma_call .opponent-hand .card-element{margin:0 3px!important}.tutorial-mouse-pointer.karma-pointer{animation:1.5s cubic-bezier(.25,1,.5,1) forwards mouseToKarma}.last-turn-announcement-banner{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fca5a5;text-align:center;z-index:1000;background:#ef444426;border:1px solid #ef444466;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:800;animation:2s infinite alternate bannerPulse;display:flex;position:absolute;top:10%;left:50%;transform:translate(-50%);box-shadow:0 0 15px #ef444440,inset 0 0 10px #ef444426}.highlight-player{color:#fee2e2;text-shadow:0 0 8px #fee2e280}.announcement-pulse-dot{background-color:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.2s infinite dotPulse;box-shadow:0 0 8px #ef4444}@keyframes bannerPulse{0%{border-color:#ef444466;box-shadow:0 0 15px #ef444440}to{border-color:#ef4444cc;box-shadow:0 0 25px #ef444480}}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}.floating-score-badge{color:#ef4444;text-shadow:0 0 10px #ef4444b3;pointer-events:none;z-index:10000;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:900;animation:1.2s cubic-bezier(.25,1,.5,1) forwards floatUpAndFade;position:absolute}@keyframes floatUpAndFade{0%{opacity:0;transform:translateY(20px)scale(.7)}20%{opacity:1;transform:translateY(0)scale(1.2)}to{opacity:0;transform:translateY(-60px)scale(.95)}}.tutorial-game-slide.chapter-karma_call .opponents-area-premium{margin-bottom:.8rem!important;padding-bottom:10px!important}.tutorial-game-slide.chapter-karma_call .game-center-container{margin:.4rem auto!important}.tutorial-game-slide.chapter-karma_call .deck-discard-area{gap:.4rem!important;margin:.6rem auto!important}.tutorial-game-slide.chapter-karma_call .player-actions-container{margin-top:4rem!important;margin-bottom:.1rem!important}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseScale{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes redPulse{0%,to{border-color:#ef44444d;box-shadow:0 0 10px #ef444433}50%{border-color:#ef4444cc;box-shadow:0 0 20px #ef444480}}@keyframes swapping{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}:root{--primary:#8b5cf6;--primary-light:#a78bfa;--primary-gradient:linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--success:#10b981;--success-gradient:linear-gradient(135deg, #10b981, #059669);--info-gradient:linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--danger:#ef4444;--danger-gradient:linear-gradient(135deg, #ef4444, #dc2626);--warning:#f59e0b;--warning-gradient:linear-gradient(135deg, #fbbf24, #d97706);--glass-bg:#0f172a99;--glass-border:#ffffff14;--glass-blur:blur(20px);--card-shadow:0 12px 30px #00000080;--inner-shadow:inset 0 0 20px #0006}.game-layout-wrapper{background:radial-gradient(circle,#1e293b 0%,#0a0f1e 100%);flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.game-layout-wrapper:before{content:"";opacity:.015;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.game-board{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--inner-shadow), 0 0 40px #0000004d;background:#1e293b4d;min-width:0;position:relative;overflow:hidden}.game-board.last-turn-active{border-color:var(--danger);animation:2s infinite alternate lastTurnBorderPulse;box-shadow:0 0 30px #ef444466,inset 0 0 20px #ef44441a}@keyframes lastTurnBorderPulse{0%{border-color:#ef444480;box-shadow:0 0 20px #ef444433,inset 0 0 10px #ef44441a}to{border-color:var(--danger);box-shadow:0 0 40px #ef444499,inset 0 0 30px #ef444433}}.game-center-container{z-index:5;flex-direction:column;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.animate-slide-in-left{animation:.6s cubic-bezier(.16,1,.3,1) both slideInLeft}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.card-element{transform-style:preserve-3d;transform-origin:bottom;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background-color:#fff;border:1px solid #ffffff1a;flex-shrink:0;transition:transform .15s cubic-bezier(.16,1,.3,1),scale .15s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s,opacity .2s;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000080}.card-img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.card-element.back{background:linear-gradient(135deg,#2e1065 0%,#0a0f1e 100%);border:1px solid #8b5cf666;box-shadow:inset 0 0 15px #8b5cf633}.card-back-inner{background:radial-gradient(circle,#8b5cf61a 0%,#0000 70%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.card-back-letter{color:var(--primary);text-shadow:0 0 10px #8b5cf64d;font-family:Outfit,sans-serif;font-weight:950}.my-area-premium{z-index:30;width:100%;min-width:0;max-width:100%;position:relative;overflow:visible}.hand-wrapper{z-index:35;scrollbar-width:thin;scrollbar-color:#8b5cf666 #ffffff0d;width:100%;max-width:100%;padding:30px 0 15px;display:block;position:relative;overflow:auto visible}.hand-wrapper::-webkit-scrollbar{height:6px}.hand-wrapper::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.hand-wrapper::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:10px}.hand-wrapper::-webkit-scrollbar-thumb:hover{background:#8b5cf699}.my-hand,.opponent-hand{perspective:1000px;flex-direction:row;justify-content:center;align-items:flex-end;margin:0 auto;display:flex}.my-hand{z-index:40;width:max-content;min-width:max-content;position:relative}.my-hand .card-element{z-index:20}.my-hand .card-element.selected-card-glow,.my-hand .card-element.zoomed-selected-card,.my-hand .card-element:active,.my-hand .card-element:hover{z-index:1600!important}.card-index-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:15;pointer-events:none;text-shadow:0 1px 2px #0009;opacity:0;background:#0f172abf;border:1px solid #8b5cf680;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:800;transition:opacity .15s ease-in-out;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #0006}.card-element:hover .card-index-badge{opacity:1}.opponent-hand{margin-top:16px}.selected-card-glow{z-index:100;transform:translateY(-14px)scale(1.05);border:2px solid var(--primary-light)!important;box-shadow:0 0 25px #8b5cf6a6!important}.selectable-card-glow{border:2px dashed var(--primary-light)!important;cursor:pointer!important;opacity:.95!important;box-shadow:0 0 15px #8b5cf64d!important}.card-element.last-swapped{z-index:10}.card-element.last-swapped.swapped-received,.card-element.last-swapped.swapped-sent{border:3.5px solid #00d2ff!important}.my-hand .card-element.last-swapped.swapped-received,.my-hand .card-element.last-swapped.swapped-sent{animation:1.1s cubic-bezier(.34,1.56,.64,1) forwards playerCardSwapEntrance,2.5s ease-in-out 1.1s infinite premiumSwapPulseSent!important}.opponent-hand .card-element.last-swapped.swapped-received,.opponent-hand .card-element.last-swapped.swapped-sent{animation:1.1s cubic-bezier(.34,1.56,.64,1) forwards opponentCardSwapEntrance,2.5s ease-in-out 1.1s infinite premiumSwapPulseSent!important}@keyframes playerCardSwapEntrance{0%{opacity:0;transform:translateY(-260px)rotate(-18deg)scale(.75)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes opponentCardSwapEntrance{0%{opacity:0;transform:translateY(260px)rotate(18deg)scale(.75)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes premiumSwapPulseReceived{0%{transform:scale(1.01);box-shadow:0 0 5px #ff475766,inset 0 0 5px #ff475733}50%{transform:scale(1.04);box-shadow:0 0 25px #ff4757f2,inset 0 0 12px #ff475766;border-color:#ff6b81!important}to{transform:scale(1.01);box-shadow:0 0 5px #ff475766,inset 0 0 5px #ff475733}}@keyframes premiumSwapPulseSent{0%{transform:scale(1.01);box-shadow:0 0 5px #00d2ff66,inset 0 0 5px #00d2ff33}50%{transform:scale(1.04);box-shadow:0 0 25px #00d2fff2,inset 0 0 12px #00d2ff66;border-color:#00efff!important}to{transform:scale(1.01);box-shadow:0 0 5px #00d2ff66,inset 0 0 5px #00d2ff33}}.last-swapped-badge{color:#fff;letter-spacing:.5px;z-index:999;white-space:nowrap;pointer-events:none;border-radius:20px;padding:4px 10px;font-family:Outfit,Inter,sans-serif;font-size:.7rem;font-weight:900;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards badgeFadeInScale,1.5s ease-in-out infinite badgePulse;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.last-swapped-badge.swapped-received,.last-swapped-badge.swapped-sent{background:linear-gradient(135deg,#00d2ff,#00a8ff);box-shadow:0 4px 15px #00d2ff99,0 0 0 1px #fff3}@keyframes badgeFadeInScale{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes badgePulse{0%{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.08);box-shadow:0 6px 20px #00d2ffcc,0 0 0 2px #ffffff4d}to{transform:translate(-50%)scale(1)}}.card-element.penalty-card{position:relative;border:3.5px solid #ff4757!important;animation:1.1s cubic-bezier(.34,1.56,.64,1) forwards penaltyCardEntrance,2.5s ease-in-out 1.1s infinite penaltyCardPulse!important}.card-element.penalty-card:after{content:"❌";color:#ff4757;z-index:15;pointer-events:none;background:#0f172af2;border:4px solid #ff4757;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;font-weight:700;animation:1.2s ease-in-out infinite penaltyCirclePulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #ff4757f2}@keyframes penaltyCardEntrance{0%{opacity:0;transform:scale(.4)rotate(-15deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes penaltyCardPulse{0%,to{box-shadow:0 0 5px #ff475766,inset 0 0 5px #ff475733}50%{box-shadow:0 0 25px #ff4757f2,inset 0 0 12px #ff475766;border-color:#ff6b81!important}}@keyframes penaltyCirclePulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.15)}}.opponents-area-premium{justify-content:center;display:flex}.opponent-item{flex-direction:column;align-items:center;gap:.2rem;display:flex;position:relative}.opponent-info-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;align-items:center;transition:all .3s;display:flex}.opponent-item.active .opponent-info-card{border-color:var(--primary);background:#8b5cf626;box-shadow:0 0 20px #8b5cf633}.opponent-name{color:#fff;white-space:nowrap;font-weight:800}.player-actions-container{z-index:100;pointer-events:auto;justify-content:center;display:flex}.btn-action-main,.button-karma,.btn-pause-action{cursor:pointer;border:1px solid #fff3;text-transform:uppercase!important;letter-spacing:2px!important;border-radius:100px!important;font-weight:950!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important}.btn-action-main.primary{background:var(--primary-gradient);color:#fff}.btn-action-main.warning{background:var(--warning-gradient);color:#fff}.btn-action-main.danger{background:var(--danger-gradient);color:#fff}.btn-action-main.success{background:var(--success-gradient);color:#fff}.btn-action-main.info{background:var(--info-gradient);color:#fff}.button-karma{background:var(--danger-gradient);color:#fff;box-shadow:0 8px 15px #ef44444d}.button-karma:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 15px 30px #ef444499}.btn-pause-action{color:#fffc;background:#ffffff14;border:1px solid #ffffff1a!important}.btn-pause-action:hover{color:#fff;background:#ffffff26;transform:translateY(-2px)}.reflex-trigger-wrapper,.karma-trigger-wrapper{display:flex;position:relative}#discard-drop-zone{transition:box-shadow .3s,transform .3s!important}body.dragging-card #discard-drop-zone{z-index:50;transform:scale(1.06)!important;box-shadow:0 0 35px 12px #ffd70099!important}.selection-actions-group.has-drawn{box-sizing:border-box;min-height:96px;display:flex;flex-direction:column!important;align-items:center!important;gap:.8rem!important;width:100%!important}.selection-actions-group.has-drawn .primary-actions{justify-content:center;gap:1rem;width:100%;display:flex}.selection-actions-group.has-drawn .secondary-actions-reduced{justify-content:center;align-items:center;gap:.8rem;width:100%;display:flex}.selection-actions-group.has-drawn .primary-actions .btn-action-main{flex:1;min-width:140px;max-width:260px;height:48px;font-size:.9rem!important}.selection-actions-group.has-drawn .secondary-actions-reduced .btn-action-main,.selection-actions-group.has-drawn .secondary-actions-reduced .karma-confirm-group .btn-action-main{opacity:.55;flex:1;min-width:100px;max-width:160px;height:36px;box-shadow:none!important;border:1px solid #ffffff1a!important;font-size:.72rem!important}.selection-actions-group.has-drawn .secondary-actions-reduced .btn-action-main:hover,.selection-actions-group.has-drawn .secondary-actions-reduced .karma-confirm-group .btn-action-main:hover{opacity:.95;transform:translateY(-1px)scale(1.02)!important}.karma-confirm-group{align-items:center;gap:.5rem;display:flex}body.dragging-drawn-card #discard-drop-zone{z-index:50;transform:scale(1.05)!important;box-shadow:0 0 35px 12px #ef444499!important}body.dragging-drawn-card [id^=my-hand-card-]{z-index:50;border-radius:12px;box-shadow:0 0 25px 8px #38bdf8b3!important}.card-element.zoomed-selected-card{z-index:150!important;border:2px solid var(--primary-light)!important;transform:scale(1.18)translateY(-12px)!important;box-shadow:0 15px 35px #8b5cf6cc!important}.card-element.recently-swapped{border:3px solid #22c55e!important;animation:1.5s ease-in-out infinite swapGlowPulse!important;box-shadow:0 0 25px #22c55ecc!important}@keyframes swapGlowPulse{0%,to{box-shadow:0 0 15px #22c55e99}50%{box-shadow:0 0 30px #22c55ee6}}.swapped-card-overlay-badge{color:#fff;letter-spacing:1px;text-transform:uppercase;z-index:200;pointer-events:none;background:linear-gradient(135deg,#22c55e 0%,#15803d 100%);border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:950;animation:5s cubic-bezier(.16,1,.3,1) forwards popInAndFade;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0006}@keyframes popInAndFade{0%{opacity:0;transform:translate(-50%,-30%)scale(.8)}5%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}8%{transform:translate(-50%,-50%)scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)scale(.9)}}.center-area{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.arena-info-segments{justify-content:center;align-items:center;gap:1.2rem;width:100%;margin-bottom:1.5rem;display:flex}@media (width<=1500px){.arena-info-segments{gap:.8rem;margin-bottom:1rem}}.arena-segment{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b66;border:1px solid #ffffff1a;border-radius:100px;justify-content:center;align-items:center;gap:.8rem;padding:.6rem 1.2rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 25px #0000004d,inset 0 1px 1px #ffffff0d}.round-segment,.timer-segment{flex-shrink:0}.round-segment{flex-direction:column;gap:.1rem;padding:.4rem}.segment-label{color:#ffffff4d;letter-spacing:2px;font-weight:950}.segment-value{color:#fff;font-weight:900}.segment-value small{color:#fff6}.action-segment{letter-spacing:1px;border-width:1px;justify-content:center;min-width:0;font-weight:900}.action-segment.is-my-turn{color:#22c55e;background:#22c55e1a;border-color:#22c55e4d}.action-segment.is-opp-turn{color:#ef4444;opacity:.8;background:#ef44440d;border-color:#ef444433}.shimmer{background-image:linear-gradient(90deg,#22c55e1a 0%,#22c55e33 50%,#22c55e1a 100%);background-size:200% 100%;animation:3s linear infinite shimmerScroll}@keyframes shimmerScroll{0%{background-position:-100% 0}to{background-position:100% 0}}.timer-segment{padding:.3rem .6rem}.timer-circle-container{justify-content:center;align-items:center;display:flex}.timer-svg{transform:rotate(-90deg)}.timer-bg{fill:none;stroke:#ffffff0d;stroke-width:3px}.timer-bar{fill:none;stroke:var(--primary);stroke-width:3px;stroke-linecap:round;transition:stroke-dasharray 1s linear,stroke .3s}.timer-circle-container.critical .timer-bar{stroke:#ef4444;animation:1s infinite pulseTimer}@keyframes pulseTimer{0%,to{filter:drop-shadow(0 0 2px #ef4444)}50%{filter:drop-shadow(0 0 8px #ef4444)}}.timer-text-inner{color:#fff;font-family:JetBrains Mono,monospace;font-weight:950;position:absolute}.deck-discard-area{justify-content:center;align-items:center;display:flex;position:relative}.deck-discard-area .card-element{margin:0!important}.discard-card-top .card-element,.discard-card-under .card-element{flex-shrink:0!important;width:100%!important;height:100%!important}.card-slot{width:var(--card-w,110px);height:var(--card-h,160px);flex-direction:column;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.deck-discard-area .card-slot .drawn-card-glow{z-index:100;transform:none;border:2px solid var(--primary-light)!important;transition:box-shadow .2s,border-color .2s,opacity .2s!important;box-shadow:0 0 25px #8b5cf6a6!important}@keyframes drawnCardPopIn{0%{opacity:0;transform:scale(.88)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}.deck-discard-area .animate-drawn-card-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards drawnCardPopIn}.card-slot-spacer{width:var(--card-w,110px);height:var(--card-h,160px)}.card-element-placeholder{background:#ffffff05;border:2px dashed #ffffff1a;border-radius:.6rem;width:100%;height:100%}.card-element-empty{background:#0000001a;border-radius:.6rem;width:100%;height:100%}.discard-pile-container{width:var(--card-w);height:var(--card-h);position:relative}.discard-card-under{z-index:1;opacity:.6;filter:brightness(.5)contrast(1.2);pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:-6%;left:-6%;overflow:hidden;transform:rotate(-3deg)}.discard-card-top{z-index:2;filter:drop-shadow(0 10px 20px #0006);justify-content:center;align-items:center;width:100%;height:100%;animation:.4s cubic-bezier(.16,1,.3,1) both cardSlideIn;display:flex;position:absolute;top:0;left:0;overflow:hidden;transform:rotate(0)}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(-15px)rotate(5deg)}to{opacity:1;transform:translateY(0)rotate(0)}}.discard-btn-below{color:#fff;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);white-space:nowrap;z-index:10;background:linear-gradient(135deg,#8b5cf6cc 0%,#6366f1e6 100%);border:1px solid #fff3;border-radius:100px;justify-content:center;align-items:center;font-weight:950;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:.5s forwards fadeInUp;display:flex;position:relative;box-shadow:0 8px 15px #8b5cf64d,inset 0 1px 1px #fff3}.discard-btn-below:hover{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);transform:scale(1.08)translateY(-2px);box-shadow:0 15px 30px #8b5cf699}.timer-progress-hub{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.timer-number{background:var(--primary-gradient);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #8b5cf633);-webkit-background-clip:text;font-weight:950}.timer-number.critical{color:var(--danger);text-shadow:0 0 10px #ef44444d;animation:1s ease-in-out infinite criticalPulse}@keyframes criticalPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.deck-count-badge{background:var(--primary-gradient);color:#fff;z-index:10;pointer-events:none;border:2px solid #1e293b;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:950;display:flex;position:absolute;top:0;right:0;transform:translate(80%,-35%);box-shadow:0 4px 12px #8b5cf666}.card-slot.clickable .card-element{animation:2s ease-in-out infinite alternate deckPulse;border-color:var(--primary-light)!important;box-shadow:0 0 20px #8b5cf699!important}@keyframes deckPulse{0%{box-shadow:0 0 10px #8b5cf64d}to{box-shadow:0 0 25px #8b5cf6b3}}.memorization-timer-card{text-align:center;margin-bottom:2rem;animation:.5s zoomIn}.timer-subtext{text-transform:uppercase;color:var(--primary-light);font-weight:800}@keyframes pulseDanger{0%{opacity:1}50%{opacity:.5;transform:scale(1.05)}to{opacity:1}}.opponent-meta{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.reconnection-mini-timer{color:#ef4444;text-shadow:0 0 5px #ef44444d;background:#ef44441a;border:1px solid #ef44444d;border-radius:100px;width:fit-content;margin-top:.2rem;padding:.1rem .5rem;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:900}.status-text{color:#fff3;letter-spacing:1px;text-transform:uppercase;font-weight:950}.status-text.active{color:var(--primary-light)}.status-text.off{color:var(--danger)}.karma-bell{margin-left:.4rem;animation:2s ease-in-out infinite swing;display:inline-block}.is-karma-caller{text-shadow:0 0 10px #ef444466;color:#ef4444!important;font-weight:950!important}@keyframes swing{0%,to{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}.thinking-dots{background:var(--primary-light);color:#fff;border:1px solid #fff3;border-radius:3px;gap:1px;padding:0 2px;line-height:1;display:flex;position:absolute;bottom:-1px;right:-1px}.thinking-dots span{animation:1.4s infinite both blink}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.reflex-selection-hub{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#8b5cf61a;border:1px solid #8b5cf666;border-radius:100px;justify-content:center;align-items:center;min-width:320px;padding:.8rem 1.5rem;display:flex;box-shadow:0 10px 30px #8b5cf633,inset 0 1px 1px #ffffff1a}.reflex-hub-content{align-items:center;gap:1.2rem;width:100%;display:flex}.reflex-hub-icon{filter:drop-shadow(0 0 8px #8b5cf699);font-size:1.8rem;animation:1s ease-in-out infinite alternate reflexPulse}.reflex-hub-text{flex-direction:column;flex:1;display:flex}.reflex-hub-title{color:var(--primary-light);letter-spacing:1.5px;text-transform:uppercase;font-size:.75rem;font-weight:950}.reflex-hub-subtitle{color:#fff;font-size:.95rem;font-weight:700}.reflex-hub-timer{background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.reflex-timer-value{color:#fff;font-size:1rem;font-weight:950}@keyframes reflexPulse{0%{filter:drop-shadow(0 0 5px #8b5cf666);transform:scale(1)}to{filter:drop-shadow(0 0 12px #8b5cf6cc);transform:scale(1.2)}}.btn-memorization-ready{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #fff3;border-radius:100px;align-items:center;gap:.5rem;margin-top:1.2rem;padding:.6rem 1.8rem;font-size:.95rem;font-weight:850;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 8px 20px #10b9814d,inset 0 1px 1px #fff3}.btn-memorization-ready:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)scale(1.04);box-shadow:0 12px 25px #10b98180}.btn-memorization-ready:active:not(:disabled){transform:translateY(0)scale(1)}.btn-memorization-ready:disabled{color:#ffffff4d;cursor:not-allowed;box-shadow:none;background:#ffffff0d;border-color:#ffffff0d}.karma-last-turn-banner{opacity:0;z-index:20;-webkit-backdrop-filter:blur(16px);white-space:nowrap;box-sizing:border-box;pointer-events:none;background:linear-gradient(135deg,#ef44442e 0%,#dc262647 100%);border:1.5px solid #ef444480;border-radius:100px;justify-content:center;align-items:center;gap:.8rem;max-width:min(560px,90%);margin-bottom:0;padding:.45rem 1.2rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .4s;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)scale(.8)translateY(-20px);box-shadow:0 8px 25px #ef44444d}.karma-last-turn-banner.visible{opacity:1;animation:2s infinite alternate karmaPulseBorder;transform:translate(-50%)scale(1)translateY(0)}.game-board-toast{position:absolute!important;top:1.5rem!important;right:1.5rem!important}@keyframes karmaPulseBorder{0%{border-color:#ef444466;box-shadow:0 10px 25px #ef444426,inset 0 0 10px #ef44441a}to{border-color:#ef4444cc;box-shadow:0 15px 35px #ef444459,inset 0 0 20px #ef44444d}}.karma-banner-bell{font-size:1.1rem;animation:2s ease-in-out infinite swing}.karma-banner-text{color:#fff;letter-spacing:.5px;text-transform:uppercase;font-size:.82rem;font-weight:800}.karma-banner-text .caller-name{color:#f87171;text-shadow:0 0 10px #f8717180;font-weight:950}.karma-banner-countdown{color:#fff;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;background:#ef44444d;border:1px solid #ef444480;border-radius:100px;align-items:center;gap:.4rem;padding:.2rem .7rem;font-size:.75rem;font-weight:900;display:flex}.karma-banner-countdown .countdown-number{color:#f87171;text-shadow:0 0 8px #f8717199;font-size:1rem;font-weight:950}.arena-hub-container{transition:margin-top .4s cubic-bezier(.175,.885,.32,1.275)}.center-area.has-karma-banner .arena-hub-container{margin-top:3.2rem}.pause-overlay{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:9999;background:#020617f2;flex-direction:column;justify-content:center;align-items:center;animation:.5s fadeIn;display:flex;position:fixed;inset:0}.pause-content{text-align:center;margin-bottom:2.5rem}.pause-icon-center{color:var(--primary-light);filter:drop-shadow(0 0 25px var(--primary));margin-bottom:1rem;font-size:5rem;animation:2.5s ease-in-out infinite pulseScale;display:block}.pause-icon{filter:drop-shadow(0 0 20px #8b5cf680);margin-bottom:1rem;display:block}.pause-title{letter-spacing:12px;color:#fff;text-transform:uppercase;text-shadow:0 0 30px #fff3;margin:0;font-size:5rem;font-weight:950}.pause-subtitle{color:var(--primary-light);letter-spacing:2px;margin-top:.5rem;font-weight:800}.pause-actions{flex-direction:column;align-items:center;width:100%;display:flex}.btn-pause-confirm{background:var(--primary-gradient);color:#fff;text-transform:uppercase;border:1px solid #ffffff1a;border-radius:100px;font-weight:900;transition:all .3s;box-shadow:0 10px 25px #8b5cf64d}.btn-pause-confirm:hover{transform:translateY(-5px);box-shadow:0 20px 45px #8b5cf680}.btn-quit-game{color:var(--danger);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#ef44440d;border:1px solid #ef44444d;border-radius:100px;width:100%;margin-top:.5rem;font-weight:900;transition:all .3s;box-shadow:0 10px 25px #0003}.btn-quit-game:hover{background:#ef444426;border-color:#ef444499;transform:translateY(-3px);box-shadow:0 15px 35px #ef444433}.quit-confirm-group{justify-content:center;gap:1rem;width:100%;margin-top:.5rem;display:flex}.quit-confirm-group button{text-transform:uppercase;letter-spacing:1px;cursor:pointer;border-radius:100px;flex:1;padding:.8rem 1.5rem;font-size:.85rem;font-weight:900;transition:all .3s}.quit-confirm-group .button-danger{background:var(--danger-gradient);color:#fff;border:1px solid #ffffff1a;box-shadow:0 10px 25px #ef44444d}.quit-confirm-group .button-secondary{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a}.pause-overlay.reconnection-theme{background:#0f0505fa}.reconnection-theme .pause-icon-center{color:#ef4444;filter:drop-shadow(0 0 30px #ef444499)}.reconnection-theme .pause-subtitle{color:#ef4444}.reconnection-timer{color:#fff;text-shadow:0 0 40px #ef444480;margin:1.5rem 0;font-family:JetBrains Mono,monospace;font-size:5rem;font-weight:950;animation:1s ease-in-out infinite timerPulse}@keyframes timerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.modal-overlay,.end-round-modal-overlay{z-index:3000;background:linear-gradient(135deg,#0f172af2 0%,#020617f2 100%);justify-content:center;align-items:center;animation:.4s fadeIn;display:flex;position:fixed;inset:0}.modal-card{text-align:center;background:#1e293b;border:1px solid #ffffff26;border-radius:2rem;width:90%;max-width:550px;padding:2.5rem;animation:.5s cubic-bezier(.16,1,.3,1) fadeInUp;box-shadow:0 40px 100px #000000e6}.modal-title{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;font-size:2.2rem;font-weight:900}.modal-title.winner-title{color:var(--warning);margin-bottom:.5rem;font-size:2.5rem}.modal-subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:1rem;font-weight:700}.modal-scores-list{text-align:left;flex-direction:column;gap:.6rem;margin-bottom:1.5rem;display:flex}.modal-scores-list.final-ranking{margin-bottom:2rem}.modal-score-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:1rem;justify-content:space-between;align-items:center;padding:1rem 1.2rem;display:flex}.modal-score-row.is-me{background:#8b5cf626;border:1px solid #8b5cf680}.modal-score-row.is-winner{border:1px solid var(--warning);background:#f59e0b26}.modal-score-player{align-items:center;gap:.8rem;display:flex}.score-rank-badge{color:#fff;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:flex}.score-rank-badge.is-winner{background:var(--warning);color:#1a1a1a}.score-player-name{font-size:1.1rem;font-weight:700}.modal-score-points{text-align:right}.score-points-round{color:var(--success);font-size:.85rem;font-weight:700}.score-points-total{font-size:1.2rem;font-weight:900}.modal-stats-grid{grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1.5rem;animation:.4s fadeIn;display:grid}.modal-actions-group{gap:1rem;margin-top:1rem;display:flex}.modal-actions-group.extension-options{flex-wrap:wrap;justify-content:center}.modal-btn-continue{flex:1.5;padding:1rem}.modal-btn-quit,.modal-btn-quit-final{flex:1;padding:1rem}.modal-btn-quit-final{width:100%}.modal-game-over-icon{margin-bottom:1rem;font-size:4rem}.effect-selection-bar-inline{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af2;border:1px solid #8b5cf680;border-radius:100px;justify-content:center;align-items:center;width:clamp(300px,60%,800px);min-height:45px;margin:0 auto;padding:.4rem 1.2rem;animation:.4s cubic-bezier(.16,1,.3,1) both effectBarSlideIn;display:flex;box-shadow:0 15px 40px #0009}@media (width<=1500px),(height<=950px){.effect-selection-bar-inline{min-height:40px;padding:.25rem 1rem}}@keyframes effectBarSlideIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.effect-timer-premium{align-items:center;display:flex}.timer-bar-container{background:#ffffff1a;border-radius:10px;overflow:hidden}.timer-bar-fill{background:var(--primary-gradient);border-radius:10px;height:100%;transition:width 1s linear}.timer-badge-new{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:0 4px 12px #0000004d}.timer-badge-new.critical{background:#ef44441a;border-color:#ef444466;animation:1s infinite criticalBadgePulse}@keyframes criticalBadgePulse{0%,to{transform:scale(1);box-shadow:0 0 5px #ef44444d}50%{transform:scale(1.05);box-shadow:0 0 15px #ef444499}}.timer-value-new{color:#fff;font-family:JetBrains Mono,monospace;font-weight:900}.timer-badge-new.critical .timer-value-new{color:#ef4444}.modal-actions-group.vote-options{justify-content:center}.modal-proposal-title{color:#fff;margin-bottom:.5rem;font-size:1.6rem;font-weight:800}.modal-subtitle-proposal{color:var(--text-muted,#94a3b8);margin-bottom:1.5rem;font-size:1rem}.votes-status-container{text-align:left;width:100%;max-width:400px;margin:2rem auto 0}.votes-status-title{text-transform:uppercase;letter-spacing:1px;color:var(--primary-light,#c084fc);text-align:center;margin-bottom:.8rem;font-size:.9rem;font-weight:800}.votes-status-list{background:#0f172a66;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;gap:.6rem;padding:1rem;display:flex}.vote-status-item{background:#1e293b4d;border:1px solid #ffffff08;border-radius:10px;justify-content:space-between;align-items:center;padding:.6rem 1rem;transition:all .3s;display:flex}.vote-status-item.voted{background:#22c55e0d;border-color:#22c55e33}.vote-status-item.disconnected{opacity:.5}.vote-player-name{color:#fff;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.proposer-badge{color:var(--primary-light,#c084fc);background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:6px;padding:1px 6px;font-size:.7rem}.vote-badge{border-radius:6px;padding:2px 8px;font-size:.85rem;font-weight:800}.vote-badge.badge-yes{color:#4ade80}.vote-badge.badge-pending{color:#fbbf24}.vote-badge.badge-dc{color:#f87171}.effect-footer-timer{flex-direction:column;align-items:center;gap:.8rem;width:100%;margin-top:1.5rem;display:flex}.timer-line-container{background:#ffffff0d;border-radius:100px;width:100%;height:4px;overflow:hidden}.timer-line-fill{background:var(--primary-gradient);height:100%;box-shadow:0 0 10px var(--primary);transition:width 1s linear}.timer-text-muted{color:var(--text-muted,#94a3b8);font-size:.85rem;font-weight:800}.sidebar-footer-mobile{flex-direction:column;gap:.8rem;margin-top:auto;padding:1rem 0;display:flex}.btn-pause-action-premium,.btn-quit-game-premium{text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.8rem;font-size:.85rem;font-weight:900;transition:all .3s;display:flex}.btn-pause-action-premium{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d}.btn-pause-action-premium.paused{background:var(--primary-gradient);box-shadow:0 0 20px #8b5cf64d}.btn-quit-game-premium{color:#f87171;background:#ef44441a;border-color:#ef444433}.btn-pause-action-premium:hover,.btn-quit-game-premium:hover{background:#ffffff1a;transform:translateY(-2px)}.btn-quit-game-premium:hover{color:#ef4444;background:#ef444433}.spectator-badge-floating{z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:.8rem;padding:.6rem 1.2rem;display:flex;position:absolute;top:12px;left:20px;box-shadow:0 10px 30px #0000004d}.spectator-badge-floating span{color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:900}.pulse-dot{background:#ef4444;border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulseLive;box-shadow:0 0 10px #ef444499}@keyframes pulseLive{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.spectator-view-container{flex-direction:column;align-items:center;gap:1rem;width:100%;margin-top:auto;padding-bottom:2vh;display:flex}.spectator-view-label{text-transform:uppercase;letter-spacing:2px;color:var(--primary-light);background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:8px;align-items:center;gap:.5rem;padding:.3rem 1rem;font-size:.7rem;font-weight:800;display:flex}.spectator-view-label .eye-icon{font-size:.9rem}@media (width>=1201px){:root{--sidebar-w:290px;--board-padding:1.25rem}@media (width<=1500px){:root{--sidebar-w:230px;--board-padding:.75rem}.game-board{gap:.5rem!important;padding:.75rem!important}}@media (height<=900px){:root{--sidebar-w:230px;--board-padding:.75rem}.game-board{gap:.5rem!important;padding:.75rem!important}}.game-board-grid{grid-template-columns:var(--sidebar-w) 1fr var(--sidebar-w);gap:var(--board-padding);padding:var(--board-padding);box-sizing:border-box;flex:1;height:100vh;display:grid}.game-board{height:100%;padding:var(--board-padding);gap:var(--board-padding);border-radius:3rem;grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.game-center-container{flex-direction:column;justify-content:center;align-items:center;min-height:0;display:flex;overflow:visible}:root{--card-w:112px;--card-h:162px;--card-w-opp:72px;--card-h-opp:104px}@media (width<=1500px){:root{--card-w:84px;--card-h:121px;--card-w-opp:56px;--card-h-opp:80px}.opponent-hand{min-height:var(--card-h-opp)!important}.hand-wrapper{padding:10px 0 5px!important}.player-actions-container{gap:.8rem!important;margin-bottom:.6rem!important}.selection-actions-group.has-drawn .primary-actions .btn-action-main{height:38px!important;font-size:.82rem!important}.selection-actions-group.has-drawn .secondary-actions-reduced .btn-action-main{height:32px!important;font-size:.72rem!important}}@media (height<=900px){:root{--card-w:84px;--card-h:121px;--card-w-opp:56px;--card-h-opp:80px}.opponent-hand{min-height:var(--card-h-opp)!important}.hand-wrapper{padding:10px 0 5px!important}.player-actions-container{gap:.8rem!important;margin-bottom:.6rem!important}.selection-actions-group.has-drawn .primary-actions .btn-action-main{height:38px!important;font-size:.82rem!important}.selection-actions-group.has-drawn .secondary-actions-reduced .btn-action-main{height:32px!important;font-size:.72rem!important}}.card-element{width:var(--card-w);height:var(--card-h);margin:0 calc(var(--card-w) * -.1);border-radius:.8rem}.opponent-hand .card-element{width:var(--card-w-opp);height:var(--card-h-opp);margin:0 calc(var(--card-w-opp) * -.1)}.my-hand .card-element:first-child{margin-left:0}.card-img{border-radius:.7rem}.my-hand .card-element:hover{z-index:500!important;border-color:var(--primary-light)!important;margin:0 10px!important;transition-duration:.12s!important;transform:translateY(-16px)rotate(0)scale(1.15)!important;box-shadow:0 20px 40px #000c!important}.my-hand .card-element.selected-card-glow,.my-hand .card-element.zoomed-selected-card,.my-hand .card-element:hover{z-index:1800!important}.my-hand.active-turn .card-element{border-color:#fff3;transform:translateY(-8px);box-shadow:0 15px 35px #0009}.hand-wrapper{z-index:80;padding:20px 0 5px;position:relative;overflow:visible!important}.opponent-hand{flex:1;max-width:95vw;min-height:120px;padding:1vh 1rem}.my-hand{z-index:120;min-width:max-content;padding:1vh 1rem;position:relative;overflow:visible;max-width:none!important}.my-hand.spaced-hand .card-element,.opponent-hand.spaced-hand .card-element{margin:0 8px!important;scale:1!important}.my-hand:not(.spaced-hand):not(.crowded):not(.super-crowded):not(.mega-crowded):not(.ultra-crowded) .card-element{margin:0 calc(var(--card-w) * -.04)!important;scale:.96!important}.opponent-hand:not(.spaced-hand):not(.crowded):not(.super-crowded):not(.mega-crowded):not(.ultra-crowded) .card-element{margin:0 calc(var(--card-w-opp) * -.04)!important;scale:.96!important}.my-hand.crowded .card-element{margin:0 calc(var(--card-w) * -.13)!important;scale:.88!important}.opponent-hand.crowded .card-element{margin:0 calc(var(--card-w-opp) * -.13)!important;scale:.88!important}.my-hand.super-crowded .card-element{margin:0 calc(var(--card-w) * -.18)!important;scale:.8!important}.opponent-hand.super-crowded .card-element{margin:0 calc(var(--card-w-opp) * -.18)!important;scale:.8!important}.my-hand.mega-crowded .card-element{margin:0 calc(var(--card-w) * -.22)!important;scale:.72!important}.opponent-hand.mega-crowded .card-element{margin:0 calc(var(--card-w-opp) * -.22)!important;scale:.72!important}.my-hand.ultra-crowded .card-element{margin:0 calc(var(--card-w) * -.26)!important;scale:.64!important}.opponent-hand.ultra-crowded .card-element{margin:0 calc(var(--card-w-opp) * -.26)!important;scale:.64!important}.opponents-area-premium{z-index:500;border-bottom:1px solid #ffffff0d;flex-wrap:wrap;gap:2rem;width:100%;padding:.5rem 0;position:relative}.opponent-info-card{gap:1rem;padding:.4rem 1.2rem}.opponent-name{font-size:.9rem}.opponent-info-card{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 4px 15px #0003;background:#ffffff08!important;border:1px solid #ffffff14!important;gap:.8rem!important;padding:5px 12px!important}.opponent-avatar-mini{background:var(--primary-gradient);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative;box-shadow:0 2px 8px #0000004d}.avatar-initial{color:#fff;font-family:inherit;font-size:.85rem;font-weight:800}.thinking-dots{z-index:10;background:#6d28d9;border:1px solid #ffffff4d;border-radius:20px;justify-content:center;align-items:center;gap:4px;min-width:30px;padding:4px 10px;display:flex;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0006}.thinking-dots span{animation:1.4s ease-in-out infinite typingDots;background-color:#fff!important;border-radius:50%!important;flex-shrink:0!important;width:4px!important;height:4px!important;display:block!important}.thinking-dots span:first-child{animation-delay:0s}@keyframes typingDots{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.card-count-badge-premium{color:var(--primary-light);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:700}.score-badge-pill{color:#ffffffe6;background:#8b5cf60d;border:1px solid #ffffff1a;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:800}.thinking-dots span{background:#fff;border-radius:50%;width:3px;height:3px;animation:1.4s infinite typingDots}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}.card-count-badge-premium{color:var(--primary-light);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:4px;margin:0 10px;padding:4px 10px;font-size:.75rem;font-weight:800;display:flex}.score-badge-pill{background:var(--primary-gradient);color:#fff;white-space:nowrap;border:1px solid #fff3;border-radius:100px;padding:4px 12px;font-size:.75rem;font-weight:900;box-shadow:0 4px 15px #8b5cf666}.opponent-info-card.can-be-targeted{cursor:pointer;animation:1.5s infinite targetPulseDesktop;border:2px solid var(--warning)!important;box-shadow:0 0 25px #fbbf2480,inset 0 0 10px #fbbf2433!important}@keyframes targetPulseDesktop{0%,to{transform:scale(1);box-shadow:0 0 20px #fbbf2466}50%{transform:scale(1.03);box-shadow:0 0 40px #fbbf24cc}}.my-area-premium{z-index:90;width:100%;min-width:0;max-width:100%;padding:.2rem 0;position:relative;overflow:visible}.player-hand-header{justify-content:center;align-items:center;gap:1.5rem;margin-bottom:1.4rem;display:flex}.player-hand-title{text-transform:uppercase;letter-spacing:2px;color:#fff6;font-size:.8rem;font-weight:900}.score-badge{background:var(--primary-gradient);color:#fff;border-radius:100px;padding:.2rem .8rem;font-size:.8rem;font-weight:900;box-shadow:0 5px 15px #8b5cf64d}.player-actions-container{gap:1.5rem;margin-top:.6rem;margin-bottom:.6rem}.button-karma,.btn-action-main,.btn-pause-action{padding:.65rem 1.8rem!important;font-size:.88rem!important}.selection-actions-group{justify-content:center;align-items:center;gap:1.2rem;animation:.3s fadeInUp;display:flex}.opponents-area-premium.five-players-mode{box-sizing:border-box!important;flex-wrap:nowrap!important;justify-content:center!important;gap:.5rem!important;width:100%!important;max-width:100%!important;padding-top:.5rem!important;overflow:visible!important}.opponents-area-premium.five-players-mode .opponent-item{flex-direction:column;align-items:center;gap:.3rem;min-width:0;max-width:24%;transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:flex;flex:1 1 0!important}.opponents-area-premium.five-players-mode .opponent-info-card{min-width:60px;background:#0f172a66!important;border-radius:12px!important;flex-direction:column!important;gap:.1rem!important;width:auto!important;padding:.3rem .4rem!important}.opponents-area-premium.five-players-mode .opponent-avatar-mini{width:30px!important;height:30px!important;margin:0!important}.opponents-area-premium.five-players-mode .opponent-meta{text-align:center}.opponents-area-premium.five-players-mode .opponent-name{max-width:90px!important;margin:0!important;font-size:.65rem!important;display:block!important}.opponents-area-premium.five-players-mode .card-count-badge-premium,.opponents-area-premium.five-players-mode .score-badge-pill{margin:0!important;padding:1px 4px!important;font-size:.6rem!important}.opponents-area-premium.five-players-mode .opponent-hand{justify-content:center;margin-top:-5px}.opponents-area-premium.five-players-mode .opponent-hand .card-element{width:var(--card-w-opp);height:var(--card-h-opp);margin:0 calc(var(--card-w-opp) * -.28)}.opponents-area-premium.five-players-mode .opponent-item:first-child{transform:translateY(15px)rotate(-4deg)}.opponents-area-premium.five-players-mode .opponent-item:nth-child(2){transform:translateY(4px)rotate(-1deg)}.opponents-area-premium.five-players-mode .opponent-item:nth-child(3){transform:translateY(4px)rotate(1deg)}.opponents-area-premium.five-players-mode .opponent-item:nth-child(4){transform:translateY(15px)rotate(4deg)}.opponents-area-premium.five-players-mode .opponent-item:hover{z-index:100;transform:translateY(-8px)rotate(0)scale(1.05)}.opponents-area-premium.four-players-mode{flex-wrap:nowrap!important;gap:1rem!important}.opponents-area-premium.four-players-mode .opponent-item{max-width:32%}.opponents-area-premium.four-players-mode .opponent-hand .card-element{width:calc(var(--card-w-opp) * .92);height:calc(var(--card-h-opp) * .92);margin:0 calc(var(--card-w-opp) * -.26)}.opponents-area-premium.four-players-mode .opponent-info-card{transform:scale(.95);padding:.2rem .5rem!important}.opponents-area-premium.three-players-mode{flex-wrap:nowrap!important;gap:2rem!important}:is(.game-board:has(.opponents-area-premium.five-players-mode),.game-board:has(.opponents-area-premium.four-players-mode),.game-board:has(.opponents-area-premium.three-players-mode)){clip-path:inset(-100px 0);overflow:visible}.my-hand.spaced-hand .card-element,.opponent-hand.spaced-hand .card-element{margin:0 4px!important}.game-sidebar-pc{height:100%;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border:1px solid var(--glass-border);background:#1e293b4d;border-radius:3rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 50px #0006}.sidebar-content-wrapper{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:1;gap:.8rem;min-height:0;padding:1.5vh .75rem;display:flex;overflow-y:auto}@media (width<=1500px),(height<=950px){.sidebar-content-wrapper{gap:.5rem;padding:1vh .5rem}.sidebar-section-card{gap:.25rem!important;padding:.75rem!important}.sidebar-section-title{margin-bottom:.4vh!important;font-size:.75rem!important}.aide-item{padding:.35vh .5rem!important;font-size:.75rem!important}.aide-badge{padding:.15rem .4rem!important;font-size:.65rem!important}.rank-item-premium{border-radius:.7rem!important;gap:.4rem!important;padding:.35rem .5rem!important}.rank-badge-mini{width:22px!important;height:22px!important;font-size:.7rem!important}.rank-name{font-size:.75rem!important}.rank-score-wrapper{margin-left:.5rem!important;padding:.15rem .4rem!important}.rank-score{font-size:.85rem!important}.stats-grid-premium{gap:.4rem!important}.stat-card-mini{border-radius:.7rem!important;gap:.35rem!important;padding:.35rem .5rem!important}.stat-icon-wrapper{width:20px!important;height:20px!important;font-size:.7rem!important}.stat-label-mini{font-size:.5rem!important}.stat-value-mini{font-size:.75rem!important}.sidebar-footer{gap:.4rem!important;padding:.5rem .75rem!important}.btn-pause-action-premium,.btn-quit-game-premium{padding:.5rem!important;font-size:.7rem!important}}.sidebar-content-wrapper.five-players{gap:.4rem;padding:1vh .8rem}.sidebar-content-wrapper.five-players .sidebar-section-card{gap:.2rem;padding:.6rem .8rem}.sidebar-content-wrapper.five-players .sidebar-section-title{margin-bottom:.5vh}.sidebar-content-wrapper.five-players .rank-item-premium{border-radius:.8rem;padding:.3rem .6rem}.sidebar-content-wrapper.five-players .rank-name{font-size:.75rem}.sidebar-content-wrapper.five-players .rank-score{font-size:.85rem}.sidebar-content-wrapper.five-players .rank-badge-mini{width:22px;height:22px;font-size:.7rem}.sidebar-content-wrapper>.sidebar-section-card:first-child{flex:3}.sidebar-content-wrapper>.sidebar-section-card:nth-child(2){flex:2}.sidebar-content-wrapper>.sidebar-section-card:nth-child(3){flex:1.8}.sidebar-content-wrapper.players-2>.sidebar-section-card:first-child{flex:3.5}.sidebar-content-wrapper.players-2>.sidebar-section-card:nth-child(2){flex:1.2}.sidebar-content-wrapper.players-2>.sidebar-section-card:nth-child(3){flex:2}.sidebar-content-wrapper.players-3>.sidebar-section-card:first-child{flex:3.2}.sidebar-content-wrapper.players-3>.sidebar-section-card:nth-child(2){flex:1.6}.sidebar-content-wrapper.players-3>.sidebar-section-card:nth-child(3){flex:1.9}.sidebar-content-wrapper.players-4>.sidebar-section-card:first-child{flex:3}.sidebar-content-wrapper.players-4>.sidebar-section-card:nth-child(2){flex:2.1}.sidebar-content-wrapper.players-4>.sidebar-section-card:nth-child(3){flex:1.8}.sidebar-content-wrapper.players-5>.sidebar-section-card:first-child{flex:2.8}.sidebar-content-wrapper.players-5>.sidebar-section-card:nth-child(2){flex:2.5}.sidebar-content-wrapper.players-5>.sidebar-section-card:nth-child(3){flex:1.6}.sidebar-section-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:1.2rem;flex-direction:column;gap:clamp(.4rem,.8vh,.8rem);min-height:min-content;padding:clamp(.75rem,1.2vh,1.25rem);transition:all .3s;display:flex}.sidebar-section-card:hover{background:#ffffff0a;border-color:#ffffff1a}.sidebar-section-title{color:var(--primary-light);text-transform:uppercase;letter-spacing:1.5px;flex-shrink:0;align-items:center;gap:.6rem;margin-bottom:1vh;font-size:clamp(.7rem,.8vh,.9rem);font-weight:900;display:flex}.aide-list{flex-direction:column;flex:1;justify-content:space-evenly;gap:.2rem;min-height:0;display:flex}.rank-list{flex-direction:column;flex:1;justify-content:flex-start;gap:.5rem;min-height:0;display:flex}.sidebar-content-wrapper.five-players .rank-list{gap:.25rem}.aide-item{color:#fffc;white-space:nowrap;text-overflow:ellipsis;background:#ffffff05;border-radius:.8rem;justify-content:space-between;align-items:center;padding:.5vh .75rem;font-size:clamp(.7rem,.85vh,.9rem);display:flex;overflow:hidden}.aide-badge{border-radius:.6rem;padding:.2rem .6rem;font-size:.75rem;font-weight:900}.aide-badge.success{color:var(--success);background:#10b9811a}.aide-badge.danger{color:var(--danger);background:#ef44441a}.objective-item{flex-direction:column;gap:.6rem;display:flex}.objective-info{color:#fff;justify-content:space-between;font-size:.8rem;font-weight:800;display:flex}.progress-container{background:#ffffff0d;border-radius:10px;width:100%;height:8px;overflow:hidden}.progress-bar{background:var(--primary-gradient);border-radius:10px;height:100%;transition:width 1s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 10px #8b5cf64d}.stats-grid-premium{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:clamp(.4rem,.8vh,.6rem);min-height:0;display:grid}.stat-card-mini{background:#ffffff05;border:1px solid #ffffff0d;border-radius:.8rem;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5rem;min-width:0;height:100%;min-height:min-content;padding:clamp(.35rem,.8vh,.65rem) clamp(.5rem,.8vh,.8rem);transition:all .3s;display:flex}.stat-card-mini:hover{background:#ffffff0a;transform:translateY(-2px)}.stat-icon-wrapper{background:#ffffff0d;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:0;font-size:.8rem;display:flex;box-shadow:inset 0 1px 1px #ffffff1a}.stat-icon-wrapper.success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.stat-icon-wrapper.danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.stat-icon-wrapper.warning{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.stat-icon-wrapper.info{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633}.stat-label-mini{text-transform:uppercase;color:#ffffff4d;letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;margin-bottom:0;font-size:.55rem;font-weight:800;overflow:hidden}.stat-value-mini{color:#fff;text-shadow:0 0 10px #8b5cf633;font-size:.9rem;font-weight:900}.stat-text-group{flex-direction:column;align-items:flex-start;gap:.1rem;min-width:0;display:flex}.rank-item-premium{background:#ffffff08;border-left:3px solid #ffffff0d;border-radius:1rem;align-items:center;gap:.6rem;padding:clamp(.35rem,.8vh,.65rem) clamp(.6rem,1vh,1rem);transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.rank-info{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.rank-badge-mini{color:#ffffff80;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.6rem;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;font-weight:900;display:flex}.rank-1{background:linear-gradient(90deg,#fbbf240d 0%,#0000 100%);border-left-color:#fbbf24!important}.rank-2{border-left-color:#94a3b8!important}.rank-3{border-left-color:#b45309!important}.rank-1 .rank-badge-mini{color:#000;background:#fbbf24;border:none}.rank-2 .rank-badge-mini{color:#000;background:#94a3b8;border:none}.rank-3 .rank-badge-mini{color:#fff;background:#b45309;border:none}.rank-name{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.85rem;font-weight:800;overflow:hidden}.rank-score-wrapper{background:#ffffff08;border-radius:.6rem;align-items:baseline;gap:.2rem;margin-left:1rem;padding:.2rem .6rem;display:flex}.rank-score{color:#fff;font-size:1rem;font-weight:900}.rank-pts-unit{color:#fff6;text-transform:uppercase;font-size:.6rem;font-weight:700}.sidebar-footer{background:#0003;border-top:1px solid #ffffff0d;flex-direction:column;gap:.6rem;padding:.8rem 1.2rem;display:flex}.btn-pause-action-premium,.btn-quit-game-premium{cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:1px solid #ffffff0d;border-radius:1rem;width:100%;padding:.7rem;font-size:.75rem;font-weight:900;transition:all .3s}.btn-pause-action-premium{color:#fff;background:#ffffff0d}.btn-pause-action-premium:hover{background:#ffffff1a;transform:translateY(-2px)}.btn-pause-action-premium.paused{background:var(--success-gradient);box-shadow:0 10px 20px #10b98133}.btn-quit-game-premium{color:var(--danger);background:#ef44440d;border-color:#ef44441a}.btn-quit-game-premium:hover{background:#ef444426;transform:translateY(-2px);box-shadow:0 10px 20px #ef444433}.center-area{width:100%;height:100%}.arena-info-segments{gap:1.2rem;max-width:600px;margin-bottom:1rem}.arena-segment{gap:.8rem;padding:.6rem 1.2rem}.round-segment,.timer-segment{width:120px}.round-segment{gap:.1rem;padding:.4rem}.segment-label{font-size:.6rem}.segment-value{font-size:1rem}.segment-value small{font-size:.8rem}.action-segment{font-size:.95rem}.timer-segment{padding:.3rem .6rem}.timer-circle-container{width:48px;height:48px}.timer-text-inner{font-size:.8rem}.deck-discard-area{grid-template-columns:1fr 1fr 1fr;place-items:flex-start center;gap:2rem;width:100%;max-width:600px;display:grid}.deck-count-badge{width:26px;height:26px;font-size:.75rem}.card-slot{width:var(--card-w);height:var(--card-h);gap:.8rem}.discard-btn-below{gap:.4rem;margin-top:.4rem;padding:.4rem 1.2rem;font-size:.75rem}.timer-number{font-size:4rem}.timer-subtext{margin-top:-.5rem;font-size:.9rem}.opponent-avatar-mini{width:26px;height:26px}.avatar-initial{font-size:.7rem}.status-text{font-size:.55rem}.score-badge-pill{padding:.1rem .6rem;font-size:.7rem}.karma-bell{font-size:.8rem}.thinking-dots{font-size:.6rem}@media (width<=1500px){.deck-discard-area{min-height:var(--card-h)!important;gap:1.5rem!important}.arena-info-segments{gap:.6rem!important;margin-bottom:.5rem!important}.round-segment,.timer-segment{width:90px!important}.arena-segment{padding:.3rem .6rem!important}}@media (height<=900px){.deck-discard-area{min-height:var(--card-h)!important;gap:1.5rem!important}.arena-info-segments{gap:.6rem!important;margin-bottom:.5rem!important}.round-segment,.timer-segment{width:90px!important}.arena-segment{padding:.3rem .6rem!important}}.pause-overlay{gap:3rem}.pause-icon{font-size:5rem}.pause-title{letter-spacing:12px;font-size:4rem}.pause-actions{max-width:320px}.btn-pause-confirm,.btn-quit-game{letter-spacing:1px;padding:1.1rem;font-size:1rem}.modal-card{width:90%;max-width:500px;padding:3rem}.spectator-badge-floating{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);z-index:500;color:#fff;text-transform:uppercase;letter-spacing:1px;border-radius:100px;align-items:center;gap:.8rem;padding:.6rem 1.2rem;font-size:.75rem;font-weight:800;display:flex;position:absolute;top:25px;left:25px;box-shadow:0 10px 30px #0000004d}.pulse-dot{background:var(--primary);width:8px;height:8px;box-shadow:0 0 10px var(--primary);border-radius:50%;animation:1.5s infinite pulseScale}.effect-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;pointer-events:auto;background:#0006;justify-content:center;align-items:center;animation:.4s fadeIn;display:flex;position:fixed;inset:0}.premium-glass{text-align:center;width:90%;max-width:500px;animation:.5s cubic-bezier(.16,1,.3,1) modalPop;box-shadow:0 40px 100px #000c,0 0 50px #8b5cf626;-webkit-backdrop-filter:blur(30px)!important;backdrop-filter:blur(30px)!important;background:#141423cc!important;border:1px solid #ffffff1a!important;border-radius:2.5rem!important;padding:3rem!important}@keyframes modalPop{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.effect-header{flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.effect-badge{filter:drop-shadow(0 0 15px #8b5cf699);font-size:3.5rem}.effect-title-premium{color:#fff;text-transform:uppercase;letter-spacing:2px;font-size:2.2rem;font-weight:950}.effect-description{color:#ffffffb3;margin-bottom:2.5rem;font-size:1.1rem;font-weight:500;line-height:1.6}.effect-visual-preview{justify-content:center;align-items:center;gap:2rem;margin-bottom:3rem;display:flex}.preview-card-placeholder{background:#ffffff0d;border:2px dashed #fff3;border-radius:.8rem;justify-content:center;align-items:center;width:80px;height:110px;display:flex;position:relative}.my-card-glow{border-color:var(--primary);box-shadow:0 0 20px #8b5cf64d}.opponent-card-glow{border-color:var(--danger);box-shadow:0 0 20px #ef44444d}.preview-label{color:#fff6;letter-spacing:1px;font-size:.6rem;font-weight:900}.preview-connector{color:var(--primary-light);font-size:1.5rem;animation:3s linear infinite rotateSwap}@keyframes rotateSwap{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.effect-actions-pill-group{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.btn-action-main.pill-large{width:100%;height:55px!important;font-size:1rem!important}.effect-footer-timer{flex-direction:column;align-items:center;gap:.8rem;display:flex}.timer-line-container{background:#ffffff0d;border-radius:100px;width:100%;height:4px;overflow:hidden}.timer-line-fill{background:var(--primary-gradient);height:100%;box-shadow:0 0 10px var(--primary);transition:width 1s linear}.timer-text-muted{color:#fff6;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:700}.effect-content--compact{pointer-events:auto;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--primary);border-radius:100px;align-items:center;gap:2rem;padding:.8rem 2rem;animation:.5s cubic-bezier(.16,1,.3,1) slideDown;display:flex;box-shadow:0 15px 40px #00000080}.jack-swap-bar{width:auto;min-width:600px;padding:.8rem 2.5rem}.jack-swap-info{flex-direction:column;flex:1;gap:.4rem;display:flex}.jack-swap-instruction{align-items:center;gap:.8rem;display:flex}.jack-instruction-icon{font-size:1.4rem}.jack-instruction-text{color:#fff;letter-spacing:.5px;text-transform:uppercase;font-size:1rem;font-weight:900}.jack-swap-steps{gap:.8rem;display:flex}.jack-step-pill{text-transform:uppercase;color:#ffffff4d;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;padding:.4rem 1rem;font-size:.7rem;font-weight:900;transition:all .3s}.jack-step-pill.completed{border-color:var(--success);color:var(--success);background:#22c55e26;box-shadow:0 0 15px #22c55e33}.jack-swap-controls{flex-direction:column;gap:.6rem;min-width:240px;display:flex}.jack-swap-actions{gap:.8rem;display:flex}.btn-confirm-swap,.btn-cancel-swap{cursor:pointer;text-transform:uppercase;border:none;transition:all .2s;border-radius:100px!important;padding:.6rem 1.2rem!important;font-size:.8rem!important;font-weight:950!important}.btn-confirm-swap.active{flex:1.5;box-shadow:0 8px 20px #10b9814d;background:var(--success-gradient)!important;color:#fff!important}.btn-confirm-swap.disabled{cursor:not-allowed;flex:1.5;color:#fff3!important;background:#ffffff0d!important}.btn-cancel-swap{flex:1;color:#fff!important;background:#ffffff14!important;border:1px solid #ffffff1a!important}.btn-confirm-swap.active:hover{transform:translateY(-2px);box-shadow:0 12px 25px #10b98180}.btn-cancel-swap:hover{background:#ffffff26!important}.timer-value-simple{color:var(--primary-light);text-align:right;min-width:40px;font-size:.9rem;font-weight:950}.effect-title{color:#fff;margin-bottom:.5rem;font-size:1.8rem;font-weight:950}.timer-progress{background:var(--primary-gradient);height:100%;box-shadow:0 0 15px var(--primary);transition:width 1s linear}@keyframes pulseScale{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.arena-hub-container{z-index:100;pointer-events:none;justify-content:center;align-items:center;width:100%;min-height:100px;margin-bottom:2rem;display:flex;position:relative}.effect-selection-bar-inline{pointer-events:auto;gap:2.5rem;width:fit-content;min-width:450px;max-width:850px;padding:.6rem 2.5rem}.action-notif-inline{white-space:nowrap;color:#fff;border-radius:100px;justify-content:center;align-items:center;gap:.8rem;width:auto;padding:.5rem 1.5rem;font-size:.9rem;font-weight:800;animation:.3s both effectBarSlideIn;display:flex;box-shadow:0 10px 25px #0006}.effect-timer-premium{flex:1;gap:1rem}.timer-bar-container{min-width:120px;height:4px;box-shadow:inset 0 1px 3px #0000004d}.timer-bar-fill{box-shadow:0 0 15px #8b5cf666}.timer-badge-new{gap:.5rem;min-width:65px;padding:.4rem .8rem}.timer-icon-new,.timer-value-new{font-size:.9rem}.timer-value-simple{color:#ffffff80;text-align:right;min-width:40px;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:800}.effect-selection-bar-inline.is-opponent{opacity:.9;background:#0f172a99;border-style:dashed}.opponent-thinking-icon{font-size:1.2rem;animation:2s ease-in-out infinite floatingIcon}.opponent-thinking-text{color:#ffffff80;font-size:.95rem;font-style:italic;font-weight:600;white-space:nowrap!important}@keyframes floatingIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}}@media (width<=1200px) and (width>=768px){:root{--sidebar-w:0px;--board-padding:1.2rem}.game-board-grid{padding:var(--board-padding);box-sizing:border-box;flex-direction:column;flex:1;gap:0;height:100vh;position:relative;display:flex!important}.game-sidebar-pc{display:none!important}.game-board{border-radius:2.5rem;flex-direction:column;flex:1;justify-content:space-between;gap:.5rem;padding:1rem 1.5rem 90px;display:flex;overflow:visible}.game-center-container{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:visible}.mobile-tabs-container{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:1000;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:100px;justify-content:center;gap:.8rem;padding:.6rem 1rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 20px 40px #0009,inset 0 1px 1px #ffffff0d}.mobile-tab-btn{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;border-radius:100px;align-items:center;gap:.5rem;padding:.6rem 1.5rem;font-size:.85rem;font-weight:800;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.mobile-tab-btn:hover{color:#fff;background:#ffffff0d}.mobile-tab-btn.active{background:var(--primary-gradient);color:#fff;transform:scale(1.05);box-shadow:0 10px 20px #8b5cf666}:root{--card-w:88px;--card-h:126px;--card-w-opp:60px;--card-h-opp:86px}@media (height<=750px){:root{--card-w:70px;--card-h:101px;--card-w-opp:46px;--card-h-opp:66px}.hand-wrapper{padding:5px 0!important}.player-actions-container{gap:.5rem!important;margin-bottom:.3rem!important}.btn-action-main,.button-karma,.btn-pause-action{height:36px!important;font-size:.78rem!important}}.card-element{width:var(--card-w);height:var(--card-h);margin:0 calc(var(--card-w) * -.1);border-radius:.6rem}.my-hand .card-element:first-child{margin-left:0}.card-img{border-radius:.5rem}.card-back-letter{font-size:1.8rem}.hand-wrapper{z-index:80;padding:15px 0 5px;position:relative;overflow:visible!important}.opponent-hand{padding:.5rem}.my-hand{z-index:120;min-width:max-content;padding:.5rem;position:relative;max-width:none!important;overflow:visible!important}.my-area-premium{z-index:90;position:relative;overflow:visible!important}.my-hand.active-turn .card-element{transform:translateY(-8px);box-shadow:0 12px 30px #0009}.opponent-hand .card-element{width:var(--card-w-opp);height:var(--card-h-opp);margin:0 calc(var(--card-w-opp) * -.1)}.my-hand .card-element:hover{z-index:500!important;margin:0 10px!important;transition-duration:.12s!important;transform:translateY(-15px)scale(1.15)!important}.my-hand .card-element.selected-card-glow,.my-hand .card-element.zoomed-selected-card,.my-hand .card-element:hover{z-index:1800!important}.opponents-area-premium{gap:1rem;width:100%;padding:.5rem 0}.opponent-info-card{gap:.6rem;padding:.3rem .8rem}.opponent-avatar-mini{background:var(--primary-gradient);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.avatar-initial{color:#fff;font-size:.9rem;font-weight:900}.card-count-badge-premium{color:var(--primary-light);background:#8b5cf633;border-radius:4px;margin-left:5px;padding:2px 6px;font-size:.7rem;font-weight:800}.score-badge-pill{color:#fff;opacity:.8;font-size:.7rem;font-weight:800}.thinking-dots{z-index:10;background:#6d28d9;border:1px solid #ffffff4d;border-radius:20px;justify-content:center;align-items:center;gap:2px;min-width:20px;padding:2px 6px;display:flex;position:absolute;bottom:-3px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0006}.thinking-dots span{animation:1.4s ease-in-out infinite typingDots;background-color:#fff!important;border-radius:50%!important;flex-shrink:0!important;width:3px!important;height:3px!important;display:block!important}@keyframes typingDots{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.opponent-info-card.can-be-targeted{border:2px dashed var(--warning);animation:1.5s infinite targetPulse}@keyframes targetPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #fbbf2466}50%{transform:scale(1.02);box-shadow:0 0 35px #fbbf24b3}}.target-hint-pulse{text-transform:uppercase;color:var(--warning);font-size:.5rem;font-weight:900}.player-actions-container{flex-direction:row;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:560px;margin:.5rem auto .6rem;padding:.3rem 1rem;display:flex}.selection-actions-group,.karma-trigger-wrapper,.reflex-trigger-wrapper{flex:1;gap:.8rem;width:100%;display:flex}.btn-action-main,.button-karma,.btn-pause-action{text-transform:uppercase;letter-spacing:1px;white-space:nowrap;cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;width:100%;height:48px;transition:all .2s;display:flex;box-shadow:0 10px 25px #0006;border-radius:100px!important;padding:0!important;font-size:.88rem!important;font-weight:900!important}.btn-action-main.primary{background:var(--primary-gradient)!important;color:#fff!important}.btn-action-main.warning{background:var(--warning-gradient)!important;color:#fff!important}.btn-action-main.danger{background:var(--danger-gradient)!important;color:#fff!important}.btn-action-main.success{background:var(--success-gradient)!important;color:#fff!important}.btn-action-main.info{background:var(--info-gradient)!important;color:#fff!important}.btn-pause-action{color:#fffc!important;box-shadow:none!important;background:#ffffff14!important;border:1px solid #ffffff1a!important}.btn-action-main:active,.button-karma:active,.btn-pause-action:active{transform:scale(.96)}.player-hand-header{justify-content:center;align-items:center;gap:1rem;margin-bottom:1.4rem;display:flex}.player-hand-title{text-transform:uppercase;letter-spacing:1.5px;color:#fff6;margin:0;font-size:.7rem;font-weight:900}.player-hand-title.active{color:var(--primary-light);text-shadow:0 0 10px #8b5cf64d}.score-badge{background:var(--primary-gradient);color:#fff;border-radius:100px;padding:.15rem .6rem;font-size:.7rem;font-weight:900;box-shadow:0 4px 12px #8b5cf64d}.opponents-area-premium.five-players-mode{flex-wrap:nowrap!important;justify-content:center!important;gap:.8rem!important;padding-top:1rem!important}.opponents-area-premium.five-players-mode .opponent-item{flex-shrink:1;min-width:0}.opponents-area-premium.five-players-mode .opponent-hand .card-element{width:var(--card-w-opp);height:var(--card-h-opp);margin:0 calc(var(--card-w-opp) * -.2)}.opponents-area-premium.five-players-mode .opponent-item:first-child{transform:translateY(15px)rotate(-4deg)}.opponents-area-premium.five-players-mode .opponent-item:nth-child(2){transform:translateY(5px)rotate(-1deg)}.opponents-area-premium.five-players-mode .opponent-item:nth-child(3){transform:translateY(5px)rotate(1deg)}.opponents-area-premium.five-players-mode .opponent-item:nth-child(4){transform:translateY(15px)rotate(4deg)}.opponents-area-premium.four-players-mode{flex-wrap:nowrap!important;justify-content:center!important;gap:.5rem!important}.opponents-area-premium.four-players-mode .opponent-item{flex-shrink:1;max-width:30%;transform:scale(.9)}.opponents-area-premium.four-players-mode .opponent-hand .card-element{width:calc(var(--card-w-opp) * .9);height:calc(var(--card-h-opp) * .9);margin:0 calc(var(--card-w-opp) * -.25)}.opponents-area-premium.three-players-mode{flex-wrap:nowrap!important;gap:1.5rem!important}.opponents-area-premium.three-players-mode .opponent-hand .card-element{width:calc(var(--card-w-opp) * 1.05);height:calc(var(--card-h-opp) * 1.05)}.game-board.is-spectator-view{padding-top:65px!important}.my-hand.spaced-hand .card-element,.opponent-hand.spaced-hand .card-element{margin:0 6px!important;scale:1!important}.my-hand:not(.spaced-hand):not(.crowded):not(.super-crowded):not(.mega-crowded):not(.ultra-crowded) .card-element{margin:0 calc(var(--card-w) * -.05)!important;scale:.96!important}.opponent-hand:not(.spaced-hand):not(.crowded):not(.super-crowded):not(.mega-crowded):not(.ultra-crowded) .card-element{margin:0 calc(var(--card-w-opp) * -.05)!important;scale:.96!important}.my-hand.crowded .card-element{margin:0 calc(var(--card-w) * -.14)!important;scale:.88!important}.opponent-hand.crowded .card-element{margin:0 calc(var(--card-w-opp) * -.14)!important;scale:.88!important}.my-hand.super-crowded .card-element{margin:0 calc(var(--card-w) * -.2)!important;scale:.8!important}.opponent-hand.super-crowded .card-element{margin:0 calc(var(--card-w-opp) * -.2)!important;scale:.8!important}.my-hand.mega-crowded .card-element{margin:0 calc(var(--card-w) * -.23)!important;scale:.72!important}.opponent-hand.mega-crowded .card-element{margin:0 calc(var(--card-w-opp) * -.23)!important;scale:.72!important}.my-hand.ultra-crowded .card-element{margin:0 calc(var(--card-w) * -.26)!important;scale:.64!important}.opponent-hand.ultra-crowded .card-element{margin:0 calc(var(--card-w-opp) * -.26)!important;scale:.64!important}.sidebar-content-wrapper{scrollbar-width:none;flex-direction:column;justify-content:space-between;gap:.5rem;height:100%;padding:.8rem .8rem 2rem;display:flex;overflow-y:auto}.sidebar-content-wrapper::-webkit-scrollbar{display:none}.sidebar-section-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1e293b66;border:1px solid #ffffff14;border-radius:.8rem;flex-shrink:0;padding:.6rem 1rem;animation:.4s backwards fadeInUp;box-shadow:0 10px 30px #0003}.sidebar-section-card:nth-child(2){animation-delay:.1s}.sidebar-section-card:nth-child(3){animation-delay:.2s}.sidebar-section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--primary-light);border-bottom:1px solid #ffffff0d;align-items:center;gap:.5rem;margin-bottom:.6rem;padding-bottom:.3rem;font-size:.85rem;font-weight:950;display:flex}.aide-list{flex-direction:column;gap:.4rem;display:flex}.aide-item{background:#ffffff08;border-radius:.6rem;justify-content:space-between;align-items:center;padding:.4rem .6rem;font-size:.9rem;font-weight:700;display:flex}.aide-badge{border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:900}.aide-badge.success{color:#4ade80;background:#22c55e33}.aide-badge.danger{color:#f87171;background:#ef444433}.aide-badge.muted{color:#cbd5e1;background:#94a3b833}.rank-list{flex-direction:column;gap:.3rem;display:flex}.rank-item-premium{background:#ffffff05;border:1px solid #ffffff08;border-radius:.6rem;justify-content:space-between;align-items:center;margin-bottom:.2rem;padding:.5rem .8rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.rank-item-premium.me{background:#8b5cf61f;border-color:#8b5cf64d;box-shadow:0 4px 15px #8b5cf626}.rank-info{align-items:center;gap:.8rem;display:flex}.rank-badge-mini{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:flex}.rank-item-premium:first-child .rank-badge-mini{background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%)}.rank-item-premium:nth-child(2) .rank-badge-mini{background:linear-gradient(135deg,#94a3b8 0%,#475569 100%)}.rank-item-premium:nth-child(3) .rank-badge-mini{background:linear-gradient(135deg,#d97706 0%,#78350f 100%)}.rank-name{color:#fff;font-size:1.1rem;font-weight:900}.rank-score-wrapper{align-items:baseline;gap:4px;display:flex}.rank-score{color:var(--primary-light);text-shadow:0 0 10px #8b5cf633;font-size:1.2rem;font-weight:950}.rank-pts-unit{opacity:.6;text-transform:uppercase;color:#fff;font-size:.75rem;font-weight:900}.stats-grid-premium{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.stat-card-mini{background:#ffffff05;border:1px solid #ffffff08;border-radius:.6rem;align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.stat-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.stat-icon-wrapper.success{color:#4ade80;background:#22c55e1a}.stat-icon-wrapper.danger{color:#f87171;background:#ef44441a}.stat-icon-wrapper.warning{color:#fbbf24;background:#f59e0b1a}.stat-icon-wrapper.info{color:#38bdf8;background:#38bdf81a}.stat-text-group{flex-direction:column;display:flex}.stat-label-mini{color:#fff6;letter-spacing:1px;font-size:.55rem;font-weight:800}.stat-value-mini{font-size:1rem;font-weight:950}.game-board aside .chat-container-premium{background:#1e293b66;border:1px solid #ffffff14;border-radius:2rem;flex-direction:column;height:100%;display:flex;overflow:hidden}.messages-display{flex-direction:column;flex:1;gap:.8rem;padding:1.2rem;display:flex;overflow-y:auto}.chat-input-wrapper{background:#0f172a99;border-top:1px solid #ffffff0d;padding:1rem}.sidebar-footer-mobile{flex-direction:column;gap:.8rem;margin-top:.5rem;padding:1rem 0;display:flex}.btn-pause-action-premium,.btn-quit-game-premium{text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.8rem;font-size:.85rem;font-weight:900;transition:all .3s;display:flex}.btn-pause-action-premium{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d}.btn-pause-action-premium.paused{background:var(--primary-gradient);box-shadow:0 0 20px #8b5cf64d}.btn-quit-game-premium{color:#f87171;background:#ef44441a;border-color:#ef444433}.btn-pause-action-premium:hover,.btn-quit-game-premium:hover{background:#ffffff1a;transform:translateY(-2px)}.btn-quit-game-premium:hover{color:#ef4444;background:#ef444433}.center-area{gap:1rem;width:100%}.arena-hub-container{-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;max-width:650px;box-shadow:none;background:0 0;border:none;border-radius:100px;justify-content:center;align-items:center;margin:.3rem auto;padding:0;display:flex}.arena-info-segments{gap:.5rem;width:100%;margin-bottom:0!important}.round-segment,.timer-segment{width:90px}.timer-circle-container{width:40px;height:40px}.deck-discard-area{gap:2rem;margin:.5rem 0;padding:.5rem}.card-slot{width:var(--card-w);height:var(--card-h)}.timer-number{font-size:3rem!important}.timer-text-inner{font-size:.75rem!important}.deck-count-badge{padding:2px 6px;font-size:.7rem}.discard-btn-below{margin-top:1rem;padding:.5rem 1.5rem;font-size:.8rem;transform:translateY(0)}.memorization-timer-card{margin-bottom:1.5rem}.btn-memorization-ready{margin-top:.8rem;padding:.5rem 1.4rem;font-size:.85rem}.karma-last-turn-banner{gap:.7rem;max-width:480px;padding:.4rem 1.1rem}.karma-banner-bell{font-size:1rem}.karma-banner-text{font-size:.8rem}.karma-banner-countdown{padding:.15rem .6rem;font-size:.72rem}.center-area.has-karma-banner .arena-hub-container{margin-top:3rem!important}.effect-selection-bar-inline{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;background:#0f172ae6;border:1px solid #8b5cf64d;border-radius:100px;justify-content:space-between;align-items:center;gap:2rem;width:auto;min-width:500px;max-width:650px;margin:0 auto;padding:.6rem 2rem;display:flex;box-shadow:0 20px 50px #0009}.jack-swap-bar{padding:.8rem 2rem}.jack-swap-info{flex-direction:column;flex:1;gap:.4rem;display:flex}.jack-swap-instruction{align-items:center;gap:.8rem;display:flex}.jack-instruction-icon{font-size:1.3rem}.jack-instruction-text{color:#fff;letter-spacing:.5px;text-transform:uppercase;font-size:.9rem;font-weight:900}.jack-swap-steps{gap:.6rem;display:flex}.jack-step-pill{text-transform:uppercase;color:#ffffff4d;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;padding:.3rem .8rem;font-size:.65rem;font-weight:900;transition:all .3s}.jack-step-pill.completed{border-color:var(--success);color:var(--success);background:#22c55e26;box-shadow:0 0 10px #22c55e33}.jack-swap-controls{flex-direction:column;gap:.5rem;min-width:200px;display:flex}.jack-swap-actions{gap:.5rem;display:flex}.btn-confirm-swap,.btn-cancel-swap{cursor:pointer;text-transform:uppercase;border:none;border-radius:100px!important;padding:.5rem 1rem!important;font-size:.75rem!important;font-weight:950!important}.btn-confirm-swap.active{flex:1.5;background:var(--success-gradient)!important;color:#fff!important}.btn-confirm-swap.disabled{cursor:not-allowed;flex:1.5;color:#fff3!important;background:#ffffff0d!important}.btn-cancel-swap{flex:1;color:#fff!important;background:#ffffff14!important;border:1px solid #ffffff1a!important}.btn-cancel-swap:hover{background:#ffffff1a!important}.effect-selection-bar-inline.is-opponent{opacity:.9!important;background:#0f172a99!important;border-style:dashed!important;min-width:500px!important}.opponent-thinking-icon{font-size:1.2rem!important}.opponent-thinking-text{color:#ffffff80!important;white-space:nowrap!important;font-size:.9rem!important;font-style:italic!important;font-weight:600!important}.timer-value-simple{color:var(--primary-light);text-align:right;min-width:30px;font-size:.8rem;font-weight:900}.effect-timer-premium{align-items:center;gap:.8rem;width:100%;margin-top:.2rem;display:flex}.timer-bar-container{background:#ffffff1a;border-radius:10px;flex:1;height:6px;overflow:hidden}.timer-bar-fill{border-radius:10px;height:100%;transition:width 1s linear}.pause-overlay{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:5000;background:#0f172af2;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:3rem 2rem;display:flex}.pause-overlay.reconnection-theme{background:#0f0505fa!important}.pause-content{text-align:center;width:100%;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important;padding:0!important}.pause-title{letter-spacing:6px;color:#fff;text-transform:uppercase;margin-bottom:.5rem;font-size:3rem;font-weight:950}.pause-subtitle{color:#fff9;text-transform:uppercase;letter-spacing:2px;margin-bottom:0;font-size:1rem;font-weight:700}.pause-actions{flex-direction:column;gap:1.2rem;width:100%;max-width:450px;display:flex}.btn-pause-confirm,.btn-quit-game{text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;border-radius:18px;justify-content:center;align-items:center;gap:1rem;width:100%;height:64px;font-size:1.1rem;font-weight:900;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.btn-pause-confirm{background:var(--primary-gradient);color:#fff;box-shadow:0 10px 30px #8b5cf666}.btn-quit-game{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.btn-pause-confirm:active,.btn-quit-game:active{transform:scale(.96)}.action-notif-inline{white-space:nowrap;color:#fff;border:1px solid #ffffff1a;border-radius:100px;justify-content:center;align-items:center;gap:1rem;width:auto;min-width:300px;max-width:90%;margin:0 auto;padding:.6rem 2rem;font-size:.9rem;font-weight:850;animation:.4s cubic-bezier(.16,1,.3,1) both effectBarSlideIn;display:flex;box-shadow:0 15px 35px #00000080}.action-notif-inline span:first-child{font-size:1.2rem}.effect-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:8000;pointer-events:auto;background:#0006;justify-content:center;align-items:center;animation:.4s fadeIn;display:flex;position:fixed;inset:0}.premium-glass{text-align:center;width:90%;max-width:440px;animation:.5s cubic-bezier(.16,1,.3,1) modalPop;box-shadow:0 30px 80px #000c;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;background:#141423cc!important;border:1px solid #ffffff1a!important;border-radius:2rem!important;padding:2rem!important}.effect-header{flex-direction:column;align-items:center;gap:.8rem;margin-bottom:1.2rem;display:flex}.effect-badge{filter:drop-shadow(0 0 12px #8b5cf680);font-size:3rem}.effect-title-premium{color:#fff;text-transform:uppercase;letter-spacing:1.5px;font-size:1.8rem;font-weight:950}.effect-description{color:#ffffffb3;margin-bottom:2rem;font-size:.95rem;font-weight:500;line-height:1.5}.effect-visual-preview{justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:flex}.preview-card-placeholder{background:#ffffff0d;border:2px dashed #fff3;border-radius:.6rem;justify-content:center;align-items:center;width:70px;height:100px;display:flex;position:relative}.my-card-glow{border-color:var(--primary);box-shadow:0 0 15px #8b5cf633}.opponent-card-glow{border-color:var(--danger);box-shadow:0 0 15px #ef444433}.preview-label{color:#ffffff4d;font-size:.5rem;font-weight:900}.preview-connector{color:var(--primary-light);font-size:1.2rem;animation:3s linear infinite rotateSwap}.effect-actions-pill-group{flex-direction:column;gap:1.2rem;margin-bottom:2rem;display:flex}.btn-action-main.pill-large{width:100%;transition:all .2s;box-shadow:0 8px 20px #0006;letter-spacing:1.5px!important;text-transform:uppercase!important;border:none!important;height:54px!important;font-size:1rem!important;font-weight:950!important}.btn-action-main.primary{box-shadow:0 8px 20px #8b5cf64d;background:var(--primary-gradient)!important;color:#fff!important}.btn-action-main.danger{box-shadow:0 8px 20px #ef44444d;background:var(--danger-gradient)!important;color:#fff!important}.btn-action-main.pill-large:active{transform:scale(.96)}.effect-footer-timer{flex-direction:column;align-items:center;gap:.6rem;display:flex}.timer-line-container{background:#ffffff0d;border-radius:100px;width:100%;height:3px;overflow:hidden}.timer-line-fill{background:var(--primary-gradient);height:100%;box-shadow:0 0 8px var(--primary);transition:width 1s linear}.timer-text-muted{color:#fff6;text-transform:uppercase;font-size:.7rem;font-weight:700}.opponent-info-card.can-be-targeted{border:2px solid var(--warning);animation:1.5s infinite targetPulse;box-shadow:0 0 20px #fbbf2466,inset 0 0 10px #fbbf2433}}@keyframes slideDownFade{0%{opacity:0;transform:translate(-50%,-30px)}to{opacity:1;transform:translate(-50%)}}@keyframes pulseBorder{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@media (width<=767px){.game-layout-wrapper,.game-board-grid{width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;display:block!important;overflow:hidden!important}.game-layout-wrapper .game-board-arena.game{z-index:1000!important;background:radial-gradient(circle,#1e293b 0%,#0f172a 100%)!important;flex-direction:column!important;justify-content:space-between!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important;overflow:visible!important}.mobile-tabs-container{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;z-index:9999!important;background:#1e293bb3!important;border:1px solid #ffffff1a!important;border-radius:100px!important;gap:6px!important;width:90%!important;max-width:400px!important;height:60px!important;padding:6px!important;display:flex!important;position:fixed!important;bottom:20px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 10px 30px #00000080!important}.mobile-tab-btn{color:#ffffff80!important;text-transform:uppercase!important;letter-spacing:.5px!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:100px!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:2px!important;font-size:.75rem!important;font-weight:800!important;transition:all .3s!important;display:flex!important}.game-center-container{flex-direction:column!important;flex:1!important;justify-content:center!important;gap:2vh!important;min-height:0!important;padding:1vh 0!important;display:flex!important}.opponents-area-premium{flex-shrink:0!important;margin-bottom:0!important}.game-board-arena{flex-direction:column!important;flex:1!important;min-height:0!important;margin:0!important;display:flex!important}.my-area-premium{flex-direction:column!important;flex-shrink:0!important;align-items:stretch!important;gap:.4rem!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-top:0!important;display:flex!important}.player-actions-container{z-index:50!important;margin:.35rem 0!important}.player-hand-header{margin-bottom:.4rem!important}.mobile-tab-btn span{font-size:1.2rem!important}.mobile-tab-btn.active{color:#fff!important;background:#8b5cf633!important;border:1px solid #8b5cf64d!important;box-shadow:inset 0 0 10px #8b5cf633!important}.game-board-arena:not(.game) .opponents-area-premium,.game-board-arena:not(.game) .arena-center-hub,.game-board-arena:not(.game) .player-hand-container,.game-board-arena:not(.game) .my-area-premium,.game-left-sidebar,.game-right-sidebar{display:none!important}.game-left-sidebar.rules-mobile-view{z-index:9000!important;background:#0f172a!important;flex-direction:column!important;width:100vw!important;height:calc(100dvh - 80px)!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.game-right-sidebar.mobile-tab-view{z-index:9000!important;background:#0f172a!important;width:100vw!important;height:calc(100dvh - 80px)!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.game-board-arena.rules .game-center-container,.game-board-arena.chat .game-center-container{display:none!important}.game-board-arena.chat .game-right-sidebar,.game-board-arena.rules .game-left-sidebar{z-index:1000!important;background:#0f172a!important;width:100%!important;height:100%!important;position:fixed!important;inset:0!important}.game-layout-wrapper .game-board-arena.game .opponents-area-premium{padding:.5rem!important;padding-top:env(safe-area-inset-top,10px)!important;flex-shrink:0!important;min-height:auto!important}.game-layout-wrapper .game-board-arena.game .game-center-container{flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:2.5vh!important;min-height:0!important;display:flex!important}.game-layout-wrapper .game-board-arena.game .my-area-premium{z-index:50!important;flex-shrink:0!important;align-items:stretch!important;gap:.5rem!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:auto!important;padding-bottom:85px!important;position:relative!important;overflow:visible!important}@media (height>=750px){.game-layout-wrapper .game-board-arena.game .game-center-container{gap:4vh!important}.game-layout-wrapper .game-board-arena.game .my-area-premium{gap:.8rem!important;padding-bottom:100px!important}}@media (height<=650px){.game-layout-wrapper .game-board-arena.game .game-center-container{gap:.5vh!important}.game-layout-wrapper .game-board-arena.game .my-area-premium{gap:.2rem!important;padding-bottom:68px!important}.player-actions-container{margin:.2rem 0!important}.player-hand-header{margin-bottom:.15rem!important;padding:.1rem .8rem!important}.btn-action-main,.button-karma,.btn-pause-action{height:32px!important;font-size:.6rem!important}.mobile-tabs-container{height:52px!important;bottom:8px!important}.mobile-tab-btn{font-size:.7rem!important}}.sidebar-toggle-btn{display:none!important}:root{--card-w:clamp(44px, 14vw, 70px);--card-h:clamp(62px, 20vw, 98px);--card-w-opp:clamp(33px, 11vw, 50px);--card-h-opp:clamp(47px, 15.5vw, 72px)}@media (height<=650px){:root{--card-w:clamp(35px, 11.5vw, 56px);--card-h:clamp(50px, 16.8vw, 80px);--card-w-opp:clamp(27px, 9vw, 41px);--card-h-opp:clamp(38px, 12.5vw, 57px)}}@media (height>=750px){:root{--card-w:clamp(51px, 16vw, 80px);--card-h:clamp(73px, 22.5vw, 113px);--card-w-opp:clamp(38px, 12vw, 58px);--card-h-opp:clamp(54px, 17vw, 82px)}}.game-board-arena .card-element{width:var(--card-w)!important;height:var(--card-h)!important;border-radius:8px!important;margin-left:0!important;transition:transform .3s cubic-bezier(.34,1.56,.64,1)!important}.my-hand.spaced-hand .card-element,.opponent-hand.spaced-hand .card-element{margin:0 4px!important;scale:1!important}.my-hand:not(.spaced-hand):not(.crowded):not(.super-crowded):not(.mega-crowded):not(.ultra-crowded) .card-element{margin:0 calc(var(--card-w) * -.1)!important;scale:.92!important}.opponent-hand:not(.spaced-hand):not(.crowded):not(.super-crowded):not(.mega-crowded):not(.ultra-crowded) .card-element{margin:0 calc(var(--card-w-opp) * -.06)!important;scale:.95!important}.my-hand.crowded .card-element{margin:0 calc(var(--card-w) * -.14)!important;scale:.88!important}.opponent-hand.crowded .card-element{margin:0 calc(var(--card-w-opp) * -.14)!important;scale:.88!important}.my-hand.super-crowded .card-element{margin:0 calc(var(--card-w) * -.2)!important;scale:.8!important}.opponent-hand.super-crowded .card-element{margin:0 calc(var(--card-w-opp) * -.2)!important;scale:.8!important}.my-hand.mega-crowded .card-element{margin:0 calc(var(--card-w) * -.24)!important;scale:.72!important}.opponent-hand.mega-crowded .card-element{margin:0 calc(var(--card-w-opp) * -.24)!important;scale:.72!important}.my-hand.ultra-crowded .card-element{margin:0 calc(var(--card-w) * -.27)!important;scale:.64!important}.opponent-hand.ultra-crowded .card-element{margin:0 calc(var(--card-w-opp) * -.27)!important;scale:.64!important}.game-board-arena .deck-discard-area .card-element{width:var(--card-w)!important;height:var(--card-h)!important}.card-back-letter{font-size:1.4rem!important}.hand-wrapper{overscroll-behavior-x:contain;scroll-behavior:smooth;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;scrollbar-color:#8b5cf68c #ffffff0f!important;z-index:120!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:36px 0 10px!important;display:block!important;position:relative!important;overflow:auto visible!important}.hand-wrapper::-webkit-scrollbar{height:4px!important;display:block!important}.hand-wrapper::-webkit-scrollbar-track{background:#ffffff0a!important;border-radius:999px!important}.hand-wrapper::-webkit-scrollbar-thumb{background:#8b5cf68c!important;border-radius:999px!important}.opponent-hand{flex-direction:row!important;justify-content:center!important;align-items:flex-end!important;min-width:max-content!important;margin-top:16px!important;padding:0 1.5rem!important;display:flex!important}.my-hand{z-index:140!important;flex-flow:row!important;justify-content:flex-start!important;align-items:flex-end!important;width:max-content!important;min-width:max-content!important;margin:0!important;padding:0 1rem 0 .75rem!important;display:flex!important;position:relative!important;overflow:visible!important}.my-area-premium{z-index:130!important;align-items:stretch!important;width:100%!important;min-width:0!important;max-width:100%!important;position:relative!important;overflow:visible!important}.my-hand.active-turn .card-element:not(.selected-card-glow){transform:translateY(-8px)!important;box-shadow:0 8px 20px #0009!important}.opponent-hand .card-element{width:var(--card-w-opp)!important;height:var(--card-h-opp)!important}.my-hand .card-element:active{z-index:500!important;transform:translateY(-12px)scale(1.1)!important}.my-hand .card-element.selected-card-glow,.my-hand .card-element.zoomed-selected-card,.my-hand .card-element:active,.my-hand .card-element:hover{z-index:2000!important}.arena-center-hub,.deck-discard-area .drawn-card-glow{transform:none!important}.selected-card-glow{border:2px solid var(--primary-light)!important;z-index:100!important;transform:translateY(-10px)scale(1.01)!important;box-shadow:0 0 25px #8b5cf699!important}.last-swapped{z-index:10!important}.last-swapped.swapped-received,.last-swapped.swapped-sent{border:3px solid #00d2ff!important}.my-hand .last-swapped.swapped-received,.my-hand .last-swapped.swapped-sent{animation:1.1s cubic-bezier(.34,1.56,.64,1) forwards playerCardSwapEntranceMobile,2.5s ease-in-out 1.1s infinite premiumSwapPulseSent!important}.opponent-hand .last-swapped.swapped-received,.opponent-hand .last-swapped.swapped-sent{animation:1.1s cubic-bezier(.34,1.56,.64,1) forwards opponentCardSwapEntranceMobile,2.5s ease-in-out 1.1s infinite premiumSwapPulseSent!important}@keyframes playerCardSwapEntranceMobile{0%{opacity:0;transform:translateY(-160px)rotate(-18deg)scale(.75)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes opponentCardSwapEntranceMobile{0%{opacity:0;transform:translateY(160px)rotate(18deg)scale(.75)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes premiumSwapPulseMobileReceived{0%{box-shadow:0 0 5px #ff475766,inset 0 0 5px #ff475733}50%{box-shadow:0 0 20px #ff4757f2,inset 0 0 10px #ff475780;border-color:#ff6b81!important}to{box-shadow:0 0 5px #ff475766,inset 0 0 5px #ff475733}}@keyframes premiumSwapPulseMobileSent{0%{box-shadow:0 0 5px #00d2ff66,inset 0 0 5px #00d2ff33}50%{box-shadow:0 0 20px #00d2fff2,inset 0 0 10px #00d2ff80;border-color:#00efff!important}to{box-shadow:0 0 5px #00d2ff66,inset 0 0 5px #00d2ff33}}.last-swapped-badge{padding:3px 8px!important;font-size:.6rem!important;top:-10px!important}.player-hand-header{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;z-index:10!important;background:#0f172a66!important;border:1px solid #ffffff0d!important;border-radius:100px!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:.8rem!important;width:max-content!important;margin:0 auto .6rem!important;padding:.3rem 1.2rem!important;display:flex!important}.player-hand-title{letter-spacing:1.2px!important;color:#fff6!important;text-transform:uppercase!important;margin:0!important;font-size:.65rem!important;font-weight:900!important}.player-hand-title.active{color:var(--primary-light)!important}.score-badge{color:var(--primary-light)!important;background:#8b5cf626!important;border:1px solid #8b5cf633!important;border-radius:100px!important;padding:.1rem .6rem!important;font-size:.7rem!important;font-weight:950!important}.opponents-area-premium{flex-flow:row!important;justify-content:center!important;align-items:flex-start!important;gap:.5rem!important;width:100%!important;padding:15px .2rem 5px!important;display:flex!important;overflow-x:auto!important}.opponent-name{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:60px!important;font-size:.65rem!important;overflow:hidden!important}.opponent-info-card{background:#ffffff08!important;border-radius:50px!important;gap:.3rem!important;padding:.15rem .4rem!important}.opponent-item.active .opponent-info-card{border-color:var(--primary)!important;background:#8b5cf638!important;box-shadow:0 0 15px #8b5cf64d!important}.opponent-avatar-mini{background:var(--primary-gradient);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;width:24px!important;height:24px!important}.avatar-initial{color:#fff;font-weight:900;font-size:.65rem!important}.card-count-badge-premium{font-weight:800;color:var(--primary-light)!important;background:#8b5cf640!important;border:1px solid #8b5cf666!important;border-radius:6px!important;align-items:center!important;gap:2px!important;margin-left:3px!important;padding:2px 6px!important;font-size:.6rem!important;display:inline-flex!important}.score-badge-pill{color:#fff;opacity:.8;font-weight:800;font-size:.6rem!important}.thinking-dots{z-index:10;background:#6d28d9;border:1px solid #ffffff4d;border-radius:20px;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0006;min-width:18px!important;padding:1px 5px!important;bottom:-2px!important}.thinking-dots span{animation:1.4s ease-in-out infinite typingDots;background-color:#fff!important;border-radius:50%!important;flex-shrink:0!important;width:2.5px!important;height:2.5px!important;display:block!important}@keyframes typingDots{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.opponent-info-card.can-be-targeted{border:1.5px solid var(--warning)!important;animation:1.5s infinite targetPulseMobile!important}@keyframes targetPulseMobile{0%,to{border-color:var(--warning);transform:scale(1)}50%{border-color:#fbbf24;transform:scale(1.05)}}.target-hint-pulse{text-transform:uppercase;color:var(--warning);font-weight:950;font-size:.45rem!important}.player-actions-container{flex-flow:wrap!important;justify-content:center!important;align-self:center!important;gap:.4rem!important;width:100%!important;margin:.35rem auto .45rem!important;padding:0 .5rem!important;display:flex!important}.selection-actions-group{flex-wrap:wrap!important;justify-content:center!important;gap:.4rem!important;width:100%!important;display:flex!important}.reflex-trigger-wrapper,.karma-trigger-wrapper{flex:1 1 0!important;max-width:160px!important;display:flex!important}.btn-action-main,.button-karma,.btn-pause-action{letter-spacing:.2px!important;white-space:nowrap!important;text-overflow:ellipsis!important;border-radius:100px!important;flex:1 1 0!important;max-width:160px!important;height:38px!important;padding:0 .8rem!important;font-size:.65rem!important;font-weight:950!important;overflow:hidden!important}.player-hand-header{gap:.6rem!important;margin-bottom:.5rem!important}.player-hand-title{letter-spacing:1px!important;font-size:.6rem!important}.score-badge{padding:.1rem .5rem!important;font-size:.65rem!important}.card-element.penalty-card:after{border-width:3px!important;width:32px!important;height:32px!important;font-size:.9rem!important}.card-index-badge{border-width:.5px!important;width:14px!important;height:14px!important;font-size:.6rem!important;top:4px!important;right:4px!important}.center-area{gap:.5rem!important;width:100%!important}.arena-hub-container{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:50px!important;justify-content:center!important;align-items:center!important;margin:.5rem auto!important;padding:0!important;display:flex!important}.arena-info-segments{justify-content:space-between!important;gap:.5rem!important;width:95%!important;max-width:450px!important;margin:0 auto!important;display:flex!important}.round-segment,.timer-segment{width:75px!important}.timer-circle-container{width:32px!important;height:32px!important}.deck-discard-area{justify-content:center!important;align-items:center!important;gap:clamp(1.2rem,6.5vw,2.4rem)!important;margin:.5rem 0!important;padding:1rem!important;display:flex!important}.card-slot{width:var(--card-w)!important;height:var(--card-h)!important}.timer-number{font-size:2.2rem!important;font-weight:950!important}.timer-text-inner{letter-spacing:.5px!important;font-size:.6rem!important}.deck-count-badge{z-index:20!important;border-radius:4px!important;padding:2px 6px!important;font-size:.65rem!important;position:absolute!important;top:-10px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}.discard-card-under{opacity:.85!important;filter:brightness(.85)contrast(1.1)!important;top:-6px!important;left:-8px!important;transform:rotate(-4deg)!important}#discard-drop-zone{margin-left:0!important}.discard-btn-below{border-radius:100px!important;margin-top:.8rem!important;padding:.4rem 1.2rem!important;font-size:.75rem!important;font-weight:800!important}.drawn-card-preview{top:-90px!important}.arena-center-hub{flex:1!important;transform:none!important}.timer-badge-new{background:#00000080!important;border:1px solid #ffffff1a!important;border-radius:50px!important;gap:.4rem!important;min-width:55px!important;padding:.3rem .6rem!important}.memorization-timer-card{margin-bottom:1rem!important}.btn-memorization-ready{gap:.3rem!important;margin-top:.6rem!important;padding:.4rem 1.2rem!important;font-size:.75rem!important}.karma-last-turn-banner{border-radius:100px!important;gap:.5rem!important;max-width:92%!important;padding:.35rem .9rem!important;font-size:.75rem!important}.karma-banner-bell{font-size:.9rem!important}.karma-banner-text{font-size:.72rem!important}.karma-banner-countdown{padding:.15rem .6rem!important;font-size:.68rem!important}.center-area.has-karma-banner .arena-hub-container{margin-top:2.8rem!important}.action-segment{white-space:nowrap!important;text-overflow:ellipsis!important;flex:1!important;min-width:0!important;padding:.5rem .8rem!important;font-size:.78rem!important;overflow:hidden!important}.sidebar-content-wrapper{background:radial-gradient(circle at top,#1e293b 0%,#0f172a 100%)!important;flex-direction:column!important;gap:.2rem!important;width:100%!important;height:100%!important;padding:.5rem .5rem .2rem!important;display:flex!important;overflow:hidden!important}.sidebar-content-wrapper::-webkit-scrollbar{display:none!important}.sidebar-section-card{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#1e293b66!important;border:1px solid #ffffff14!important;border-radius:.6rem!important;flex-shrink:0!important;margin-bottom:0!important;padding:.4rem .6rem!important;animation:.4s backwards fadeInUp!important}.sidebar-section-card:nth-child(2){animation-delay:.1s!important}.sidebar-section-card:nth-child(3){animation-delay:.2s!important}.sidebar-section-title{text-transform:uppercase!important;letter-spacing:1.5px!important;color:var(--primary-light)!important;border-bottom:1px solid #ffffff0d!important;margin-bottom:.6rem!important;padding-bottom:.3rem!important;font-size:.85rem!important;font-weight:950!important}.aide-list{grid-template-columns:1fr 1fr!important;gap:.2rem!important;margin-top:.2rem!important;display:grid!important}.aide-item{color:#ffffffe6!important;background:#ffffff08!important;border:1px solid #ffffff0d!important;border-radius:4px!important;justify-content:space-between!important;align-items:center!important;padding:.15rem .4rem!important;font-size:.65rem!important;font-weight:700!important;display:flex!important}.aide-badge{opacity:1!important;color:var(--primary-light)!important;background:#8b5cf61a!important;border-radius:3px!important;padding:1px 4px!important;font-size:.55rem!important}.rank-list{scrollbar-width:none!important;flex-direction:column!important;gap:.2rem!important;max-height:95px!important;display:flex!important;overflow-y:auto!important}.rank-list::-webkit-scrollbar{display:none!important}.rank-score-wrapper{align-items:baseline!important;gap:3px!important;display:flex!important}.rank-item-premium{justify-content:space-between;align-items:center;display:flex;background:#ffffff05!important;border:1px solid #ffffff08!important;border-radius:6px!important;padding:.2rem .5rem!important}.rank-name{color:#fff!important;font-size:.75rem!important;font-weight:800!important}.rank-score{color:var(--primary-light)!important;font-size:.85rem!important;font-weight:950!important}.rank-badge-mini{border-radius:50%!important;width:18px!important;height:18px!important;font-size:.6rem!important}.stat-card-mini{background:#ffffff05!important;border-radius:.4rem!important;align-items:center!important;gap:.3rem!important;padding:.2rem .4rem!important;display:flex!important}.stat-icon-wrapper{width:20px!important;height:20px!important;font-size:.7rem!important}.stat-text-group{flex-direction:column!important;display:flex!important}.stat-label-mini{color:#fff6!important;letter-spacing:1px!important;text-transform:uppercase!important;margin-bottom:2px!important;font-size:.55rem!important;font-weight:800!important;line-height:1!important}.stat-value-mini{font-size:1rem!important;font-weight:950!important;line-height:1!important}.chat-container{flex-direction:column!important;width:100%!important;height:100%!important;display:flex!important;overflow:hidden!important}.chat-messages{flex-direction:column!important;flex:1!important;gap:.8rem!important;padding:1rem!important;display:flex!important;overflow-y:auto!important}.chat-input-area{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#0f172af2!important;border-top:1px solid #ffffff1a!important;margin-top:auto!important;padding:.8rem 1rem!important}.sidebar-footer-mobile{flex-direction:column!important;gap:.6rem!important;margin-top:.4rem!important;padding:.4rem 0!important;display:flex!important}.btn-pause-action-premium{color:#fff!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;text-transform:uppercase!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:36px!important;font-size:.7rem!important;font-weight:900!important;display:flex!important}.btn-quit-game-premium{color:#f87171!important;text-transform:uppercase!important;background:#ef44441a!important;border:1px solid #ef444433!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:36px!important;font-size:.7rem!important;font-weight:900!important;display:flex!important}.effect-selection-bar-inline{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;pointer-events:auto!important;z-index:500!important;background:#0f172ab3!important;border:1px solid #8b5cf64d!important;border-radius:100px!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:.6rem!important;width:auto!important;max-width:95%!important;margin:.5rem auto!important;padding:.3rem 1rem!important;display:flex!important;position:relative!important;box-shadow:0 10px 30px #0006!important}.effect-selection-bar-inline span{white-space:nowrap!important;text-align:left!important;font-size:.7rem!important;line-height:1!important}.jack-swap-bar{background:#0f172af2!important;border:1px solid #8b5cf666!important;border-radius:16px!important;flex-direction:column!important;gap:.5rem!important;width:92%!important;padding:.6rem .8rem!important;box-shadow:0 15px 35px #0009,0 0 20px #8b5cf626!important}.jack-swap-info{flex-direction:column!important;align-items:center!important;gap:.35rem!important;width:100%!important;display:flex!important}.jack-swap-instruction{align-items:center!important;gap:.3rem!important;display:flex!important}.jack-instruction-text{color:#fff!important;font-size:.72rem!important;font-weight:800!important}.jack-swap-steps{gap:.4rem!important;display:flex!important}.jack-step-pill{color:#fff6!important;background:#ffffff0d!important;border:1px solid #ffffff0d!important;border-radius:8px!important;padding:.15rem .5rem!important;font-size:.52rem!important;font-weight:750!important}.jack-step-pill.completed{color:#4ade80!important;background:#22c55e1a!important;border:1px solid #22c55e33!important}.jack-swap-controls{border-top:1px solid #ffffff0d!important;flex-direction:column!important;align-items:center!important;gap:.45rem!important;width:100%!important;padding-top:.6rem!important;display:flex!important}.jack-swap-actions{gap:.5rem!important;width:100%!important;display:flex!important}.btn-confirm-swap,.btn-cancel-swap{white-space:nowrap!important;text-transform:uppercase!important;border:none!important;border-radius:12px!important;flex:1!important;justify-content:center!important;align-items:center!important;height:36px!important;font-size:.65rem!important;font-weight:850!important;display:flex!important}.btn-confirm-swap.active{background:var(--success-gradient)!important;color:#fff!important;box-shadow:0 4px 12px #22c55e4d!important}.btn-cancel-swap{color:#fff!important;background:#ffffff1a!important}.effect-timer-premium{justify-content:center!important;align-items:center!important;width:100%!important;margin-bottom:.2rem!important;display:flex!important}.timer-bar-container{display:none!important}.timer-value-simple{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;color:#4ade80!important;background:#1e293b99!important;border:1px solid #8b5cf666!important;border-radius:100px!important;align-items:center!important;gap:4px!important;padding:2px 10px!important;font-family:JetBrains Mono,monospace!important;font-size:.65rem!important;font-weight:900!important;display:flex!important;box-shadow:0 4px 10px #0000004d!important}.timer-value-simple:before{content:"⏳";font-size:.6rem!important}.effect-timer-premium{gap:.5rem!important;width:100%!important}.timer-bar-container{height:4px!important}.pause-overlay{-webkit-backdrop-filter:blur(40px)!important;backdrop-filter:blur(40px)!important;z-index:9000!important;background:#0a0a14f2!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:1.5rem!important;padding:2rem!important;display:flex!important}.pause-overlay.reconnection-theme{background:#140505fa!important}.pause-overlay .pause-icon-center{color:var(--primary-light)!important;filter:drop-shadow(0 0 20px var(--primary))!important;margin-bottom:.5rem!important;font-size:3.5rem!important;animation:2s ease-in-out infinite pulseScale!important}.pause-title{letter-spacing:8px!important;color:#fff!important;text-transform:uppercase!important;text-shadow:0 0 20px #ffffff4d!important;margin:0!important;font-size:3.5rem!important;font-weight:950!important}.pause-subtitle{color:var(--primary-light)!important;text-transform:uppercase!important;letter-spacing:2px!important;opacity:.8!important;text-align:center!important;margin-bottom:1rem!important;font-size:.8rem!important;font-weight:800!important}.pause-actions{flex-direction:column!important;gap:1.2rem!important;width:100%!important;max-width:320px!important;display:flex!important}.btn-pause-confirm,.btn-quit-game{letter-spacing:1.2px!important;text-transform:uppercase!important;border:none!important;border-radius:100px!important;justify-content:center!important;align-items:center!important;width:100%!important;height:58px!important;font-size:.9rem!important;font-weight:950!important;display:flex!important;box-shadow:0 10px 25px #0006!important}.btn-pause-confirm{background:var(--primary-gradient)!important;color:#fff!important;border:1px solid #ffffff1a!important}.btn-quit-game{color:#f87171!important;box-shadow:none!important;background:#ef44441a!important;border:1px solid #ef444433!important}.btn-pause-confirm:active,.btn-quit-game:active{transform:scale(.96)!important}.effect-overlay{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;z-index:8500!important;pointer-events:auto!important;background:#0006!important;justify-content:center!important;align-items:center!important;animation:.4s fadeIn!important;display:flex!important;position:fixed!important;inset:0!important}.premium-glass{-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;text-align:center!important;background:#141423d9!important;border:1px solid #ffffff1a!important;border-radius:1.5rem!important;width:90%!important;max-width:92%!important;padding:1.5rem!important;animation:.5s cubic-bezier(.16,1,.3,1) modalPop!important;box-shadow:0 30px 80px #000c!important}.effect-badge{font-size:2.5rem!important}.effect-title-premium{letter-spacing:1px!important;font-size:1.4rem!important}.effect-description{margin-bottom:1.5rem!important;font-size:.85rem!important}.effect-visual-preview{flex-direction:row!important;justify-content:center!important;gap:2rem!important;width:100%!important;margin-bottom:2rem!important;display:flex!important}.preview-item{flex-direction:column!important;align-items:center!important;gap:.5rem!important;display:flex!important}.preview-label{color:var(--primary-light)!important;text-transform:uppercase!important;font-size:.65rem!important;font-weight:900!important}.preview-card-placeholder{border:2px dashed #fff3!important;border-radius:8px!important;width:55px!important;height:78px!important}.effect-actions-pill-group{flex-direction:column!important;gap:1.2rem!important;width:100%!important;max-width:280px!important;margin:0 auto!important;display:flex!important}.effect-actions-pill-group .btn-action-main.pill-large{border-radius:100px!important;flex:none!important;width:100%!important;max-width:100%!important;height:52px!important;font-size:.85rem!important}.btn-action-main.pill-large{border-radius:100px!important;width:100%!important;height:52px!important;font-size:.85rem!important}.timer-text-muted{color:var(--text-muted,#94a3b8)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;text-align:center!important;background:0 0!important;border:none!important;margin-top:.6rem!important;padding:0!important;font-size:.75rem!important;font-weight:800!important;display:block!important}.timer-text-muted:before{content:none!important}.modal-actions-group.vote-options{flex-direction:row!important;justify-content:center!important;gap:.8rem!important;margin-top:1rem!important}.modal-actions-group.vote-options button{border-radius:100px!important;flex:1!important;width:auto!important;min-width:100px!important;padding:.6rem 1.2rem!important;font-size:.9rem!important}.action-notif-inline{-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;background:#0f172ab3!important;border:1px solid #ffffff1a!important;border-radius:100px!important;justify-content:center!important;align-items:center!important;gap:.8rem!important;width:max-content!important;max-width:92%!important;margin:1.2rem auto!important;padding:.5rem 1.2rem!important;display:flex!important;box-shadow:0 10px 30px #0006!important}.action-notif-inline.danger{border-color:#ef444466!important}.action-notif-inline.success{border-color:#22c55e66!important}.action-notif-inline.primary{border-color:#8b5cf666!important}.notif-icon{font-size:1rem!important}.notif-content{color:#fff!important;letter-spacing:.2px!important;font-size:.75rem!important;font-weight:800!important}.modal-card{border-radius:1.2rem!important;width:92%!important;max-width:92%!important;max-height:90vh!important;padding:1.2rem!important;overflow-y:auto!important}.modal-title{letter-spacing:.05em!important;margin-bottom:.8rem!important;font-size:1.3rem!important}.modal-title.winner-title{font-size:1.6rem!important}.modal-subtitle{margin-bottom:1rem!important;font-size:.82rem!important}.modal-scores-list{gap:.5rem!important;margin-bottom:1rem!important}.modal-score-row{border-radius:.7rem!important;padding:.6rem .8rem!important}.modal-score-player{gap:.5rem!important}.score-player-name{font-size:.85rem!important}.score-points-round{font-size:.75rem!important}.score-points-total{font-size:.9rem!important}.modal-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.modal-actions-group{flex-direction:column!important;gap:.7rem!important;margin-top:.5rem!important}.modal-btn-continue,.modal-btn-quit,.modal-btn-quit-final{flex:none!important;width:100%!important;padding:.8rem!important;font-size:.85rem!important}.modal-game-over-icon{margin-bottom:.5rem!important;font-size:2.5rem!important}}.chat-container{background:0 0;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.chat-header{background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.chat-header h3{letter-spacing:.1em;color:var(--primary);margin:0;font-size:.9rem;font-weight:900}.chat-messages{scrollbar-width:thin;scrollbar-color:#8b5cf64d transparent;flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.chat-bubble{background:#ffffff08;border:1px solid #ffffff0d;border-radius:1.2rem;max-width:85%;padding:.8rem 1.2rem;animation:.3s ease-out messageSlide;position:relative}.chat-bubble.mine{background:#8b5cf61a;border-color:#8b5cf633;align-self:flex-end}.chat-meta{align-items:center;gap:.6rem;margin-bottom:.3rem;font-size:.75rem;display:flex}.chat-meta .author{color:var(--primary);font-weight:800}.chat-meta .time{opacity:.4}.chat-input-area{background:#0003;border-top:1px solid #ffffff0d;align-items:center;gap:1rem;padding:1.5rem;display:flex}.chat-input-wrapper{flex:1;position:relative}.chat-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;width:100%;padding:.8rem 1.2rem;font-size:.9rem;transition:all .3s;display:block}.chat-input:focus{border-color:var(--primary);background:#ffffff14;outline:none}.chat-send-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:1rem;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex;box-shadow:0 4px 15px #8b5cf64d}.chat-send-btn:disabled{opacity:.3;filter:grayscale();cursor:default;box-shadow:none}.chat-system-msg{text-align:center;color:var(--text-muted);background:#ffffff03;border-radius:.5rem;padding:.5rem;font-size:.75rem;font-style:italic}.chat-header-title{align-items:center;gap:.8rem;display:flex}.chat-header-icon{font-size:1.4rem}.chat-logs-toggle{color:var(--text-muted);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:.6rem;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.65rem;font-weight:800;transition:all .2s;display:flex}.chat-logs-toggle:hover{color:#fff;background:#ffffff14}.chat-logs-toggle.active{border-color:var(--primary);color:var(--primary);background:#8b5cf626}.chat-empty-state{opacity:.5;height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;font-size:.85rem;display:flex}.chat-text{word-break:break-word;color:#ffffffe6;line-height:1.4}@media (width<=1500px),(height<=950px){.chat-header{padding:.75rem 1rem}.chat-messages{gap:.5rem;padding:.75rem}.chat-bubble{max-width:90%;padding:.5rem .8rem}.chat-input-area{padding:.75rem}.chat-input{padding:.5rem .8rem;font-size:.8rem}.chat-send-btn{width:38px;height:38px}}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.round-results-overlay{z-index:9999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle,#0f172af2 0%,#020617 100%);flex-direction:column;justify-content:center;align-items:center;padding:2rem 2rem 9rem;display:flex;position:fixed;inset:0;overflow-y:auto}.results-header{text-align:center;margin-bottom:3rem;animation:.8s cubic-bezier(.16,1,.3,1) fadeInDown}.results-title{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:4px;-webkit-background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:950}.results-subtitle{color:var(--primary-light);letter-spacing:2px;font-size:1.1rem;font-weight:800}.results-reveal-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;width:100%;max-width:1400px;margin-bottom:4rem;display:grid}.player-reveal-card{background:#1e293b66;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:1.5rem;padding:1.5rem;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.player-reveal-card.is-revealing{border-color:var(--primary);transform:scale(1.02);box-shadow:0 0 30px #8b5cf626}.player-reveal-card.finished{opacity:.8;filter:grayscale(.3);transform:scale(1)}.reveal-player-info{justify-content:space-between;align-items:center;display:flex}.reveal-player-name{color:#fff;font-size:1.25rem;font-weight:900}.reveal-player-score{color:var(--primary-light);font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:950}.reveal-hand-display{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.reveal-card-wrapper{perspective:1000px;position:relative}.reveal-card-points{background:var(--primary-gradient);color:#fff;z-index:10;border-radius:12px;width:fit-content;height:fit-content;margin:auto;padding:4px 12px;font-size:1.1rem;font-weight:950;animation:.4s cubic-bezier(.175,.885,.32,1.275) both popIn;position:absolute;inset:0;box-shadow:0 4px 15px #00000080}.reveal-card-points.danger{background:var(--danger-gradient)}.reveal-card-points.success{background:var(--success-gradient)}.results-summary-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b99;border:1px solid #ffffff1a;border-radius:30px;width:100%;max-width:600px;padding:2rem;animation:.8s cubic-bezier(.16,1,.3,1) both fadeInUp}.summary-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem;transition:all .3s;display:flex}.summary-row:last-child{border-bottom:none}.summary-row.is-me{background:#8b5cf61a;border-radius:16px}.summary-rank{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:950;display:flex}.summary-rank.top1{color:#78350f;background:#fbbf24}.summary-rank.top2{color:#1e293b;background:#cbd5e1}.summary-rank.top3{color:#fff;background:#b45309}.summary-name{flex:1;margin-left:1.5rem;font-size:1.1rem;font-weight:800}.summary-scores{text-align:right}.summary-round-pts{color:var(--primary-light);font-size:.85rem;font-weight:700;display:block}.summary-total-pts{color:#fff;font-size:1.2rem;font-weight:950;display:block}.results-actions{gap:1.5rem;margin-top:3rem;display:flex}.btn-results-skip{color:#ffffffb3;letter-spacing:1px;cursor:pointer;z-index:10000;background:#ffffff14;border:1px solid #ffffff26;border-radius:100px;padding:.9rem 2.2rem;font-size:1.05rem;font-weight:900;transition:all .3s cubic-bezier(.16,1,.3,1);position:fixed;bottom:3.5rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.btn-results-skip:hover{color:#fff;background:#ffffff26;transform:translate(-50%)scale(1.05);box-shadow:0 15px 35px #8b5cf633}@media (width<=1200px){.results-title{font-size:2.2rem}.player-reveal-card{padding:1.2rem}}@media (width<=767px){.round-results-overlay{justify-content:flex-start!important;padding:1.5rem 1rem 7.5rem!important;overflow-x:hidden!important}.results-header{margin-bottom:1.5rem!important}.results-reveal-grid{grid-template-columns:1fr;gap:1rem;padding:0 .5rem;margin-bottom:1.5rem!important}.results-title{font-size:1.8rem}.player-reveal-card{padding:1rem;gap:1rem!important}.btn-results-skip{padding:.7rem 1.6rem!important;font-size:.85rem!important;position:fixed!important;inset:auto auto 2.5rem 50%!important;transform:translate(-50%)!important}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.next-round-timer-wrapper{flex-direction:column;align-items:center;gap:.8rem;width:100%;max-width:500px;margin:1.5rem auto 0;animation:.5s fadeIn;display:flex}.next-round-timer-text{color:var(--text-muted,#94a3b8);letter-spacing:.5px;text-transform:uppercase;font-size:.95rem;font-weight:800}.timer-seconds-badge{color:#fff;background:#ffffff1a;border-radius:6px;margin-left:.4rem;padding:2px 8px;font-family:JetBrains Mono,monospace;font-weight:900;transition:all .3s}.timer-seconds-badge.critical{color:#ef4444;background:#ef444433;box-shadow:0 0 10px #ef44444d}.next-round-progress-bar-bg{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:100px;width:100%;height:8px;overflow:hidden}.next-round-progress-bar-fill{background:linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);border-radius:100px;width:100%;height:100%;transition:width .1s linear;box-shadow:0 0 10px #8b5cf680}.next-round-progress-bar-fill.critical{background:linear-gradient(90deg,#ef4444 0%,#f87171 100%);box-shadow:0 0 10px #ef4444cc}.reveal-hand-display .card-element{border-radius:8px!important;width:80px!important;height:115px!important;margin:0!important;transform:none!important}@media (width<=767px){.reveal-hand-display .card-element{border-radius:6px!important;width:60px!important;height:86px!important}.reveal-card-points{border-radius:8px!important;padding:3px 8px!important;font-size:.85rem!important}}@media (width>=1400px){.gameroom-main-wrapper{flex-direction:column;width:100%;min-height:calc(100vh - 120px);animation:.6s cubic-bezier(.16,1,.3,1) fadeIn;display:flex}.gameroom-container{flex-direction:row;flex:1;align-items:stretch;gap:2.5rem;width:100%;padding-bottom:2rem;display:flex;position:relative}.gameroom-left-column{z-index:50;flex-direction:column;flex:1.8;gap:2rem;min-width:0;display:flex;position:relative}.gameroom-right-column{z-index:10;flex-direction:column;flex:1.2;min-height:0;display:flex;position:relative}.room-glass-card{color:#f8fafc;border-radius:2.5rem;padding:2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 20px 50px #0000004d,inset 0 0 20px #ffffff03;-webkit-backdrop-filter:blur(50px)!important;backdrop-filter:blur(50px)!important;background:#ffffff05!important;border:1px solid #ffffff0d!important}.room-glass-card:hover{background:#ffffff08!important;border-color:#8b5cf626!important}.gameroom-left-column>.room-glass-card:first-child{z-index:100}.autostart-timer{color:#ffffffb3;background:#8b5cf60d;border:1px solid #8b5cf626;border-radius:100px;align-items:center;gap:.8rem;margin-top:1rem;padding:.6rem 1.4rem;font-size:.9rem;font-weight:700;animation:.5s ease-out fadeIn;display:inline-flex}.timer-icon{font-size:1.1rem;animation:2s linear infinite rotateTimer}.timer-text{letter-spacing:.5px}.timer-value{color:var(--primary);text-shadow:0 0 10px #8b5cf64d;font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:900}@keyframes rotateTimer{0%{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-15deg)}45%{transform:rotate(0)}}.room-main-info,.room-top-nav{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1.5rem;display:flex}.room-title-mini{align-items:center;gap:.6rem;display:flex}.room-title-mini h1{color:#ffffffe6;letter-spacing:-.5px;align-items:center;margin:0;font-weight:900;display:flex;font-size:1.8rem!important}.room-code-display{color:var(--primary);letter-spacing:3px;cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:.8rem;margin-left:.3rem;padding:.3rem 1.2rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.4rem;transition:all .3s}.room-code-display:hover{border-color:var(--primary);background:#8b5cf626;transform:translateY(-1px)}.room-subtitle-section{margin-top:.5rem}.room-subtitle{color:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:.8rem;padding:.6rem 1.2rem;font-size:.8rem;font-weight:800;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #0000001a}.subtitle-icon{opacity:.8;font-size:1rem}.player-count-badge{color:var(--primary);letter-spacing:1px;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:100px;margin-left:.4rem;padding:.2rem .8rem;font-size:.8rem;font-weight:900;box-shadow:0 0 10px #8b5cf633}@keyframes pulseMini{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.copy-action-wrapper{align-items:center;display:flex;position:relative}.copy-notification{background:var(--primary);color:#fff;white-space:nowrap;z-index:1000;border-radius:.5rem;padding:.3rem .7rem;font-size:.6rem;font-weight:900;animation:2s cubic-bezier(.175,.885,.32,1.275) forwards popInAndOut;position:absolute;top:-32px;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #0000004d}.btn-copy-small{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:.8rem;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.room-top-controls{z-index:1000;align-items:center;gap:1.5rem;display:flex;position:relative}.visitor-badge-premium{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border:1px solid #8b5cf64d;border-radius:100px;align-items:center;gap:1rem;padding:.7rem 1.8rem;animation:3s ease-in-out infinite bounceSlow;display:flex;box-shadow:0 10px 30px #0003,0 0 20px #8b5cf61a}.host-controls-group{align-items:center;gap:1.2rem;display:flex}.badge-icon{filter:drop-shadow(0 0 5px var(--primary));font-size:1.2rem;animation:2s infinite pulseGlowIcon}.badge-text{letter-spacing:1.5px;color:#fff;text-shadow:0 0 10px #ffffff4d;font-size:.85rem;font-weight:900}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulseGlowIcon{0%,to{filter:drop-shadow(0 0 5px var(--primary));opacity:1}50%{filter:drop-shadow(0 0 15px var(--primary));opacity:.8}}.custom-dropdown-wrapper{z-index:2000;position:relative}.dropdown-trigger{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:1.2rem;justify-content:space-between;align-items:center;min-width:180px;height:52px;padding:0 1.5rem;font-size:.9rem;font-weight:800;transition:all .3s;display:flex}.rounds-notification{background:var(--primary);color:#fff;white-space:nowrap;z-index:1000;border-radius:.5rem;padding:.3rem .7rem;font-size:.6rem;font-weight:900;animation:2s cubic-bezier(.175,.885,.32,1.275) forwards popInAndOut;position:absolute;top:-35px;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #0000004d}.dropdown-menu-premium{background:#0f172a;border:1px solid #ffffff1a;border-radius:1.5rem;min-width:260px;padding:1.2rem;animation:.25s cubic-bezier(.16,1,.3,1) scaleIn;position:absolute;top:calc(100% + .8rem);right:0;box-shadow:0 25px 60px #000000b3;z-index:99999!important}.dropdown-item{cursor:pointer;color:#ffffffb3;border-radius:1rem;margin-bottom:.4rem;padding:1rem 1.2rem;font-size:.95rem;font-weight:700;transition:all .2s}.dropdown-item:hover{color:#fff;background:#8b5cf626}.dropdown-item.active{background:var(--primary);color:#fff;box-shadow:0 8px 15px #8b5cf64d}.custom-input-rounds{border-top:1px solid #ffffff14;margin-top:1.2rem;padding-top:1.2rem}.custom-input-rounds label{color:#fff6;text-transform:uppercase;letter-spacing:1px;margin-bottom:.8rem;padding-left:.5rem;font-size:.7rem;font-weight:900;display:block}.input-with-status{align-items:center;display:flex;position:relative}.input-field-mini{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:1rem;outline:none;width:100%;padding:.9rem 1.2rem;font-size:1.1rem;font-weight:800;transition:all .3s}.input-field-mini:focus{border-color:var(--primary);background:#00000080}.save-indicator{color:#22c55e;pointer-events:none;font-size:1.2rem;font-weight:900;position:absolute;right:1.2rem}.players-list-card{flex:1;min-height:400px}.section-title-premium{color:#fffc;letter-spacing:.5px;text-transform:uppercase;margin-bottom:2rem;font-size:1.2rem;font-weight:900}.players-list-premium{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem;display:grid}.player-row-premium{background:linear-gradient(145deg,#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff0f;border-radius:2rem;align-items:center;gap:1.5rem;width:100%;padding:1.5rem 2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.player-row-premium:before{content:"";background:var(--primary);opacity:0;width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.player-row-premium:hover{background:#ffffff0f;border-color:#8b5cf64d;transform:translateY(-4px)scale(1.01);box-shadow:0 15px 30px #0003}.player-row-premium:hover:before{opacity:1}.player-status-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;animation:2s infinite pulseSuccess;box-shadow:0 0 12px #22c55e80}.player-avatar-mini{background:var(--primary-gradient);color:#fff;border-radius:1.2rem;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.3rem;font-weight:900;display:flex;box-shadow:0 5px 15px #8b5cf633}.player-info-text{flex:1;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.player-name-group{align-items:center;gap:1rem;display:flex}.player-name{color:#f8fafc;font-size:1.3rem;font-weight:800}.you-badge{color:var(--primary);text-transform:uppercase;background:#8b5cf61a;border-radius:.6rem;padding:.3rem .8rem;font-size:.8rem;font-weight:800}.player-tag-host{color:#eab308;text-transform:uppercase;letter-spacing:.5px;background:#eab3081a;border:1px solid #eab30833;border-radius:.8rem;padding:.4rem 1rem;font-size:.75rem;font-weight:900}.room-chat-card{flex-direction:column;flex:1;display:flex;overflow:hidden;min-height:750px!important;max-height:80vh!important;padding:0!important}.chat-content-container{flex-direction:column;width:100%;height:100%;display:flex}.chat-container{flex-direction:column!important;flex:1!important;height:100%!important;display:flex!important}.chat-messages{flex:1!important;padding:2rem!important;overflow-y:auto!important}.chat-input-area{background:#0000004d!important;border-top:1px solid #ffffff0d!important;margin-top:auto!important;padding:1.5rem 2rem!important}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes popInAndOut{0%{opacity:0;transform:translate(-50%)translateY(10px)}15%{opacity:1;transform:translate(-50%)translateY(0)}85%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-10px)}}@keyframes popInAndOutSimple{0%{opacity:0;transform:translateY(10px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes popFromBottom{0%{opacity:0;transform:translateY(-10px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes pulseSuccess{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 15px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.pulse-cancel-btn{background:var(--danger-gradient)!important;border:1px solid #ef444466!important;animation:1.5s ease-in-out infinite pulseCancelBtn!important;box-shadow:0 0 15px #ef44444d!important}@keyframes pulseCancelBtn{0%{transform:scale(1);box-shadow:0 0 8px #ef44444d}50%{transform:scale(1.02);box-shadow:0 0 20px #ef444499}to{transform:scale(1);box-shadow:0 0 8px #ef44444d}}.pulsing-countdown{animation:2s ease-in-out infinite pulseCountdown;background:#8b5cf614!important;border-color:#8b5cf666!important}@keyframes pulseCountdown{0%,to{box-shadow:0 0 5px #8b5cf61a}50%{box-shadow:0 0 15px #8b5cf64d}}.start-options-menu{text-align:left;min-width:220px!important}.lobby-error-banner{-webkit-backdrop-filter:blur(10px);color:#fca5a5;border:1px solid #ef44444d;border-radius:12px;grid-column:1/-1;align-items:center;gap:12px;margin-bottom:20px;padding:12px 20px;font-size:.95rem;font-weight:500;animation:.3s ease-out slideDownError;display:flex;box-shadow:0 4px 20px #00000040,inset 0 1px 1px #ffffff0d;background:linear-gradient(135deg,#ef444426 0%,#dc262633 100%)!important}.lobby-error-banner .error-icon{align-items:center;font-size:1.15rem;display:flex}.lobby-error-banner .error-text{flex-grow:1}.lobby-error-banner .error-close-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 4px;font-size:1.4rem;line-height:1;transition:all .2s;display:flex}.lobby-error-banner .error-close-btn:hover{color:#f87171;transform:scale(1.1)}@keyframes slideDownError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}@media (width>=769px) and (width<=1399px){.gameroom-main-wrapper{flex-direction:column;width:100%;min-height:calc(100vh - 100px);animation:.6s cubic-bezier(.16,1,.3,1) fadeIn;display:flex}.gameroom-container{flex-direction:row;flex:1;align-items:stretch;gap:1.5rem;width:100%;padding:0 1rem 2rem;display:flex;position:relative}.gameroom-left-column{flex-direction:column;flex:1.6;gap:1.5rem;min-width:0;display:flex}.gameroom-right-column{flex-direction:column;flex:1.2;min-height:0;display:flex}.room-glass-card{color:#f8fafc;border-radius:2rem;padding:2rem;transition:all .3s;position:relative;box-shadow:0 15px 40px #0000004d;-webkit-backdrop-filter:blur(40px)!important;backdrop-filter:blur(40px)!important;background:#ffffff05!important;border:1px solid #ffffff0d!important}.room-top-nav{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.2rem;display:flex}.room-title-mini{align-items:center;gap:.6rem;display:flex}.room-title-mini h1{color:#ffffffe6;margin:0;font-weight:900;font-size:1.5rem!important}.room-code-display{color:var(--primary);letter-spacing:2px;cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:.7rem;margin-left:.3rem;padding:.3rem 1rem;font-family:JetBrains Mono,monospace;font-size:1.2rem}.room-subtitle-section{margin-top:.4rem}.autostart-timer{color:#fff9;background:#8b5cf60d;border:1px solid #8b5cf61a;border-radius:100px;align-items:center;gap:.6rem;margin-top:.8rem;padding:.4rem 1.2rem;font-size:.8rem;font-weight:700;display:inline-flex}.timer-icon{font-size:1rem;animation:2s linear infinite rotateTimer}.timer-value{color:var(--primary);font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:900}@keyframes rotateTimer{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.room-subtitle{color:#fff6;background:#ffffff05;border:1px solid #ffffff0a;border-radius:100px;align-items:center;gap:.6rem;padding:.4rem 1rem;font-size:.8rem;font-weight:700;display:inline-flex}.player-count-badge{color:var(--primary);background:#8b5cf61a;border-radius:.4rem;padding:.15rem .5rem;font-size:.75rem;font-weight:900;animation:2s infinite pulseMini}.copy-action-wrapper{align-items:center;display:flex;position:relative}.copy-notification,.rounds-notification{background:var(--primary);color:#fff;white-space:nowrap;z-index:1000;border-radius:.5rem;padding:.3rem .7rem;font-size:.6rem;font-weight:900;animation:2s cubic-bezier(.175,.885,.32,1.275) forwards popInAndOut;position:absolute;top:-32px;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #0000004d}.btn-copy-small{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:.6rem;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.room-top-controls,.host-controls-group{align-items:center;gap:1rem;display:flex}.custom-dropdown-wrapper{position:relative}.dropdown-trigger{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:1rem;justify-content:space-between;align-items:center;min-width:160px;height:46px;padding:0 1.2rem;font-size:.85rem;font-weight:800;display:flex}.dropdown-menu-premium{background:#0f172a;border:1px solid #ffffff1a;border-radius:1.2rem;min-width:240px;padding:1rem;animation:.2s ease-out scaleIn;position:absolute;top:calc(100% + .6rem);right:0;box-shadow:0 20px 40px #0009;z-index:99999!important}.dropdown-item{cursor:pointer;color:#fff9;border-radius:.8rem;margin-bottom:.3rem;padding:.8rem 1rem;font-size:.9rem;font-weight:700}.dropdown-item.active{background:var(--primary);color:#fff}.input-field-mini{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:.8rem;outline:none;width:100%;padding:.7rem 1rem;font-size:1rem;font-weight:800}.save-indicator{color:#22c55e;font-size:1rem;font-weight:900;position:absolute;right:1rem}.players-list-premium{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.2rem;display:grid}.player-row-premium{background:linear-gradient(145deg,#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff0f;border-radius:1.5rem;align-items:center;gap:1.2rem;padding:1.2rem 1.8rem;display:flex;position:relative;overflow:hidden}.player-row-premium:before{content:"";background:var(--primary);opacity:0;width:3px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.player-row-premium:hover:before{opacity:1}.player-status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseSuccess;box-shadow:0 0 8px #22c55e80}.player-avatar-mini{background:var(--primary-gradient);color:#fff;border-radius:1rem;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:900;display:flex}.player-info-text{flex:1;justify-content:space-between;align-items:center;display:flex}.player-name-group{align-items:center;gap:.6rem;display:flex}.player-name{color:#f8fafc;font-size:1.1rem;font-weight:800}.you-badge{color:var(--primary);text-transform:uppercase;background:#8b5cf61a;border-radius:.4rem;padding:.2rem .5rem;font-size:.7rem}.player-tag-host{color:#eab308;background:#eab3081a;border:1px solid #eab30833;border-radius:.6rem;padding:.3rem .8rem;font-size:.7rem;font-weight:900}.room-chat-card{overflow:hidden;min-height:600px!important;max-height:75vh!important;padding:0!important}.chat-content-container,.chat-container{flex-direction:column;height:100%;display:flex}.chat-messages{flex:1;overflow-y:auto;padding:1.5rem!important}.chat-input-area{background:#0003;border-top:1px solid #ffffff0d;margin-top:auto;padding:1.2rem 1.5rem!important}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@keyframes pulseMini{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes pulseSuccess{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes popInAndOut{0%{opacity:0;transform:translate(-50%)translateY(10px)}15%,85%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.pulse-cancel-btn{background:var(--danger-gradient)!important;border:1px solid #ef444466!important;animation:1.5s ease-in-out infinite pulseCancelBtn!important;box-shadow:0 0 15px #ef44444d!important}@keyframes pulseCancelBtn{0%{transform:scale(1);box-shadow:0 0 8px #ef44444d}50%{transform:scale(1.02);box-shadow:0 0 20px #ef444499}to{transform:scale(1);box-shadow:0 0 8px #ef44444d}}.pulsing-countdown{animation:2s ease-in-out infinite pulseCountdown;background:#8b5cf614!important;border-color:#8b5cf666!important}@keyframes pulseCountdown{0%,to{box-shadow:0 0 5px #8b5cf61a}50%{box-shadow:0 0 15px #8b5cf64d}}.start-options-menu{text-align:left;min-width:220px!important}.lobby-error-banner{-webkit-backdrop-filter:blur(10px);color:#fca5a5;border:1px solid #ef44444d;border-radius:12px;grid-column:1/-1;align-items:center;gap:12px;margin-bottom:20px;padding:12px 20px;font-size:.95rem;font-weight:500;animation:.3s ease-out slideDownError;display:flex;box-shadow:0 4px 20px #00000040,inset 0 1px 1px #ffffff0d;background:linear-gradient(135deg,#ef444426 0%,#dc262633 100%)!important}.lobby-error-banner .error-icon{align-items:center;font-size:1.15rem;display:flex}.lobby-error-banner .error-text{flex-grow:1}.lobby-error-banner .error-close-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 4px;font-size:1.4rem;line-height:1;transition:all .2s;display:flex}.lobby-error-banner .error-close-btn:hover{color:#f87171;transform:scale(1.1)}@keyframes slideDownError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}@media (width<=768px){.gameroom-main-wrapper{animation:.4s ease-out fadeIn;flex-direction:column!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:1rem .8rem 20px!important;display:flex!important}.gameroom-container,.gameroom-left-column,.gameroom-right-column{flex-direction:column!important;gap:1.2rem!important;width:100%!important;display:flex!important}.gameroom-left-column>.room-glass-card:first-child{z-index:1000}.room-glass-card{position:relative;box-shadow:0 10px 30px #0003;-webkit-backdrop-filter:blur(30px)!important;backdrop-filter:blur(30px)!important;background:#ffffff05!important;border:1px solid #ffffff0d!important;border-radius:1.5rem!important;padding:1.2rem!important}.room-top-nav{flex-direction:column;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.room-title-mini{flex-direction:row;justify-content:center;align-items:center;gap:.8rem;width:100%;display:flex}.room-title-mini h1{color:#fff;align-items:center;gap:.4rem;margin:0;font-weight:900;display:flex;font-size:1.2rem!important}.room-code-display{color:var(--primary);letter-spacing:1px;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:.5rem;padding:.3rem .6rem;font-family:JetBrains Mono,monospace;font-size:1rem}.btn-copy-small{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:.6rem;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.room-subtitle-section{justify-content:center;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.room-subtitle,.autostart-timer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:none!important;background:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:100px!important;align-items:center!important;gap:.4rem!important;margin:0!important;padding:.5rem .8rem!important;font-size:.75rem!important;display:flex!important}.subtitle-text,.timer-text{display:none}.player-count-badge{color:var(--primary);font-weight:900;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.timer-value{color:var(--primary);font-weight:900}.subtitle-icon,.timer-icon{opacity:1;font-size:.9rem}.player-count-badge{color:var(--primary);background:#8b5cf61a;border-radius:.4rem;padding:.15rem .5rem;font-size:.75rem;font-weight:900;animation:2s infinite pulseMini}.copy-action-wrapper{position:relative}.copy-notification,.rounds-notification{background:var(--primary);z-index:9999;border-radius:.4rem;padding:.25rem .6rem;font-size:.55rem;font-weight:900;animation:2s ease-in-out forwards popInAndOut;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.host-controls-group{flex-direction:column;gap:.8rem;width:100%;display:flex}.custom-dropdown-wrapper{width:100%;position:relative}.dropdown-trigger{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:1rem;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 1.2rem;font-size:.85rem;display:flex}.dropdown-menu-premium{background:#0f172a;border:1px solid #ffffff26;border-radius:1.2rem;width:100%;padding:1rem;animation:.2s ease-out scaleIn;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 25px 60px #0009;z-index:99999!important}.dropdown-item{cursor:pointer;color:#fff9;border-radius:.8rem;margin-bottom:.3rem;padding:.8rem 1rem;font-size:.9rem;font-weight:700;transition:all .2s}.dropdown-item:active,.dropdown-item:hover{color:#fff;background:#8b5cf626}.dropdown-item.active{background:var(--primary);color:#fff}.custom-input-rounds{border-top:1px solid #ffffff14;margin-top:1rem;padding-top:1rem}.custom-input-rounds label{color:#fff6;text-transform:uppercase;letter-spacing:1px;margin-bottom:.6rem;padding-left:.4rem;font-size:.65rem;font-weight:900;display:block}.input-with-status{align-items:center;display:flex;position:relative}.input-field-mini{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:.8rem;outline:none;width:100%;padding:.8rem 1rem;font-size:1rem;font-weight:800;transition:all .3s}.input-field-mini:focus{border-color:var(--primary);background:#00000080}.save-indicator{color:#22c55e;pointer-events:none;font-size:1.1rem;font-weight:900;position:absolute;right:1rem}.player-row-premium{background:linear-gradient(145deg,#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff0f;border-radius:1.2rem;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex;position:relative;overflow:hidden}.player-row-premium:before{content:"";background:var(--primary);opacity:.6;width:3px;height:100%;position:absolute;top:0;left:0}.player-avatar-mini{background:var(--primary-gradient);color:#fff;border-radius:.8rem;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:900;display:flex}.player-info-text{flex:1;justify-content:space-between;align-items:center;display:flex}.player-name{font-size:1rem;font-weight:800}.player-tag-host{color:#eab308;background:#eab3081a;border:1px solid #eab30833;border-radius:.5rem;padding:.2rem .6rem;font-size:.65rem;font-weight:900}.room-chat-card{flex-direction:column!important;height:auto!important;min-height:320px!important;max-height:380px!important;padding:0!important;display:flex!important;overflow:hidden!important}.chat-container{flex-direction:column!important;height:100%!important;display:flex!important;overflow:hidden!important}.chat-messages{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex-direction:column!important;flex:1!important;gap:.8rem!important;min-height:0!important;padding:1rem 1.2rem 1rem 1rem!important;display:flex!important;overflow-y:auto!important}.chat-input-area{background:#0000004d!important;border-top:1px solid #ffffff0d!important;margin-top:auto!important;padding:.8rem 1rem!important}@keyframes pulseMini{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes popInAndOut{0%{opacity:0;transform:translate(-50%)translateY(5px)}15%,85%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.pulse-cancel-btn{background:var(--danger-gradient)!important;border:1px solid #ef444466!important;animation:1.5s ease-in-out infinite pulseCancelBtn!important;box-shadow:0 0 15px #ef44444d!important}@keyframes pulseCancelBtn{0%{transform:scale(1);box-shadow:0 0 8px #ef44444d}50%{transform:scale(1.02);box-shadow:0 0 20px #ef444499}to{transform:scale(1);box-shadow:0 0 8px #ef44444d}}.pulsing-countdown{animation:2s ease-in-out infinite pulseCountdown;background:#8b5cf614!important;border-color:#8b5cf666!important}@keyframes pulseCountdown{0%,to{box-shadow:0 0 5px #8b5cf61a}50%{box-shadow:0 0 15px #8b5cf64d}}.start-options-menu{text-align:left;min-width:220px!important}.lobby-error-banner{-webkit-backdrop-filter:blur(10px);color:#fca5a5;border:1px solid #ef44444d;border-radius:12px;grid-column:1/-1;align-items:center;gap:12px;margin-bottom:20px;padding:12px 20px;font-size:.95rem;font-weight:500;animation:.3s ease-out slideDownError;display:flex;box-shadow:0 4px 20px #00000040,inset 0 1px 1px #ffffff0d;background:linear-gradient(135deg,#ef444426 0%,#dc262633 100%)!important}.lobby-error-banner .error-icon{align-items:center;font-size:1.15rem;display:flex}.lobby-error-banner .error-text{flex-grow:1}.lobby-error-banner .error-close-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0 4px;font-size:1.4rem;line-height:1;transition:all .2s;display:flex}.lobby-error-banner .error-close-btn:hover{color:#f87171;transform:scale(1.1)}@keyframes slideDownError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}.admin-search-wrapper{width:350px;position:relative}.admin-search-wrapper:before{content:"🔍";opacity:.5;font-size:.9rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.admin-search-input{color:#fff;background:#0f172a99;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:.7rem 1.2rem .7rem 2.8rem;font-size:.9rem;transition:all .3s;box-shadow:inset 0 2px 4px #0003}.admin-search-input:focus{border-color:var(--primary);background:#0f172acc;box-shadow:0 0 15px #6366f126,inset 0 2px 4px #0003}.admin-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a66;border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0003}.admin-table{border-collapse:collapse;table-layout:fixed;width:100%}.admin-table th,.admin-table td{text-align:center;vertical-align:middle}.col-avatar{width:60px}.col-username{width:18%;text-align:left!important}.col-email{width:22%;text-align:left!important}.col-role{width:12%}.col-stats{width:20%}.col-status{width:13%}.actions-col{width:15%}.admin-table th{color:#64748b;letter-spacing:2px;text-transform:uppercase;background:#ffffff08;padding:clamp(.8rem,1.2vw,1rem) 1rem;font-size:clamp(.7rem,.9vw,.8rem);font-weight:900}.admin-table td{border-bottom:1px solid #ffffff08;padding:clamp(.6rem,1.2vw,1rem) 1.2rem}.user-row-banned{opacity:.6;background:#ef444405}.admin-user-cell{align-items:center;gap:1rem;display:flex}.admin-avatar{background:var(--primary-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.admin-user-info{flex-direction:column;display:flex}.admin-username{color:#fff;font-size:.95rem;font-weight:700}.admin-email{color:var(--text-muted);font-size:.85rem}.role-badge,.status-badge{border-radius:20px;padding:.3rem .8rem;font-size:.75rem;font-weight:600}.role-badge.admin{color:#818cf8;background:#6366f133;border:1px solid #6366f14d}.role-badge.user{color:var(--text-muted);background:#ffffff0d}.status-badge.active{color:#4ade80;background:#22c55e26}.status-badge.banned{color:#f87171;background:#ef444426}.admin-stats-mini{color:var(--text-muted);justify-content:center;gap:.8rem;font-size:.85rem;display:flex}.admin-actions-btns{justify-content:center;gap:.6rem;display:flex}.admin-actions-btns button{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.admin-btn-edit:hover{transform:translateY(-3px);box-shadow:0 0 15px #f59e0b33;background:#f59e0b1a!important;border-color:#f59e0b66!important}.admin-btn-ban.ban:hover{transform:translateY(-3px);box-shadow:0 0 15px #ef444433;background:#ef44441a!important;border-color:#ef444466!important}.admin-btn-ban.unban:hover{transform:translateY(-3px);box-shadow:0 0 15px #22c55e33;background:#22c55e1a!important;border-color:#22c55e66!important}.admin-btn-delete:hover{transform:translateY(-3px)scale(1.1);box-shadow:0 0 20px #ef44444d;background:#ef444426!important;border-color:#ef4444!important}.admin-edit-modal{width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modal-header h3{color:#fff;font-size:1.2rem}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:2rem}.admin-edit-form{padding:2rem}.form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.form-grid.stats{grid-template-columns:1fr 1fr 1fr}.form-group{flex-direction:column;gap:.6rem;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:700}.form-group input,.form-group select{color:#fff;background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:.9rem 1.2rem;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a}.form-group input:focus,.form-group select:focus{border-color:var(--primary);background:#0f172acc;box-shadow:0 0 15px #6366f126,inset 0 2px 4px #0000001a}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.2em;padding-right:3rem}.form-section-title{color:var(--primary);text-transform:uppercase;margin-bottom:1rem;font-size:.9rem;font-weight:700}.modal-footer{border-top:1px solid #ffffff0d;justify-content:flex-end;align-items:center;gap:1.5rem;margin-top:2rem;padding-top:1.5rem;display:flex}.modal-error-msg{color:#ef4444;margin-right:auto;font-size:.85rem;font-weight:600;animation:.4s shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.btn-cancel{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-weight:600}.btn-save{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.8rem 1.5rem;font-weight:700;box-shadow:0 4px 15px #6366f14d}.admin-username-container{align-items:center;gap:.6rem;display:flex}.verify-badge{cursor:help;filter:drop-shadow(0 0 2px #00000080);font-size:.8rem}.checkbox-group{grid-column:span 2;margin-top:.5rem}.checkbox-label{cursor:pointer;text-transform:none!important;letter-spacing:normal!important;color:#fff!important;flex-direction:row!important;align-items:center!important;gap:.8rem!important;font-size:.9rem!important;display:flex!important}.checkbox-label input{cursor:pointer;width:20px!important;height:20px!important}.admin-success-toast{z-index:9999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#10b98126;border:1px solid #10b98166;border-radius:1rem;align-items:center;gap:1rem;padding:1rem 2rem;animation:.5s cubic-bezier(.16,1,.3,1) both toastSlideIn;display:flex;position:fixed;top:2rem;right:2rem;box-shadow:0 10px 30px #0000004d,0 0 20px #10b9811a}.toast-icon{font-size:1.2rem}.toast-msg{color:#4ade80;letter-spacing:.3px;font-size:.95rem;font-weight:800}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:.5s cubic-bezier(.16,1,.3,1) both slideInRight}@media (width<=1400px){.admin-main{padding:1.5rem!important}.col-email,.col-stats,.col-status{display:none!important}.col-avatar{width:50px}.col-username{width:auto}.col-role{width:100px}.actions-col{width:150px}.admin-title{font-size:2.2rem}}@media (width<=768px){.admin-main{padding:.8rem!important}.admin-header{margin-bottom:1.5rem}.col-email,.col-role,.col-stats,.col-status{display:none!important}.admin-table{table-layout:auto;min-width:100%!important}.col-avatar{width:45px}.col-username{width:auto;text-align:left!important}.actions-col{width:120px;text-align:right!important}.admin-actions-btns{justify-content:flex-end;gap:.4rem}.admin-actions-btns button{width:32px;height:32px}.admin-action-bar{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.admin-action-bar-left{justify-content:space-between}.admin-search-wrapper{width:100%}}.admin-action-bar{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#0f172ab3,#0f172a66);border:1px solid #ffffff14;border-radius:2rem;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.2rem 2.5rem;display:flex;box-shadow:0 15px 35px #0006,inset 0 1px #ffffff1a}.tab-title{color:#fff;letter-spacing:-.8px;background:linear-gradient(#fff,#a5b4fc);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #0000004d);-webkit-background-clip:text;margin:0;font-size:1.35rem;font-weight:950}.admin-action-bar-right{align-items:center;gap:1rem;display:flex}.admin-btn-refresh{color:#4ade80;cursor:pointer;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #0003}.admin-btn-refresh:hover{background:#22c55e33;border-color:#4ade80;transform:translateY(-2px)rotate(15deg);box-shadow:0 0 20px #22c55e4d}.refresh-icon{font-size:1.2rem;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.admin-btn-refresh:hover .refresh-icon{transform:rotate(180deg)}.admin-games-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.admin-game-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a66;border:1px solid #ffffff1a;border-radius:1.5rem;flex-direction:column;gap:1.2rem;padding:1.8rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 10px 30px #0003}.admin-game-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-5px)}.admin-game-card.paused{background:#f59e0b05;border-color:#f59e0b}.game-card-header{justify-content:space-between;align-items:center;display:flex}.game-room-code{color:var(--primary);font-family:monospace;font-size:1.1rem;font-weight:700}.game-phase-badge{color:var(--text-muted);background:#ffffff0d;border-radius:4px;padding:.2rem .6rem;font-size:.65rem;font-weight:800}.game-phase-badge.playing{color:#4ade80;background:#4ade801a}.game-phase-badge.waiting{color:#60a5fa;background:#60a5fa1a}.game-card-body{flex-direction:column;gap:.8rem;display:flex}.game-stat{justify-content:space-between;font-size:.9rem;display:flex}.stat-label{color:var(--text-muted)}.stat-value{color:#fff;font-weight:600}.game-players-list{flex-wrap:wrap;gap:.4rem;display:flex}.mini-player-tag{color:#fff;background:#ffffff0d;border-radius:4px;padding:.2rem .5rem;font-size:.75rem}.game-card-footer{gap:.5rem;margin-top:auto;display:flex}.btn-game-action{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:.6rem;font-size:.8rem;font-weight:600;transition:all .2s}.btn-game-action:hover{background:#ffffff1a}.btn-game-action.pause:hover{color:#f59e0b;border-color:#f59e0b}.btn-game-action.resume:hover{color:#10b981;border-color:#10b981}.btn-game-action.close:hover{color:#ef4444;border-color:#ef4444}@media (width<=1400px){.admin-games-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (width<=768px){.admin-games-grid{grid-template-columns:1fr}.game-room-code{font-size:1rem}}.admin-system-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem;display:grid}.system-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a66;border:1px solid #ffffff1a;border-radius:1.5rem;gap:1.5rem;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 10px 30px #0003}.system-card:hover{background:#ffffff0d}.system-card-icon{background:#ffffff0d;border-radius:16px;justify-content:center;align-items:center;width:70px;height:70px;font-size:2.5rem;display:flex}.system-card-content h3{color:#fff;margin-bottom:.5rem;font-size:1.2rem}.system-card-content p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem;line-height:1.4}.system-card.maintenance.active{border-color:var(--danger);background:#ef444408}.system-card.maintenance.active .system-card-icon{background:#ef44441a}.btn-maintenance,.btn-kill-all{cursor:pointer;border:none;border-radius:10px;padding:.8rem 1.5rem;font-weight:700;transition:all .2s}.btn-success:hover{background:#16a34a;transform:translateY(-2px)}.btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.btn-kill-all{color:#ef4444;background:0 0;border:1px solid #ef44444d}.btn-kill-all:hover{color:#fff;background:#ef4444}.section-title{color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700}.metrics-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.metric-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:1rem;align-items:center;gap:1rem;padding:1.2rem;transition:all .3s;display:flex}.metric-card:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translateY(-3px)}.metric-icon{background:#ffffff08;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;display:flex}.metric-info{flex-direction:column;display:flex}.metric-label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.metric-value{color:#fff;font-size:1.1rem;font-weight:700}@media (width<=1400px){.admin-system-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:1fr 1fr 1fr}}@media (width<=768px){.system-card{text-align:center;flex-direction:column;align-items:center;padding:1.5rem}.system-card-content p{margin-bottom:1rem}.metrics-grid{grid-template-columns:1fr 1fr}}.admin-layout{background:radial-gradient(circle at 100% 0,#6366f10d,#0000)}.admin-main{padding:1.5rem 2.5rem!important}.admin-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.admin-header-titles{flex:1}.admin-kicker{letter-spacing:.2em;color:var(--primary);text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:800}.admin-title{color:#fff;letter-spacing:-1px;font-size:2.8rem;font-weight:950}.admin-title span{color:var(--primary);text-shadow:0 0 30px #6366f166}.admin-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a66;border:1px solid #ffffff1a;border-radius:1.5rem;gap:.8rem;padding:.5rem;display:flex}.admin-tab{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:1.2rem;align-items:center;gap:.6rem;padding:.7rem 1.4rem;font-size:.8rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.admin-tab:hover:not(.active){color:#fff;background:#ffffff0d}.admin-tab.active{background:var(--primary-gradient);color:#fff;border-color:#fff3;box-shadow:0 4px 15px #8b5cf666}.tab-icon{font-size:1.1rem}.admin-view-container{animation:.5s fadeIn}.tab-title{color:#fff;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.admin-placeholder-card{text-align:center;color:var(--text-muted);background:#ffffff08;border:1px dashed #ffffff1a;border-radius:16px;padding:4rem}.admin-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#020617d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-modal{background:#0f172af2;border:1px solid #ffffff1a;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.confirm-box{text-align:center;max-width:450px;padding:2.5rem}.confirm-icon{margin-bottom:1.5rem;font-size:3rem}.confirm-box h3{color:#fff;margin-bottom:1rem;font-size:1.4rem;font-weight:800}.confirm-box p{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem;line-height:1.5}.confirm-actions{gap:1rem;display:flex}.btn-confirm-action,.btn-confirm-cancel{cursor:pointer;border:none;border-radius:12px;flex:1;padding:.8rem;font-weight:700;transition:all .2s}.btn-confirm-cancel{color:#fff;background:#ffffff0d}.btn-confirm-cancel:hover{background:#ffffff1a}.btn-danger{color:#fff;background:#ef4444}.btn-success{color:#fff;background:#22c55e}.animate-pop-in{animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn}@media (width<=1400px){.admin-main{padding:1.5rem 2rem!important}.admin-header{margin-bottom:2rem;padding-bottom:1.5rem}}@media (width<=768px){.admin-main{padding:1rem!important}.admin-tabs{border-radius:1rem;justify-content:flex-start;width:100%;overflow-x:auto}.admin-tab{flex-shrink:0;padding:.6rem 1rem;font-size:.75rem}}.friends-page-root{background:var(--bg-dark);min-height:100vh}.friends-main-content{flex:1;height:100vh;padding:2.5rem;overflow-y:auto}.friends-header{margin-bottom:2rem}.friends-header .main-title{background:linear-gradient(135deg,#fff,#a855f7);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.2rem;font-weight:800}.friends-header .subtitle-description{color:var(--text-muted);font-size:.95rem}.friends-layout-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:2rem;display:grid}.friends-panel{border-radius:1.5rem;margin-bottom:2rem;padding:2rem}.glass-card-premium{-webkit-backdrop-filter:blur(16px);background:#1e293b73;border:1px solid #ffffff14;transition:all .3s;box-shadow:0 10px 30px #0003}.glass-card-premium:hover{border-color:#8b5cf633;box-shadow:0 15px 35px #8b5cf60d}.panel-header{border-bottom:1px solid #ffffff0f;margin-bottom:1.5rem;padding-bottom:1rem}.panel-header h2{color:#f1f5f9;letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.panel-loader{justify-content:center;padding:3rem;display:flex}.loader-mini{border:3px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}.empty-panel-state{text-align:center;color:var(--text-muted);padding:4rem 2rem}.empty-panel-state .empty-icon{opacity:.5;margin-bottom:1rem;font-size:3.5rem;animation:3s ease-in-out infinite floatIcon;display:block}.empty-panel-state p{max-width:300px;margin:0 auto;font-size:.95rem;line-height:1.6}.friends-list-container{flex-direction:column;gap:1rem;max-height:60vh;padding-right:.5rem;display:flex;overflow-y:auto}.friends-list-container::-webkit-scrollbar{width:6px}.pending-requests-list::-webkit-scrollbar{width:6px}.friends-list-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.pending-requests-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.friend-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:1rem;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.friend-card:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translate(4px)}.friend-info-group{align-items:center;gap:1.2rem;display:flex}.friend-avatar-badge{color:#c084fc;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:700;display:flex;position:relative;box-shadow:0 4px 10px #0000001a}.friend-avatar-badge.online:after{content:"";border:2px solid var(--bg-dark);background:#22c55e;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0;box-shadow:0 0 10px #22c55e99}.friend-meta{flex-direction:column;gap:.25rem;display:flex}.friend-name{color:#f8fafc;font-size:1.05rem;font-weight:600}.status-label{font-size:.8rem;font-weight:500}.status-online{color:#22c55e}.status-playing{color:#d946ef;font-weight:700;animation:2s infinite pulse}.status-lobby{color:#c084fc;font-weight:600}.status-offline{color:var(--text-muted)}.friend-actions-group{align-items:center;gap:.75rem;display:flex}.btn-action-friend{border-radius:.75rem!important;padding:.5rem 1rem!important;font-size:.75rem!important}.join-friend-btn{letter-spacing:.05em;animation:2s infinite pulse;background:linear-gradient(135deg,#22c55e,#10b981)!important;padding:.6rem 1.2rem!important;font-weight:700!important;box-shadow:0 4px 12px #22c55e4d!important}.join-friend-btn:hover{transform:translateY(-1px)scale(1.03)!important;box-shadow:0 6px 15px #22c55e80!important}.delete-friend-btn:hover{color:#f87171!important;background:#ef44441a!important;border-color:#ef44444d!important}.block-friend-btn:hover{color:#fbbf24!important;background:#f59e0b1a!important;border-color:#f59e0b4d!important}.btn-cancel-request:hover{color:#f87171!important;background:#ef44441a!important;border-color:#ef44444d!important}.friends-side-column{flex-direction:column;gap:2rem;display:flex}.search-input-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0006;border:1px solid #ffffff0d;border-radius:2rem;align-items:center;margin-bottom:1.5rem;padding:.5rem 1.5rem;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;position:relative;box-shadow:0 10px 30px #0000004d}.search-input-wrapper:focus-within{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 0 30px #8b5cf633,0 15px 40px #0006}.search-icon{opacity:.5;margin-right:1rem;font-size:1.2rem;transition:all .3s}.search-input-wrapper:focus-within .search-icon{opacity:1;transform:scale(1.1)}.search-input-field{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:.8rem 0;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600}.search-input-field::placeholder{color:#fff3}.search-loader{border:2px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;margin-left:1rem;animation:.8s linear infinite spin}.search-results-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a66;border:1px solid #ffffff0f;border-radius:1.25rem;flex-direction:column;gap:.75rem;max-height:300px;padding:1rem;display:flex;overflow-y:auto;box-shadow:inset 0 2px 8px #0003}.search-result-row{background:#ffffff05;border:1px solid #ffffff08;border-radius:1rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.search-result-row:hover{background:#ffffff0f;border-color:#8b5cf633;transform:translate(2px)}.result-user-info{align-items:center;gap:.85rem;display:flex}.result-avatar{color:#c084fc;background:linear-gradient(135deg,#8b5cf626,#a855f726);border:1px solid #8b5cf64d;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;font-weight:700;display:flex}.result-name{color:#f1f5f9;font-size:.95rem;font-weight:600}.btn-add-search{letter-spacing:.03em;background:var(--primary-gradient)!important;border-radius:.75rem!important;padding:.45rem 1rem!important;font-size:.75rem!important;font-weight:700!important;box-shadow:0 4px 10px #8b5cf633!important}.btn-add-search:hover{transform:translateY(-1px)scale(1.03);box-shadow:0 6px 15px #8b5cf64d!important}.search-status-badge{border-radius:.5rem;padding:.3rem .6rem;font-size:.75rem;font-weight:600}.pending-sent-badge{color:#c084fc;background:#8b5cf61a;border:1px solid #8b5cf633}.friends-badge{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e33}.blocked-badge{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.search-status-actions{gap:.4rem;display:flex}.btn-mini-action{border-radius:.4rem!important;padding:.3rem .6rem!important;font-size:.7rem!important}.no-results-text,.empty-side-text{color:var(--text-muted);text-align:center;padding:1rem 0;font-size:.85rem}.pending-requests-list{flex-direction:column;gap:.75rem;max-height:250px;display:flex;overflow-y:auto}.pending-request-row{background:#ffffff05;border:1px solid #ffffff0a;border-radius:.8rem;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.request-name{color:#e2e8f0;font-size:.9rem;font-weight:500}.request-actions{gap:.5rem;display:flex}.request-actions button{border-radius:.5rem!important;padding:.4rem .8rem!important;font-size:.7rem!important}.pending-sent-label{color:var(--text-muted);font-size:.8rem;font-style:italic}.btn-unblock-mini{border-radius:.5rem!important;padding:.35rem .7rem!important;font-size:.7rem!important}@keyframes pulse{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}@media (width<=1024px){.friends-layout-grid{grid-template-columns:1fr}.friends-main-content{padding:1.5rem 1.5rem 5rem}}@media (width<=576px){.friend-card{flex-direction:column;align-items:flex-start;gap:1rem}.friend-actions-group{justify-content:flex-end;width:100%}}:root{--primary:#8b5cf6;--primary-hover:#7c3aed;--primary-gradient:linear-gradient(135deg, #8b5cf6, #6366f1);--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--bg-dark:#0a0f1e;--bg-slate:#1e293b;--card-bg:#0f172a99;--text-main:#f8fafc;--text-muted:#94a3b8;--border-light:#ffffff14;--glass-bg:#0f172a99;--glass-border:#ffffff14;--shadow-premium:0 25px 50px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(circle at -5% 30%,#8b5cf640 0%,#0000 50%),radial-gradient(circle at 100% 80%,#10b9811f 0%,#0000 50%),radial-gradient(#ffffff0f 1.5px,#0000 1.5px);background-size:100% 100%,100% 100%,50px 50px;background-attachment:fixed;flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;line-height:1.5;display:flex;overflow-x:hidden}a{color:var(--primary);text-decoration:none;transition:all .2s}a:hover{filter:brightness(1.2);text-decoration:underline}#root{flex-direction:column;flex:1;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#8b5cf699}button,input{touch-action:manipulation}@keyframes pulse-red{0%{box-shadow:0 0 5px #ef444466}50%{box-shadow:0 0 20px #ef4444cc}to{box-shadow:0 0 5px #ef444466}}@keyframes swap-anim{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes flashRed{0%,to{border-color:var(--danger);box-shadow:0 0 5px var(--danger)}50%{box-shadow:0 0 20px var(--danger);border-color:#fff}}@keyframes flashOrange{0%,to{border-color:var(--warning);box-shadow:0 0 5px var(--warning)}50%{box-shadow:0 0 20px var(--warning);border-color:#fff}}@keyframes pulse-dot{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.animate-fade-in{animation:.3s ease-out fadeIn}.button-primary{background:linear-gradient(135deg, var(--primary), #7c3aed);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:2rem;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 2rem;font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 15px #8b5cf64d}.button-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #8b5cf680}.button-success{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:2rem;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 2rem;font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 15px #22c55e4d}.button-success:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #22c55e80}.button-danger{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:2rem;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 2rem;font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 15px #ef44444d}.button-danger:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #ef444480}.button-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:2rem;padding:.8rem 1.8rem;font-size:.85rem;font-weight:600;transition:all .2s}.button-secondary:hover:not(:disabled){color:#fff;background:#ffffff14;border-color:#fff3}button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.input-field{color:#fff;background-color:#ffffff0a;border:1px solid #ffffff1a;border-radius:.8rem;width:100%;margin-bottom:1rem;padding:.8rem 1.2rem;font-size:1rem;transition:all .3s}.input-field:focus{border-color:var(--primary);background-color:#ffffff12;outline:none;box-shadow:0 0 0 4px #8b5cf626}.card{background-color:var(--bg-card);border:1px solid #ffffff0d;border-radius:1.2rem;padding:2rem;box-shadow:0 20px 40px #0006}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b66;border:1px solid #ffffff1a;transition:all .3s;box-shadow:0 8px 32px #0000004d}.container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.error-banner-premium{border:1px solid var(--danger);color:#fca5a5;background:#ef44441a;border-radius:.8rem;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;animation:.5s cubic-bezier(.36,.07,.19,.97) both shake;display:flex}.success-banner-premium{border:1px solid var(--success);color:#86efac;background:#22c55e1a;border-radius:.8rem;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;font-size:.9rem;animation:.3s ease-out fadeIn;display:flex}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f1ed9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card);border:1px solid #ffffff1a;border-radius:1.5rem;width:90%;max-width:500px;padding:2.5rem;animation:.3s cubic-bezier(.165,.84,.44,1) scaleIn;box-shadow:0 25px 50px -12px #00000080}.duplicate-session-overlay{z-index:3000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a0f1ee6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.duplicate-session-card{background:var(--bg-card);text-align:center;border:1px solid #ffffff1a;border-radius:1.5rem;width:100%;max-width:480px;padding:3rem;animation:.3s cubic-bezier(.165,.84,.44,1) scaleIn;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000c}.duplicate-session-glow{background:var(--primary,#8b5cf6);filter:blur(100px);opacity:.15;pointer-events:none;border-radius:50%;width:250px;height:250px;position:absolute;top:-50px;left:-50px}.duplicate-session-icon{margin-bottom:1.5rem;font-size:3rem}.duplicate-session-card h2{color:#fff;letter-spacing:-.02em;margin-bottom:1rem;font-size:1.8rem;font-weight:800}.duplicate-session-card p{color:var(--text-muted,#94a3b8);margin-bottom:2rem;font-size:.95rem;line-height:1.6}.duplicate-session-card .reconnect-btn{width:100%;padding:1rem!important;font-size:.95rem!important}.game-layout-wrapper{-webkit-user-select:none!important;user-select:none!important}@media print{body{display:none!important}}.blur-cheat-overlay{z-index:99999;-webkit-backdrop-filter:blur(25px)saturate(180%);background:#0f172ab3;justify-content:center;align-items:center;padding:1.5rem;animation:.4s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0}.blur-cheat-card{-webkit-backdrop-filter:blur(16px);text-align:center;background:linear-gradient(135deg,#1e293bbf,#0f172ad9);border:1px solid #ffffff1a;border-radius:2rem;width:100%;max-width:480px;padding:3rem 2.5rem;animation:.4s cubic-bezier(.34,1.56,.64,1) cheatScaleUp;position:relative;overflow:hidden;box-shadow:0 30px 60px #0009,0 0 100px #8b5cf626}.blur-cheat-icon{color:#a855f7;text-shadow:0 0 20px #a855f799;background:linear-gradient(135deg,#8b5cf61a,#a855f733);border:1px solid #8b5cf64d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:2rem;font-size:2.8rem;animation:3s ease-in-out infinite cheatFloatIcon;display:inline-flex;box-shadow:0 10px 25px #8b5cf633}.blur-cheat-card h2{background:linear-gradient(135deg,#fff,#c084fc);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin-bottom:1rem;font-size:1.75rem;font-weight:800}.blur-cheat-card p{color:#94a3b8;margin-bottom:2.5rem;padding:0 .5rem;font-size:.95rem;line-height:1.6}.blur-cheat-card .reconnect-btn{background:linear-gradient(135deg,#8b5cf6,#d946ef);border-radius:1.5rem;width:100%;transition:all .3s;box-shadow:0 8px 25px #8b5cf666;padding:1.1rem!important;font-size:.95rem!important}.blur-cheat-card .reconnect-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #8b5cf699}@keyframes cheatFloatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes cheatScaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.lobby-error-toast{z-index:10000;color:#fff;background:linear-gradient(135deg,#ef4444e6,#dc2626f2);border:1px solid #f871714d;border-radius:1.25rem;align-items:center;gap:1rem;min-width:320px;max-width:420px;padding:1.25rem 1.75rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:700;animation:.4s cubic-bezier(.16,1,.3,1) both toastSlideInRight;display:flex;position:fixed;top:2rem;right:2rem;box-shadow:0 15px 35px #ef44444d}.lobby-error-toast.toast-success{background:linear-gradient(135deg,#10b981e6,#059669f2);border-color:#34d3994d;box-shadow:0 15px 35px #10b9814d}.lobby-error-toast.toast-error{background:linear-gradient(135deg,#ef4444e6,#dc2626f2);border-color:#f871714d;box-shadow:0 15px 35px #ef44444d}@keyframes toastSlideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.confirm-modal-card{text-align:center;-webkit-backdrop-filter:blur(20px)!important;background:#0f172ad9!important;border:1px solid #ffffff14!important;max-width:420px!important;padding:2.2rem!important;box-shadow:0 30px 60px #00000080!important}.confirm-modal-header{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.confirm-modal-icon{font-size:2.5rem}.confirm-modal-header h3{color:#fff;letter-spacing:-.01em;margin:0;font-size:1.3rem;font-weight:800}.confirm-modal-message{color:#94a3b8;margin-bottom:2rem;font-size:.95rem;line-height:1.5}.confirm-modal-actions{justify-content:center;gap:1rem;display:flex}.confirm-modal-actions button{text-transform:uppercase;flex:1;font-weight:700;border-radius:1.25rem!important;padding:.8rem 1.5rem!important;font-size:.9rem!important}html,body,#root{color:var(--text-main);background-color:#020617;font-family:Outfit,sans-serif;overflow-x:hidden;width:100%!important;max-width:none!important;height:100%!important;margin:0!important;padding:0!important}.karma-dashboard{background-color:#0000;background-image:radial-gradient(circle at 10% 20%,#8b5cf626 0%,#0000 40%),radial-gradient(circle at 90% 80%,#10b98114 0%,#0000 40%),radial-gradient(circle,#0f172a 0%,#020617 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:100%;min-height:100vh;display:flex;position:relative}.karma-dashboard:after{content:"";z-index:2;background:linear-gradient(90deg,#0000,#8b5cf64d,#0000);height:1px;position:fixed;top:0;left:0;right:0}.lobby-main-content{z-index:1;flex:1;padding:4rem 5rem;position:relative;overflow-y:auto}@media (width<=1024px){.karma-dashboard{flex-direction:column;padding-bottom:0}.lobby-main-content{padding:2rem 1.5rem}}.lobby-side-panel{z-index:100;background:#0f172a;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;width:280px;height:100vh;padding:2.5rem 1.5rem;transition:all .3s;display:flex;position:sticky;top:0}.lobby-brand{align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.brand-logo{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;font-weight:900;display:flex;box-shadow:0 0 20px #8b5cf666}.brand-name{letter-spacing:2px;color:#fff;font-size:1.5rem;font-weight:900}.user-hero-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:1.2rem;align-items:center;gap:1rem;margin-bottom:2.5rem;padding:1.2rem;display:flex}.user-avatar-large{border:2px solid var(--primary);color:#fff;background:#8b5cf633;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.2rem;font-weight:800;display:flex}.kicker{color:var(--primary);text-transform:uppercase;margin-bottom:.1rem;font-size:.65rem;font-weight:800}.username-display{color:#fff;font-size:1.1rem;font-weight:800}.lobby-side-nav{flex-direction:column;flex:1;gap:.6rem;display:flex}.nav-item-premium{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.8rem;align-items:center;gap:1rem;width:100%;padding:1rem 1.2rem;font-size:.95rem;font-weight:700;transition:all .3s;display:flex}.nav-item-premium:hover{color:#fff;background:#ffffff0d}.nav-item-premium.active{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.nav-spacer{flex:1}.logout-btn{color:#fca5a5;margin-top:2rem}.logout-btn:hover{color:#ef4444;background:#ef44441a}.desktop-only{display:inline}.mobile-only{display:none}@media (width<=1440px) and (width>=1024px){.lobby-side-panel{width:240px;padding:2rem 1rem}.brand-name{font-size:1.2rem}}@media (width<=1024px){.desktop-only{display:none!important}.mobile-only{display:inline!important}.lobby-side-panel{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;z-index:1000!important;scrollbar-width:none!important;background:#0f172af2!important;border-top:1px solid #ffffff14!important;border-right:none!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;width:100%!important;height:70px!important;padding:0 .5rem!important;position:fixed!important;top:auto!important;bottom:0!important;overflow:auto hidden!important}.lobby-side-panel::-webkit-scrollbar{display:none!important}.lobby-brand,.user-hero-card,.brand-name,.nav-spacer{display:none!important}.logout-btn{margin-top:0!important;display:flex!important}.lobby-side-nav{flex-direction:row!important;justify-content:space-around!important;align-items:center!important;gap:.2rem!important;width:100%!important;height:100%!important;margin-top:0!important}.nav-item-premium{color:#ffffff80!important;white-space:nowrap!important;background:0 0!important;border:none!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:.1rem!important;width:auto!important;min-width:0!important;max-width:80px!important;height:100%!important;padding:.5rem .2rem!important;font-size:.55rem!important;display:flex!important;position:relative!important}.nav-item-premium.active{color:#8b5cf6!important;box-shadow:none!important;background:0 0!important}.nav-item-premium.active:after{content:"";background:#8b5cf6;border-radius:0 0 4px 4px;height:3px;position:absolute;top:0;left:10%;right:10%;box-shadow:0 2px 10px #8b5cf6cc}.nav-icon{margin-bottom:2px!important;font-size:1.2rem!important;display:block!important}}