.home-tab{min-height:calc(100vh - 80px);padding:0;overflow-x:hidden}.hero-section{display:flex;align-items:center;justify-content:space-between;padding:80px 60px 100px;position:relative;overflow:visible;min-height:500px}.hero-section:before{content:"";position:absolute;top:-50%;left:-20%;width:80%;height:150%;background:radial-gradient(ellipse,rgba(139,92,246,.15) 0%,transparent 70%);pointer-events:none}.hero-section:after{content:"";position:absolute;bottom:-30%;right:-10%;width:60%;height:120%;background:radial-gradient(ellipse,rgba(236,72,153,.1) 0%,transparent 70%);pointer-events:none}.hero-content{flex:1;max-width:600px;z-index:10;padding-left:8px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#8b5cf626;border:1px solid rgba(139,92,246,.4);border-radius:20px;font-size:12px;font-weight:700;letter-spacing:2px;color:#a78bfa;margin-bottom:24px}.badge-icon{width:18px;height:18px;object-fit:contain}.hero-slogan{font-size:64px;font-weight:900;line-height:1.3;margin-bottom:24px;padding-left:4px;padding-bottom:8px}.slogan-line-1{display:block;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:italic}.slogan-line-2{display:block;background:linear-gradient(135deg,#f97316,#ec4899,#8b5cf6 60%,#3b82f6);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:sloganGradient 4s ease infinite;text-shadow:0 0 80px rgba(236,72,153,.5);font-style:italic}@keyframes sloganGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-description{font-size:18px;color:#a1a1aa;line-height:1.7;margin-bottom:40px;max-width:500px}.hero-description .highlight-gold{color:#36eb3c;font-weight:700;text-shadow:0 0 20px rgba(0,255,100)}.hero-cta{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,#ef4444,#dc2626,#be185d,#ec4899);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;box-shadow:0 10px 40px #ef444466}.hero-cta:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 60px #ef444480}.cta-icon{font-size:22px}.cta-icon-img{width:24px;height:24px;object-fit:contain}.hero-visual{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:450px}.hero-glow{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.4) 0%,rgba(236,72,153,.2) 50%,transparent 70%);filter:blur(60px);animation:glowPulse 4s ease-in-out infinite;z-index:1;pointer-events:none}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.8}}.glow-slogan-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center}.glow-slogan{font-size:36px;font-weight:800;line-height:1.3;text-align:center}.glow-line{display:block}.glow-line-1{color:#fffffff2;text-shadow:0 0 20px rgba(139,92,246,.8),0 0 40px rgba(139,92,246,.5),0 0 60px rgba(139,92,246,.3)}.glow-line-2{font-size:42px;background:linear-gradient(135deg,#ef4444,#f97316,#eab308,#22c55e,#10b981);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(239,68,68,.5));animation:redToGreenShift 4s ease infinite}@keyframes redToGreenShift{0%,to{background-position:0% 50%;filter:drop-shadow(0 0 30px rgba(239,68,68,.6))}50%{background-position:100% 50%;filter:drop-shadow(0 0 40px rgba(34,197,94,.7))}}.glow-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;height:320px;border:1px solid rgba(139,92,246,.3);border-radius:50%;animation:ringExpand 4s ease-in-out infinite;pointer-events:none}.glow-ring:nth-child(2){width:380px;height:380px;animation-delay:.5s;border-color:#ec489933}.glow-ring:nth-child(3){width:440px;height:440px;animation-delay:1s;border-color:#8b5cf61a}@keyframes ringExpand{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.2}}.glow-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#8b5cf6;border-radius:50%;box-shadow:0 0 6px currentColor}.particle:nth-child(1){top:12%;left:5%;animation:orbit1 12s linear infinite}.particle:nth-child(2){top:25%;left:12%;animation:orbit2 14s linear infinite;background:#ec4899}.particle:nth-child(3){top:45%;left:3%;animation:orbit1 10s linear infinite;width:3px;height:3px}.particle:nth-child(4){top:65%;left:8%;animation:orbit3 16s linear infinite;background:#ec4899}.particle:nth-child(5){top:80%;left:15%;animation:orbit2 11s linear infinite;width:5px;height:5px}.particle:nth-child(6){top:8%;left:20%;animation:orbit3 13s linear infinite}.particle:nth-child(7){top:35%;left:18%;animation:orbit1 15s linear infinite;background:#ec4899;width:3px;height:3px}.particle:nth-child(8){top:55%;left:22%;animation:orbit2 12s linear infinite;width:2px;height:2px}.particle:nth-child(9){top:75%;left:6%;animation:orbit3 14s linear infinite;background:#ec4899}.particle:nth-child(10){top:90%;left:25%;animation:orbit1 10s linear infinite;width:3px;height:3px}.particle:nth-child(11){top:5%;left:30%;animation:orbit2 11s linear infinite;background:#ec4899}.particle:nth-child(12){top:20%;left:35%;animation:orbit3 13s linear infinite;width:2px;height:2px}.particle:nth-child(13){top:40%;left:28%;animation:orbit1 16s linear infinite}.particle:nth-child(14){top:60%;left:32%;animation:orbit2 12s linear infinite;background:#ec4899;width:5px;height:5px}.particle:nth-child(15){top:85%;left:38%;animation:orbit3 14s linear infinite;width:3px;height:3px}.particle:nth-child(16){top:10%;left:45%;animation:orbit1 10s linear infinite;background:#ec4899}.particle:nth-child(17){top:25%;left:50%;animation:orbit2 15s linear infinite;width:3px;height:3px}.particle:nth-child(18){top:38%;left:55%;animation:orbit3 11s linear infinite}.particle:nth-child(19){top:52%;left:48%;animation:orbit1 13s linear infinite;background:#ec4899;width:2px;height:2px}.particle:nth-child(20){top:68%;left:52%;animation:orbit2 16s linear infinite;width:5px;height:5px}.particle:nth-child(21){top:82%;left:46%;animation:orbit3 12s linear infinite;background:#ec4899}.particle:nth-child(22){top:15%;left:58%;animation:orbit1 14s linear infinite;width:3px;height:3px}.particle:nth-child(23){top:92%;left:55%;animation:orbit2 10s linear infinite}.particle:nth-child(24){top:8%;left:62%;animation:orbit3 13s linear infinite;background:#ec4899;width:2px;height:2px}.particle:nth-child(25){top:30%;left:68%;animation:orbit1 11s linear infinite}.particle:nth-child(26){top:48%;left:65%;animation:orbit2 15s linear infinite;background:#ec4899;width:5px;height:5px}.particle:nth-child(27){top:70%;left:60%;animation:orbit3 12s linear infinite;width:3px;height:3px}.particle:nth-child(28){top:88%;left:66%;animation:orbit1 14s linear infinite;background:#ec4899}.particle:nth-child(29){top:5%;left:75%;animation:orbit2 10s linear infinite;width:3px;height:3px}.particle:nth-child(30){top:18%;left:82%;animation:orbit3 16s linear infinite;background:#ec4899}.particle:nth-child(31){top:35%;left:78%;animation:orbit1 12s linear infinite;width:2px;height:2px}.particle:nth-child(32){top:55%;left:85%;animation:orbit2 13s linear infinite}.particle:nth-child(33){top:72%;left:75%;animation:orbit3 11s linear infinite;background:#ec4899;width:5px;height:5px}.particle:nth-child(34){top:85%;left:80%;animation:orbit1 15s linear infinite;width:3px;height:3px}.particle:nth-child(35){top:12%;left:90%;animation:orbit2 14s linear infinite;background:#ec4899}.particle:nth-child(36){top:28%;left:95%;animation:orbit3 10s linear infinite;width:2px;height:2px}.particle:nth-child(37){top:45%;left:92%;animation:orbit1 13s linear infinite}.particle:nth-child(38){top:62%;left:88%;animation:orbit2 16s linear infinite;background:#ec4899;width:3px;height:3px}.particle:nth-child(39){top:78%;left:94%;animation:orbit3 12s linear infinite;width:5px;height:5px}.particle:nth-child(40){top:92%;left:85%;animation:orbit1 11s linear infinite;background:#ec4899}@keyframes orbit1{0%{transform:translate(0) rotate(0);opacity:.7}25%{transform:translate(15px,-10px) rotate(90deg);opacity:.5}50%{transform:translateY(-20px) rotate(180deg);opacity:.8}75%{transform:translate(-15px,-10px) rotate(270deg);opacity:.5}to{transform:translate(0) rotate(360deg);opacity:.7}}@keyframes orbit2{0%{transform:translate(0) rotate(0);opacity:.6}25%{transform:translate(-12px,8px) rotate(-90deg);opacity:.8}50%{transform:translateY(16px) rotate(-180deg);opacity:.5}75%{transform:translate(12px,8px) rotate(-270deg);opacity:.8}to{transform:translate(0) rotate(-360deg);opacity:.6}}@keyframes orbit3{0%{transform:translate(0);opacity:.7}33%{transform:translate(20px,-5px);opacity:.5}66%{transform:translate(-10px,-15px);opacity:.8}to{transform:translate(0);opacity:.7}}.features-section{padding:80px 60px;background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,.03) 100%)}.features-title{text-align:center;font-size:36px;font-weight:800;margin-bottom:48px;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto}.feature-card{background:linear-gradient(135deg,#1a1a24cc,#13131ae6);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:40px 28px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{transform:translateY(-8px);border-color:#8b5cf666;box-shadow:0 20px 40px #8b5cf633}.feature-icon{font-size:48px;margin-bottom:16px}.feature-icon-img{width:80px;height:80px;object-fit:contain;margin-bottom:16px}.feature-card h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:12px}.feature-card p{font-size:14px;color:#a1a1aa;line-height:1.6}.stats-banner{display:flex;align-items:center;justify-content:center;gap:60px;padding:60px 40px;background:linear-gradient(135deg,#8b5cf61a,#ec48990d);border-top:1px solid rgba(139,92,246,.2);border-bottom:1px solid rgba(139,92,246,.2)}.stat-number{display:block;font-size:42px;font-weight:900;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{font-size:14px;color:#a1a1aa;text-transform:uppercase;letter-spacing:1px}.stat-divider{width:1px;height:60px;background:linear-gradient(180deg,transparent,rgba(139,92,246,.5),transparent)}@media(max-width:1200px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:968px){.hero-section{flex-direction:column;padding:60px 32px 80px;text-align:center}.hero-content{max-width:100%;margin-bottom:60px}.hero-slogan{font-size:42px}.hero-description{max-width:100%}.hero-visual{min-height:350px}.glow-particles{width:400px;height:400px}.glow-ring{width:260px;height:260px}.glow-ring:nth-child(2){width:320px;height:320px}.glow-ring:nth-child(3){width:380px;height:380px}.stats-banner{flex-direction:column;gap:32px}.stat-divider{width:100px;height:1px}}@media(max-width:768px){.hero-slogan{font-size:36px}.hero-description{font-size:16px}.glow-slogan{font-size:28px}.glow-line-2{font-size:34px}.features-section{padding:60px 24px}.features-grid{grid-template-columns:1fr;gap:16px}.feature-card{padding:24px 20px}.stat-number{font-size:32px}}.admin-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.admin-dashboard{background:linear-gradient(135deg,#13131cfa,#0d0d12fa);border:1px solid rgba(139,92,246,.3);border-radius:16px;width:100%;max-width:1100px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 60px #8b5cf626,0 25px 50px #00000080,inset 0 1px #ffffff0d;animation:dashboardSlideIn .3s ease}@keyframes dashboardSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-header{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08);background:#0003}.admin-header h2{font-size:22px;font-weight:700;color:#fff;margin:0;flex:1;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-role-badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#8b5cf633,#a855f71a);border:1px solid rgba(139,92,246,.4);color:#c4b5fd}.close-btn{width:36px;height:36px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#71717a;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.admin-tabs{display:flex;gap:4px;padding:12px 24px;background:#00000026;border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto}.admin-tab{padding:10px 18px;border-radius:8px;background:transparent;border:1px solid transparent;color:#71717a;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:8px}.admin-tab:hover{background:#ffffff0d;color:#a1a1aa}.admin-tab.active{background:linear-gradient(135deg,#8b5cf626,#a855f714);border-color:#8b5cf64d;color:#c4b5fd}.admin-message{margin:16px 24px 0;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;animation:messageSlide .3s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.admin-message.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.admin-content{flex:1;overflow-y:auto;padding:24px}.admin-content::-webkit-scrollbar{width:8px}.admin-content::-webkit-scrollbar-track{background:#0003}.admin-content::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}.admin-content::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.section-content h3{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px}.section-description{color:#71717a;font-size:14px;margin:0 0 24px;line-height:1.5}.admin-loading{padding:60px 24px;text-align:center;color:#71717a}.admin-loading p{margin:0;font-size:15px}.error-text{color:#fca5a5!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#a1a1aa}.form-group input[type=text],.form-group input[type=email],.form-group input[type=number],.form-group input[type=url],.form-group textarea,.form-group select,.category-selector select,.add-admin-row input{padding:12px 14px;border-radius:8px;background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:14px;font-family:inherit;transition:all .2s ease;outline:none}.form-group input::placeholder,.form-group textarea::placeholder,.add-admin-row input::placeholder{color:#52525b}.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.category-selector select:focus,.add-admin-row input:focus{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a;background:#0006}.form-group input:hover,.form-group textarea:hover,.form-group select:hover,.add-admin-row input:hover{border-color:#fff3}.form-group textarea{resize:vertical;min-height:80px}.form-group select,.category-selector select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2371717a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-group input[type=color]{width:50px;height:40px;padding:4px;border-radius:8px;background:#0000004d;border:1px solid rgba(255,255,255,.1);cursor:pointer}.color-input-row{display:flex;gap:10px;align-items:center}.color-input-row input[type=text]{flex:1}.checkbox-group{flex-direction:row!important;flex-wrap:wrap;gap:16px!important}.checkbox-group label{display:flex;align-items:center;gap:8px;font-size:13px;text-transform:none;letter-spacing:0;color:#d4d4d8;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;border-radius:4px;background:#0000004d;border:1px solid rgba(255,255,255,.2);cursor:pointer;accent-color:#8b5cf6}.form-actions{display:flex;gap:12px;justify-content:flex-end}.btn-primary{padding:12px 24px;border-radius:8px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.btn-primary.btn-large{padding:16px 32px;font-size:15px}.btn-secondary{padding:12px 24px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#a1a1aa;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff40;color:#fff}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary.btn-small{padding:8px 16px;font-size:12px}.game-form{background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px;margin-bottom:24px}.game-form h4{font-size:16px;font-weight:600;color:#fff;margin:0 0 16px}.items-list{margin-top:24px}.items-list h4{font-size:16px;font-weight:600;color:#fff;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.empty-state{color:#52525b;font-size:14px;text-align:center;padding:40px 20px;background:#00000026;border-radius:8px;border:1px dashed rgba(255,255,255,.1)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.game-card{background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;transition:all .2s ease}.game-card:hover{border-color:var(--game-color, rgba(139, 92, 246, .3));box-shadow:0 0 20px #8b5cf61a}.game-card.unavailable{opacity:.6}.game-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.game-icon{width:48px;height:48px;border-radius:10px;object-fit:cover}.game-icon-placeholder{width:48px;height:48px;border-radius:10px;background:var(--game-color, #8b5cf6);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.game-info h5{font-size:16px;font-weight:600;color:#fff;margin:0 0 2px}.game-slug{font-size:12px;color:#52525b;font-family:monospace}.game-card .game-description{font-size:13px;color:#71717a;margin:0 0 12px;line-height:1.4}.game-badges{display:flex;gap:8px;margin-bottom:12px}.badge{padding:4px 10px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.available{background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.badge.unavailable{background:#f59e0b26;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.badge.daily{background:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.game-card-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.game-card-actions button{flex:1;padding:8px 12px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#a1a1aa;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.game-card-actions button:hover{background:#8b5cf626;border-color:#8b5cf64d;color:#c4b5fd}.game-card-actions button.danger:hover{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.category-management{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-bottom:20px;padding:16px;background:#00000026;border:1px solid rgba(255,255,255,.06);border-radius:10px}.category-selector{display:flex;align-items:center;gap:12px}.category-selector label{font-size:13px;font-weight:600;color:#a1a1aa}.category-selector select{min-width:160px}.add-category-row{display:flex;gap:10px;flex:1;min-width:250px}.add-category-row input{flex:1;padding:10px 14px;border-radius:8px;background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:14px}.add-category-row input:focus{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.add-category-row input::placeholder{color:#52525b}.import-form{background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px;margin-bottom:24px}.import-form h4{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px}.import-instructions{font-size:13px;color:#71717a;margin:0 0 12px}.import-instructions code{background:#8b5cf626;padding:2px 6px;border-radius:4px;font-size:12px;color:#c4b5fd}.import-form textarea{width:100%;margin-bottom:12px;font-family:Monaco,Consolas,monospace;font-size:12px;line-height:1.5}.import-actions{display:flex;justify-content:space-between;align-items:center;gap:16px}.import-hint{font-size:13px;color:#71717a}.import-hint strong{color:#a78bfa}.import-result{margin-top:12px;padding:10px 14px;border-radius:6px;font-size:13px;font-weight:500}.import-result.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.import-result.warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#fcd34d}.questions-list{display:flex;flex-direction:column;gap:12px}.question-item{background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px;transition:all .2s ease}.question-item:hover{border-color:#8b5cf633}.question-text{font-size:14px;font-weight:500;color:#fff;margin-bottom:10px;line-height:1.4}.question-answers{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.question-answers span{font-size:12px;color:#71717a;padding:6px 10px;background:#0003;border-radius:4px}.question-answers span.correct{background:#10b98126;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.question-meta{display:flex;align-items:center;justify-content:space-between}.difficulty{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.difficulty.easy{background:#10b98126;color:#6ee7b7}.difficulty.medium{background:#f59e0b26;color:#fcd34d}.difficulty.hard{background:#ef444426;color:#fca5a5}.delete-btn{background:none;border:none;font-size:16px;cursor:pointer;opacity:.5;transition:all .2s ease;padding:4px}.delete-btn:hover{opacity:1;transform:scale(1.1)}.anagrams-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.anagram-item{background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px;transition:all .2s ease}.anagram-item:hover{border-color:#10b98133}.anagram-scrambled{font-size:16px;font-weight:700;color:#fbbf24;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}.anagram-solution{font-size:14px;color:#6ee7b7;margin-bottom:6px}.anagram-hint{font-size:12px;color:#71717a;margin-bottom:8px}.anagram-meta{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.leaderboard-actions{margin-bottom:24px;text-align:center}.leaderboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.leaderboard-card{background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.leaderboard-card:hover{border-color:#8b5cf64d;box-shadow:0 0 20px #8b5cf61a}.leaderboard-card-header{display:flex;align-items:center;gap:12px}.leaderboard-icon{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#8b5cf61a;border-radius:10px}.leaderboard-info h5{font-size:15px;font-weight:600;color:#fff;margin:0 0 4px}.leaderboard-count{font-size:13px;color:#71717a}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stat-box{background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;text-align:center;transition:all .2s ease}.stat-box:hover{border-color:#8b5cf64d;transform:translateY(-2px)}.stat-number{font-size:32px;font-weight:700;color:#fff;margin-bottom:4px;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#71717a}.stats-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:24px}.breakdown-section{background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px}.breakdown-section h4{font-size:14px;font-weight:600;color:#fff;margin:0 0 16px}.breakdown-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.breakdown-label{width:100px;font-size:12px;color:#a1a1aa;text-transform:capitalize}.breakdown-bar{flex:1;height:8px;background:#0000004d;border-radius:4px;overflow:hidden}.breakdown-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:4px;transition:width .5s ease}.breakdown-fill.anagram{background:linear-gradient(90deg,#10b981,#34d399)}.breakdown-count{width:40px;font-size:13px;font-weight:600;color:#fff;text-align:right}.add-admin-form{background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px;margin-bottom:24px}.add-admin-form h4{font-size:16px;font-weight:600;color:#fff;margin:0 0 12px}.add-admin-row{display:flex;gap:12px}.add-admin-row input{flex:1}.admins-list{display:flex;flex-direction:column;gap:10px}.admin-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:all .2s ease}.admin-item:hover{border-color:#8b5cf633}.admin-info{display:flex;align-items:center;gap:12px}.admin-email{font-size:14px;color:#fff}.admin-role{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600}.admin-role.primary{background:#f59e0b26;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.admin-role.secondary{background:#8b5cf626;color:#c4b5fd;border:1px solid rgba(139,92,246,.3)}.remove-btn{padding:6px 14px;border-radius:6px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.remove-btn:hover{background:#ef444433;border-color:#ef444466}@media(max-width:900px){.admin-dashboard{max-height:95vh}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-breakdown,.form-grid{grid-template-columns:1fr}}@media(max-width:600px){.admin-overlay{padding:10px}.admin-header{padding:16px}.admin-tabs{padding:10px 16px}.admin-content{padding:16px}.admin-tab{padding:8px 12px;font-size:12px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-box{padding:14px}.stat-number{font-size:24px}.question-answers,.anagrams-list,.leaderboard-grid{grid-template-columns:1fr}.leaderboard-card{flex-direction:column;gap:12px;text-align:center}.leaderboard-card-header,.add-admin-row{flex-direction:column}}.navbar{background:#0d0d12fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:0 32px;border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:1000;height:70px}.navbar-content{display:flex;justify-content:space-between;align-items:center;height:100%;width:100%}.navbar-left{display:flex;align-items:center;gap:48px}.navbar-right{display:flex;align-items:center;gap:16px}.navbar-logo{display:flex;align-items:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.navbar-logo:hover{transform:scale(1.02)}.navbar-logo-img{height:45px;width:auto;object-fit:contain;filter:drop-shadow(0 0 20px rgba(139,92,246,.3));transition:all .2s ease}.navbar-logo-img:hover{filter:drop-shadow(0 0 30px rgba(139,92,246,.5))}.nav-tabs{display:flex;gap:6px}.nav-tab{background:none;border:none;color:#71717a;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:8px 14px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;gap:6px;white-space:nowrap}.nav-tab:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--tab-color, #8b5cf6);transition:width .2s ease;border-radius:1px}.nav-tab:hover{color:var(--tab-color, #8b5cf6)}.nav-tab:hover:after{width:50%}.nav-tab.active{color:var(--tab-color, #8b5cf6)}.nav-tab.active:after{width:50%}.nav-tab-badge{font-size:12px;margin-left:2px}.elo-display{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;background:linear-gradient(135deg,#f59e0b26,#fbbf2414);border:1px solid rgba(245,158,11,.3);transition:all .3s ease}.elo-display:hover{border-color:#f59e0b80;box-shadow:0 0 20px #f59e0b33}.elo-icon{font-size:14px;color:#fbbf24}.elo-value{font-size:16px;font-weight:700;color:#fbbf24}.elo-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#fbbf24b3;margin-left:2px}.balance-display{display:flex;align-items:center;padding:8px 16px;border-radius:8px;background:linear-gradient(135deg,#10b98126,#34d39914);border:1px solid rgba(16,185,129,.4);font-size:16px;font-weight:700;color:#4ade80;transition:all .3s ease}.balance-display:hover{border-color:#10b98199;box-shadow:0 0 20px #10b9814d}.admin-button{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;background:linear-gradient(135deg,#8b5cf633,#a855f71a);border:1px solid rgba(139,92,246,.4);font-size:14px;font-weight:600;color:#a78bfa;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.admin-button:hover{border-color:#8b5cf6b3;box-shadow:0 0 25px #8b5cf64d;color:#c4b5fd;transform:translateY(-1px)}.admin-button:active{transform:translateY(0)}.admin-crown{font-size:12px;margin-right:2px}.profile-button{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease}.profile-button:hover{background:#ffffff0d}.profile-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;position:relative}.profile-avatar.tier-s{background:linear-gradient(135deg,#f97316,#ec4899,#8b5cf6);background-size:200% 200%;animation:tierGlow 3s ease infinite}.profile-avatar.tier-a{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.profile-avatar.tier-b{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.profile-avatar.tier-c{background:#fff3}.profile-avatar.tier-d{background:#6b728066}@keyframes tierGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.profile-avatar-inner{width:calc(100% - 4px);height:calc(100% - 4px);border-radius:50%;background:var(--bg-secondary, #1a1a24);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-primary, #ffffff)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#13131afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 20px 60px #00000080;overflow:hidden;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.06)}.dropdown-username{font-weight:600;font-size:15px;margin-bottom:4px;color:#fff}.dropdown-tier{display:inline-block;padding:3px 10px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff}.dropdown-tier.tier-s{background:linear-gradient(135deg,#f97316,#ec4899,#8b5cf6)}.dropdown-tier.tier-a{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.dropdown-tier.tier-b{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.dropdown-tier.tier-c{background:#fff3}.dropdown-tier.tier-d{background:#6b728066}.dropdown-divider{height:1px;background:#ffffff0f}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;color:#a1a1aa;font-size:14px;cursor:pointer;transition:all .15s ease;text-align:left}.dropdown-item:hover{background:#8b5cf61a;color:#fff}.dropdown-item.danger{color:#ef4444}.dropdown-item.danger:hover{background:#ef44441a}.signin-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}@media(max-width:1400px){.navbar{padding:0 24px}.navbar-left{gap:32px}.nav-tab{padding:8px 10px;font-size:14px}}@media(max-width:1200px){.nav-tabs{gap:2px}.nav-tab{padding:8px;font-size:13px;letter-spacing:0}.navbar-left{gap:24px}.elo-label{display:none}.admin-button{padding:8px 12px;font-size:12px}}@media(max-width:1024px){.nav-tabs{display:none}.navbar{padding:0 20px}.navbar-left{gap:20px}}@media(max-width:768px){.navbar-logo-img{height:36px}.elo-display{padding:6px 10px}.elo-value{font-size:14px}.balance-display{padding:6px 12px;font-size:14px}.admin-button{padding:6px 10px;font-size:11px}.admin-crown{display:none}.navbar-right{gap:12px}}.skill-hex-chart{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.hex-chart-container{position:relative;width:100%;max-width:500px;aspect-ratio:1}.hex-chart-svg{display:block;overflow:visible}.hex-grid-ring,.hex-axis-line{transition:stroke-opacity .3s ease}.hex-data-polygon{transform-origin:center;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.hex-data-polygon.animated{animation:polygonAppear .8s cubic-bezier(.34,1.56,.64,1) forwards}.hex-data-polygon.has-data{fill:#10b98133;stroke:#10b981}@keyframes polygonAppear{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.hex-data-point{transition:all .2s ease}.hex-data-point.hovered{filter:drop-shadow(0 0 8px rgba(16,185,129,.8))}.hex-axis-label{font-size:15px;font-weight:700;letter-spacing:.5px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.hex-axis-label.hovered{font-size:16px}.hex-center-total{font-size:20px;font-weight:800;fill:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.hex-center-label{font-size:9px;font-weight:600;fill:#fff6;letter-spacing:1.5px}.hex-tooltip{position:absolute;transform:translate(-50%,-120%);background:linear-gradient(135deg,#1e1e28fa,#14141efa);border:1px solid rgba(16,185,129,.4);border-radius:12px;padding:12px 16px;pointer-events:none;z-index:100;min-width:120px;box-shadow:0 8px 32px #0006,0 0 20px #10b98126;animation:tooltipAppear .15s ease-out}@keyframes tooltipAppear{0%{opacity:0;transform:translate(-50%,-110%)}to{opacity:1;transform:translate(-50%,-120%)}}.hex-tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.hex-tooltip-icon{font-size:18px}.hex-tooltip-title{font-size:13px;font-weight:600;color:#fff}.hex-tooltip-value{font-size:20px;font-weight:800;color:#10b981;margin-bottom:2px}.hex-tooltip-percent{font-size:11px;color:#ffffff80}.hex-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:500px}.hex-legend-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;transition:all .2s ease}.hex-legend-item:hover,.hex-legend-item.hovered{background:#10b98114;border-color:#10b9814d;transform:translateY(-1px)}.hex-legend-item.has-value{border-color:#ffffff1a}.hex-legend-icon{font-size:20px;flex-shrink:0;width:28px;text-align:center}.hex-legend-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.hex-legend-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.hex-legend-value{font-size:15px;font-weight:700}.hex-legend-bar-container{width:40px;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;flex-shrink:0}.hex-legend-bar{height:100%;border-radius:2px;transition:width .4s cubic-bezier(.34,1.56,.64,1)}.hex-legend-total{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;margin-top:8px;background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid rgba(16,185,129,.3);border-radius:12px}.hex-legend-total-label{font-size:13px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px}.hex-legend-total-value{font-size:24px;font-weight:800;color:#10b981;text-shadow:0 0 20px rgba(16,185,129,.4)}.skill-hex-chart.empty .hex-data-polygon{fill:#ffffff05;stroke:#ffffff1a;stroke-dasharray:4 4}.skill-hex-chart.empty .hex-center-total{fill:#ffffff4d}@media(max-width:640px){.hex-chart-container{max-width:380px}.hex-legend{grid-template-columns:repeat(2,1fr);gap:8px}.hex-legend-item{padding:8px 10px}.hex-legend-icon{font-size:18px;width:24px}.hex-legend-label{font-size:10px}.hex-legend-value{font-size:13px}.hex-legend-bar-container{display:none}.hex-axis-label{font-size:12px}.hex-axis-icon{font-size:14px}}@media(max-width:400px){.hex-chart-container{max-width:320px}.hex-legend{grid-template-columns:1fr}.hex-legend-bar-container{display:block;width:60px}}.hex-chart-loading{display:flex;align-items:center;justify-content:center;min-height:320px}.hex-chart-loading .spinner{width:40px;height:40px;border:3px solid rgba(16,185,129,.2);border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite}.percentile-stats{width:100%}.percentile-stats-title{font-size:14px;font-weight:700;color:#ffffffe6;letter-spacing:1.5px;margin-bottom:16px}.percentile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.percentile-stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .2s ease;min-height:100px}.percentile-stat-item:hover:not(.inactive){background:#ffffff0a;border-color:var(--accent-color, rgba(255, 255, 255, .1));transform:translateY(-2px)}.percentile-stat-item.inactive{opacity:.5;background:#ffffff03}.percentile-stat-item.inactive:hover{opacity:.6}.percentile-value{margin-bottom:8px}.percentile-number{font-size:20px;font-weight:800;text-shadow:0 0 20px currentColor}.percentile-none{font-size:20px;font-weight:600;color:#ffffff4d}.percentile-coming-soon{font-size:11px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.percentile-label{display:flex;align-items:center;gap:6px;margin-bottom:8px}.percentile-icon{font-size:14px}.percentile-game-name{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.percentile-bar-container{width:100%;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-top:4px}.percentile-bar{height:100%;border-radius:2px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.percentile-stat-item.rank-elite{background:linear-gradient(135deg,#ffd70014,#ffd70005);border-color:#ffd70033}.percentile-stat-item.rank-elite .percentile-number{text-shadow:0 0 20px rgba(255,215,0,.6)}.percentile-stat-item.rank-high{background:linear-gradient(135deg,rgba(var(--accent-color),.06) 0%,transparent 100%)}.percentile-stat-item.loading{pointer-events:none}.percentile-skeleton-value{width:60px;height:24px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:8px}.percentile-skeleton-label{width:80px;height:12px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:640px){.percentile-stats-grid{grid-template-columns:repeat(2,1fr)}.percentile-stat-item{padding:14px 10px;min-height:90px}.percentile-number{font-size:18px}.percentile-game-name{font-size:10px}}@media(max-width:400px){.percentile-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.percentile-stat-item{padding:12px 8px;min-height:80px}.percentile-number{font-size:16px}.percentile-icon{font-size:12px}.percentile-game-name{font-size:9px}}.profile-container{max-width:800px;margin:0 auto;padding:40px 20px}.profile-header{display:flex;align-items:center;gap:24px;padding:32px;margin-bottom:24px}.profile-avatar-large{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;flex-shrink:0}.profile-info{flex:1}.profile-username{font-size:1.75rem;margin-bottom:8px}.username-edit{display:flex;align-items:center;gap:12px}.username-input{font-size:1.5rem;font-weight:700;padding:8px 16px;max-width:250px}.username-status{font-size:13px;font-weight:500}.username-status.available{color:#10b981}.username-status.taken{color:#ef4444}.profile-meta{display:flex;align-items:center;gap:16px}.profile-balance{font-size:1.25rem;font-weight:700;color:#4ade80}.profile-actions{display:flex;gap:8px}.profile-error,.profile-success{padding:12px 16px;border-radius:8px;margin-bottom:24px;text-align:center}.profile-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.profile-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.profile-section{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;margin-bottom:24px}.section-title{font-size:1.1rem;color:var(--text-secondary);margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-item{text-align:center;padding:16px;background:#ffffff08;border-radius:12px}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-label{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.loading-tx,.empty-tx{text-align:center;color:var(--text-secondary);padding:24px}.transactions-list{display:flex;flex-direction:column;gap:8px}.transaction-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff08;border-radius:8px}.tx-info{display:flex;flex-direction:column;gap:2px}.tx-reason{font-weight:500;text-transform:capitalize}.tx-time{font-size:12px;color:var(--text-tertiary)}.tx-amount{font-weight:700;font-size:15px}.tx-amount.positive{color:#10b981}.tx-amount.negative{color:#ef4444}@media(max-width:640px){.profile-header{flex-direction:column;text-align:center}.profile-meta{justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}}.leaderboard-container{max-width:800px;margin:0 auto;padding:40px 20px}.leaderboard-header{text-align:center;margin-bottom:32px}.leaderboard-title{font-size:2rem;margin-bottom:8px;background:linear-gradient(135deg,gold,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-subtitle{color:var(--text-secondary, #8888aa);font-size:14px;margin-bottom:24px}.leaderboard-filters{display:flex;flex-direction:column;gap:12px;align-items:center}.filter-group{display:flex;gap:8px;background:var(--bg-card, #12121a);padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.filter-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-secondary, #8888aa);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn:hover{color:var(--text-primary, #ffffff);background:#ffffff0d}.filter-btn.active{background:transparent;border-color:#00f0ff;color:#00f0ff;box-shadow:0 0 10px #00f0ff33}.filter-btn.period{padding:8px 14px;font-size:13px}.filter-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.filter-icon svg{width:100%;height:100%}.icon-earnings{color:#4ade80}.icon-wins{color:gold}.icon-streak{color:#ff2d6a}.filter-btn.active .icon-earnings,.filter-btn.active .icon-wins,.filter-btn.active .icon-streak{color:#00f0ff}.leaderboard-loading,.leaderboard-error,.leaderboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary, #8888aa)}.leaderboard-loading .spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-entry{display:flex;flex-direction:column;padding:18px 22px;background:linear-gradient(135deg,#141423e6,#1e1e32e6);border:1px solid rgba(139,92,246,.2);border-radius:16px;position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease}.leaderboard-entry:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#00f0ff,#ff2d6a,transparent);opacity:.5}.leaderboard-entry.top-1:before{height:2px;background:linear-gradient(90deg,transparent,#ffd700,transparent);opacity:1}.leaderboard-entry.top-2:before{background:linear-gradient(90deg,transparent,#c0c0c0,transparent);opacity:.8}.leaderboard-entry.top-3:before{background:linear-gradient(90deg,transparent,#cd7f32,transparent);opacity:.8}.leaderboard-entry:hover{border-color:#00f0ff66;box-shadow:0 0 30px #00f0ff1a;transform:translate(4px)}.leaderboard-entry.current-user{background:linear-gradient(135deg,#00f0ff14,#141423e6);border-color:#00f0ff66;box-shadow:0 0 20px #00f0ff1a}.leaderboard-entry.current-user:before{background:linear-gradient(90deg,transparent,#00f0ff,transparent);opacity:1;height:2px}.leaderboard-entry.current-user.scan-active:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.03) 40%,rgba(0,240,255,.08) 50%,rgba(0,240,255,.03) 60%,transparent 100%);animation:scanLine 4s ease-in-out infinite;pointer-events:none}.leaderboard-entry:hover .hex-rank .hex-fill{filter:drop-shadow(0 0 12px currentColor)}.leaderboard-entry:hover .hex-rank.gold .hex-fill{filter:drop-shadow(0 0 15px rgba(255,215,0,.8))}.entry-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#ec4899);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;flex-shrink:0;overflow:hidden}.entry-avatar img{width:100%;height:100%;object-fit:cover}.entry-avatar.tier-s{background:linear-gradient(135deg,#f97316,#ec4899,#8b5cf6);background-size:200% 200%;animation:gradientShift 3s ease infinite}.entry-avatar.tier-a{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.entry-avatar.tier-b{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.entry-avatar.tier-c{background:#ffffff4d}.entry-avatar.tier-d{background:#6b728080}.leaderboard-entry.current-user .entry-avatar{background:linear-gradient(135deg,#00f0ff,#8b5cf6)}.entry-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.entry-tier{font-size:11px;color:#8b5cf6;background:#8b5cf61a;padding:2px 8px;border-radius:4px;display:inline-block;width:fit-content;text-transform:uppercase;letter-spacing:.5px}.rank-change{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;margin-right:8px;min-width:50px;justify-content:flex-end}.rank-change svg{width:14px;height:14px}.rank-change.up{color:#4ade80}.rank-change.down{color:#f87171}.rank-change.same{color:var(--text-secondary, #8888aa)}.leaderboard-entry.expanded .expand-indicator{color:#00f0ff}.leaderboard-entry.expanded .entry-stats{max-height:100px;opacity:1;margin-top:16px;padding-top:16px;border-top-color:#ffffff1a}@media(max-width:640px){.leaderboard-container{padding:24px 16px}.leaderboard-title{font-size:1.5rem}.leaderboard-filters{gap:8px}.filter-group{flex-wrap:wrap;justify-content:center}.filter-btn{padding:8px 12px;font-size:13px}.filter-btn span:last-child{display:none}.filter-icon{width:20px;height:20px}.leaderboard-entry{padding:14px 16px}.entry-main{gap:12px}.hex-rank{width:44px;height:44px}.hex-rank .rank-number{font-size:16px}.hex-rank .crown-icon{width:16px;height:16px;top:-8px}.entry-avatar{width:40px;height:40px;font-size:16px;border-radius:10px}.entry-name{font-size:14px}.entry-tier{font-size:10px;padding:2px 6px}.rank-change{font-size:12px;min-width:40px}.entry-score{font-size:16px;min-width:70px}.expand-indicator{width:20px;height:20px}.entry-stats{gap:12px}.stat-value{font-size:18px}.stat-label{font-size:10px}}@media(max-width:480px){.rank-change{display:none}.entry-score{min-width:60px}}.game-leaderboards{max-width:800px;margin:0 auto;padding:40px 20px}.gl-header{text-align:center;margin-bottom:32px}.gl-title{font-size:2rem;margin-bottom:8px;background:linear-gradient(135deg,gold,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gl-subtitle{color:var(--text-secondary, #8888aa);font-size:14px}.gl-tabs-container{display:flex;justify-content:center;margin-bottom:16px}.gl-tabs{display:flex;gap:8px;background:var(--bg-card, #12121a);padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.1);flex-wrap:wrap;justify-content:center}.gl-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-secondary, #8888aa);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.gl-tab:hover{color:var(--text-primary, #ffffff);background:#ffffff0d}.gl-tab.active{background:transparent;border-color:#00f0ff;color:#00f0ff;box-shadow:0 0 10px #00f0ff33}.gl-tab-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.gl-tab-icon svg{width:100%;height:100%}.gl-tab-name{white-space:nowrap}.gl-subtabs{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.gl-subtab{padding:8px 20px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-secondary, #8888aa);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.gl-subtab:hover{color:var(--text-primary, #ffffff);background:#ffffff0d}.gl-subtab.active{border-color:#00f0ff;color:#00f0ff;box-shadow:0 0 10px #00f0ff33}.gl-content{margin-top:24px}.gl-game-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#141423e6,#1e1e32e6);border:1px solid rgba(139,92,246,.2);border-radius:16px;margin-bottom:16px}.gl-game-info{display:flex;align-items:center;gap:16px}.gl-game-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:12px;color:#fff}.gl-game-icon svg{width:28px;height:28px}.gl-game-name{font-size:1.25rem;font-weight:600;margin:0;display:flex;align-items:center;gap:10px}.gl-difficulty-badge{font-size:11px;padding:3px 10px;background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);border-radius:4px;color:#00f0ff;text-transform:uppercase;letter-spacing:.5px}.gl-game-metric{font-size:13px;color:var(--text-secondary, #8888aa)}.gl-player-count{text-align:right}.gl-player-count-number{font-size:1.5rem;font-weight:700;color:#ec4899;display:block}.gl-player-count-label{font-size:12px;color:var(--text-secondary, #8888aa);text-transform:uppercase;letter-spacing:1px}.gl-loading,.gl-error,.gl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary, #8888aa);text-align:center}.gl-spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.gl-retry-btn{margin-top:16px;padding:10px 24px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease}.gl-retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #8b5cf666}.gl-empty-sub{font-size:14px;margin-top:4px}.gl-list{display:flex;flex-direction:column;gap:12px}.gl-entry{display:flex;flex-direction:column;padding:18px 22px;background:linear-gradient(135deg,#141423e6,#1e1e32e6);border:1px solid rgba(139,92,246,.2);border-radius:16px;position:relative;overflow:hidden;transition:all .3s ease}.gl-entry:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#00f0ff,#ff2d6a,transparent);opacity:.5}.gl-entry.top-1:before{height:2px;background:linear-gradient(90deg,transparent,#ffd700,transparent);opacity:1}.gl-entry.top-2:before{background:linear-gradient(90deg,transparent,#c0c0c0,transparent);opacity:.8}.gl-entry.top-3:before{background:linear-gradient(90deg,transparent,#cd7f32,transparent);opacity:.8}.gl-entry:hover{border-color:#00f0ff66;box-shadow:0 0 30px #00f0ff1a;transform:translate(4px)}.gl-entry.current-user{background:linear-gradient(135deg,#00f0ff14,#141423e6);border-color:#00f0ff66;box-shadow:0 0 20px #00f0ff1a;cursor:pointer}.gl-entry.current-user:before{background:linear-gradient(90deg,transparent,#00f0ff,transparent);opacity:1;height:2px}.gl-entry.current-user.scan-active:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.03) 40%,rgba(0,240,255,.08) 50%,rgba(0,240,255,.03) 60%,transparent 100%);animation:scanLine 4s ease-in-out infinite;pointer-events:none}@keyframes scanLine{0%{left:-100%}50%{left:100%}to{left:100%}}.entry-main{display:flex;align-items:center;gap:16px;width:100%}.hex-rank{width:52px;height:52px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hex-rank .hex-bg{position:absolute;width:100%;height:100%}.hex-rank .hex-fill{fill:#ffffff08;stroke:#ffffff26;stroke-width:1.5;transition:all .3s ease}.hex-rank .rank-number{position:relative;z-index:1;font-weight:800;font-size:18px;color:var(--text-secondary, #8888aa)}.hex-rank.gold .hex-fill{fill:#ffd70026;stroke:gold;stroke-width:2;filter:drop-shadow(0 0 8px rgba(255,215,0,.5))}.hex-rank.gold .rank-number{color:gold}.hex-rank.silver .hex-fill{fill:#c0c0c01a;stroke:silver;stroke-width:2;filter:drop-shadow(0 0 4px rgba(192,192,192,.3))}.hex-rank.silver .rank-number{color:silver}.hex-rank.bronze .hex-fill{fill:#cd7f321a;stroke:#cd7f32;stroke-width:2;filter:drop-shadow(0 0 4px rgba(205,127,50,.3))}.hex-rank.bronze .rank-number{color:#cd7f32}.hex-rank .crown-icon{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:20px;height:20px;color:gold;filter:drop-shadow(0 0 6px rgba(255,215,0,.8));animation:crownFloat 2s ease-in-out infinite}@keyframes crownFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}}.gl-entry:hover .hex-rank .hex-fill{filter:drop-shadow(0 0 12px currentColor)}.gl-entry:hover .hex-rank.gold .hex-fill{filter:drop-shadow(0 0 15px rgba(255,215,0,.8))}.entry-avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#ec4899);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;flex-shrink:0}.gl-entry.current-user .entry-avatar{background:linear-gradient(135deg,#00f0ff,#8b5cf6)}.entry-info{flex:1;min-width:0}.entry-name{font-weight:600;font-size:16px;color:var(--text-primary, #ffffff);display:flex;align-items:center;gap:8px}.you-badge{font-size:12px;font-weight:400;color:#00f0ff}.entry-score{font-size:20px;font-weight:700;color:#4ade80;text-align:right;min-width:100px}.expand-indicator{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #8888aa);transition:transform .3s ease;flex-shrink:0}.expand-indicator svg{width:18px;height:18px}.gl-entry.expanded .expand-indicator{color:#00f0ff}.entry-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-height:0;overflow:hidden;opacity:0;margin-top:0;padding-top:0;border-top:1px solid transparent;transition:all .3s ease}.gl-entry.expanded .entry-stats{max-height:100px;opacity:1;margin-top:16px;padding-top:16px;border-top-color:#ffffff1a}.stat-item{text-align:center}.stat-value{font-size:20px;font-weight:700;color:#00f0ff}.stat-label{font-size:11px;color:var(--text-secondary, #8888aa);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.gl-user-position-section{margin-top:8px}.gl-divider{text-align:center;color:var(--text-secondary, #8888aa);padding:12px 0;letter-spacing:4px}.gl-play-prompt{text-align:center;padding:24px;background:linear-gradient(135deg,#141423e6,#1e1e32e6);border:1px dashed rgba(139,92,246,.3);border-radius:16px;color:var(--text-secondary, #8888aa);margin-top:16px}@media(max-width:640px){.game-leaderboards{padding:24px 16px}.gl-title{font-size:1.5rem}.gl-tabs{gap:4px;padding:4px}.gl-tab{padding:8px 12px;font-size:13px}.gl-tab-name{display:none}.gl-tab-icon{width:24px;height:24px}.gl-subtab{padding:6px 14px;font-size:12px}.gl-game-header{flex-direction:column;gap:16px;text-align:center;padding:16px}.gl-game-info{flex-direction:column;gap:12px}.gl-player-count{text-align:center}.gl-entry{padding:14px 16px}.entry-main{gap:12px}.hex-rank{width:44px;height:44px}.hex-rank .rank-number{font-size:16px}.hex-rank .crown-icon{width:16px;height:16px;top:-8px}.entry-avatar{width:40px;height:40px;font-size:16px;border-radius:10px}.entry-name{font-size:14px}.entry-score{font-size:16px;min-width:70px}.expand-indicator{width:20px;height:20px}.entry-stats{gap:12px}.stat-value{font-size:18px}.stat-label{font-size:10px}}@media(max-width:480px){.entry-score{min-width:60px;font-size:14px}.hex-rank{width:40px;height:40px}.hex-rank .rank-number{font-size:14px}.entry-avatar{width:36px;height:36px;font-size:14px}}.anagrams-game{min-height:calc(100vh - 120px);padding:20px;display:flex;flex-direction:column}.anagrams-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;max-width:900px;margin:0 auto;width:100%}.anagrams-header{text-align:center;margin-bottom:48px}.anagrams-title{font-size:56px;font-weight:900;background:linear-gradient(135deg,#10b981,#059669,#047857);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.anagrams-subtitle{font-size:18px;color:#a1a1aa}.mode-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;width:100%;margin-bottom:32px}.mode-card{background:linear-gradient(135deg,#10b9811a,#0596690d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(16,185,129,.2);border-radius:20px;padding:32px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center}.mode-card:hover{transform:translateY(-8px);border-color:#10b98180;box-shadow:0 20px 40px #0000004d,0 0 60px #10b98133}.mode-card.daily{border-color:#f59e0b33;background:linear-gradient(135deg,#f59e0b1a,#d977060d)}.mode-card.daily:hover{border-color:#f59e0b80;box-shadow:0 20px 40px #0000004d,0 0 60px #f59e0b33}.mode-card.arcade{border-color:#8b5cf633;background:linear-gradient(135deg,#8b5cf61a,#7c3aed0d)}.mode-card.arcade:hover{border-color:#8b5cf680;box-shadow:0 20px 40px #0000004d,0 0 60px #8b5cf633}.mode-icon{font-size:48px;margin-bottom:16px}.mode-card h2{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px}.mode-card p{font-size:14px;color:#a1a1aa;margin-bottom:16px}.mode-rewards{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.reward-badge,.hint-badge,.speed-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.reward-badge{background:#10b98133;color:#10b981}.hint-badge{background:#f59e0b33;color:#f59e0b}.speed-badge{background:#8b5cf633;color:#8b5cf6}.login-prompt{text-align:center;padding:24px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.login-prompt p{color:#a1a1aa;margin-bottom:12px}.login-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.game-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-bottom:24px;background:transparent}.back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease}.back-btn:hover{background:#ffffff26}.back-btn.danger{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#ef4444}.back-btn.danger:hover{background:#ef44444d;border-color:#ef444499}.game-header h2{font-size:20px;color:#fff;margin:0}.timer{font-size:24px;font-weight:700;color:#10b981;font-family:JetBrains Mono,monospace}.arcade-stats-bar{display:flex;justify-content:center;gap:32px;margin-bottom:24px;padding:12px 24px;background:#8b5cf61a;border-radius:8px;border:1px solid rgba(139,92,246,.2)}.arcade-stats-bar span{color:#a1a1aa;font-size:14px}.game-area-with-timer{display:flex;gap:24px;justify-content:center;align-items:flex-start}.time-bar-container{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0}.time-bar-label{font-size:11px;font-weight:700;color:#71717a;text-transform:uppercase;letter-spacing:.5px}.time-bar-label.top{color:#22c55e}.time-bar-label.bottom{color:#ef4444}.time-bar-track{width:12px;height:280px;background:#0006;border-radius:6px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:flex-end}.time-bar-fill{width:100%;border-radius:4px;transition:height .1s linear,background-color .3s ease;box-shadow:0 0 10px currentColor}.guesses-indicator{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;background:#0003;border-radius:20px}.guess-dot{font-size:16px;transition:all .3s ease}.guess-dot.active{color:#10b981;text-shadow:0 0 8px rgba(16,185,129,.5)}.guess-dot.used{color:#3f3f46}.guesses-text{font-size:13px;color:#a1a1aa;margin-left:8px}.challenge-container{display:flex;flex-direction:column;align-items:center;max-width:600px;margin:0 auto;width:100%}.scrambled-word{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap;justify-content:center}.letter-tile{width:56px;height:56px;background:linear-gradient(135deg,#10b9814d,#05966933);border:2px solid rgba(16,185,129,.5);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:tileAppear .3s ease-out;animation-fill-mode:backwards}.letter-tile:nth-child(1){animation-delay:.05s}.letter-tile:nth-child(2){animation-delay:.1s}.letter-tile:nth-child(3){animation-delay:.15s}.letter-tile:nth-child(4){animation-delay:.2s}.letter-tile:nth-child(5){animation-delay:.25s}.letter-tile:nth-child(6){animation-delay:.3s}.letter-tile:nth-child(7){animation-delay:.35s}.letter-tile:nth-child(8){animation-delay:.4s}.letter-tile:nth-child(9){animation-delay:.45s}.letter-tile:nth-child(10){animation-delay:.5s}@keyframes tileAppear{0%{opacity:0;transform:scale(.5) rotateY(90deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.challenge-info{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;justify-content:center}.difficulty-badge{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;text-transform:capitalize}.difficulty-badge.easy{background:#22c55e33;color:#22c55e}.difficulty-badge.medium{background:#f59e0b33;color:#f59e0b}.difficulty-badge.hard{background:#ef444433;color:#ef4444}.category-badge{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;background:#8b5cf633;color:#8b5cf6;text-transform:capitalize}.length-info{padding:6px 16px;border-radius:20px;font-size:13px;color:#a1a1aa;background:#ffffff0d}.time-rewards,.reward-info{display:flex;gap:16px;margin-bottom:24px;padding:12px 20px;background:#0003;border-radius:8px}.time-rewards span,.reward-info span{font-size:12px;color:#71717a;transition:all .3s ease}.time-rewards span.active,.reward-info span.active{color:#10b981;font-weight:600}.hints-section{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;width:100%;max-width:400px}.hint-btn{padding:12px 20px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#f59e0b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.hint-btn:hover{background:#f59e0b33;border-color:#f59e0b80}.hint-revealed{padding:12px 16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:8px;display:flex;gap:8px;align-items:flex-start}.hint-revealed.definition{flex-direction:column}.hint-label{font-size:12px;color:#f59e0b;font-weight:600}.hint-value{font-size:14px;color:#fff}.answer-input-container{width:100%;max-width:400px;margin-bottom:16px;position:relative}.answer-input{width:100%;padding:16px 20px;font-size:24px;font-weight:700;text-align:center;letter-spacing:4px;background:#0006;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;outline:none;transition:all .3s ease;text-transform:uppercase}.answer-input:focus{border-color:#10b98199;box-shadow:0 0 20px #10b98133}.answer-input::placeholder{color:#ffffff4d;letter-spacing:0;font-weight:400;font-size:16px}.answer-input-container.correct .answer-input{border-color:#22c55e;box-shadow:0 0 30px #22c55e66;animation:correctPulse .5s ease}.answer-input-container.wrong .answer-input{border-color:#ef4444;box-shadow:0 0 30px #ef444466}.answer-input-container.shake .answer-input{animation:shake .5s ease}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}}.feedback-message{color:#f59e0b;font-size:14px;margin-bottom:16px;text-align:center}.submit-btn{padding:14px 48px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.inactivity-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.inactivity-modal{background:linear-gradient(135deg,#1e1e28f2,#14141efa);border:2px solid rgba(245,158,11,.4);border-radius:24px;padding:48px;text-align:center;max-width:400px;width:90%;box-shadow:0 20px 60px #00000080,0 0 80px #f59e0b26;animation:modalPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.inactivity-icon{font-size:64px;margin-bottom:16px;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.inactivity-modal h3{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px}.inactivity-modal p{font-size:16px;color:#a1a1aa;margin-bottom:8px}.inactivity-countdown{font-size:72px;font-weight:900;color:#f59e0b;line-height:1;margin:16px 0;font-family:JetBrains Mono,monospace;text-shadow:0 0 30px rgba(245,158,11,.5)}.inactivity-subtext{font-size:14px;color:#71717a;margin-bottom:24px}.inactivity-continue-btn{padding:16px 40px;font-size:18px;font-weight:700;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease}.inactivity-continue-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b66}.result-container{display:flex;flex-direction:column;align-items:center;max-width:500px;margin:0 auto;padding:40px;background:#0000004d;border-radius:20px;border:2px solid rgba(255,255,255,.1);text-align:center}.result-container.correct{border-color:#22c55e4d;background:linear-gradient(135deg,#22c55e1a,#0000004d)}.result-container.wrong{border-color:#ef44444d;background:linear-gradient(135deg,#ef44441a,#0000004d)}.result-icon{font-size:64px;margin-bottom:16px}.result-container h3{font-size:28px;font-weight:700;color:#fff;margin-bottom:16px}.result-word{font-size:18px;color:#a1a1aa;margin-bottom:12px}.result-word strong{color:#fff;letter-spacing:2px}.result-definition{font-size:14px;color:#a1a1aa;font-style:italic;margin-bottom:24px;padding:0 20px}.result-message{margin-bottom:16px;padding:12px 20px;background:#8b5cf61a;border-radius:8px}.result-message p{color:#a1a1aa;font-size:14px;margin:0}.result-stats{display:flex;gap:32px;margin-bottom:24px}.stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:12px;color:#71717a;margin-bottom:4px}.stat-value{font-size:24px;font-weight:700;color:#fff}.stat.reward .stat-value{color:#22c55e}.session-stats{display:flex;gap:24px;margin-bottom:24px;padding:12px 24px;background:#ffffff0d;border-radius:8px}.session-stats span{font-size:14px;color:#a1a1aa}.result-actions{display:flex;gap:12px}.next-btn{padding:14px 32px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.next-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98166}.end-btn{padding:14px 24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease}.end-btn:hover{background:#ffffff26}.menu-btn{padding:14px 32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.menu-btn:hover{background:#ffffff26}.arcade-setup{max-width:700px;margin:0 auto;width:100%}.setup-section{margin-bottom:32px}.setup-section h3{color:#fff;font-size:18px;margin-bottom:16px;text-align:center}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease}.category-btn:hover:not(.disabled){border-color:#8b5cf680;background:#8b5cf61a}.category-btn.selected{border-color:#8b5cf6;background:#8b5cf633}.category-btn.disabled{opacity:.4;cursor:not-allowed}.cat-icon{font-size:32px}.cat-name{font-size:14px;color:#fff;font-weight:500}.difficulty-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.difficulty-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease}.difficulty-btn.easy{--diff-color: #22c55e}.difficulty-btn.medium{--diff-color: #f59e0b}.difficulty-btn.hard{--diff-color: #ef4444}.difficulty-btn:hover{border-color:var(--diff-color);background:color-mix(in srgb,var(--diff-color) 10%,transparent)}.difficulty-btn.selected{border-color:var(--diff-color);background:color-mix(in srgb,var(--diff-color) 20%,transparent)}.diff-name{font-size:16px;font-weight:600;color:var(--diff-color)}.diff-desc{font-size:11px;color:#71717a;text-align:center}.diff-reward{font-size:14px;font-weight:700;color:#10b981}.start-arcade-btn{width:100%;padding:16px;font-size:18px;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease}.start-arcade-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.start-arcade-btn:disabled{opacity:.5;cursor:not-allowed}.summary-container{display:flex;flex-direction:column;align-items:center;max-width:500px;margin:60px auto;padding:48px;background:linear-gradient(135deg,#8b5cf61a,#0000004d);border:2px solid rgba(139,92,246,.3);border-radius:24px;text-align:center}.summary-icon{font-size:72px;margin-bottom:16px}.summary-container h2{font-size:32px;font-weight:800;color:#fff;margin-bottom:32px}.summary-stats{display:flex;gap:48px;margin-bottom:32px}.summary-stat{display:flex;flex-direction:column;align-items:center}.summary-value{font-size:48px;font-weight:800;color:#fff}.summary-stat.highlight .summary-value{color:#22c55e}.summary-label{font-size:14px;color:#71717a;margin-top:4px}.summary-actions{display:flex;gap:12px}.play-again-btn{padding:14px 32px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf666}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px}.spinner{width:48px;height:48px;border:4px solid rgba(16,185,129,.2);border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-state p{color:#a1a1aa}.error-message{text-align:center;padding:32px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;margin:20px auto;max-width:400px}.error-message p{color:#ef4444;margin-bottom:16px}.error-message button{padding:10px 24px;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:8px;color:#ef4444;cursor:pointer;transition:all .2s ease}.error-message button:hover{background:#ef44444d}@media(max-width:768px){.anagrams-title{font-size:40px}.mode-cards{grid-template-columns:1fr}.letter-tile{width:44px;height:44px;font-size:22px}.answer-input{font-size:20px;letter-spacing:2px}.category-grid{grid-template-columns:repeat(2,1fr)}.difficulty-options{grid-template-columns:1fr}.result-stats{flex-direction:column;gap:16px}.summary-stats{flex-direction:column;gap:24px}.summary-value{font-size:36px}.game-area-with-timer{flex-direction:column;align-items:center}.time-bar-container{flex-direction:row;width:100%;max-width:300px;margin-bottom:16px}.time-bar-track{width:100%;height:12px;flex-direction:row;justify-content:flex-start}.time-bar-fill{height:100%!important;transition:width .1s linear}.time-bar-label.top{order:-1}.inactivity-modal{padding:32px}.inactivity-countdown{font-size:56px}}.memory-grid-game{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;max-width:500px;margin:0 auto;min-height:100%}.mg-header{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.mg-title{font-size:28px;font-weight:800;color:#fff;margin:0;text-shadow:0 0 20px rgba(16,185,129,.3)}.mg-round-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.mg-tier-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:1px}.mg-round-number{font-size:16px;font-weight:600;color:#fffc}.mg-grid-size{font-size:14px;color:#ffffff80}.mg-stats-bar{display:flex;gap:24px;padding:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:100%;max-width:350px;justify-content:center}.mg-stat{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.mg-stat-label{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.mg-stat-value{font-size:20px;font-weight:700;color:#fff}.mg-stat-earned{position:absolute;top:-8px;right:-20px;font-size:12px;font-weight:600;color:#10b981;animation:earnedPop .5s ease-out}.mg-timer-bar-container{display:flex;align-items:center;gap:12px;width:100%;max-width:350px}.mg-timer-bar-track{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.mg-timer-bar-fill{height:100%;border-radius:4px;transition:width .05s linear,background-color .1s ease}.mg-timer-bar-time{font-size:16px;font-weight:700;min-width:36px;text-align:right}.mg-error{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:14px;width:100%;max-width:350px}.mg-error button{background:transparent;border:1px solid rgba(239,68,68,.5);color:#f87171;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px}.mg-error button:hover{background:#ef444433}.mg-game-area{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.mg-grid-container{display:grid;gap:4px;background:#0000004d;padding:0;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.mg-tile{border:2px solid rgba(255,255,255,.15);border-radius:6px;background:#ffffff0d;cursor:default;transition:all .15s ease;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.mg-tile:disabled{cursor:default}.mg-tile-interactive{cursor:pointer}.mg-tile-interactive:hover{background:#ffffff1a;border-color:#ffffff4d}.mg-tile-interactive:active{transform:scale(.95)}.mg-tile-lit{background:#10b98166;border-color:#10b981;box-shadow:0 0 15px #10b98166,inset 0 0 10px #10b98133}.mg-tile-hit{background:#22c55e80!important;border-color:#22c55e!important;box-shadow:0 0 12px #22c55e80}.mg-tile-false-positive{background:#ef444480!important;border-color:#ef4444!important;box-shadow:0 0 12px #ef444480}.mg-tile-missed{background:transparent!important;border:2px dashed #3b82f6!important;box-shadow:0 0 8px #3b82f64d}.mg-tile-icon{font-size:14px;font-weight:700}.mg-tile-hit .mg-tile-icon{color:#22c55e}.mg-tile-false-positive .mg-tile-icon{color:#ef4444}.mg-tile-missed .mg-tile-icon{color:#3b82f6}.mg-idle-state,.mg-ready-state,.mg-memorize-state,.mg-recall-state,.mg-game-over-state{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.mg-start-section{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.mg-instructions{font-size:14px;color:#fff9;line-height:1.6;max-width:300px}.mg-ready-section{display:flex;flex-direction:column;align-items:center;gap:16px}.mg-ready-info{display:flex;flex-direction:column;align-items:center;gap:8px}.mg-ready-tiles{font-size:18px;font-weight:600;color:#fff}.mg-ready-time{font-size:14px;color:#fff9}.mg-ready-rewards{font-size:13px;color:#10b981}.mg-phase-hint{font-size:16px;font-weight:600;color:#fffc;text-align:center}.mg-recall-controls{display:flex;flex-direction:column;align-items:center;gap:16px}.mg-game-over-title{font-size:32px;font-weight:800;color:#f87171;margin:0;text-shadow:0 0 30px rgba(248,113,113,.4)}.mg-result-grids{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.mg-result-grid-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px}.mg-result-label{font-size:13px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.mg-result-legend{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.mg-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;padding:4px 10px;border-radius:6px;background:#ffffff0d}.mg-legend-correct{color:#22c55e;border:1px solid rgba(34,197,94,.3)}.mg-legend-wrong{color:#ef4444;border:1px solid rgba(239,68,68,.3)}.mg-legend-missed{color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.mg-final-stats{display:flex;gap:20px;padding:16px 24px;background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid rgba(16,185,129,.2);border-radius:12px}.mg-final-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.mg-final-stat-label{font-size:10px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.mg-final-stat-value{font-size:20px;font-weight:700;color:#10b981}.mg-button{padding:14px 32px;font-size:16px;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.mg-button:disabled{opacity:.5;cursor:not-allowed}.mg-button-start,.mg-button-ready{background:linear-gradient(135deg,#10b981,#059669);color:#000;box-shadow:0 4px 20px #10b9814d}.mg-button-start:hover:not(:disabled),.mg-button-ready:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #10b98166}.mg-button-start:active:not(:disabled),.mg-button-ready:active:not(:disabled){transform:translateY(0)}.mg-button-submit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 20px #3b82f64d}.mg-button-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #3b82f666}.mg-button-play-again{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 20px #8b5cf64d}.mg-button-play-again:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #8b5cf666}.mg-button-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.mg-button-finish{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 4px 20px #6b72804d}.mg-button-finish:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #6b728066}.mg-finished-message{font-size:16px;color:#fffc;text-align:center;margin:16px 0}@keyframes tileGlow{0%,to{box-shadow:0 0 15px #10b98166,inset 0 0 10px #10b98133}50%{box-shadow:0 0 25px #10b98199,inset 0 0 15px #10b9814d}}.mg-tile-lit{animation:tileGlow 1.5s ease-in-out infinite}@media(max-width:400px){.memory-grid-game{padding:12px}.mg-title{font-size:24px}.mg-stats-bar{padding:10px 16px;gap:16px}.mg-stat-value{font-size:18px}.mg-button{padding:12px 24px;font-size:14px}.mg-result-grids{flex-direction:column}.mg-final-stats{flex-direction:column;gap:12px}}@media(prefers-color-scheme:dark){.mg-tile{background:#ffffff08}}.hyperspace-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:linear-gradient(180deg,#0a0a0f,#0d0d1a,#0a0a0f);z-index:0}.hyperspace-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.7) 100%);pointer-events:none}.star-layer{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;perspective:500px}.star-layer-back{opacity:.6}.star-layer-front{opacity:.9}.star{position:absolute;width:var(--star-size, 2px);height:var(--star-size, 2px);background:hsl(var(--star-hue, 200),80%,var(--star-lightness, 70%));border-radius:50%;box-shadow:0 0 calc(var(--star-size, 2px) * 2) hsl(var(--star-hue, 200),80%,var(--star-lightness, 70%)),0 0 calc(var(--star-size, 2px) * 4) hsl(var(--star-hue, 200),60%,50%);transform:scaleY(var(--star-elongation, 1));transform-origin:center top;animation:starMove var(--star-duration, 8s) linear infinite;animation-delay:calc(var(--star-delay, 0s) * var(--star-speed, 1))}@keyframes starMove{0%{opacity:0;transform:translateY(-10vh) scaleY(var(--star-elongation, 1))}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(110vh) scaleY(var(--star-elongation, 1))}}.hyperspace-bg.paused .star,.hyperspace-bg.paused .speed-line{animation-play-state:paused}.speed-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.speed-line{position:absolute;left:var(--line-x, 50%);top:0;width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(16,185,129,.3) 20%,rgba(16,185,129,.5) 50%,rgba(16,185,129,.3) 80%,transparent 100%);animation:speedLinePulse .5s ease-in-out infinite;animation-delay:var(--line-delay, 0s)}@keyframes speedLinePulse{0%,to{opacity:.3;transform:scaleX(1)}50%{opacity:.6;transform:scaleX(2)}}.hyperspace-glow{position:absolute;top:50%;left:50%;width:200%;height:200%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(16,185,129,.15) 0%,rgba(139,92,246,.1) 30%,transparent 60%);pointer-events:none;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:var(--speed-factor, 0)}50%{transform:translate(-50%,-50%) scale(1.1);opacity:calc(var(--speed-factor, 0) * 1.2)}}.hyperspace-bg[style*="--speed-factor: 0.9"],.hyperspace-bg[style*="--speed-factor: 1"]{background:linear-gradient(180deg,#050510,#0a0a20,#050510)}.piece-preview{display:flex;flex-direction:column;align-items:center;gap:4px}.piece-preview.disabled{opacity:.4}.piece-preview-label{font-size:10px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.piece-preview-content{display:flex;align-items:center;justify-content:center;padding:4px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px}.piece-preview-svg{display:block}.piece-preview-svg.dimmed{opacity:.5}.piece-preview-empty{display:flex;align-items:center;justify-content:center;color:#fff3;font-size:20px}.piece-preview.small .piece-preview-content{padding:2px}.piece-preview.large .piece-preview-content{padding:8px}.next-queue{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.next-queue-label{font-size:12px;font-weight:800;color:#10b981;text-transform:uppercase;letter-spacing:2px}.next-queue-pieces{display:flex;flex-direction:column;gap:8px}.next-queue-pieces>:first-child{padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.hold-display{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative}.hold-display.disabled{border-color:#ef44444d}.hold-display-label{font-size:12px;font-weight:800;color:#c084fc;text-transform:uppercase;letter-spacing:2px}.hold-display.disabled .hold-display-label{color:#ffffff4d}.hold-display-cooldown{position:absolute;bottom:4px;font-size:8px;font-weight:700;color:#f43f5e;text-transform:uppercase;letter-spacing:1px;animation:cooldownPulse 1s ease-in-out infinite}@keyframes cooldownPulse{0%,to{opacity:.5}50%{opacity:1}}@media(max-width:600px){.next-queue,.hold-display{padding:8px}.next-queue-label,.hold-display-label{font-size:10px;letter-spacing:1px}.next-queue-pieces{gap:4px}}.blitz-game{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:Orbitron,Rajdhani,sans-serif}.blitz-content{position:relative;z-index:10;width:100%;max-width:900px;padding:20px}.blitz-error{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;margin-bottom:20px;background:#f43f5e1a;border:1px solid rgba(244,63,94,.3);border-radius:8px;color:#f43f5e;font-size:14px}.blitz-error button{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;padding:0 4px}.blitz-menu{display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center;animation:fadeIn .5s ease-out}.blitz-title{font-size:80px;font-weight:900;letter-spacing:20px;margin:0;background:linear-gradient(135deg,#10b981,#00f5ff,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(16,185,129,.5),0 0 80px rgba(16,185,129,.3);filter:drop-shadow(0 0 30px rgba(16,185,129,.4))}.blitz-subtitle{font-size:18px;color:#fff9;letter-spacing:4px;text-transform:uppercase;margin:0}.blitz-personal-best{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 32px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:12px}.blitz-personal-best .pb-label{font-size:12px;font-weight:700;color:#10b981b3;text-transform:uppercase;letter-spacing:2px}.blitz-personal-best .pb-score{font-size:36px;font-weight:800;color:#10b981;text-shadow:0 0 20px rgba(16,185,129,.5)}.blitz-personal-best .pb-details{font-size:14px;color:#ffffff80}.blitz-controls-info{display:flex;flex-direction:column;gap:12px;padding:24px 32px;background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-row{display:flex;align-items:center;gap:16px;font-size:14px;color:#ffffffb3}.control-row.extra-life-control{color:#f43f5e;font-weight:600}.control-row.extra-life-control .control-key{background:#f43f5e33;border-color:#f43f5e66;color:#f43f5e}.control-key{min-width:80px;padding:6px 12px;background:#10b98133;border:1px solid rgba(16,185,129,.4);border-radius:6px;font-family:monospace;font-size:12px;font-weight:700;color:#10b981;text-align:center}.blitz-start-btn{padding:16px 48px;font-size:18px;font-weight:700;font-family:inherit;letter-spacing:2px;color:#000;background:linear-gradient(135deg,#10b981,#00f5ff);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #10b98166,inset 0 1px #fff3}.blitz-start-btn:hover{transform:translateY(-2px);box-shadow:0 0 40px #10b98199,inset 0 1px #ffffff4d}.blitz-start-btn:active{transform:translateY(0)}.blitz-games-played{font-size:14px;color:#fff6}.blitz-back-btn{padding:12px 24px;font-size:14px;font-weight:600;font-family:inherit;color:#fff9;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .3s ease}.blitz-back-btn:hover{color:#fff;border-color:#fff6;background:#ffffff0d}.blitz-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#fff9}.blitz-loading .loading-spinner{width:48px;height:48px;border:3px solid rgba(16,185,129,.2);border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite}.blitz-game-area{display:flex;align-items:flex-start;justify-content:center;gap:24px;animation:fadeIn .3s ease-out}.blitz-left-panel,.blitz-right-panel{display:flex;flex-direction:column;gap:16px;min-width:100px}.extra-life-indicator{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;background:#f43f5e26;border:1px solid rgba(244,63,94,.4);border-radius:12px;animation:extraLifePulse 2s ease-in-out infinite}@keyframes extraLifePulse{0%,to{box-shadow:0 0 10px #f43f5e33}50%{box-shadow:0 0 25px #f43f5e66}}.extra-life-indicator .extra-life-icon{font-size:24px}.extra-life-indicator .extra-life-label{font-size:10px;font-weight:700;color:#f43f5e;text-transform:uppercase;letter-spacing:1px}.blitz-stats{display:flex;flex-direction:column;gap:12px;padding:16px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{font-size:10px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.stat-value{font-size:20px;font-weight:800;color:#fff}.stat-item.tetris-count .stat-value{color:#ffea00;text-shadow:0 0 10px rgba(255,234,0,.5)}.blitz-board-container{position:relative}.blitz-board-frame{position:relative;padding:4px;background:linear-gradient(135deg,#10b9814d,#c084fc4d);border-radius:8px;box-shadow:0 0 40px #10b98133,inset 0 0 20px #00000080;animation:glow 2s ease-in-out infinite;transition:all .3s ease}.blitz-board-frame.extra-life-flash{background:linear-gradient(135deg,#f43f5e99,#fbbf2499);box-shadow:0 0 60px #f43f5e80,inset 0 0 30px #f43f5e33}.blitz-board-canvas{display:block;background:#000c;border-radius:4px}.scoring-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:16px 32px;background:#000000e6;border:2px solid #10b981;border-radius:12px;font-size:24px;font-weight:800;color:#10b981;text-align:center;pointer-events:none;animation:scoringPop .3s ease-out;z-index:100}.scoring-popup.tetris{border-color:#ffea00;color:#ffea00;box-shadow:0 0 30px #ffea0080,inset 0 0 20px #ffea001a;animation:tetrisPop .5s ease-out}.scoring-points{display:block;font-size:18px;margin-top:4px;opacity:.8}@keyframes scoringPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes tetrisPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-5deg)}50%{transform:translate(-50%,-50%) scale(1.2) rotate(2deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}.extra-life-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:24px 40px;background:linear-gradient(135deg,#f43f5ef2,#fb923cf2);border:3px solid #fff;border-radius:16px;font-size:32px;font-weight:900;color:#fff;text-align:center;pointer-events:none;animation:extraLifePop 1s ease-out;z-index:150;box-shadow:0 0 60px #f43f5e99}.extra-life-popup .extra-life-subtext{display:block;font-size:16px;font-weight:600;margin-top:8px;opacity:.9}@keyframes extraLifePop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}50%{transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}.extra-life-prompt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b3;border-radius:4px;z-index:80;animation:fadeIn .3s ease}.extra-life-prompt .prompt-content{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 32px;background:#f43f5e33;border:2px solid rgba(244,63,94,.5);border-radius:16px;animation:promptPulse 1s ease-in-out infinite}@keyframes promptPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #f43f5e4d}50%{transform:scale(1.02);box-shadow:0 0 40px #f43f5e80}}.extra-life-prompt .prompt-icon{font-size:48px;animation:heartBeat 1s ease-in-out infinite}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}}.extra-life-prompt .prompt-text{font-size:18px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(244,63,94,.5)}.blitz-pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;z-index:50}.blitz-pause-overlay h2{font-size:48px;font-weight:900;letter-spacing:10px;color:#c084fc;margin:0;text-shadow:0 0 30px rgba(192,132,252,.5)}.blitz-pause-overlay p{font-size:14px;color:#ffffff80;margin-top:16px}.blitz-gameover{display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center;animation:fadeIn .5s ease-out}.gameover-title{font-size:56px;font-weight:900;letter-spacing:8px;margin:0;color:#f43f5e;text-shadow:0 0 40px rgba(244,63,94,.5),0 0 80px rgba(244,63,94,.3)}.new-pb-banner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 40px;background:linear-gradient(135deg,#10b98133,#fbbf2433);border:2px solid rgba(16,185,129,.5);border-radius:16px;font-size:24px;font-weight:800;color:#10b981;animation:newPbCelebrate .5s ease-out}@keyframes newPbCelebrate{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.new-pb-banner .points-awarded{display:block;font-size:16px;font-weight:600;color:#c084fc;text-shadow:0 0 10px rgba(192,132,252,.5)}.new-pb-banner .currency-awarded{display:block;font-size:14px;font-weight:600;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5)}.gameover-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:400px}.gameover-stat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:120px}.gameover-stat.main{width:100%;padding:24px;border-color:#10b9814d;background:#10b9811a}.gameover-stat.highlight{border-color:#ffea004d;background:#ffea001a}.gameover-stat-label{font-size:11px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:2px}.gameover-stat-value{font-size:32px;font-weight:800;color:#fff}.gameover-stat.main .gameover-stat-value{font-size:48px;color:#10b981;text-shadow:0 0 20px rgba(16,185,129,.5)}.gameover-stat.highlight .gameover-stat-value{color:#ffea00;text-shadow:0 0 15px rgba(255,234,0,.5)}.pb-comparison{font-size:16px;color:#fff9}.pb-comparison .pb-diff{margin-left:8px;color:#f43f5e}.gameover-actions{display:flex;flex-direction:column;align-items:center;gap:16px}@media(max-width:768px){.blitz-title{font-size:48px;letter-spacing:10px}.blitz-game-area{flex-direction:column;align-items:center}.blitz-left-panel,.blitz-right-panel{flex-direction:row;min-width:auto}.blitz-stats{flex-direction:row;flex-wrap:wrap;justify-content:center}.gameover-title,.gameover-stat.main .gameover-stat-value{font-size:36px}}@media(max-width:480px){.blitz-content{padding:10px}.blitz-title{font-size:36px;letter-spacing:6px}.blitz-controls-info{padding:16px}.control-key{min-width:60px;font-size:10px}.blitz-start-btn{padding:12px 32px;font-size:14px}}.blitz-touch-controls{display:none;position:fixed;bottom:20px;left:0;right:0;padding:0 20px;z-index:100}@media(max-width:768px)and (pointer:coarse){.blitz-touch-controls{display:flex;justify-content:space-between;align-items:center}}.touch-btn{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#10b9814d;border:2px solid rgba(16,185,129,.5);border-radius:50%;color:#10b981;font-size:24px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .1s ease}.touch-btn:active{background:#10b98180;transform:scale(.95)}.touch-btn-group{display:flex;gap:12px}@keyframes glow{0%,to{box-shadow:0 0 40px #10b98133,inset 0 0 20px #00000080}50%{box-shadow:0 0 60px #10b9814d,inset 0 0 20px #00000080}}.number-sequence-game{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px;max-width:600px;margin:0 auto;min-height:100%}.ns-header{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.ns-title{font-size:32px;font-weight:800;color:#fff;margin:0;text-shadow:0 0 20px rgba(251,191,36,.3)}.ns-difficulty-badge{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:1px}.ns-difficulty-badge.easy{background:linear-gradient(135deg,#4ade80,#22c55e)}.ns-difficulty-badge.medium{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.ns-difficulty-badge.hard{background:linear-gradient(135deg,#f87171,#ef4444)}.ns-stats-bar{display:flex;gap:24px;padding:14px 28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:100%;max-width:400px;justify-content:center}.ns-stat{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.ns-stat-label{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.ns-stat-value{font-size:20px;font-weight:700;color:#fff}.ns-stat-earned{position:absolute;top:-10px;right:-24px;font-size:12px;font-weight:600;color:#10b981;animation:earnedPop .5s ease-out}@keyframes earnedPop{0%{opacity:0;transform:translateY(10px) scale(.5)}50%{transform:translateY(-5px) scale(1.2)}to{opacity:1;transform:translateY(0) scale(1)}}.ns-timer-container{width:100%;max-width:400px;display:flex;align-items:center;gap:12px}.ns-timer-track{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.ns-timer-fill{height:100%;border-radius:3px;transition:width .1s linear,background-color .3s ease}.ns-timer-text{font-size:14px;font-weight:600;min-width:40px;text-align:right}.ns-sequence-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px;background:linear-gradient(135deg,#fbbf2414,#fbbf2405);border:1px solid rgba(251,191,36,.2);border-radius:16px;width:100%;max-width:500px}.ns-sequence{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.ns-term{display:flex;align-items:center;justify-content:center;min-width:56px;height:56px;padding:0 12px;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:10px;font-size:24px;font-weight:700;color:#fff;transition:all .3s ease}.ns-term.highlight{border-color:#fbbf2480;background:#fbbf241a;animation:termPulse 1s ease-in-out infinite}@keyframes termPulse{0%,to{box-shadow:0 0 #fbbf2466}50%{box-shadow:0 0 20px 4px #fbbf2433}}.ns-separator{font-size:20px;color:#ffffff4d;font-weight:300}.ns-answer-slot{display:flex;align-items:center;justify-content:center;min-width:72px;height:56px;padding:0 12px;background:#fbbf241a;border:2px dashed rgba(251,191,36,.4);border-radius:10px;font-size:24px;font-weight:700;color:#fbbf24;transition:all .3s ease}.ns-answer-slot.has-value{border-style:solid;border-color:#fbbf24;background:#fbbf2426}.ns-answer-slot.correct{border-color:#10b981;background:#10b98133;color:#10b981}.ns-answer-slot.incorrect{border-color:#ef4444;background:#ef444433;color:#ef4444;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.ns-input-section{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:300px}.ns-input-wrapper{position:relative;width:100%}.ns-input{width:100%;padding:16px 20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.15);border-radius:12px;font-size:24px;font-weight:600;color:#fff;text-align:center;outline:none;transition:all .3s ease;-moz-appearance:textfield}.ns-input::-webkit-outer-spin-button,.ns-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ns-input:focus{border-color:#fbbf24;background:#fbbf2414;box-shadow:0 0 20px #fbbf2433}.ns-input::placeholder{color:#ffffff4d;font-weight:400}.ns-guesses{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff9}.ns-guesses-dots{display:flex;gap:4px}.ns-guess-dot{width:10px;height:10px;border-radius:50%;background:#fff3;transition:all .3s ease}.ns-guess-dot.active{background:#fbbf24;box-shadow:0 0 8px #fbbf2480}.ns-guess-dot.used{background:#ef4444}.ns-button{padding:14px 32px;font-size:16px;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.ns-button:disabled{opacity:.5;cursor:not-allowed}.ns-button-primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;box-shadow:0 4px 20px #fbbf244d}.ns-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #fbbf2466}.ns-button-secondary{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff}.ns-button-secondary:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff4d}.ns-button-success{background:linear-gradient(135deg,#10b981,#059669);color:#000;box-shadow:0 4px 20px #10b9814d}.ns-button-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #10b98166}.ns-button-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.ns-difficulty-select{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;width:100%;max-width:450px}.ns-difficulty-title{font-size:18px;font-weight:600;color:#fffc}.ns-difficulty-options{display:flex;flex-direction:column;gap:12px;width:100%}.ns-difficulty-option{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease}.ns-difficulty-option:hover{background:#ffffff0f;border-color:#fff3}.ns-difficulty-option.selected{border-color:#fbbf24;background:#fbbf241a}.ns-difficulty-option-info{display:flex;flex-direction:column;gap:4px}.ns-difficulty-option-name{font-size:16px;font-weight:700;color:#fff}.ns-difficulty-option-desc{font-size:12px;color:#ffffff80}.ns-difficulty-option-rewards{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.ns-difficulty-option-currency{font-size:14px;font-weight:600;color:#fbbf24}.ns-difficulty-option-points{font-size:12px;color:#ffffff80}.ns-result{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;border-radius:12px;width:100%;max-width:400px;text-align:center}.ns-result.correct{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid rgba(16,185,129,.3)}.ns-result.incorrect{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid rgba(239,68,68,.3)}.ns-result-icon{font-size:48px}.ns-result-title{font-size:24px;font-weight:800;margin:0}.ns-result.correct .ns-result-title{color:#10b981}.ns-result.incorrect .ns-result-title{color:#ef4444}.ns-result-answer{font-size:14px;color:#ffffffb3}.ns-result-answer strong{color:#fff;font-size:18px}.ns-result-explanation{font-size:13px;color:#ffffff80;font-style:italic;max-width:300px}.ns-result-rewards{display:flex;gap:20px;margin-top:8px}.ns-result-reward{display:flex;flex-direction:column;align-items:center;gap:4px}.ns-result-reward-value{font-size:20px;font-weight:700;color:#10b981}.ns-result-reward-label{font-size:11px;color:#ffffff80;text-transform:uppercase}.ns-explanation{padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:14px;color:#ffffffb3;text-align:center;max-width:400px}.ns-explanation strong{color:#fbbf24}.ns-error{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:14px;width:100%;max-width:400px}.ns-error button{margin-left:auto;background:transparent;border:1px solid rgba(239,68,68,.5);color:#f87171;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px}.ns-error button:hover{background:#ef444433}.ns-session-summary{display:flex;gap:24px;padding:20px 32px;background:linear-gradient(135deg,#fbbf241a,#fbbf2408);border:1px solid rgba(251,191,36,.2);border-radius:12px}.ns-summary-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.ns-summary-value{font-size:24px;font-weight:800;color:#fbbf24}.ns-summary-label{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.ns-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px}.ns-spinner{width:40px;height:40px;border:3px solid rgba(251,191,36,.2);border-top-color:#fbbf24;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:500px){.number-sequence-game{padding:16px;gap:20px}.ns-title{font-size:26px}.ns-stats-bar{padding:12px 20px;gap:16px}.ns-stat-value{font-size:18px}.ns-sequence-container{padding:24px 16px}.ns-term{min-width:48px;height:48px;font-size:20px}.ns-answer-slot{min-width:60px;height:48px;font-size:20px}.ns-input{padding:14px 16px;font-size:20px}.ns-button{padding:12px 24px;font-size:14px}.ns-difficulty-option{padding:14px 16px}.ns-session-summary{flex-direction:column;gap:16px;padding:16px 24px}}.aim-trainer{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0f,#0d1117,#0a0a0f);font-family:Orbitron,Rajdhani,sans-serif;overflow:hidden}.aim-trainer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(16,185,129,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.aim-content{position:relative;z-index:10;width:100%;max-width:900px;padding:20px;display:flex;flex-direction:column;align-items:center}.aim-menu{display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.aim-title{font-size:64px;font-weight:900;letter-spacing:12px;margin:0;background:linear-gradient(135deg,#10b981,#00f5ff,#f43f5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(16,185,129,.5);filter:drop-shadow(0 0 30px rgba(16,185,129,.3))}.aim-subtitle{font-size:16px;color:#ffffff80;letter-spacing:4px;text-transform:uppercase;margin:0}.difficulty-selector{display:flex;flex-direction:column;align-items:center;gap:16px}.difficulty-label{font-size:14px;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:2px}.difficulty-buttons{display:flex;gap:12px}.difficulty-btn{padding:16px 32px;font-size:16px;font-weight:700;font-family:inherit;letter-spacing:2px;color:#ffffffb3;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease}.difficulty-btn:hover{background:#10b9811a;border-color:#10b9814d;color:#fff}.difficulty-btn.selected{background:#10b98133;border-color:#10b981;color:#10b981;box-shadow:0 0 20px #10b9814d}.difficulty-info{font-size:13px;color:#fff6}.aim-start-btn{padding:18px 48px;font-size:18px;font-weight:700;font-family:inherit;letter-spacing:3px;color:#000;background:linear-gradient(135deg,#10b981,#00f5ff);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 30px #10b98166,inset 0 1px #fff3}.aim-start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 50px #10b98199,inset 0 1px #ffffff4d}.aim-start-btn:disabled{opacity:.5;cursor:not-allowed}.aim-back-btn{padding:12px 24px;font-size:14px;font-weight:600;font-family:inherit;color:#ffffff80;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .3s ease}.aim-back-btn:hover{color:#fff;border-color:#fff6;background:#ffffff0d}.aim-connecting,.aim-countdown{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.aim-connecting .spinner{width:48px;height:48px;border:3px solid rgba(16,185,129,.2);border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite}.aim-connecting p{color:#fff9;font-size:16px}.countdown-number{font-size:120px;font-weight:900;color:#10b981;text-shadow:0 0 40px rgba(16,185,129,.6),0 0 80px rgba(16,185,129,.4);animation:countdownPulse 1s ease-in-out}@keyframes countdownPulse{0%{transform:scale(1.5);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:.8}}.countdown-label{font-size:18px;color:#ffffff80;text-transform:uppercase;letter-spacing:4px}.aim-game-area{display:flex;flex-direction:column;align-items:center;gap:16px;animation:fadeIn .3s ease-out}.aim-hud{display:flex;justify-content:space-between;width:100%;max-width:600px;padding:0 16px}.hud-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.hud-label{font-size:10px;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:1px}.hud-value{font-size:24px;font-weight:800;color:#fff}.hud-value.hits{color:#10b981}.hud-value.accuracy{color:#fbbf24}.aim-canvas-container{position:relative;background:#0009;border:2px solid rgba(16,185,129,.3);border-radius:12px;overflow:hidden;box-shadow:0 0 40px #10b98126,inset 0 0 60px #00000080}.aim-canvas{display:block;cursor:crosshair}.aim-letterbox{position:absolute;background:#000c;pointer-events:none}.aim-letterbox.top{top:0;left:0;right:0}.aim-letterbox.bottom{bottom:0;left:0;right:0}.aim-letterbox.left{top:0;bottom:0;left:0}.aim-letterbox.right{top:0;bottom:0;right:0}.aim-results{display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center;animation:fadeIn .5s ease-out;max-width:500px}.results-title{font-size:48px;font-weight:900;letter-spacing:6px;margin:0;color:#10b981;text-shadow:0 0 30px rgba(16,185,129,.5)}.new-pb-banner{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 40px;background:linear-gradient(135deg,#fbbf2433,#10b98133);border:2px solid rgba(251,191,36,.5);border-radius:16px;animation:pbCelebrate .5s ease-out}@keyframes pbCelebrate{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.new-pb-banner .pb-text{font-size:24px;font-weight:800;color:#fbbf24}.new-pb-banner .pb-points{font-size:16px;color:#10b981}.results-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}.result-stat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.result-stat.main{grid-column:1 / -1;padding:28px;background:#10b9811a;border-color:#10b9814d}.result-stat-label{font-size:11px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:2px}.result-stat-value{font-size:28px;font-weight:800;color:#fff}.result-stat.main .result-stat-value{font-size:48px;color:#10b981;text-shadow:0 0 20px rgba(16,185,129,.4)}.result-rank{font-size:14px;color:#fff9}.result-rank .rank-number{color:#fbbf24;font-weight:700}.results-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}.aim-error{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.error-icon{font-size:64px}.error-message{font-size:18px;color:#f43f5e}.error-details{font-size:14px;color:#ffffff80}@media(max-width:768px){.aim-title{font-size:40px;letter-spacing:6px}.difficulty-buttons{flex-direction:column;width:100%}.difficulty-btn{width:100%}.aim-hud{padding:0 8px}.hud-value{font-size:20px}.results-title,.result-stat.main .result-stat-value{font-size:36px}}@media(max-width:480px){.aim-content{padding:12px}.aim-title{font-size:32px;letter-spacing:4px}.countdown-number{font-size:80px}.aim-start-btn{padding:14px 32px;font-size:16px}}.games-tab{min-height:calc(100vh - 80px);padding:40px;position:relative}.games-back-btn{position:absolute;top:24px;left:24px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#a1a1aa;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;z-index:100}.games-back-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3;transform:translate(-4px)}.games-header{text-align:center;margin-bottom:60px}.games-title{font-size:48px;font-weight:900;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.games-subtitle{font-size:18px;color:#a1a1aa}.games-grid.cinematic{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;max-width:1400px;margin:0 auto;padding:0 20px}.cinematic-tile{position:relative;display:flex;background:linear-gradient(135deg,#141423e6,#0f0f19f2);border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);min-height:200px}.cinematic-tile:hover{transform:translateY(-4px) scale(1.01);border-color:color-mix(in srgb,var(--game-color) 50%,transparent);box-shadow:0 20px 50px #00000080,0 0 40px color-mix(in srgb,var(--game-color) 15%,transparent)}.cinematic-tile.unavailable{cursor:not-allowed;opacity:.6}.cinematic-tile.unavailable:hover{transform:none}.cinematic-scene{position:relative;width:45%;min-width:160px;min-height:200px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--game-color) 20%,#0f0f1a),#0f0f1a)}.scene-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 50%,rgba(15,15,25,1));pointer-events:none}.scene{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.cinematic-info{flex:1;padding:24px;display:flex;flex-direction:column;justify-content:center}.cinematic-info h3{font-size:24px;font-weight:800;color:#fff;margin-bottom:8px;transition:color .3s ease}.cinematic-tile:hover .cinematic-info h3{color:var(--game-color)}.cinematic-info p{font-size:14px;color:#71717a;line-height:1.5;margin-bottom:16px}.daily-badge{display:inline-block;width:fit-content;padding:4px 12px;background:linear-gradient(135deg,#ec4899,#f43f5e);border-radius:20px;font-size:11px;font-weight:600;color:#fff;margin-bottom:16px}.coming-soon-badge{display:inline-block;width:fit-content;padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:13px;font-weight:600;color:#71717a}.cinematic-play{display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;padding:12px 24px;background:transparent;border:1px solid color-mix(in srgb,var(--game-color) 50%,transparent);border-radius:8px;color:var(--game-color);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.cinematic-play .play-arrow{transition:transform .3s ease}.cinematic-tile:hover .cinematic-play{background:var(--game-color);color:#0f0f1a;box-shadow:0 0 20px color-mix(in srgb,var(--game-color) 40%,transparent)}.cinematic-tile:hover .cinematic-play .play-arrow{transform:translate(4px)}.trivia-scene{flex-direction:column;padding:20px}.category-stack{display:flex;flex-direction:column;gap:8px;transform:translate(-10px)}.category-card{padding:8px 16px;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:6px;font-size:12px;font-weight:600;color:#c4b5fd;opacity:.7;transform:translate(-10px);transition:all .3s ease}.category-card.active{opacity:1;transform:translate(0)}.question-marks{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.q-mark{position:absolute;font-size:48px;font-weight:900;color:#8b5cf633;text-shadow:0 0 30px rgba(139,92,246,.3)}.q-mark.q1{right:0;top:-30px;font-size:36px}.q-mark.q2{right:20px;top:0;font-size:48px;opacity:.4}.q-mark.q3{right:5px;top:30px;font-size:28px}.cinematic-tile:hover .q-mark{color:#8b5cf666}.starship-scene{background:radial-gradient(ellipse at center,#0a1628,#050a14)}.star-field{position:absolute;top:0;right:0;bottom:0;left:0}.star{position:absolute;width:var(--star-size);height:var(--star-size);background:#fff;border-radius:50%;animation:twinkle 2s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.ship{position:relative;z-index:2;transition:transform .3s ease}.ship.active{transform:translateY(-5px)}.ship-body{font-size:32px;color:#06b6d4;text-shadow:0 0 20px #06b6d4;filter:drop-shadow(0 0 10px #06b6d4)}.ship-trail{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:4px;height:20px;background:linear-gradient(to bottom,#06b6d4,transparent);border-radius:2px}.asteroids{position:absolute;top:0;right:0;bottom:0;left:0}.asteroid{position:absolute;color:#475569;font-size:16px;animation:float-asteroid 3s ease-in-out infinite}.asteroid.a1{top:20%;right:25%;font-size:20px}.asteroid.a2{top:60%;right:15%;font-size:12px;animation-delay:.5s}.asteroid.a3{top:40%;right:35%;font-size:16px;animation-delay:1s}@keyframes float-asteroid{0%,to{transform:translate(0)}50%{transform:translate(-5px,5px)}}.anagrams-scene{flex-direction:column;gap:20px}.floating-letters{display:flex;gap:6px}.letter-tile{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;font-size:18px;font-weight:800;color:#fff;box-shadow:0 4px 12px #10b9814d;transition:all .3s ease;transform:translateY(0)}.letter-tile.active{transform:translateY(-5px);box-shadow:0 8px 20px #10b98166}.word-slots{display:flex;gap:6px}.slot{width:36px;height:36px;background:#10b9811a;border:2px dashed rgba(16,185,129,.3);border-radius:6px}.memory-scene{padding:20px}.memory-grid-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mem-cell{width:36px;height:36px;background:#c084fc1a;border:1px solid rgba(192,132,252,.3);border-radius:6px;transition:all .3s ease}.mem-cell.lit{background:linear-gradient(135deg,#c084fc,#a855f7);box-shadow:0 0 15px #c084fc80}.mem-cell.active{animation:cell-pulse 1s ease-in-out infinite}@keyframes cell-pulse{0%,to{opacity:1}50%{opacity:.6}}.blitz-scene{background:radial-gradient(ellipse at center bottom,rgba(245,158,11,.15),transparent 70%);flex-direction:column;justify-content:flex-end;padding-bottom:20px}.blitz-stack{display:flex;flex-direction:column}.blitz-row{display:flex}.blitz-block{width:18px;height:18px;border-radius:3px;margin:1px}.blitz-block.empty{background:transparent}.blitz-block.i-block{background:#38bdf8;box-shadow:0 0 8px #38bdf899}.blitz-block.t-block{background:#a855f7;box-shadow:0 0 8px #a855f799}.blitz-block.l-block{background:#f97316;box-shadow:0 0 8px #f9731699}.number-sequence-scene{flex-direction:column;gap:16px;padding:20px;background:radial-gradient(ellipse at center,rgba(251,191,36,.1),transparent 70%)}.sequence-display{display:flex;align-items:center;gap:8px}.sequence-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fbbf2426;border:2px solid rgba(251,191,36,.4);border-radius:8px;font-size:16px;font-weight:800;color:#fbbf24;transition:all .3s ease}.sequence-num.active{transform:translateY(-3px);box-shadow:0 6px 16px #fbbf244d;border-color:#fbbf24}.sequence-num.mystery{background:#fbbf240d;border-style:dashed;color:#fbbf2499;font-size:20px}.sequence-num.mystery.active{animation:mystery-pulse 1s ease-in-out infinite}@keyframes mystery-pulse{0%,to{border-color:#fbbf2466;box-shadow:0 0 #fbbf2466}50%{border-color:#fbbf24;box-shadow:0 0 20px 4px #fbbf2433}}.sequence-pattern{display:flex;gap:28px;padding-left:8px}.pattern-arrow{font-size:11px;font-weight:600;color:#fbbf2466;transition:all .3s ease}.cinematic-tile:hover .pattern-arrow{color:#fbbf24b3}.pattern-arrow.pulse{animation:arrow-pulse 1.5s ease-in-out infinite}@keyframes arrow-pulse{0%,to{opacity:.4}50%{opacity:1;color:#fbbf24}}.mole-scene{background:radial-gradient(ellipse at center,rgba(244,63,94,.15),transparent 70%);overflow:hidden}.mole-crosshair{position:absolute;width:50px;height:50px;top:50%;left:40%;transform:translate(-50%,-50%);z-index:3;transition:all .3s ease}.mole-scene.active .mole-crosshair{left:55%;top:40%}.crosshair-line{position:absolute;background:#f43f5ecc}.crosshair-line.horizontal{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}.crosshair-line.vertical{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}.crosshair-circle{position:absolute;width:20px;height:20px;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid rgba(244,63,94,.8);border-radius:50%}.mole-targets{position:absolute;top:0;right:0;bottom:0;left:0}.mole-target{position:absolute;width:40px;height:40px;transition:all .4s ease}.mole-target.t1{top:25%;left:20%;opacity:.4}.mole-target.t2{top:55%;left:55%;opacity:1}.mole-target.t3{top:35%;left:70%;opacity:.3}.mole-target.active.t1{transform:scale(1.1);opacity:.6}.mole-target.active.t2{transform:scale(1.2);opacity:1}.mole-target.active.t3{transform:scale(1.05);opacity:.5}.target-ring{position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.target-ring.outer{width:100%;height:100%;background:#f43f5e;box-shadow:0 0 15px #f43f5e80}.target-ring.middle{width:65%;height:65%;background:#fff}.target-ring.inner{width:35%;height:35%;background:#f43f5e}.target-center{position:absolute;width:15%;height:15%;background:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.mole-speed-lines{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s ease}.mole-scene.active .mole-speed-lines{opacity:1}.speed-line{position:absolute;width:2px;background:linear-gradient(to bottom,transparent,rgba(244,63,94,.4),transparent);animation:speed-line-move .8s ease-in-out infinite}.speed-line.s1{height:40px;left:15%;top:20%;animation-delay:0s}.speed-line.s2{height:60px;left:80%;top:40%;animation-delay:.2s}.speed-line.s3{height:30px;left:30%;top:70%;animation-delay:.4s}@keyframes speed-line-move{0%,to{transform:translateY(0);opacity:0}50%{transform:translateY(10px);opacity:1}}.default-scene{display:flex;align-items:center;justify-content:center}.default-icon{font-size:64px;font-weight:900;opacity:.3}.games-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#a1a1aa}.loading-spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media(max-width:900px){.games-grid.cinematic{grid-template-columns:1fr}}@media(max-width:600px){.games-tab{padding:24px 16px}.games-back-btn{top:16px;left:16px;padding:8px 16px;font-size:13px}.games-header{margin-bottom:40px}.games-title{font-size:36px}.games-subtitle{font-size:16px}.games-grid.cinematic{gap:16px;padding:0}.cinematic-tile{flex-direction:column;min-height:auto}.cinematic-scene{width:100%;min-height:140px}.scene-overlay{background:linear-gradient(180deg,transparent 50%,rgba(15,15,25,1))}.cinematic-info{padding:20px}.cinematic-info h3{font-size:20px}.cinematic-info p{font-size:13px}}.pvp-tab{min-height:calc(100vh - 80px);padding:40px;position:relative}.pvp-back-btn{position:absolute;top:24px;left:24px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#a1a1aa;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;z-index:100}.pvp-back-btn:hover{background:#ffffff1a;color:#fff;border-color:#fff3;transform:translate(-4px)}.pvp-header{text-align:center;margin-bottom:40px}.pvp-title{font-size:48px;font-weight:900;background:linear-gradient(135deg,#ec4899,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.pvp-subtitle{font-size:18px;color:#a1a1aa}.pvp-login-prompt{text-align:center;padding:32px;margin-bottom:40px;background:linear-gradient(135deg,#ec48991a,#f973160d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(236,72,153,.2);border-radius:16px;max-width:500px;margin-left:auto;margin-right:auto}.pvp-login-prompt p{color:#a1a1aa;margin-bottom:16px;font-size:16px}.pvp-signin-btn{background:linear-gradient(135deg,#ec4899,#f97316);color:#fff;border:none;padding:14px 32px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.pvp-signin-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ec489966}.pvp-games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1200px;margin:0 auto 60px;padding:0 20px}.pvp-game-tile{position:relative;background:linear-gradient(135deg,#ec48991a,#f973160d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:32px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;min-height:320px;display:flex;flex-direction:column}.pvp-game-tile:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,color-mix(in srgb,var(--game-color) 15%,transparent) 0%,transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none}.pvp-game-tile:hover:not(.unavailable){transform:translateY(-8px);border-color:var(--game-color);box-shadow:0 20px 60px #0006,0 0 80px color-mix(in srgb,var(--game-color) 25%,transparent),inset 0 1px #ffffff1a}.pvp-game-tile:hover:not(.unavailable):before{opacity:1}.pvp-game-tile.unavailable{cursor:not-allowed;opacity:.5}.pvp-tile-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,var(--game-color),color-mix(in srgb,var(--game-color) 70%,#f97316));color:#fff;font-size:12px;font-weight:700;padding:6px 14px;border-radius:20px;z-index:10;box-shadow:0 4px 12px color-mix(in srgb,var(--game-color) 40%,transparent)}.pvp-tile-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,color-mix(in srgb,var(--game-color) 20%,transparent) 0%,transparent 50%);opacity:0;transition:opacity .4s ease;pointer-events:none}.pvp-game-tile:hover:not(.unavailable) .pvp-tile-glow{opacity:1}.pvp-tile-content{position:relative;z-index:2;display:flex;flex-direction:column;flex:1}.pvp-tile-icon{width:80px;height:80px;margin-bottom:20px;position:relative;display:flex;align-items:center;justify-content:center}.pvp-icon-img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));transition:all .4s ease}.pvp-game-tile:hover:not(.unavailable) .pvp-icon-img{transform:scale(1.1);filter:drop-shadow(0 8px 20px rgba(0,0,0,.4)) drop-shadow(0 0 30px var(--game-color))}.pvp-icon-fallback{display:none;font-size:48px}.pvp-icon-fallback.show{display:block}.pvp-tile-name{font-size:28px;font-weight:800;color:#fff;margin-bottom:12px;transition:color .3s ease}.pvp-game-tile:hover:not(.unavailable) .pvp-tile-name{color:var(--game-color)}.pvp-tile-description{font-size:14px;color:#a1a1aa;line-height:1.6;flex:1;margin-bottom:20px}.pvp-tile-play{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:linear-gradient(135deg,color-mix(in srgb,var(--game-color) 20%,transparent),color-mix(in srgb,var(--game-color) 10%,transparent));border:1px solid color-mix(in srgb,var(--game-color) 40%,transparent);border-radius:12px;font-size:14px;font-weight:600;color:var(--game-color);transition:all .3s ease}.pvp-game-tile:hover:not(.unavailable) .pvp-tile-play{background:linear-gradient(135deg,color-mix(in srgb,var(--game-color) 30%,transparent),color-mix(in srgb,var(--game-color) 20%,transparent));border-color:var(--game-color);box-shadow:0 0 20px color-mix(in srgb,var(--game-color) 30%,transparent)}.pvp-play-arrow{font-size:18px;transition:transform .3s ease}.pvp-game-tile:hover:not(.unavailable) .pvp-play-arrow{transform:translate(6px)}.pvp-tile-unavailable{padding:14px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:14px;font-weight:600;color:#71717a;text-align:center}.pvp-online-indicator{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:8px;z-index:5}.online-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:onlinePulse 2s ease infinite}@keyframes onlinePulse{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 6px #22c55e00}}.online-text{font-size:11px;color:#22c55e;font-weight:500}.pvp-stats-section{max-width:800px;margin:0 auto;padding:0 20px}.pvp-stats-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:24px;text-align:center}.pvp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pvp-stat-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.pvp-stat-card:hover{border-color:#ec48994d;background:linear-gradient(135deg,#ec48991a,#ffffff05)}.pvp-stat-value{display:block;font-size:28px;font-weight:800;color:#ec4899;margin-bottom:4px}.pvp-stat-label{font-size:12px;color:#a1a1aa;text-transform:uppercase;letter-spacing:1px}.pvp-game-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding-top:60px}.pvp-game-placeholder h2{font-size:36px;font-weight:800;color:#fff;margin-bottom:12px}.pvp-game-placeholder p{font-size:18px;color:#a1a1aa;margin-bottom:8px}.placeholder-note{font-size:14px;color:#71717a;font-style:italic}@media(max-width:768px){.pvp-tab{padding:24px 16px}.pvp-back-btn{top:16px;left:16px;padding:8px 16px;font-size:13px}.pvp-title{font-size:36px}.pvp-games-grid{grid-template-columns:1fr;gap:20px;padding:0}.pvp-game-tile{padding:24px;min-height:280px}.pvp-stats-grid{grid-template-columns:repeat(2,1fr)}.pvp-stat-value{font-size:24px}}.live-feed{position:fixed;top:100px;right:20px;width:320px;z-index:100}.live-feed-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;background:#1a1a24f2;border-radius:8px;border:1px solid rgba(139,92,246,.3)}.live-indicator{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.live-text{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ef4444}.feed-item{background:#1a1a24e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px;margin-bottom:8px;border-radius:8px;border-left:3px solid rgba(139,92,246,.5);animation:slideInRight .5s ease-out;transition:all .3s}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.feed-item:hover{background:#1a1a24f2;transform:translate(-4px)}.feed-item.win{border-left-color:#10b981}.feed-item.info{border-left-color:#3b82f6}.feed-item.streak{border-left-color:#f59e0b}.feed-item.tournament{border-left-color:#ec4899}.feed-item.tier{border-left-color:#8b5cf6}.feed-content{display:flex;align-items:center;gap:10px}.feed-icon{font-size:20px}.feed-text{flex:1}.feed-message{font-size:14px;color:#fff;line-height:1.3}.feed-time{font-size:11px;color:#71717a;margin-top:4px}@media(max-width:1024px){.live-feed{display:none}}.shop-tab{min-height:calc(100vh - 80px);padding:40px;max-width:1200px;margin:0 auto}.shop-header{text-align:center;margin-bottom:40px}.shop-title{font-size:48px;font-weight:900;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.shop-subtitle{font-size:18px;color:#a1a1aa;margin-bottom:24px}.shop-balance{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:12px}.balance-label{font-size:14px;color:#a1a1aa}.balance-amount{font-size:28px;font-weight:800;color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.3)}.shop-message{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-radius:8px;margin-bottom:24px;font-size:14px}.shop-message.error{background:#f43f5e1a;border:1px solid rgba(244,63,94,.3);color:#f43f5e}.shop-message.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.shop-message button{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;padding:0 4px}.shop-section{margin-bottom:48px}.section-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.shop-item{background:linear-gradient(135deg,#fbbf240d,#f59e0b05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;display:flex;flex-direction:column;transition:all .3s ease}.shop-item:hover{border-color:#fbbf244d;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.shop-item .item-icon{font-size:48px;margin-bottom:16px}.shop-item .item-info{flex:1;margin-bottom:16px}.shop-item .item-name{font-size:20px;font-weight:700;color:#fff;margin-bottom:8px}.shop-item .item-description{font-size:14px;color:#a1a1aa;line-height:1.5;margin-bottom:12px}.shop-item .item-category{display:inline-block;padding:4px 12px;background:#ffffff0d;border-radius:20px;font-size:12px;color:#71717a;text-transform:capitalize}.shop-item .item-footer{display:flex;align-items:center;gap:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.shop-item .item-price{flex:1}.shop-item .price-amount{font-size:24px;font-weight:800;color:#fbbf24}.shop-item .item-owned{font-size:12px;color:#71717a}.buy-button{padding:12px 24px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:8px;color:#000;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease}.buy-button:hover:not(.disabled){transform:scale(1.05);box-shadow:0 0 20px #fbbf2466}.buy-button.disabled{background:#ffffff1a;color:#71717a;cursor:not-allowed}.buy-button .buying{display:inline-flex;align-items:center;gap:8px}.inventory-section{background:#ffffff05;border-radius:16px;padding:24px}.inventory-grid{display:flex;flex-wrap:wrap;gap:16px}.inventory-item{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px}.inventory-item .item-icon{font-size:24px}.inventory-item .item-details{display:flex;flex-direction:column}.inventory-item .item-name{font-size:14px;font-weight:600;color:#fff}.inventory-item .item-quantity{font-size:12px;color:#a1a1aa}.empty-inventory{text-align:center;padding:32px;color:#71717a}.no-items{text-align:center;padding:48px;color:#71717a}.usage-section{background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:24px}.usage-info{display:flex;flex-direction:column;gap:16px}.usage-card{display:flex;gap:16px;align-items:flex-start;padding:16px;background:#0003;border-radius:12px}.usage-icon{font-size:32px;flex-shrink:0}.usage-details h4{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px}.usage-details p{font-size:14px;color:#a1a1aa;line-height:1.5;margin-bottom:8px}.usage-details kbd{display:inline-block;padding:2px 8px;background:#8b5cf64d;border:1px solid rgba(139,92,246,.5);border-radius:4px;font-family:monospace;font-size:12px;font-weight:700;color:#c4b5fd}.usage-note{font-size:12px;color:#71717a;font-style:italic}.shop-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:48px;height:48px;border:3px solid rgba(251,191,36,.2);border-top-color:#fbbf24;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.shop-tab{padding:24px 16px}.shop-title{font-size:36px}.shop-grid{grid-template-columns:1fr}.shop-item .item-footer{flex-wrap:wrap}.usage-card{flex-direction:column;text-align:center;align-items:center}}:root{--bg-primary: #0a0a0f;--bg-secondary: #13131a;--bg-tertiary: #1a1a24;--tier-s: linear-gradient(135deg, #f97316, #ec4899, #8b5cf6, #3b82f6, #f97316);--tier-a: linear-gradient(135deg, #8b5cf6, #ec4899);--tier-b: linear-gradient(135deg, #3b82f6, #06b6d4);--tier-c: #ffffff;--tier-d: #6b7280;--accent-primary: #8b5cf6;--accent-secondary: #ec4899;--accent-tertiary: #3b82f6;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--border-radius: 8px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;position:relative}.navbar{background:#13131af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:16px 32px;border-bottom:1px solid rgba(139,92,246,.2);position:sticky;top:0;z-index:1000;min-height:80px}.navbar-content{display:flex;justify-content:space-between;align-items:center;width:100%}.navbar-left{display:flex;align-items:center;gap:110px}.navbar-right{display:flex;align-items:center;gap:24px;margin-right:60px}.navbar-logo{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;text-shadow:0 0 30px rgba(139,92,246,.3)}.navbar-logo-img{height:50px;width:auto;object-fit:contain;cursor:pointer;transition:all .2s ease;filter:drop-shadow(0 0 20px rgba(139,92,246,.3))}.navbar-logo-img{height:50px;width:auto;object-fit:contain;cursor:pointer;transition:all .2s ease;filter:drop-shadow(0 0 20px rgba(139,92,246,.3));margin-left:30px}.navbar-logo-img:hover{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(139,92,246,.5))}.game-tabs{display:flex;gap:16px}.profile-dropdown-wrapper{position:relative}.profile-picture-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all var(--transition-fast)}.profile-picture-wrapper:hover{transform:translateY(-2px)}.profile-picture-container{display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.profile-picture-inner{width:calc(100% - 6px);height:calc(100% - 6px);border-radius:50%;overflow:hidden;background:#1a1a24e6;display:flex;align-items:center;justify-content:center}.profile-picture-img{width:100%;height:100%;object-fit:cover}.profile-picture-default{font-size:18px;font-weight:700;color:#3b82f6;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#13131afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.3);border-radius:12px;box-shadow:0 10px 40px #00000080,0 0 20px #8b5cf626;padding:8px 0;z-index:1001;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:all .2s cubic-bezier(.4,0,.2,1)}.profile-dropdown.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.profile-dropdown-header{padding:16px 16px 12px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px}.profile-dropdown-username{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.profile-dropdown-tier{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:3px 8px;border-radius:4px;display:inline-block}.profile-dropdown-tier.tier-s{background:var(--tier-s);background-size:300% 300%;animation:gradientShift 3s ease infinite}.profile-dropdown-tier.tier-a{background:var(--tier-a)}.profile-dropdown-tier.tier-b{background:var(--tier-b)}.profile-dropdown-tier.tier-c{background:#fff3;color:var(--tier-c)}.profile-dropdown-tier.tier-d{background:#6b72804d;color:var(--tier-d)}.profile-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.profile-dropdown-item:hover{background:#8b5cf626;color:var(--text-primary)}.profile-dropdown-item.active{background:#8b5cf633;color:#8b5cf6}.profile-dropdown-item-icon{font-size:18px;width:24px;text-align:center}.profile-dropdown-divider{height:1px;background:#ffffff1a;margin:8px 0}.profile-dropdown-item.signout{color:#ef4444}.profile-dropdown-item.signout:hover{background:#ef444426;color:#f87171}.profile-picture-wrapper:after{content:"▼";font-size:8px;color:var(--text-tertiary);margin-top:2px;transition:transform .2s ease}.profile-dropdown-wrapper.open .profile-picture-wrapper:after{transform:rotate(180deg)}.profile-dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.nav-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;transition:all var(--transition-fast);padding:.5rem 1rem;border-radius:8px;position:relative}.nav-link.game-tab{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.nav-link.game-tab:before{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--glow-color);transition:width .3s ease}.nav-link.game-tab:hover:before{width:80%}.nav-link.game-tab.active{color:var(--glow-color)!important;text-shadow:0 0 20px var(--glow-color)!important}.nav-link.game-tab.active:before{width:80%}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.admin{color:var(--warning)}.balance-display{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;background:linear-gradient(135deg,#22c55e33,#4ade8026,#86efac1a);border:2px solid rgba(74,222,128,.6);transition:all .3s ease;font-size:20px;font-weight:800;color:#4ade80;text-shadow:0 0 10px rgba(74,222,128,.5);box-shadow:0 0 15px #4ade8033}.balance-display:hover{border-color:#86efaccc;box-shadow:0 0 25px #4ade8080,0 0 40px #22c55e4d;transform:translateY(-2px);text-shadow:0 0 15px rgba(74,222,128,.7)}.tier-badge{display:inline-block;padding:6px 16px;border-radius:6px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px}.tier-s{background:var(--tier-s);background-size:300% 300%;animation:gradientShift 3s ease infinite;box-shadow:0 0 20px #f9731680}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.tier-a{background:var(--tier-a);box-shadow:0 0 15px #8b5cf64d}.tier-b{background:var(--tier-b);box-shadow:0 0 15px #3b82f64d}.tier-c{background:#ffffff1a;color:var(--tier-c);box-shadow:0 0 10px #fff3}.tier-d{background:#6b728033;color:var(--tier-d)}.signout-btn{background:#ffffff1a;color:var(--text-secondary);border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast)}.signout-btn:hover{background:#ffffff26;color:var(--text-primary)}.main-content{position:relative;z-index:10;min-height:calc(100vh - 80px)}.coming-soon-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center}.coming-soon-container h2{font-size:48px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}.coming-soon-container p{font-size:20px;color:var(--text-secondary)}.glass-card{background:linear-gradient(135deg,#8b5cf61a,#ec48990d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #8b5cf666,0 0 80px #8b5cf633,inset 0 0 40px #8b5cf60d;border-color:#8b5cf680}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--text-primary);border:none;padding:12px 32px;border-radius:var(--border-radius);font-weight:600;font-size:16px;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:1px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf666}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);color:var(--text-primary)}.loading-spinner{width:60px;height:60px;border:3px solid rgba(139,92,246,.1);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%)}.login-card{max-width:450px;width:100%;padding:3rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #8b5cf666,0 0 80px #8b5cf633,inset 0 0 40px #8b5cf60d;border-color:#8b5cf680}.logo-container{margin-bottom:2rem}.logo-text{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 40px rgba(139,92,246,.3);letter-spacing:2px;margin-bottom:.5rem}.logo-subtitle{color:var(--text-secondary);font-size:1rem;text-transform:uppercase;letter-spacing:3px}.login-description{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.google-signin-btn{width:100%;background:#fff;color:#333;border:none;border-radius:25px;padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);margin-bottom:2rem}.google-signin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #fff3}.google-signin-btn:disabled{opacity:.7;cursor:not-allowed}.login-features{display:flex;justify-content:space-around;margin-top:2rem}.feature{color:var(--text-secondary);font-size:.9rem}@media(max-width:1024px){.game-tabs{display:none}.navbar{padding:12px 20px}.navbar-right{gap:12px}.balance-display{font-size:18px;padding:6px 12px}.navbar-logo-img{height:40px}}@media(max-width:768px){.profile-username{display:none}.navbar-logo{font-size:1.2rem}.navbar-logo-img{height:36px}}.tab-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444480;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ef444480}50%{transform:scale(1.1);box-shadow:0 2px 12px #ef4444b3}}.nav-link.game-tab{position:relative}.nav-button.glow-pink{position:relative;z-index:1}.nav-button.glow-pink:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:linear-gradient(135deg,#ec4899,#f472b6,#ec4899);border-radius:14px;z-index:-1;opacity:.7;animation:pinkGlow 2s ease-in-out infinite;filter:blur(6px)}@keyframes pinkGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.03)}}.nav-button.glow-pink>*{position:relative;z-index:2}.nav-button.glow-pink-border{border:2px solid #ec4899!important;box-shadow:0 0 10px #ec489980,0 0 20px #ec48994d,0 0 30px #ec489933;animation:pinkBorderGlow 2s ease-in-out infinite}@keyframes pinkBorderGlow{0%,to{box-shadow:0 0 10px #ec489980,0 0 20px #ec48994d,0 0 30px #ec489933}50%{box-shadow:0 0 15px #ec4899b3,0 0 30px #ec489980,0 0 45px #ec48994d}}.elo-display{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;background:linear-gradient(135deg,#8b5cf626,#ec48991a);border:2px solid rgba(139,92,246,.4);transition:all .3s ease}.elo-display:hover{border-color:#8b5cf699;box-shadow:0 0 20px #8b5cf666;transform:translateY(-2px)}.elo-icon{font-size:18px;filter:drop-shadow(0 0 8px rgba(139,92,246,.6))}.elo-value{font-size:20px;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;min-width:45px;text-align:center}.elo-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#8b5cf6e6}@media(max-width:1024px){.elo-display{padding:6px 12px;gap:4px}.elo-value{font-size:18px;min-width:40px}.elo-label{display:none}}.signin-btn{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.signin-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.signin-btn:active{transform:translateY(0)}.login-required-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;padding:40px 20px}.login-required-content{text-align:center;max-width:420px;padding:48px 40px;background:linear-gradient(135deg,#8b5cf61a,#ec48990d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 60px #0000004d,0 0 40px #8b5cf61a}.login-required-icon{font-size:64px;margin-bottom:20px;filter:grayscale(20%)}.login-required-content h2{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.login-required-content p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:28px}.login-required-content .btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;padding:14px 36px;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.login-required-content .btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #8b5cf680}.friends-tab .login-required-container{min-height:calc(100vh - 200px)}.friends-tab .login-required-content{background:linear-gradient(135deg,#ec48991a,#8b5cf60d)}.bank-tab-container .login-required-container{min-height:calc(100vh - 200px)}.bank-tab-container .login-required-content{background:linear-gradient(135deg,#f59e0b1a,#8b5cf60d)}@media(max-width:768px){.login-required-content{padding:36px 24px;margin:0 16px}.login-required-icon{font-size:48px}.login-required-content h2{font-size:1.5rem}.login-required-content p{font-size:.9rem}}@media(max-width:480px){.signin-btn{padding:8px 16px;font-size:12px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0d0d12;--bg-secondary: #14141b;--bg-tertiary: #1a1a24;--bg-card: rgba(20, 20, 27, .9);--bg-card-hover: rgba(30, 30, 40, .95);--accent-pink: #ec4899;--accent-purple: #8b5cf6;--accent-blue: #3b82f6;--accent-cyan: #06b6d4;--accent-green: #10b981;--accent-gold: #f59e0b;--accent-red: #ef4444;--glow-pink: 0 0 20px rgba(236, 72, 153, .5);--glow-purple: 0 0 20px rgba(139, 92, 246, .5);--glow-green: 0 0 20px rgba(16, 185, 129, .5);--glow-gold: 0 0 20px rgba(245, 158, 11, .5);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-muted: #52525b;--border-subtle: rgba(255, 255, 255, .06);--border-light: rgba(255, 255, 255, .1);--border-accent: rgba(139, 92, 246, .3);--border-radius: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--transition: .2s cubic-bezier(.4, 0, .2, 1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{color:var(--accent-purple);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-pink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--border-radius);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition);text-transform:uppercase;letter-spacing:.5px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple));color:#fff;box-shadow:var(--glow-pink)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #ec489999}.glass-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-2px)}.balance-display{display:flex;align-items:center;gap:4px;padding:8px 16px;border-radius:var(--border-radius);background:#10b9811a;border:1px solid rgba(16,185,129,.3);font-size:16px;font-weight:700;color:#4ade80;transition:all var(--transition)}.balance-display:hover{border-color:#10b98180;box-shadow:var(--glow-green)}.elo-display{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--border-radius);background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);transition:all var(--transition)}.elo-display:hover{border-color:#8b5cf680;box-shadow:var(--glow-purple)}.elo-icon{color:var(--accent-gold);font-size:14px}.elo-value{font-size:16px;font-weight:700;color:var(--accent-purple)}.elo-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.signin-btn{background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple));color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius);font-weight:600;font-size:13px;cursor:pointer;transition:all var(--transition);text-transform:uppercase;letter-spacing:.5px}.signin-btn:hover{transform:translateY(-1px);box-shadow:var(--glow-pink)}.spinner{width:50px;height:50px;border:3px solid var(--border-light);border-top-color:var(--accent-purple);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:768px){.balance-display,.elo-display{padding:6px 12px;font-size:14px}.elo-label{display:none}}