@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@400;600;700;900&family=Orbitron:wght@700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@400;600;700;800;900&family=Orbitron:wght@400;700;900&display=swap";.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% -10%,#0d1a38,#050a18 65%);font-family:"Exo 2",sans-serif;overflow:hidden;position:relative}.login-bg-anim{position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(0,255,200,.07) 1px,transparent 1px);background-size:70px 70px;animation:starFloat 35s linear infinite;pointer-events:none}@keyframes starFloat{0%{background-position:0 0}to{background-position:70px 70px}}.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.particle{position:absolute;width:calc(3px + var(--i, 0) * 1px);height:calc(3px + var(--i, 0) * 1px);border-radius:50%;background:hsl(calc(160 + var(--i, 0) * 18),100%,65%);opacity:0;left:calc(5% + var(--i, 0) * 8.5%);bottom:-20px;animation:floatUp calc(6s + var(--i, 0) * .7s) ease-in calc(var(--i, 0) * .4s) infinite;filter:blur(1px)}@keyframes floatUp{0%{opacity:0;transform:translateY(0) scale(1)}20%{opacity:.8}to{opacity:0;transform:translateY(-100vh) scale(.5)}}.login-card{position:relative;z-index:1;width:min(92vw,420px);padding:2.5rem 2rem 2rem;background:#080f23eb;border:1px solid rgba(0,230,180,.22);border-radius:1.5rem;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);text-align:center;box-shadow:0 0 80px #00c8a012,0 0 2px #00c8a04d,inset 0 1px #ffffff0f;animation:cardIn .55s cubic-bezier(.22,1,.36,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-logo{font-size:3rem;margin-bottom:.4rem;filter:drop-shadow(0 0 18px rgba(0,255,200,.55));animation:logoFloat 3.5s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.login-title{font-family:Orbitron,monospace;font-size:clamp(1.35rem,4.5vw,1.9rem);background:linear-gradient(90deg,#00ffe0,#a862ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.3rem;letter-spacing:.04em}.login-tagline{color:#a0c8ff73;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.6rem}.tab-bar{display:flex;position:relative;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.65rem;padding:4px;margin-bottom:1.6rem;gap:0}.tab-btn{flex:1;padding:.55rem;background:transparent;border:none;color:#b4d2ff80;font-size:.88rem;font-weight:700;font-family:"Exo 2",sans-serif;cursor:pointer;border-radius:.45rem;position:relative;z-index:1;transition:color .25s;letter-spacing:.04em}.tab-btn.active{color:#fff}.tab-indicator{position:absolute;top:4px;bottom:4px;width:calc(50% - 4px);background:linear-gradient(135deg,#00b48c8c,#5a28c88c);border-radius:.4rem;transition:left .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(0,200,160,.25)}.tab-indicator.left{left:4px}.tab-indicator.right{left:50%}.login-form{display:flex;flex-direction:column;gap:1rem;text-align:left}.field-group{display:flex;flex-direction:column;gap:.35rem}.field-label{font-size:.78rem;font-weight:700;color:#a0c8ffa6;letter-spacing:.08em;text-transform:uppercase}.field-hint{font-weight:400;color:#a0c8ff66;text-transform:none;letter-spacing:0}.login-input{width:100%;padding:.72rem .95rem;background:#ffffff0d;border:1px solid rgba(0,255,200,.22);border-radius:.65rem;color:#e0f0ff;font-size:.95rem;font-family:"Exo 2",sans-serif;outline:none;transition:border-color .2s,box-shadow .2s;color-scheme:dark}.login-input:focus{border-color:#00ffe0;box-shadow:0 0 0 3px #00ffc81a}.login-input::placeholder{color:#96b4dc59}.password-row{position:relative}.password-row .login-input{padding-right:2.8rem}.toggle-pass{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.1rem;line-height:1;padding:0;color:#a0c8ff80;transition:color .15s}.toggle-pass:hover{color:#00ffe0}.age-preview{font-size:.78rem;font-weight:600;margin-top:.2rem;padding:.3rem .6rem;border-radius:.4rem;display:inline-block}.age-ok{color:#00e89a;background:#00dc961a;border:1px solid rgba(0,220,150,.25)}.age-fail{color:#ff6b6b;background:#ff505014;border:1px solid rgba(255,80,80,.2)}.login-error{font-size:.83rem;color:#ff6b6b;background:#ff505014;border:1px solid rgba(255,80,80,.2);border-radius:.5rem;padding:.5rem .75rem;text-align:center;line-height:1.4}.login-success{font-size:.83rem;color:#00e89a;background:#00dc9614;border:1px solid rgba(0,220,150,.2);border-radius:.5rem;padding:.5rem .75rem;text-align:center}.btn-enter{width:100%;padding:.85rem;background:linear-gradient(135deg,#00c9a7,#5e35e8);border:none;border-radius:.75rem;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;font-family:"Exo 2",sans-serif;letter-spacing:.04em;transition:opacity .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 24px #00c8a038;margin-top:.2rem}.btn-enter:hover:not(:disabled){opacity:.9;transform:scale(1.02);box-shadow:0 6px 32px #00c8a061}.btn-enter:disabled{opacity:.55;cursor:not-allowed;transform:none}.login-hint{margin-top:1.2rem;font-size:.76rem;color:#a0c8ff59;line-height:1.5;text-align:center}.settings-overlay-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.settings-overlay-card{background:#0a1228e6;border:1px solid rgba(0,200,160,.3);border-radius:20px;width:90%;max-width:400px;padding:30px;box-shadow:0 20px 50px #000c,0 0 30px #00c8a01a;position:relative;animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275)}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.settings-title{font-family:Orbitron,sans-serif;font-size:1.5rem;color:#00ffe0;margin:0}.btn-close-settings{background:transparent;border:none;color:#888;font-size:1.5rem;cursor:pointer;transition:color .2s}.btn-close-settings:hover{color:#fff}.settings-group{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.setting-item{display:flex;flex-direction:column;gap:10px}.setting-label{display:flex;justify-content:space-between;font-size:.9rem;color:#c0d8ff;font-weight:600}.settings-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#00c8a0;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #00c8a080;transition:transform .2s}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.btn-logout-settings{width:100%;padding:12px;background:#ff4d6d1a;border:1px solid rgba(255,77,109,.3);color:#ff4d6d;border-radius:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s}.btn-logout-settings:hover{background:#ff4d6d33;border-color:#ff4d6d;transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.leaderboard-overlay-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050a18d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .4s ease-out}.leaderboard-card{background:#0a142df2;border:2px solid rgba(0,255,224,.2);border-radius:24px;width:95%;max-width:650px;height:85vh;display:flex;flex-direction:column;padding:30px;box-shadow:0 0 50px #000000e6,0 0 30px #00ffe01a;position:relative;overflow:hidden;animation:scaleIn .4s cubic-bezier(.175,.885,.32,1.275)}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.leaderboard-title-group h2{font-family:Orbitron,sans-serif;font-size:1.8rem;background:linear-gradient(90deg,#00ffe0,#a862ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:2px}.leaderboard-title-group p{font-size:.75rem;color:#00ffe0;text-transform:uppercase;letter-spacing:3px;margin:5px 0 0;opacity:.8}.btn-close-leaderboard{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;justify-content:center;align-items:center;transition:all .2s}.btn-close-leaderboard:hover{background:#ff4d6d33;border-color:#ff4d6d;transform:rotate(90deg)}.leaderboard-list{flex:1;display:flex;flex-direction:column;min-height:0}.lb-table-header{display:grid;grid-template-columns:100px 1fr 150px;padding:15px 20px;background:#00ffe01a;border-radius:12px 12px 0 0;font-weight:800;text-transform:uppercase;font-size:.8rem;color:#00ffe0;letter-spacing:1px}.lb-scroll-area{flex:1;overflow-y:auto;background:#0003;border-radius:0 0 12px 12px;border:1px solid rgba(0,255,224,.05)}.lb-scroll-area::-webkit-scrollbar{width:6px}.lb-scroll-area::-webkit-scrollbar-thumb{background:#00ffe033;border-radius:10px}.lb-row{display:grid;grid-template-columns:100px 1fr 150px;align-items:center;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.03);transition:background .2s}.lb-row:hover{background:#ffffff08}.lb-row.is-me{background:#00ffe014;position:relative}.lb-row.is-me:before{content:"";position:absolute;left:0;top:10%;height:80%;width:4px;background:#00ffe0;box-shadow:0 0 10px #00ffe0}.col-rank{display:flex;align-items:center;gap:8px;font-family:Orbitron,sans-serif;font-weight:700;color:#89a}.lb-row:nth-child(1) .rank-text{color:gold}.lb-row:nth-child(2) .rank-text{color:silver}.lb-row:nth-child(3) .rank-text{color:#cd7f32}.col-player{display:flex;align-items:center;gap:15px}.player-avatar-circle{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#00c9a7,#5e35e8);display:flex;justify-content:center;align-items:center;font-weight:800;font-size:.9rem;color:#fff;box-shadow:0 0 15px #0000004d}.player-name-text{font-weight:600;color:#e0e8ff;font-size:1rem;display:flex;align-items:center;gap:10px}.you-tag{font-size:.65rem;background:#00ffe0;color:#051025;padding:2px 6px;border-radius:4px;font-weight:900}.lb-player-lvl{font-size:.75rem;color:#00ffe0;font-weight:800;opacity:.8}.col-trophies{display:flex;align-items:center;gap:8px;justify-content:flex-end;font-family:Orbitron,sans-serif}.trophy-val{color:#fff;font-weight:800;font-size:1.1rem}.trophy-icon{font-size:1.2rem}.lb-footer{padding-top:20px;text-align:center}.lb-footer p{font-size:.7rem;color:#456;text-transform:uppercase;letter-spacing:2px;margin:0}.lb-loading{padding:100px 0;text-align:center;color:#00ffe0;font-family:Orbitron,sans-serif;letter-spacing:2px;animation:pulse 1.5s infinite}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.shop-overlay-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050a18d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;justify-content:center;align-items:center;z-index:1100;animation:shopFadeIn .3s ease-out}.shop-overlay-card{background:linear-gradient(135deg,#0f1937f2,#050a19fa);border:1px solid rgba(0,255,224,.25);border-radius:32px;width:95%;max-width:900px;height:85vh;display:flex;flex-direction:column;padding:35px;box-shadow:0 0 50px #00000080,inset 0 0 30px #00ffe00d;position:relative;overflow:hidden;animation:shopSlideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes shopFadeIn{0%{opacity:0}to{opacity:1}}@keyframes shopSlideUp{0%{transform:translateY(50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.shop-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.shop-title-group{display:flex;align-items:center;gap:18px}.shop-logo-icon{font-size:2.2rem;background:#00ffe01a;padding:10px;border-radius:16px;border:1px solid rgba(0,255,224,.2)}.shop-title{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:900;background:linear-gradient(90deg,#00ffe0,#a862ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px;margin:0}.shop-subtitle{font-size:.8rem;color:#89a;text-transform:uppercase;letter-spacing:4px;margin:4px 0 0}.shop-stats{display:flex;align-items:center;gap:15px}.shop-gems{background:#00ffe01a;border:1px solid #00ffe044;padding:10px 20px;border-radius:14px;display:flex;align-items:center;gap:12px;font-family:Orbitron,sans-serif;box-shadow:0 0 15px #00ffe01a}.gem-val{font-size:1.2rem;font-weight:800;color:#fff;text-shadow:0 0 10px rgba(0,255,224,.3)}.gem-icon{font-size:1.3rem}.btn-close-shop{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all .2s}.btn-close-shop:hover{background:#ff4d6d33;border-color:#ff4d6d;transform:rotate(90deg)}.shop-filters{display:flex;gap:12px;margin-bottom:30px}.shop-filters button{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#678;padding:10px 24px;border-radius:12px;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:2px;transition:all .3s}.shop-filters button:hover{background:#ffffff12;color:#fff}.shop-filters button.active{background:#00ffe01f;border-color:#00ffe0;color:#00ffe0;box-shadow:0 0 20px #00ffe026}.shop-main-content{flex:1;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;min-height:0}.shop-display{display:flex;align-items:center;justify-content:center;gap:20px;position:relative;background:radial-gradient(circle at center,rgba(0,255,224,.05) 0%,transparent 70%);border-radius:32px;border:1px solid rgba(255,255,255,.03);transition:box-shadow .4s}.shop-display:hover{box-shadow:inset 0 0 50px #00ffe00d}.avatar-preview-box{flex:1;height:100%;position:relative;cursor:grab}.avatar-preview-box:active{cursor:grabbing}.preview-glow{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:radial-gradient(circle,rgba(0,255,224,.05) 0%,transparent 60%);pointer-events:none;animation:shopGlowPulse 5s infinite}@keyframes shopGlowPulse{0%,to{opacity:.3}50%{opacity:1}}.nav-arrow{background:#ffffff05;border:1px solid rgba(0,255,224,.2);color:#00ffe0;width:54px;height:54px;border-radius:50%;font-size:2rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.19,1,.22,1);z-index:10}.nav-arrow:hover:not(:disabled){background:#00ffe026;border-color:#00ffe0;transform:scale(1.15)}.nav-arrow:disabled{opacity:.1;cursor:default}.shop-info{display:flex;flex-direction:column;justify-content:center}.char-detail-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:30px;border-radius:24px;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rarity-tag{display:inline-block;background:linear-gradient(90deg,#a862ff,#5e35e8);color:#fff;padding:4px 12px;border-radius:6px;font-size:.65rem;font-weight:900;letter-spacing:2px;margin-bottom:15px}.char-name{font-family:Orbitron,sans-serif;font-size:2.4rem;font-weight:900;color:#fff;margin:0 0 20px;letter-spacing:1px}.char-status{height:40px;margin-bottom:30px}.shop-message{color:#567;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin:0;transition:all .3s;opacity:.7}.shop-message.active{color:#00ffe0;opacity:1;text-shadow:0 0 15px rgba(0,255,224,.4)}.avatar-preview-box:empty:after,.avatar-preview-box:has(canvas[style*="opacity: 0"]):after{content:"SYNCING MODEL...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Orbitron,sans-serif;color:#00ffe044;letter-spacing:5px;font-size:.8rem;animation:textPulse 2s infinite}@keyframes textPulse{0%,to{opacity:.2}50%{opacity:.8}}.btn-shop-action{width:100%;padding:18px;border-radius:16px;font-family:Orbitron,sans-serif;font-size:.95rem;font-weight:900;cursor:pointer;transition:all .3s;letter-spacing:2px;text-transform:uppercase}.btn-shop-action.buy{background:linear-gradient(135deg,#00ffe0,#008291);border:none;color:#051025;box-shadow:0 10px 25px #00ffe033}.btn-shop-action.buy:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 15px 35px #00ffe066}.btn-shop-action.equip{background:transparent;border:2px solid #00ffe0;color:#00ffe0}.btn-shop-action.equip:hover{background:#00ffe01a;transform:translateY(-2px)}.btn-shop-action.equipped{background:#00ffe01a;border:1px solid rgba(0,255,224,.2);color:#00ffe080;cursor:default}.btn-shop-action:disabled{filter:grayscale(1);opacity:.5;cursor:not-allowed}.locked-badge-overlay{position:absolute;top:20px;right:20px;background:#ff4d6d26;border:1px solid rgba(255,77,109,.3);padding:10px 20px;border-radius:14px;display:flex;align-items:center;gap:10px;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ff4d6d;font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:800;letter-spacing:2px;animation:lockedPulse 3s infinite}@keyframes lockedPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.locked-icon{font-size:1rem}.detail-top-tags{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.rarity-tag{margin-bottom:0}.price-badge{background:#00ffe01a;border:1px solid rgba(0,255,224,.2);padding:5px 15px;border-radius:8px;color:#00ffe0;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:800;display:flex;align-items:center;gap:8px}.shop-display:has(.locked-badge-overlay){background:radial-gradient(circle at center,rgba(255,77,109,.05) 0%,transparent 70%)}.shop-display:has(.locked-badge-overlay):hover{box-shadow:inset 0 0 50px #ff4d6d0d}.shop-filters button.active[data-filter=unowned]{background:#ff4d6d1f;border-color:#ff4d6d;color:#ff4d6d;box-shadow:0 0 20px #ff4d6d26}.no-chars-msg{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;background:#ffffff03;border-radius:32px;border:1px dashed rgba(255,255,255,.05)}.no-chars-icon{font-size:4rem;margin-bottom:20px;filter:drop-shadow(0 0 20px rgba(0,255,224,.3))}.no-chars-msg h3{font-family:Orbitron,sans-serif;font-size:1.4rem;color:#fff;margin:0 0 15px;letter-spacing:2px}.no-chars-msg p{color:#678;font-size:.95rem;line-height:1.6;margin:0 0 30px;max-width:300px}@media (max-width: 800px){.shop-main-content{grid-template-columns:1fr}.shop-info{margin-top:20px}}.gem-purchase-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050a18d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease-out}.gem-purchase-card{background:#0a142df2;border:2px solid rgba(0,255,224,.2);border-radius:24px;width:90%;max-width:600px;padding:30px;box-shadow:0 0 50px #000000e6,0 0 30px #00ffe01a;animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275)}.gem-purchase-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.gem-purchase-header h2{font-family:Orbitron,sans-serif;font-size:1.8rem;background:linear-gradient(90deg,#00ffe0,#a862ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:2px}.gem-purchase-header p{font-size:.9rem;color:#00ffe0;margin:5px 0 0;opacity:.8}.btn-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;justify-content:center;align-items:center;transition:all .2s}.btn-close:hover{background:#ff4d6d33;border-color:#ff4d6d;transform:rotate(90deg)}.gem-packs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-bottom:30px}.gem-pack-item{background:#ffffff08;border:1px solid rgba(0,255,224,.1);border-radius:16px;padding:24px 15px;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:12px}.gem-pack-item:hover{background:#00ffe00d;border-color:#00ffe066;transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.pack-icon{font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(0,255,224,.3))}.pack-amount{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:900;color:#fff}.gem-text{font-size:.8rem;color:#00ffe0}.pack-desc{font-size:.8rem;color:#89a;line-height:1.4;height:2.8rem;display:flex;align-items:center}.btn-buy{width:100%;padding:12px;background:linear-gradient(135deg,#00ffe0,#008f7a);border:none;border-radius:10px;color:#050a18;font-weight:800;font-size:1.1rem;cursor:pointer;transition:all .2s;font-family:"Exo 2",sans-serif}.btn-buy:hover:not(:disabled){transform:scale(1.05);filter:brightness(1.1);box-shadow:0 0 20px #00ffe066}.btn-buy:disabled{opacity:.6;cursor:not-allowed}.purchase-error{background:#ff4d6d1a;border:1px solid #ff4d6d;color:#ff4d6d;padding:10px;border-radius:8px;font-size:.9rem;text-align:center;margin-bottom:20px}.gem-purchase-footer{text-align:center;border-top:1px solid rgba(255,255,255,.05);padding-top:20px}.gem-purchase-footer p{font-size:.8rem;color:#456;text-transform:uppercase;letter-spacing:2px;margin:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 480px){.gem-packs-grid{grid-template-columns:1fr}}.notifications-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:flex-end}.notifications-overlay-panel{background:#0a1228f2;border-left:2px solid rgba(0,255,224,.3);width:400px;max-width:90vw;height:100vh;padding:24px;display:flex;flex-direction:column;animation:slideInRight .3s cubic-bezier(.175,.885,.32,1);box-shadow:-10px 0 50px #00000080}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.notif-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:16px}.notif-header h2{font-family:Orbitron,sans-serif;color:#fff;margin:0;font-size:1.5rem;letter-spacing:2px}.btn-close-notif{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.notif-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.notif-card{background:#ffffff0d;border-left:4px solid #00ffe0;border-radius:8px;padding:16px;display:flex;align-items:center;gap:16px;position:relative;animation:fadeInThis .4s ease}@keyframes fadeInThis{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.type-friend_request{border-color:#a862ff}.type-friend_accepted{border-color:#00c8a0}.type-room_invite{border-color:gold}.type-broadcast{border-color:#ff4d6d}.type-info{border-color:#aaa}.notif-icon{font-size:1.8rem}.notif-content{flex:1}.notif-content p{margin:0;color:#fff;font-size:.95rem;line-height:1.4;font-family:"Exo 2",sans-serif}.btn-notif-action{background:#00ffe0;color:#000;font-weight:700;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background .2s}.btn-notif-action:hover{background:#00c8a0}.btn-notif-dismiss{background:transparent;color:#fff6;border:none;position:absolute;top:8px;right:8px;cursor:pointer}.btn-notif-dismiss:hover{color:#fff}:root{--primary-glow: rgba(0, 200, 160, .4);--accent-glow: rgba(168, 98, 255, .4);--glass-bg: rgba(10, 18, 40, .7);--glass-border: rgba(0, 200, 160, .3)}.home-page{width:100vw;height:100vh;background:#050a18;color:#fff;font-family:"Exo 2",sans-serif;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.home-bg-anim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(0,100,80,.15) 0%,transparent 70%);z-index:0}.home-bg-grid{position:absolute;bottom:-10%;left:-10%;width:120%;height:120%;background-image:linear-gradient(rgba(0,200,160,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,200,160,.07) 1px,transparent 1px);background-size:60px 60px;background-position:center;transform:perspective(600px) rotateX(45deg);z-index:0;animation:gridScroll 15s linear infinite}@keyframes gridScroll{0%{background-position:0 0}to{background-position:0 60px}}.ui-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:40px;display:flex;flex-direction:column;justify-content:space-between;z-index:10;pointer-events:none}.ui-top,.ui-bottom{display:flex;justify-content:space-between;align-items:center;pointer-events:auto}.game-title-main{position:absolute;left:50%;transform:translate(-50%);top:40px;font-family:Orbitron,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(90deg,#00ffe0,#a862ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(0,255,224,.3));margin:0;white-space:nowrap;z-index:100}.user-info-group{display:flex;flex-direction:column;gap:12px}.player-name-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-left:4px solid #00c8a0;border-radius:4px 12px 12px 4px;padding:15px 25px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px #00000080}.player-name{font-size:1.8rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:2px;line-height:1}.player-rank{font-size:.9rem;color:#00c8a0;font-weight:700;margin-top:5px;letter-spacing:1px}.btn-hud{background:var(--glass-bg);border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px 24px;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 5px 15px #0000004d}.btn-achievements{border-color:#ffd7004d;color:gold;font-size:.85rem}.btn-achievements:hover{background:#ffd7001a;border-color:gold;transform:translate(8px)}.btn-leaderboard{border-color:#00ffe04d;color:#00ffe0;font-size:.85rem}.btn-leaderboard:hover{background:#00ffe01a;border-color:#00ffe0;transform:translate(8px)}.top-right-group{display:flex;flex-direction:column;align-items:flex-end;gap:15px}.currency-container{display:flex;gap:12px}.currency-item{background:var(--glass-bg);border:1px solid rgba(255,255,255,.1);padding:8px 15px;border-radius:8px;display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 15px #0000004d}.currency-item .icon{font-size:1.1rem}.currency-item .value{font-size:1rem;font-weight:800;font-family:Orbitron,sans-serif;color:#fff}.trophy-count{border-bottom:2px solid #ffd700}.gem-count{border-bottom:2px solid #00ffe0;padding-right:5px}.btn-gem-plus{background:#00ffe0;color:#050a18;border:none;width:20px;height:20px;border-radius:4px;font-size:1.1rem;font-weight:900;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-left:5px;transition:transform .2s}.btn-gem-plus:hover{transform:scale(1.1)}.btn-friends{background:#5e35e81a;border:1px solid rgba(94,53,232,.4);color:#a862ff}.btn-friends:hover{background:#5e35e833;border-color:#a862ff;transform:scale(1.05)}.btn-settings{width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.8rem}.btn-settings:hover{transform:rotate(90deg);background:#ffffff1a}.btn-shop{background:linear-gradient(135deg,#ff4d6d,#ff1744);border:none;box-shadow:0 0 20px #ff4d6d4d}.btn-shop:hover{transform:translateY(-5px);box-shadow:0 10px 25px #ff4d6d80}.home-center{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:600px;z-index:5;gap:20px}.center-avatar-container{position:relative;width:100%;height:600px;display:flex;justify-content:center;align-items:center}.avatar-main{width:100%;height:100%;z-index:2}.avatar-glow{position:absolute;width:300px;height:300px;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);z-index:1;filter:blur(40px);animation:pulseGlow 4s infinite ease-in-out}.btn-play-now{background:linear-gradient(135deg,#00ffe0,#008f7a);border:none;padding:24px 80px;border-radius:60px;font-size:2.2rem;font-weight:900;color:#050a18;text-transform:uppercase;letter-spacing:4px;cursor:pointer;box-shadow:0 0 40px #00c8a066;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;margin-top:20px}.btn-play-now:hover{transform:scale(1.15) translateY(-5px);box-shadow:0 0 60px #00c8a0b3;filter:brightness(1.1)}.btn-play-now:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:rotate(45deg);animation:shine 4s infinite}.avatar-loading{font-size:1.2rem;color:#00c8a0;font-weight:600;animation:pulse 1.5s infinite}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes shine{0%{left:-100%}25%{left:100%}to{left:100%}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media (max-width: 1024px){.ui-overlay{padding:30px}.player-name{font-size:1.4rem}.center-avatar-container{height:400px}.btn-play-now{font-size:1.8rem;padding:20px 60px}}@media (max-width: 768px){.ui-overlay{padding:20px}.player-name-card{padding:10px 20px}.center-avatar-container{height:350px}.btn-play-now{font-size:1.5rem;padding:15px 40px}.btn-hud span{display:none}.btn-hud{padding:12px}}.home-level-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:12px 20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column;gap:8px;width:100%}.level-info{display:flex;justify-content:space-between;align-items:center}.level-badge{background:linear-gradient(135deg,#00ffe0,#008f7a);color:#050a18;padding:2px 10px;border-radius:4px;font-weight:900;font-size:.9rem;font-family:Orbitron,sans-serif}.xp-text{font-size:.8rem;color:#aaa;font-weight:700}.xp-bar-container{width:100%;height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#00ffe0,#a862ff);border-radius:4px;transition:width .5s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 10px #00ffe080}.play-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease}.play-modal{background:#0a1228eb;border:1px solid rgba(0,200,160,.25);border-radius:20px;padding:40px 36px 36px;max-width:560px;width:90%;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 25px 60px #0009,0 0 80px #00c8a014,inset 0 1px #ffffff0d;animation:modalSlideIn .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalSlideIn{0%{transform:scale(.85) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.play-modal-close{position:absolute;top:14px;right:18px;background:none;border:none;color:#fff6;font-size:1.4rem;cursor:pointer;transition:all .3s;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.play-modal-close:hover{color:#fff;background:#ffffff1a}.play-modal-title{font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:900;text-align:center;letter-spacing:4px;background:linear-gradient(90deg,#00ffe0,#a862ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 28px}.play-modal-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.play-mode-btn{background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 20px 20px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .35s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.play-mode-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .35s;z-index:0}.play-mode-solo:before{background:radial-gradient(ellipse at center,rgba(0,200,160,.12) 0%,transparent 70%)}.play-mode-team:before{background:radial-gradient(ellipse at center,rgba(255,120,50,.12) 0%,transparent 70%)}.play-mode-btn:hover:before{opacity:1}.play-mode-btn:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 12px 30px #0000004d}.play-mode-solo:hover{border-color:#00c8a080}.play-mode-team:hover{border-color:#ff783280}.play-mode-icon{font-size:3rem;position:relative;z-index:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.play-mode-label{font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:900;letter-spacing:3px;color:#fff;position:relative;z-index:1}.play-mode-desc{font-size:.78rem;color:#ffffff73;text-align:center;line-height:1.4;position:relative;z-index:1}.play-mode-tag{font-size:.65rem;font-weight:800;letter-spacing:2px;color:#ffffff59;background:#ffffff0f;padding:4px 12px;border-radius:20px;position:relative;z-index:1}.play-mode-tag-new{background:linear-gradient(135deg,#f64,#f44);color:#fff;animation:tagGlow 2s ease-in-out infinite}@keyframes tagGlow{0%,to{box-shadow:0 0 8px #ff44444d}50%{box-shadow:0 0 16px #f449}}@media (max-width: 500px){.play-modal-options{grid-template-columns:1fr}.play-modal{padding:28px 20px 24px}}.lobby-page{min-height:100vh;max-height:100vh;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;background:#050a18;font-family:"Exo 2",sans-serif;color:#e0e8ff;padding:24px 16px 40px;position:relative}.lobby-bg-anim{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,255,200,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,200,.03) 1px,transparent 1px);background-size:60px 60px;animation:gridScroll 20s linear infinite;pointer-events:none;z-index:0}@keyframes gridScroll{0%{background-position:0 0}to{background-position:60px 60px}}.lobby-container{position:relative;z-index:1;width:min(96vw,1100px);padding:2rem 2rem 2.5rem;background:#0a1228eb;border:1px solid rgba(0,230,180,.22);border-radius:1.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 60px #00c8a012,0 0 1px #00c8a047;animation:fadeSlide .4s ease}@keyframes fadeSlide{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;flex-wrap:wrap;gap:10px}.lobby-brand{display:flex;align-items:center;gap:16px}.lobby-logo-portal{position:relative;width:60px;height:60px;display:flex;justify-content:center;align-items:center}.portal-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top-color:#00ffe0;border-bottom-color:#a862ff;animation:portalSpin 3s linear infinite}.portal-core{width:65%;height:65%;background:radial-gradient(circle,#00ffe0 0%,transparent 80%);border-radius:50%;box-shadow:0 0 20px #00ffe099;animation:portalPulse 2s ease-in-out infinite}@keyframes portalSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes portalPulse{0%,to{transform:scale(.9);opacity:.6}50%{transform:scale(1.1);opacity:1}}.lobby-title-group{display:flex;flex-direction:column}.lobby-title{font-family:Orbitron,monospace;font-size:clamp(1.5rem,4vw,2.2rem);background:linear-gradient(90deg,#00ffe0,#a862ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.05em;line-height:1.1;margin:0}.lobby-subtitle{color:#a0c8ff8c;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;margin-top:2px}.btn-back-lobby{background:#00ffe00d;border:1px solid rgba(0,255,224,.3);color:#00ffe0;padding:10px 24px;border-radius:8px;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.btn-back-lobby:hover{background:#00ffe026;border-color:#00ffe0;transform:translate(-5px);box-shadow:0 0 20px #00ffe033}.avatar-picker{background:#00000059;border:1px solid rgba(0,255,200,.18);border-radius:12px;padding:14px 18px;margin-bottom:1.3rem}.avatar-label{color:#00ffe0;font-weight:700;font-size:.9rem;margin-bottom:10px}.avatar-row{display:flex;gap:14px}.btn-avatar{flex:1;padding:11px 8px;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:700;font-family:"Exo 2",sans-serif;transition:all .2s;background:#ffffff0a;border:1px solid rgba(255,255,255,.13);color:#aaa}.btn-avatar.selected{background:#00ffc82e;border:2px solid #00ffe0;color:#00ffe0;box-shadow:0 0 16px #00ffc847}.btn-avatar:hover:not(.selected){border-color:#00ffc859;color:#ddd}.join-panel{max-width:480px;margin:0 auto;text-align:center}.panel-label{margin-bottom:1.1rem;font-size:1rem;color:#c8dcffcc}.join-row{display:flex;gap:.7rem}.room-input{flex:1;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(0,255,200,.28);border-radius:.6rem;color:#e0f0ff;font-size:1.05rem;font-family:Orbitron,monospace;letter-spacing:.1em;outline:none;transition:border-color .2s}.room-input:focus{border-color:#00ffe0}.btn-join{padding:.75rem 1.3rem;background:linear-gradient(135deg,#00c9a7,#5e35e8);border:none;border-radius:.6rem;color:#fff;font-size:.92rem;font-weight:700;font-family:"Exo 2",sans-serif;cursor:pointer;white-space:nowrap;transition:opacity .2s,transform .15s}.btn-join:hover{opacity:.88;transform:scale(1.02)}.btn-create{display:block;width:100%;margin-top:10px;background:#00ffc81f!important;border:1px solid rgba(0,255,200,.28)!important}.lobby-error{margin-top:.7rem;color:#ff6b6b;font-size:.88rem}.room-panel{position:relative}.room-layout{display:grid;grid-template-columns:300px 1fr;gap:1.4rem;align-items:start}@media (max-width: 768px){.room-layout{grid-template-columns:1fr}}.left-col{display:flex;flex-direction:column;gap:1rem}.room-code-box{background:#00ffc812;border:2px solid rgba(0,255,200,.25);border-radius:12px;padding:14px 16px;text-align:center}.room-code-label{font-size:.78rem;color:#888;margin-bottom:4px}.room-code-value{font-size:1.9rem;font-weight:900;color:#00ffe0;letter-spacing:.32em;font-family:Orbitron,monospace;margin-bottom:8px}.btn-copy{background:#00ffc81f;border:1px solid rgba(0,255,200,.3);color:#00ffe0;padding:5px 14px;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:700;font-family:"Exo 2",sans-serif;transition:background .15s;margin-bottom:6px}.btn-copy:hover{background:#00ffc838}.room-code-hint{font-size:.72rem;color:#555}.players-sidebar{background:#ffffff08;border:1px solid rgba(0,200,160,.14);border-radius:1rem;padding:1.1rem;display:flex;flex-direction:column;gap:.7rem}.sidebar-title{font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#00ffe0}.player-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.player-item{display:flex;align-items:center;gap:.55rem;padding:.5rem .7rem;border-radius:.6rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.player-item.self{background:#00c8a017;border-color:#00c8a047}.player-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#00c9a7,#5e35e8);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff;flex-shrink:0}.player-name{flex:1;font-size:.88rem;color:#d0e8ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center}.player-lvl-tag{font-size:.7rem;color:#00ffe0;font-weight:800;margin-left:6px;letter-spacing:.5px;opacity:.8}.ready-badge{font-size:.7rem;padding:.18rem .45rem;border-radius:999px;font-weight:700;white-space:nowrap;flex-shrink:0}.ready-badge.ready{background:#00dc962e;color:#00e89a;border:1px solid rgba(0,220,150,.38)}.ready-badge.not-ready{background:#ff64641a;color:#ffb4b4a6;border:1px solid rgba(255,100,100,.22)}.btn-follow-lobby{width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(0,255,200,.4);background:#00ffc812;color:#00ffe0;font-size:.75rem;font-weight:700;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .18s}.btn-follow-lobby:hover:not(:disabled){background:#00ffc833;border-color:#00ffe0;transform:scale(1.12)}.btn-follow-lobby:disabled{cursor:default;opacity:.6}.btn-follow-lobby.is-friend{border-color:#00dc9680;color:#00e89a;background:#00dc961a;opacity:1}.btn-follow-lobby.is-sent{border-color:#00dc9666;color:#00e89a;opacity:1}.btn-ready{width:100%;padding:.72rem;border:2px solid rgba(0,200,160,.38);background:transparent;color:#00ffe0;font-size:.92rem;font-weight:700;border-radius:.7rem;cursor:pointer;font-family:"Exo 2",sans-serif;transition:all .22s}.btn-ready:hover,.btn-ready.active{background:#00c8a029;border-color:#00ffe0;box-shadow:0 0 18px #00ffe038}.start-hint{font-size:.75rem;color:#a0c8ff73;text-align:center}.invite-panel{background:#ffffff08;border:1px solid rgba(168,98,255,.2);border-radius:1rem;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.7rem}.friend-invite-list{list-style:none;display:flex;flex-direction:column;gap:.45rem;max-height:180px;overflow-y:auto;padding-right:4px}.friend-invite-list::-webkit-scrollbar{width:4px}.friend-invite-list::-webkit-scrollbar-thumb{background:#a862ff4d;border-radius:999px}.friend-invite-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;border-radius:.6rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.btn-invite{margin-left:auto;padding:4px 12px;border-radius:6px;border:1px solid rgba(168,98,255,.45);background:#a862ff1f;color:#c07bff;font-size:.78rem;font-weight:700;cursor:pointer;font-family:"Exo 2",sans-serif;white-space:nowrap;transition:background .15s;flex-shrink:0}.btn-invite:hover:not(:disabled){background:#a862ff40}.btn-invite:disabled{opacity:.55;cursor:default}.btn-invite.invited{border-color:#00dc9666;color:#00e89a;background:#00dc961a;opacity:1}.chat-panel{background:#ffffff08;border:1px solid rgba(0,200,160,.14);border-radius:1rem;padding:1.1rem;display:flex;flex-direction:column;gap:.75rem;height:520px}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.42rem;padding-right:6px;min-height:0}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#00c8a047;border-radius:999px}.chat-empty{margin:auto;color:#a0c8ff61;font-size:.83rem;text-align:center}.chat-msg{display:flex;flex-direction:column;max-width:83%;gap:.12rem}.chat-msg.mine{align-self:flex-end}.chat-msg.theirs{align-self:flex-start}.chat-sender{font-size:.68rem;font-weight:700;color:#00dca0a6;padding:0 .28rem}.chat-msg.mine .chat-sender{color:#a078ffbf;text-align:right}.chat-text{padding:.48rem .82rem;border-radius:.8rem;font-size:.87rem;line-height:1.42;word-break:break-word}.chat-msg.mine .chat-text{background:#643cdc38;border:1px solid rgba(140,100,255,.28);border-radius:.8rem .2rem .8rem .8rem}.chat-msg.theirs .chat-text{background:#00a07824;border:1px solid rgba(0,200,150,.22);border-radius:.2rem .8rem .8rem}.chat-form{display:flex;gap:.6rem;flex-shrink:0}.chat-input{flex:1;padding:.62rem .88rem;background:#ffffff0d;border:1px solid rgba(0,200,160,.22);border-radius:.6rem;color:#e0f0ff;font-size:.88rem;font-family:"Exo 2",sans-serif;outline:none;transition:border-color .2s}.chat-input:focus{border-color:#00ffe0}.btn-send{padding:.62rem 1.1rem;background:linear-gradient(135deg,#00c9a7,#5e35e8);border:none;border-radius:.6rem;color:#fff;font-weight:700;cursor:pointer;font-family:"Exo 2",sans-serif;transition:opacity .18s,transform .14s}.btn-send:hover{opacity:.88;transform:scale(1.03)}.fr-toast-stack{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:340px}.fr-toast{display:flex;align-items:center;gap:12px;padding:13px 16px;background:#0a1024f7;border:1px solid rgba(168,98,255,.42);border-radius:14px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 32px #00000085;animation:frSlideIn .3s cubic-bezier(.22,1,.36,1);pointer-events:auto}.fr-toast--accepted{border-color:#00dc966b}.fr-toast--invite{border-color:#00c8ff6b}@keyframes frSlideIn{0%{transform:translate(60px);opacity:0}to{transform:translate(0);opacity:1}}.fr-toast-icon{font-size:1.5rem;flex-shrink:0}.fr-toast-body{flex:1;min-width:0}.fr-toast-body p{margin:0;font-size:.85rem;color:#c8dcffe6;line-height:1.4}.fr-toast-body strong{color:#c07bff}.fr-toast--accepted .fr-toast-body strong{color:#00e89a}.fr-toast--invite .fr-toast-body strong{color:#00d4ff}.fr-toast-actions{display:flex;gap:6px;flex-shrink:0}.fr-btn-accept{background:#00dc9629;border:1px solid rgba(0,220,150,.38);color:#00e89a;padding:5px 12px;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:"Exo 2",sans-serif;transition:background .14s}.fr-btn-accept:hover{background:#00dc9647}.fr-btn-decline{background:#ff4d6d1a;border:1px solid rgba(255,77,109,.32);color:#ff6b6b;padding:5px 10px;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;font-family:"Exo 2",sans-serif;transition:background .14s}.fr-btn-decline:hover{background:#ff4d6d33}.match-results-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.match-results-container{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:30px 40px;max-width:800px;width:95%;box-shadow:0 20px 60px #00000080;border:2px solid rgba(255,255,255,.1)}.match-results-title{text-align:center;font-size:38px;font-weight:800;margin:0 0 25px;color:#fff;text-shadow:0 0 20px rgba(0,255,224,.5);font-family:"Exo 2",sans-serif}.results-table{background:#0000004d;border-radius:12px;overflow:hidden;margin-bottom:25px}.results-header{display:grid;grid-template-columns:.8fr 2fr 1.2fr 1.5fr;gap:10px;padding:12px 20px;background:#ffffff0d;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#aaa}.result-row{display:grid;grid-template-columns:.8fr 2fr 1.2fr 1.5fr;gap:10px;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease;align-items:center}.result-row:hover{background:#ffffff08}.result-row.highlight-me{background:#00ffe01a;border-left:4px solid #00ffe0}.col-place{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.1rem}.medal{font-size:1.5rem}.col-player{display:flex;flex-direction:column;gap:4px}.player-name-text{font-size:1.1rem;font-weight:700;color:#fff}.lvl-tag{font-size:.7rem;color:#00ffe0;font-weight:800;letter-spacing:1px}.you-badge{background:#00ffe0;color:#000;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:900;width:fit-content}.col-xp{font-weight:700;font-size:1rem}.col-rewards{display:flex;gap:8px;flex-wrap:wrap}.reward-pill{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);color:gold;padding:4px 10px;border-radius:999px;font-size:.85rem;font-weight:700}.reward-pill.gems{background:#00ffe01a;border:1px solid rgba(0,255,224,.3);color:#00ffe0}.match-actions{display:flex;gap:20px;justify-content:center;margin-top:20px}.btn-play-again,.btn-exit{padding:14px 32px;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:"Exo 2",sans-serif;min-width:180px}.btn-play-again{background:linear-gradient(135deg,#00ffe0,#07f);color:#000;border:none;box-shadow:0 4px 15px #00ffe04d}.btn-play-again:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00ffe080}.btn-exit{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.btn-exit:hover{background:#ff4d6d1a;border-color:#ff4d6d;color:#ff4d6d}.return-message{text-align:center;color:#666;font-size:.9rem;margin-top:25px;font-weight:600}@media (max-width: 768px){.match-results-container{padding:20px}.results-header,.result-row{grid-template-columns:1fr 2fr 1.5fr}.col-xp{display:none}.match-actions{flex-direction:column;align-items:stretch;gap:10px}}.lb-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:#050a18;font-family:"Exo 2",sans-serif;color:#e0e8ff;overflow-x:hidden;position:relative;padding:2rem 1rem 4rem}.lb-bg-anim{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(168,100,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(168,100,255,.03) 1px,transparent 1px);background-size:70px 70px;animation:lbGrid 25s linear infinite;pointer-events:none}@keyframes lbGrid{0%{background-position:0 0}to{background-position:70px 70px}}.lb-container{position:relative;z-index:1;width:min(96vw,700px);display:flex;flex-direction:column;gap:2rem}.lb-title{font-family:Orbitron,monospace;font-size:clamp(1.8rem,5vw,3rem);text-align:center;background:linear-gradient(90deg,#00ffe0,#a862ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:1rem}.lb-section{background:#0a1228d9;border:1px solid rgba(0,200,160,.2);border-radius:1.2rem;padding:1.5rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.lb-section-title{font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#00ffe0;margin-bottom:1rem}.lb-cards{display:flex;flex-direction:column;gap:.6rem}.lb-card{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;transition:background .2s}.lb-card.self{background:#00c8a01a;border-color:#00ffc84d}.lb-card.eliminated{opacity:.55;border-color:#ff505033}.lb-rank{font-size:1.3rem;min-width:2rem;text-align:center}.lb-player-name{flex:1;font-weight:600;color:#d0e8ff}.lb-time{font-family:Orbitron,monospace;font-size:.85rem;color:#ffe066}.lb-global-table{display:flex;flex-direction:column;gap:.4rem}.lb-table-header{display:grid;grid-template-columns:60px 1fr 100px 80px 80px;align-items:center;gap:.75rem;padding:.75rem .9rem;background:#00c8a01a;border-radius:.6rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#00ffe0}.lb-row{display:grid;grid-template-columns:60px 1fr 100px 80px 80px;align-items:center;gap:.75rem;padding:.65rem .9rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:.6rem;font-size:.88rem}.lb-row.self{background:#00c8a01a;border-color:#00ffc840}.lb-row:first-child{background:#ffc83212;border-color:#ffc83233}.lb-col-rank{text-align:center;font-weight:700;color:#c8c8ffb3}.lb-col-name{color:#c0d8ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-col-trophies{font-weight:700;color:#ffd166;text-align:center}.lb-col-wins{color:#a0dcffe6;text-align:center}.lb-col-games{color:#a0c8ffb3;text-align:center}.lb-loading{color:#a0c8ff80}.lb-error{color:#ff6b6b}.lb-empty{color:#a0c8ff66}.lb-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-action{padding:.8rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:700;font-family:"Exo 2",sans-serif;cursor:pointer;transition:all .2s}.btn-action.primary{background:linear-gradient(135deg,#00c9a7,#5e35e8);border:none;color:#fff;box-shadow:0 4px 24px #00c8a04d}.btn-action.primary:hover{opacity:.9;transform:scale(1.03)}.btn-action.secondary{background:transparent;border:1px solid rgba(0,200,160,.4);color:#00ffe0}.btn-action.secondary:hover{background:#00c8a01a}.friends-page{min-height:100vh;background:radial-gradient(ellipse at 20% 30%,#0a0f1e,#050810 70%);color:#e0eaff;font-family:"Exo 2",Inter,sans-serif;padding:0;display:flex;flex-direction:column}.friends-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#0009;border-bottom:1px solid rgba(0,255,200,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.friends-nav h1{font-size:1.4rem;font-weight:800;letter-spacing:.06em;background:linear-gradient(90deg,#00ffe0,#a862ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.nav-back{background:#00ffc81a;border:1px solid rgba(0,255,200,.3);color:#00ffe0;padding:8px 18px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;text-decoration:none}.nav-back:hover{background:#00ffc833}.friends-layout{display:grid;grid-template-columns:320px 1fr;gap:0;flex:1;height:calc(100vh - 61px);overflow:hidden}.friends-sidebar{border-right:1px solid rgba(0,255,200,.12);display:flex;flex-direction:column;overflow:hidden}.sidebar-section{padding:20px 18px 10px}.sidebar-section h2{font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#00ffc8b3;margin:0 0 12px}.search-row{display:flex;gap:8px;margin-bottom:10px}.search-input{flex:1;background:#ffffff0d;border:1px solid rgba(0,255,200,.2);border-radius:8px;color:#e0eaff;font-size:.9rem;padding:8px 12px;outline:none;transition:border-color .2s}.search-input:focus{border-color:#00ffc880}.btn-search{background:#00ffc826;border:1px solid rgba(0,255,200,.3);color:#00ffe0;border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:700;font-size:.85rem;transition:all .2s}.btn-search:hover{background:#00ffc847}.search-results{max-height:160px;overflow-y:auto;margin-bottom:4px}.search-result-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;transition:background .15s}.search-result-item:hover{background:#ffffff0d}.btn-add{background:#00ffc826;border:1px solid rgba(0,255,200,.35);color:#00ffe0;border-radius:6px;padding:4px 12px;cursor:pointer;font-size:.78rem;font-weight:700;transition:all .15s;white-space:nowrap}.btn-add:disabled{opacity:.4;cursor:not-allowed}.btn-add:not(:disabled):hover{background:#00ffc847}.pending-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;background:#a862ff14;border:1px solid rgba(168,98,255,.2);margin-bottom:6px}.btn-accept{background:#00ffc826;border:1px solid rgba(0,255,200,.35);color:#00ffe0;border-radius:6px;padding:4px 10px;cursor:pointer;font-size:.75rem;font-weight:700;transition:all .15s;margin-left:4px}.btn-accept:hover{background:#00ffc840}.btn-decline{background:#ff4d6d1a;border:1px solid rgba(255,77,109,.3);color:#ff4d6d;border-radius:6px;padding:4px 10px;cursor:pointer;font-size:.75rem;font-weight:700;transition:all .15s;margin-left:4px}.btn-decline:hover{background:#ff4d6d33}.friends-list{flex:1;overflow-y:auto;padding:0 8px 16px}.friend-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;cursor:pointer;transition:background .15s;position:relative}.friend-item:hover,.friend-item.active{background:#00ffc812}.friend-item.active{border-left:3px solid #00ffe0}.friend-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#00ffe0,#a862ff);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:#000;flex-shrink:0;position:relative}.online-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;background:#0f8;border:2px solid #050810}.friend-info{flex:1;min-width:0}.friend-name{font-size:.92rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-status{font-size:.73rem;color:#c8dcff80}.unread-badge{background:#a862ff;color:#fff;border-radius:99px;padding:2px 7px;font-size:.7rem;font-weight:700;flex-shrink:0}.chat-area{display:flex;flex-direction:column;overflow:hidden;height:100%}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid rgba(0,255,200,.1);background:#0000004d}.chat-header-info h2{margin:0;font-size:1.05rem;font-weight:700}.chat-header-info p{margin:2px 0 0;font-size:.78rem;color:#c8dcff80}.btn-invite{background:#a862ff2e;border:1px solid rgba(168,98,255,.4);color:#c07bff;border-radius:8px;padding:7px 16px;cursor:pointer;font-size:.85rem;font-weight:700;transition:all .2s}.btn-invite:hover{background:#a862ff4d}.chat-messages{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:8px}.chat-empty{text-align:center;color:#c8dcff4d;margin-top:60px;font-size:1rem}.msg-bubble{display:flex;flex-direction:column;max-width:68%}.msg-bubble.mine{align-self:flex-end;align-items:flex-end}.msg-bubble.theirs{align-self:flex-start;align-items:flex-start}.msg-text{padding:9px 14px;border-radius:14px;font-size:.93rem;line-height:1.45;word-break:break-word}.msg-bubble.mine .msg-text{background:linear-gradient(135deg,#00ffc833,#a862ff33);border:1px solid rgba(0,255,200,.3);border-bottom-right-radius:4px}.msg-bubble.theirs .msg-text{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-bottom-left-radius:4px}.msg-time{font-size:.68rem;color:#c8dcff59;margin-top:3px;padding:0 4px}.chat-input-row{display:flex;gap:10px;padding:14px 24px;border-top:1px solid rgba(0,255,200,.1);background:#0000004d}.chat-input{flex:1;background:#ffffff0d;border:1px solid rgba(0,255,200,.2);border-radius:10px;color:#e0eaff;font-size:.95rem;padding:10px 16px;outline:none;transition:border-color .2s;font-family:inherit}.chat-input:focus{border-color:#00ffc880}.btn-send-dm{background:linear-gradient(135deg,#00ffe0,#a862ff);border:none;border-radius:10px;color:#000;font-weight:800;font-size:.9rem;padding:10px 22px;cursor:pointer;transition:opacity .2s}.btn-send-dm:hover{opacity:.85}.chat-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c8dcff40;gap:14px}.chat-placeholder .icon{font-size:4rem}.chat-placeholder p{font-size:1rem}.invite-toast{position:fixed;bottom:28px;right:28px;background:#0a0f1ef5;border:1px solid rgba(168,98,255,.5);border-radius:14px;padding:16px 20px;max-width:300px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;box-shadow:0 8px 32px #00000080;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.invite-toast h3{margin:0 0 6px;font-size:.95rem;color:#c07bff}.invite-toast p{margin:0 0 12px;font-size:.85rem;color:#c8dcffb3}.invite-toast-btns{display:flex;gap:8px}.friends-list::-webkit-scrollbar,.chat-messages::-webkit-scrollbar,.search-results::-webkit-scrollbar{width:4px}.friends-list::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb,.search-results::-webkit-scrollbar-thumb{background:#00ffc826;border-radius:2px}.ach-page{min-height:100vh;background:#0a0a12;color:#fff;font-family:"Exo 2",Segoe UI,sans-serif;position:relative;overflow-x:hidden}.ach-bg-anim{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(0,255,200,.04) 0%,transparent 60%),radial-gradient(ellipse at 80% 30%,rgba(100,100,255,.04) 0%,transparent 60%);z-index:0;pointer-events:none}.ach-container{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:40px 20px 60px}.ach-header{text-align:center;margin-bottom:36px}.ach-back-btn{position:absolute;left:20px;top:40px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ccc;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s}.ach-back-btn:hover{background:#ffffff26;color:#fff}.ach-title{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,gold,#fa0,#f60);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.ach-subtitle{color:#888;font-size:.95rem;margin-top:6px}.ach-loading,.ach-error{text-align:center;padding:60px 20px;font-size:1.1rem;color:#888}.ach-error{color:#ff4d6d}.ach-grid{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 600px){.ach-grid{grid-template-columns:1fr 1fr}}.ach-card{display:flex;align-items:flex-start;gap:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;position:relative;overflow:hidden;transition:all .25s}.ach-card:hover{background:#ffffff12;border-color:var(--tier-color, rgba(255, 255, 255, .12));transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.ach-card.locked{opacity:.55}.ach-card.unlocked{border-color:var(--tier-color, #555);opacity:1}.ach-card.maxed{border-color:gold;box-shadow:0 0 20px #ffd7001a}.ach-card-icon{font-size:2rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border-radius:10px}.ach-card-body{flex:1;min-width:0}.ach-card-name{font-size:1rem;font-weight:700;color:#fff;margin-bottom:2px}.ach-card-desc{font-size:.78rem;color:#888;margin-bottom:8px}.ach-progress-track{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-bottom:4px}.ach-progress-fill{height:100%;border-radius:3px;transition:width .6s ease}.ach-progress-label{font-size:.72rem;color:#666;text-align:right}.ach-tiers{display:flex;gap:6px;margin-top:6px}.ach-tier-badge{font-size:1.1rem;opacity:.25;transition:opacity .3s;cursor:default}.ach-tier-badge.earned{opacity:1}.ach-medal{position:absolute;top:12px;right:14px;font-size:1.5rem}.ach-filter-tabs{display:flex;gap:8px;margin-bottom:20px;justify-content:center}.ach-filter-tab{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#888;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.ach-filter-tab:hover{background:#ffffff14;color:#ccc}.ach-filter-tab.active{background:#ffd7001f;border-color:#ffd7004d;color:gold}.ach-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:11px;background:#ffffff14;font-size:.72rem;font-weight:700;color:inherit;padding:0 6px}.ach-filter-tab.active .ach-filter-count{background:#ffd70033}.ach-empty{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#666;font-size:.95rem}.loading-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050a18;display:flex;justify-content:center;align-items:center;z-index:9999}.loading-content{display:flex;flex-direction:column;align-items:center;gap:30px}.loading-logo-container{position:relative;width:120px;height:120px;display:flex;justify-content:center;align-items:center}.logo-portal{position:absolute;width:100%;height:100%;border:4px solid #00c8a0;border-radius:40% 60% 70% 30%/40% 50% 60%;box-shadow:0 0 30px #00c8a066,inset 0 0 20px #00c8a033;animation:flow 4s infinite linear}.logo-text{font-family:"Exo 2",sans-serif;font-weight:800;font-size:2.5rem;color:#fff;text-shadow:0 0 10px rgba(0,200,160,.8);letter-spacing:-2px;z-index:2}.spinner-wrapper{display:flex;flex-direction:column;align-items:center;gap:15px}.spinner{width:50px;height:50px;border:3px solid rgba(0,200,160,.1);border-top:3px solid #00c8a0;border-radius:50%;animation:spin 1s cubic-bezier(.5,.1,.4,.9) infinite}.loading-phrase{color:#00c8a0;font-size:.9rem;font-weight:500;letter-spacing:3px;text-transform:uppercase;opacity:.8;animation:pulse 2s infinite ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flow{0%{border-radius:40% 60% 70% 30%/40% 50% 60%;transform:rotate(0)}33%{border-radius:60% 40% 30% 70%/50% 60% 40%}66%{border-radius:30% 70% 50% 50%/60% 40% 70% 30%}to{border-radius:40% 60% 70% 30%/40% 50% 60%;transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}.global-container,.global-container.is-game,.global-content{display:contents}.global-toast-container{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.875rem;z-index:99999;pointer-events:none;max-width:340px}.global-toast{pointer-events:auto;width:320px;background:#060c1ef7;border:1px solid rgba(0,255,200,.2);border-radius:14px;padding:1rem 1.1rem;box-shadow:0 12px 36px #0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:toastSlideIn .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes toastSlideIn{0%{transform:translate(110%) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.toast-friendRequest{border-color:#a862ff73}.toast-roomInvite{border-color:#00c8ff73}.toast-adminBroadcast{border-color:#ffd2008c;background:#140e05f7}.toast-dm{border-color:#00e6b473}.toast-header{display:flex;align-items:center;gap:8px;margin-bottom:.4rem}.toast-icon{font-size:1.2rem;flex-shrink:0}.toast-header strong{flex:1;font-size:.88rem;font-weight:700;color:#e0e8ff}.toast-close{background:none;border:none;color:#c8dcff80;font-size:1.15rem;line-height:1;cursor:pointer;padding:0 2px;transition:color .15s}.toast-close:hover{color:#fff}.toast-body{font-size:.83rem;color:#c8dcffd9;line-height:1.45}.toast-actions{margin-top:.65rem;display:flex;gap:8px}.toast-btn-action{background:linear-gradient(135deg,#00c9a7,#5e35e8);border:none;border-radius:8px;color:#fff;font-size:.8rem;font-weight:700;padding:6px 16px;cursor:pointer;transition:opacity .2s,transform .15s}.toast-btn-action:hover{opacity:.9;transform:scale(1.03)}@media (max-width: 480px){.global-toast-container{bottom:1rem;right:1rem;left:1rem;max-width:100%}.global-toast{width:100%}}.team-join-page{width:100vw;height:100vh;background:#070b1a;color:#fff;font-family:"Exo 2",sans-serif;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.team-join-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,60,60,.12) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(60,120,255,.12) 0%,transparent 50%);z-index:0}.team-join-particles{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,100,100,.5),transparent),radial-gradient(2px 2px at 80% 70%,rgba(100,150,255,.5),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 40% 60%,rgba(255,200,100,.3),transparent);background-size:300px 300px,250px 250px,200px 200px,150px 150px;animation:particleDrift 20s linear infinite;z-index:0}@keyframes particleDrift{0%{background-position:0 0,100px 50px,50px 100px,200px 0}to{background-position:300px 300px,400px 350px,350px 400px,500px 300px}}.team-join-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:28px;max-width:520px;width:90%}.team-join-back{position:absolute;top:-60px;left:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#aaa;font-family:"Exo 2",sans-serif;font-weight:700;font-size:.85rem;padding:10px 22px;border-radius:8px;cursor:pointer;transition:all .3s;letter-spacing:1px}.team-join-back:hover{background:#ffffff1f;color:#fff;transform:translate(-4px)}.team-join-hero{text-align:center}.team-join-icon{font-size:4rem;filter:drop-shadow(0 0 30px rgba(255,180,60,.5));animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.team-join-title{font-family:Orbitron,sans-serif;font-size:2.8rem;font-weight:900;letter-spacing:.15em;background:linear-gradient(135deg,#f44,#f84,#fb4,#4af,#46f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:300% 100%;animation:gradientShift 5s ease-in-out infinite;margin:8px 0 4px}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.team-join-subtitle{color:#ffffff8c;font-size:1rem;letter-spacing:1px}.team-join-card{background:#0f1428d9;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px;width:100%;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0d}.team-join-section h2{font-size:1rem;font-weight:700;color:#ffffffa6;text-transform:uppercase;letter-spacing:2px;margin-bottom:14px}.team-join-input-row{display:flex;gap:10px}.team-join-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:14px 18px;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;color:#fff;letter-spacing:3px;outline:none;transition:all .3s}.team-join-input:focus{border-color:#4af;box-shadow:0 0 20px #4af3}.team-join-input::placeholder{color:#ffffff40;letter-spacing:1px;font-size:.8rem}.team-join-btn{background:linear-gradient(135deg,#4af,#36f);border:none;border-radius:10px;padding:14px 28px;font-family:"Exo 2",sans-serif;font-size:1rem;font-weight:800;color:#fff;cursor:pointer;letter-spacing:2px;transition:all .3s;box-shadow:0 6px 24px #44aaff4d}.team-join-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #44aaff80}.team-join-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.team-join-divider:before,.team-join-divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.15),transparent)}.team-join-divider span{font-size:.85rem;font-weight:700;color:#ffffff59;letter-spacing:3px}.team-join-create-btn{width:100%;background:linear-gradient(135deg,#f44,#f64);border:none;border-radius:12px;padding:16px 24px;font-family:"Exo 2",sans-serif;font-size:1.1rem;font-weight:800;color:#fff;cursor:pointer;letter-spacing:3px;transition:all .3s;box-shadow:0 8px 30px #ff44444d;text-transform:uppercase}.team-join-create-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #ff444480}.team-join-error{color:#f55;background:#ff000014;border:1px solid rgba(255,0,0,.2);border-radius:8px;padding:10px 16px;margin-top:16px;font-size:.9rem;font-weight:600;text-align:center}.team-join-rules{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.rule-item{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 16px;font-size:.85rem;color:#ffffffa6;transition:all .3s}.rule-item:hover{background:#ffffff14;border-color:#ffffff1f;color:#fff}.rule-icon{font-size:1.3rem}@media (max-width: 600px){.team-join-title{font-size:1.8rem}.team-join-card{padding:24px 20px}.team-join-rules{grid-template-columns:1fr}}.team-lobby-page{width:100vw;height:100vh;background:#060a16;color:#fff;font-family:"Exo 2",sans-serif;display:flex;justify-content:center;align-items:flex-start;position:relative;overflow-y:auto;overflow-x:hidden}.team-lobby-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 10%,rgba(255,50,50,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 10%,rgba(50,100,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 90%,rgba(100,255,200,.04) 0%,transparent 40%);z-index:0;pointer-events:none}.team-lobby-container{position:relative;z-index:1;width:95%;max-width:1100px;padding:30px 0 40px;display:flex;flex-direction:column;gap:24px}.team-lobby-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.team-lobby-back{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#aaa;font-family:"Exo 2",sans-serif;font-weight:700;font-size:.8rem;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s;letter-spacing:1px}.team-lobby-back:hover{background:#ffffff1f;color:#fff;transform:translate(-4px)}.team-lobby-title-group{text-align:center;flex:1}.team-lobby-title{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:900;letter-spacing:.1em;background:linear-gradient(135deg,#f44,#fa4,#4af,#46f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}.team-lobby-room-code{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px}.room-label{font-size:.7rem;font-weight:700;color:#fff6;letter-spacing:2px}.room-code{font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;color:#00ffe0;letter-spacing:3px}.btn-copy-code{background:none;border:none;cursor:pointer;font-size:.9rem;opacity:.5;transition:opacity .3s}.btn-copy-code:hover{opacity:1}.team-lobby-count{display:flex;flex-direction:column;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 20px}.count-num{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:900;color:#00ffe0}.count-label{font-size:.65rem;font-weight:700;color:#fff6;letter-spacing:2px}.teams-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:start}.team-column{display:flex;flex-direction:column;gap:14px}.team-header-card{display:flex;align-items:center;gap:14px;padding:18px 24px;border-radius:14px;position:relative;overflow:hidden}.red-header{background:linear-gradient(135deg,#ff323226,#ff643214);border:1px solid rgba(255,50,50,.3);box-shadow:0 8px 30px #ff32321a}.blue-header{background:linear-gradient(135deg,#3264ff26,#3296ff14);border:1px solid rgba(50,100,255,.3);box-shadow:0 8px 30px #3264ff1a}.team-emblem{font-size:1.8rem}.team-header-card h2{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:900;letter-spacing:3px;margin:0;flex:1}.red-header h2{color:#f65}.blue-header h2{color:#59f}.team-count{font-family:Orbitron,sans-serif;font-size:1.6rem;font-weight:900;opacity:.6}.team-players-list{background:#0a0f1e99;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px;min-height:180px;display:flex;flex-direction:column;gap:8px}.team-player-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;transition:all .3s}.red-item{background:#ff32320f;border:1px solid rgba(255,50,50,.12)}.red-item.is-me{background:#ff323226;border-color:#ff323266}.blue-item{background:#3264ff0f;border:1px solid rgba(50,100,255,.12)}.blue-item.is-me{background:#3264ff26;border-color:#3264ff66}.tp-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem}.red-item .tp-avatar{background:#ff323240;color:#f65}.blue-item .tp-avatar{background:#3264ff40;color:#59f}.tp-name{flex:1;font-weight:700;font-size:.95rem}.tp-host-badge{background:linear-gradient(135deg,gold,#fa0);color:#000;font-size:.65rem;font-weight:900;padding:3px 8px;border-radius:4px;letter-spacing:1px}.team-empty{color:#ffffff40;text-align:center;padding:40px 20px;font-style:italic;font-size:.9rem}.btn-join-team{width:100%;padding:14px;border:2px solid;border-radius:12px;font-family:"Exo 2",sans-serif;font-size:1rem;font-weight:800;letter-spacing:3px;cursor:pointer;transition:all .3s;text-transform:uppercase;background:transparent}.btn-join-red{border-color:#ff323280;color:#f54}.btn-join-red:not(.joined):not(:disabled):hover{background:#ff323226;border-color:#f54;transform:translateY(-2px);box-shadow:0 8px 24px #ff32324d}.btn-join-red.joined{background:linear-gradient(135deg,#f44,#f64);border-color:transparent;color:#fff;cursor:default}.btn-join-blue{border-color:#3264ff80;color:#58f}.btn-join-blue:not(.joined):not(:disabled):hover{background:#3264ff26;border-color:#58f;transform:translateY(-2px);box-shadow:0 8px 24px #3264ff4d}.btn-join-blue.joined{background:linear-gradient(135deg,#36f,#48f);border-color:transparent;color:#fff;cursor:default}.vs-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding-top:30px}.vs-circle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#f44,#46f);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #ff646433,0 0 30px #46f3;animation:vsPulse 2s ease-in-out infinite}.vs-circle span{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:900;color:#fff;letter-spacing:2px}@keyframes vsPulse{0%,to{transform:scale(1);box-shadow:0 0 30px #ff646433,0 0 30px #46f3}50%{transform:scale(1.08);box-shadow:0 0 40px #ff646466,0 0 40px #46f6}}.vs-line{width:2px;height:200px;background:linear-gradient(180deg,rgba(255,100,100,.3),transparent,rgba(68,102,255,.3))}.team-lobby-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px}.team-chat-panel{background:#0a0f1eb3;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;display:flex;flex-direction:column}.team-chat-title{font-size:1rem;font-weight:800;margin:0 0 12px;color:#ffffffb3}.team-chat-messages{flex:1;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:6px}.team-chat-messages::-webkit-scrollbar{width:4px}.team-chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.team-chat-empty{color:#fff3;text-align:center;font-style:italic;padding:30px}.team-chat-msg{display:flex;gap:8px;font-size:.85rem}.team-chat-sender{font-weight:800;color:#00ffe0;white-space:nowrap}.team-chat-msg.mine .team-chat-sender{color:#fa4}.team-chat-text{color:#ffffffbf;word-break:break-word}.team-chat-form{display:flex;gap:8px;margin-top:12px}.team-chat-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;color:#fff;font-family:"Exo 2",sans-serif;font-size:.85rem;outline:none;transition:border-color .3s}.team-chat-input:focus{border-color:#00ffe0}.team-chat-send{background:linear-gradient(135deg,#00ffe0,#008f7a);border:none;border-radius:8px;padding:10px 18px;font-family:"Exo 2",sans-serif;font-weight:800;color:#050a18;cursor:pointer;transition:all .3s}.team-chat-send:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00ffe04d}.team-lobby-actions{display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center}.team-lobby-error{color:#f55;background:#ff000014;border:1px solid rgba(255,0,0,.2);border-radius:10px;padding:12px 20px;font-weight:600;text-align:center;width:100%}.team-lobby-waiting{text-align:center;color:#ffffff80;display:flex;flex-direction:column;align-items:center;gap:8px}.team-lobby-waiting p{margin:0}.waiting-sub{font-size:.85rem;color:#ffffff59}.waiting-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #00ffe0;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-start-game{width:100%;max-width:320px;padding:20px 40px;border:none;border-radius:16px;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:900;letter-spacing:3px;cursor:pointer;transition:all .4s;text-transform:uppercase}.btn-start-game.ready{background:linear-gradient(135deg,#00ffe0,#0c8);color:#050a18;box-shadow:0 0 40px #00ffe04d;animation:startPulse 2s ease-in-out infinite}.btn-start-game.ready:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 0 60px #00ffe080}@keyframes startPulse{0%,to{box-shadow:0 0 30px #00ffe04d}50%{box-shadow:0 0 50px #00ffe080}}.btn-start-game.disabled{background:#ffffff0f;color:#ffffff40;cursor:not-allowed}@media (max-width: 900px){.teams-grid{grid-template-columns:1fr;gap:12px}.vs-divider{flex-direction:row;padding:0}.vs-line{width:100px;height:2px}.team-lobby-bottom{grid-template-columns:1fr}}@media (max-width: 600px){.team-lobby-title{font-size:1.3rem}.team-lobby-header{flex-direction:column;gap:12px}}.relay-game-page{width:100vw;height:100vh;position:relative;background:#0a0a0f;overflow:hidden}.relay-hud{position:absolute;top:0;left:0;right:0;z-index:100;display:flex;flex-direction:column;align-items:center;pointer-events:none;padding:14px;gap:10px}.relay-scoreboard{display:flex;align-items:center;gap:0;background:#050a19d9;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:8px 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000080;pointer-events:auto}.score-side{display:flex;align-items:center;gap:12px;padding:6px 24px}.score-red,.score-blue{flex-direction:row}.score-label{font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:3px;opacity:.6}.score-red .score-label{color:#f54}.score-blue .score-label{color:#59f}.score-value{font-family:Orbitron,sans-serif;font-size:1.6rem;font-weight:900;line-height:1}.score-red .score-value{color:#f44}.score-blue .score-value{color:#48f}.score-divider{display:flex;flex-direction:column;align-items:center;padding:0 16px;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08)}.score-turn{font-family:"Exo 2",sans-serif;font-size:.6rem;font-weight:700;color:#ffffff59;letter-spacing:2px}.score-vs{font-size:1.2rem;color:#ffffff40}.relay-phase-bar{background:#050a19bf;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.phase-aiming{display:flex;align-items:center;gap:16px}.aim-info{display:flex;flex-direction:column;gap:2px}.phase-label{font-family:Orbitron,sans-serif;font-size:.75rem;font-weight:700;color:#00ffe0;letter-spacing:2px}.aim-instruction{font-size:.8rem;color:#ffffff80}.aim-locked{font-size:.8rem;color:#4f8;font-weight:700;letter-spacing:1px}.relay-stages-bar{display:flex;gap:8px;pointer-events:auto}.relay-stage-chip{background:#0a0f23cc;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 16px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:110px;transition:all .3s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.relay-stage-chip.active{border-color:#00ffe0;box-shadow:0 0 16px #00ffe026;background:#00ffe00d}.relay-stage-chip.done{opacity:.4}.rsc-num{font-family:Orbitron,sans-serif;font-size:.55rem;font-weight:700;color:#fff6;letter-spacing:2px;text-transform:uppercase}.rsc-map{font-family:"Exo 2",sans-serif;font-size:.75rem;font-weight:700;color:#fff}.rsc-status{display:flex;gap:6px;margin-top:2px}.rsc-dot{width:10px;height:10px;border-radius:50%;border:2px solid;transition:all .3s}.rsc-dot.red{border-color:#f44;background:transparent}.rsc-dot.red.done{background:#f44;box-shadow:0 0 8px #ff444480}.rsc-dot.blue{border-color:#48f;background:transparent}.rsc-dot.blue.done{background:#48f;box-shadow:0 0 8px #4488ff80}.my-team-badge{position:fixed;bottom:20px;left:20px;padding:10px 20px;border-radius:10px;font-family:"Exo 2",sans-serif;font-weight:800;font-size:.85rem;letter-spacing:2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:100}.my-team-badge.red{background:#ff323233;border:1px solid rgba(255,50,50,.4);color:#f54}.my-team-badge.blue{background:#3264ff33;border:1px solid rgba(50,100,255,.4);color:#59f}.goal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;animation:goalSlideIn .5s cubic-bezier(.175,.885,.32,1.275)}.goal-overlay.red{background:#ff1e1e40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.goal-overlay.blue{background:#1e3cff40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes goalSlideIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.goal-icon{font-size:5rem;filter:drop-shadow(0 0 30px rgba(255,220,0,.6));animation:goalBounce .5s ease-in-out 2}@keyframes goalBounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(15deg)}}.goal-text{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:900;letter-spacing:4px;color:#fff;text-shadow:0 0 40px rgba(255,255,255,.5);margin-top:10px}.spectator-panel{position:fixed;bottom:20px;right:20px;z-index:200;background:#050a19eb;border:1px solid rgba(0,255,224,.18);border-radius:18px;padding:16px 18px;min-width:240px;max-width:300px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 40px #0009,0 0 0 1px #00ffe00f;display:flex;flex-direction:column;gap:12px}.spectator-header{display:flex;align-items:center;gap:8px}.spectator-icon-small{font-size:1.1rem}.spectator-title-small{font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:900;letter-spacing:3px;color:#4df}.spectator-help{font-size:.65rem;color:#fff6;font-family:"Exo 2",sans-serif;margin-bottom:4px}.spec-mode-toggles{display:flex;gap:4px;background:#00000080;padding:3px;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.spec-tab{background:transparent;border:none;color:#fff6;font-family:Orbitron,sans-serif;font-size:.55rem;font-weight:700;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s}.spec-tab:hover{color:#fffc;background:#ffffff0d}.spec-tab.active{background:#00ffe033;color:#00ffe0;font-weight:900}.cheer-hud-toasts{position:fixed;bottom:20px;left:20px;display:flex;flex-direction:column;gap:8px;z-index:250;pointer-events:none}.cheer-toast{background:#050a19d9;border-left:4px solid #fff;padding:10px 16px;border-radius:8px 12px 12px 8px;font-family:"Exo 2",sans-serif;font-weight:700;font-size:1rem;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #00000080;animation:toastSlideIn .3s ease-out,fadeOut .5s ease-in 2.5s forwards}.cheer-toast.red{border-left-color:#f44}.cheer-toast.blue{border-left-color:#48f}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}.sp-progress{display:flex;flex-direction:column;gap:8px}.sp-team-row{display:flex;align-items:center;gap:8px}.sp-team-label{font-family:"Exo 2",sans-serif;font-size:.75rem;font-weight:700;color:#fffc;min-width:52px}.sp-bar-wrap{flex:1;height:8px;background:#ffffff14;border-radius:4px;overflow:hidden}.sp-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.sp-bar-fill.red{background:linear-gradient(90deg,#f44,#f84);box-shadow:0 0 6px #ff444480}.sp-bar-fill.blue{background:linear-gradient(90deg,#48f,#4df);box-shadow:0 0 6px #4488ff80}.sp-stage-num{font-family:Orbitron,sans-serif;font-size:.65rem;font-weight:700;color:#ffffff80;min-width:24px;text-align:right}.cheer-section{border-top:1px solid rgba(255,255,255,.06);padding-top:10px}.cheer-label{font-family:"Exo 2",sans-serif;font-size:.65rem;font-weight:700;color:#ffffff59;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.cheer-buttons{display:flex;flex-wrap:wrap;gap:6px}.cheer-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px 10px;font-size:1.2rem;cursor:pointer;transition:all .15s ease;line-height:1}.cheer-btn:hover{background:#ffffff24;border-color:#00ffe04d;transform:scale(1.2) translateY(-2px);box-shadow:0 4px 16px #00ffe026}.cheer-btn:active{transform:scale(.95)}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1) rotate(0)}60%{opacity:1;transform:translateY(-120px) scale(1.3) rotate(10deg)}to{opacity:0;transform:translateY(-220px) scale(.8) rotate(-5deg)}}@media (max-width: 768px){.relay-scoreboard{transform:scale(.85)}.relay-stages-bar{flex-wrap:wrap;justify-content:center}.relay-stage-chip{min-width:90px;padding:6px 12px}.goal-text{font-size:1.8rem;letter-spacing:3px}.victory-title{font-size:1.5rem;letter-spacing:3px}.victory-banner{padding:28px 24px}.spectator-panel{bottom:10px;right:10px;min-width:200px}}.victory-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;pointer-events:auto}.victory-banner{text-align:center;color:#fff;font-family:"Exo 2",sans-serif;padding:40px 60px;border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:goalSlideIn .8s cubic-bezier(.175,.885,.32,1.275);max-width:520px;width:90%}.victory-banner.red{background:#ff1e1e59;border:2px solid rgba(255,80,80,.4);box-shadow:0 20px 80px #ff1e1e4d}.victory-banner.blue{background:#1e3cff59;border:2px solid rgba(80,120,255,.4);box-shadow:0 20px 80px #1e3cff4d}.victory-trophy{font-size:5rem;filter:drop-shadow(0 0 30px rgba(255,215,0,.6));animation:trophySpin 2s ease-in-out infinite}@keyframes trophySpin{0%,to{transform:rotateY(0) scale(1)}50%{transform:rotateY(180deg) scale(1.1)}}.victory-title{font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:900;letter-spacing:5px;text-shadow:0 0 40px rgba(255,255,255,.4);margin:12px 0 8px}.victory-reward{font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:700;color:gold;letter-spacing:3px;margin-bottom:24px;text-shadow:0 0 20px rgba(255,215,0,.5)}.victory-winners{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}.victory-winner-card{display:flex;flex-direction:column;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px 20px;min-width:100px}.vw-avatar{width:40px;height:40px;border-radius:50%;background:#ffffff1f;display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:900;color:#fff}.vw-name{font-weight:800;font-size:.85rem;letter-spacing:1px}.vw-trophies{font-size:.75rem;color:gold;font-weight:700}.victory-return-btn{background:linear-gradient(135deg,#00ffe0,#0ac);border:none;border-radius:12px;padding:14px 36px;font-family:"Exo 2",sans-serif;font-size:1rem;font-weight:800;color:#000;cursor:pointer;letter-spacing:2px;transition:all .3s;box-shadow:0 8px 30px #00ffe04d;text-transform:uppercase}.victory-return-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 40px #00ffe080}.gameover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:goalSlideIn .6s cubic-bezier(.175,.885,.32,1.275)}.gameover-overlay.cancelled{background:#64646466}.gameover-title{font-family:Orbitron,sans-serif;font-size:2.8rem;font-weight:900;letter-spacing:6px;color:#fff;text-shadow:0 0 50px rgba(255,255,255,.4);margin:16px 0}.gameover-sub{color:#ffffff80;font-size:1rem;margin-top:16px;font-family:"Exo 2",sans-serif}@media (max-width: 768px){.relay-scoreboard{transform:scale(.85)}.relay-stages-bar{flex-wrap:wrap;justify-content:center}.relay-stage-chip{min-width:90px;padding:6px 12px}.goal-text{font-size:1.8rem;letter-spacing:3px}.victory-title{font-size:1.5rem;letter-spacing:3px}.victory-banner{padding:28px 24px}.spectator-title{font-size:1.2rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:#050a18;color:#e0e8ff;font-family:"Exo 2",Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.scrollable{overflow-y:auto;height:100%}button{cursor:pointer}input,button,textarea{font:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00c8a040;border-radius:999px}