.puzzle-container[data-v-2d18dfc9]{display:grid;gap:12px;background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px;border-radius:30px;border:1px solid rgba(255,255,255,.05);box-shadow:0 50px 100px -20px #000000b3;width:100%;max-width:500px;aspect-ratio:1 / 1;margin:0 auto;position:relative}.puzzle-tile[data-v-2d18dfc9]{background:linear-gradient(135deg,#6a5eed,#be5eed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:800;border-radius:16px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:inset 0 2px 5px #fff3,0 10px 20px #0000004d;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.puzzle-tile[data-v-2d18dfc9]:not(.empty):after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shimmer-2d18dfc9 4s infinite}@keyframes shimmer-2d18dfc9{0%{transform:translate(-100%) rotate(45deg)}20%,to{transform:translate(100%) rotate(45deg)}}.puzzle-tile[data-v-2d18dfc9]:not(.empty):hover{transform:scale(1.02);filter:brightness(1.1);box-shadow:0 10px 20px -5px #0000004d}.puzzle-tile[data-v-2d18dfc9]:not(.empty):active{transform:scale(.95)}.puzzle-tile.empty[data-v-2d18dfc9]{background:transparent;cursor:default;box-shadow:none}.puzzle-tile.suggested[data-v-2d18dfc9]{border:2px solid var(--accent);box-shadow:0 0 20px var(--accent);animation:pulseSuggested-2d18dfc9 1.5s infinite ease-in-out;z-index:10}@keyframes pulseSuggested-2d18dfc9{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.3)}}.puzzle-tile.won[data-v-2d18dfc9]{background:linear-gradient(135deg,#10b981,#3b82f6);animation:winPulse-2d18dfc9 1s ease-out both}@keyframes winPulse-2d18dfc9{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.tile-move-move[data-v-2d18dfc9]{transition:transform .3s cubic-bezier(.4,0,.2,1)}.readonly-board[data-v-2d18dfc9]{max-width:250px;padding:10px;gap:6px;border-radius:16px}.readonly-board .puzzle-tile[data-v-2d18dfc9]{font-size:1rem;border-radius:8px;cursor:default;pointer-events:none}.readonly-board .puzzle-tile[data-v-2d18dfc9]:after{display:none}.game-controls[data-v-41e27a95]{background:var(--card-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);padding:24px;border-radius:32px;border:1px solid var(--glass-border);margin-bottom:25px;display:flex;flex-direction:column;gap:24px;box-shadow:0 30px 60px -12px #0006}.stats[data-v-41e27a95]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat-item[data-v-41e27a95]{display:flex;flex-direction:column;align-items:center;background:#0000004d;padding:15px;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.label[data-v-41e27a95]{font-size:.8rem;color:#94a3b8;text-transform:uppercase}.value[data-v-41e27a95]{font-size:1.5rem;font-weight:700;color:#f8fafc;display:inline-block;animation:valueUpdate-41e27a95 .3s ease-out}@keyframes valueUpdate-41e27a95{0%{transform:scale(1)}50%{transform:scale(1.15);color:#6366f1}to{transform:scale(1)}}.actions[data-v-41e27a95]{display:flex;justify-content:space-between;align-items:center}.btn[data-v-41e27a95]{padding:10px 20px;border-radius:10px;border:none;font-weight:600;cursor:pointer}.btn.primary[data-v-41e27a95]{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 10px 20px #6366f133}.btn.primary[data-v-41e27a95]:hover{transform:translateY(-3px);box-shadow:0 15px 30px #6366f166}.difficulty-picker[data-v-41e27a95]{display:flex;gap:5px;background:#0003;padding:5px;border-radius:10px}.btn-small[data-v-41e27a95]{background:transparent;border:none;color:#94a3b8;padding:6px 12px;border-radius:6px;cursor:pointer}.btn-small.active[data-v-41e27a95]{background:#6366f1;color:#fff}.main-actions[data-v-41e27a95]{display:flex;gap:10px}.hint-btn[data-v-41e27a95]{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.1)}.hint-btn.active[data-v-41e27a95]{background:#10b98133;border-color:#10b981;color:#10b981}.hint-btn[data-v-41e27a95]:disabled,.solve-btn[data-v-41e27a95]:disabled{opacity:.3;cursor:not-allowed}.solve-btn[data-v-41e27a95]{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171;padding:10px 15px;border-radius:10px;font-weight:700;font-size:.75rem;letter-spacing:1px;cursor:pointer;transition:all .3s}.solve-btn[data-v-41e27a95]:hover:not(:disabled){background:#ef444433;transform:translateY(-2px)}.guest-msg[data-v-41e27a95]{font-size:.75rem;color:#64748b;font-style:italic;display:flex;align-items:center}.leaderboard[data-v-4c677a96]{background:var(--card-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);padding:30px;border-radius:32px;border:1px solid var(--glass-border);margin-top:30px;width:100%;box-shadow:0 30px 60px -12px #0006}.title[data-v-4c677a96]{font-size:1.1rem;font-weight:600;color:#f8fafc;margin-bottom:15px;text-align:center}.score-row[data-v-4c677a96]{display:flex;align-items:center;gap:15px;padding:10px;border-bottom:1px solid rgba(255,255,255,.05)}.rank[data-v-4c677a96]{font-weight:900;color:var(--accent);width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:50%;font-size:.8rem}.player[data-v-4c677a96]{flex:1}.metrics[data-v-4c677a96]{font-size:.9rem;color:#94a3b8}.time[data-v-4c677a96]{color:#10b981;margin-right:10px}.list-slide-enter-active[data-v-4c677a96]{transition:all .5s ease}.list-slide-enter-from[data-v-4c677a96]{opacity:0;transform:translate(-30px)}.landing-page[data-v-b7763039]{position:relative;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;width:100%}.hero[data-v-b7763039]{z-index:10;text-align:center}.logo-wrapper[data-v-b7763039]{animation:float-b7763039 4s ease-in-out infinite}.logo-icon[data-v-b7763039]{font-size:5rem;margin-bottom:20px;filter:drop-shadow(0 0 20px rgba(99,102,241,.5))}h1[data-v-b7763039]{font-size:4rem;font-weight:900;background:linear-gradient(to right,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px}h1 span[data-v-b7763039]{color:#fff;-webkit-text-fill-color:white;font-weight:300}.description[data-v-b7763039]{color:#94a3b8;font-size:1.25rem;max-width:600px;margin:0 auto 40px;line-height:1.6}.cta-group[data-v-b7763039]{display:flex;gap:20px;justify-content:center}.btn[data-v-b7763039]{padding:16px 32px;border-radius:16px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn.primary[data-v-b7763039]{background:#6366f1;color:#fff;border:none;box-shadow:0 10px 25px -5px #6366f166}.btn.primary[data-v-b7763039]:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 20px 35px -5px #6366f180}.btn.secondary[data-v-b7763039]{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn.secondary[data-v-b7763039]:hover{background:#ffffff1a;transform:translateY(-5px)}@keyframes float-b7763039{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-b7763039{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 20px #6366f100}to{box-shadow:0 0 #6366f100}}.pulse[data-v-b7763039]{animation:pulse-b7763039 2s infinite}.fade-in[data-v-b7763039]{animation:fadeIn-b7763039 1s ease-out}.fade-in-delay[data-v-b7763039]{animation:fadeIn-b7763039 1s ease-out .5s both}.slide-up[data-v-b7763039]{animation:slideUp-b7763039 1s ease-out .2s both}@keyframes fadeIn-b7763039{0%{opacity:0}to{opacity:1}}@keyframes slideUp-b7763039{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animated-bg[data-v-b7763039]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.cube[data-v-b7763039]{position:absolute;width:60px;height:60px;background:linear-gradient(135deg,#6366f11a,#a855f71a);border-radius:12px;animation:bgFloat-b7763039 20s linear infinite}.cube[data-v-b7763039]:nth-child(1){top:20%;left:10%;animation-duration:25s}.cube[data-v-b7763039]:nth-child(2){top:60%;left:80%;width:100px;height:100px;animation-duration:30s}.cube[data-v-b7763039]:nth-child(3){top:80%;left:20%;animation-duration:22s}.cube[data-v-b7763039]:nth-child(4){top:10%;left:70%;animation-duration:28s}.cube[data-v-b7763039]:nth-child(5){top:40%;left:40%;width:40px;height:40px;animation-duration:20s}@keyframes bgFloat-b7763039{0%{transform:translate(0) rotate(0)}to{transform:translate(100px,100px) rotate(360deg)}}.features-floating[data-v-b7763039]{display:flex;gap:30px;margin-top:80px;animation:fadeIn-b7763039 1s ease-out .8s both}.feature-card[data-v-b7763039]{display:flex;align-items:center;gap:10px;background:#ffffff08;padding:12px 20px;border-radius:100px;border:1px solid rgba(255,255,255,.05)}.feature-card .icon[data-v-b7763039]{font-size:1.2rem}.feature-card h4[data-v-b7763039]{font-size:.9rem;color:#94a3b8;font-weight:500}.auth-card-wrapper[data-v-fa68e7a7]{position:relative;width:100%;perspective:1000px}.auth-card[data-v-fa68e7a7]{background:#0f172a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);padding:30px;border-radius:32px;box-shadow:0 25px 50px -12px #00000080;animation:cardEntry-fa68e7a7 .8s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:5}.card-header[data-v-fa68e7a7]{text-align:center;margin-bottom:40px}.icon-box[data-v-fa68e7a7]{font-size:2.5rem;margin-bottom:15px;background:#ffffff0d;width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:20px;margin-left:auto;margin-right:auto}h2[data-v-fa68e7a7]{font-size:2rem;font-weight:800;color:#fff;margin-bottom:5px}p[data-v-fa68e7a7]{color:#94a3b8;font-size:.95rem}.mode-switch[data-v-fa68e7a7]{display:flex;background:#0000004d;padding:6px;border-radius:100px;margin-bottom:40px;border:1px solid rgba(255,255,255,.05)}.mode-switch button[data-v-fa68e7a7]{flex:1;padding:10px;border:none;background:transparent;color:#94a3b8;font-weight:800;font-size:.75rem;letter-spacing:2px;border-radius:100px;cursor:pointer;transition:all .3s}.mode-switch button.active[data-v-fa68e7a7]{background:var(--primary);color:#fff;box-shadow:0 4px 15px #6366f14d}.mesh-overlay[data-v-fa68e7a7]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;border-radius:32px}.input-group-elite[data-v-fa68e7a7]{position:relative;margin-bottom:16px;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:12px;display:flex;align-items:center;padding:2px 12px;transition:all .3s}.input-group-elite[data-v-fa68e7a7]:focus-within{border-color:var(--primary);background:#0006;box-shadow:0 0 20px #6366f11a;transform:translateY(-2px)}.input-icon[data-v-fa68e7a7]{font-size:1rem;margin-right:12px;opacity:.5}.input-group-elite input[data-v-fa68e7a7]{background:transparent;border:none;color:#fff;padding:10px 0;font-size:.9rem;width:100%;outline:none}.input-group-elite input[data-v-fa68e7a7]::placeholder{color:#475569}.btn-submit-elite[data-v-fa68e7a7]{width:100%;margin-top:10px;padding:14px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border:none;border-radius:14px;color:#fff;font-weight:800;font-size:.9rem;letter-spacing:2px;cursor:pointer;transition:all .3s;box-shadow:0 10px 30px #6366f14d}.btn-inner[data-v-fa68e7a7]{display:flex;align-items:center;justify-content:center;gap:15px}.btn-inner .arrow[data-v-fa68e7a7]{transition:transform .3s}.btn-submit-elite[data-v-fa68e7a7]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 40px #6366f180}.btn-submit-elite:hover .arrow[data-v-fa68e7a7]{transform:translate(5px)}.glow-sphere[data-v-fa68e7a7]{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(80px);opacity:.4;z-index:1;pointer-events:none}.sphere-1[data-v-fa68e7a7]{background:#6366f1;top:-100px;left:-100px;animation:move1-fa68e7a7 10s infinite alternate}.sphere-2[data-v-fa68e7a7]{background:#a855f7;bottom:-100px;right:-100px;animation:move2-fa68e7a7 12s infinite alternate}@keyframes move1-fa68e7a7{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes move2-fa68e7a7{0%{transform:translate(0)}to{transform:translate(-50px,-50px)}}@keyframes cardEntry-fa68e7a7{0%{opacity:0;transform:translateY(60px) rotateX(-10deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.stagger-1[data-v-fa68e7a7]{animation:slideIn-fa68e7a7 .8s ease-out .1s both}.stagger-2[data-v-fa68e7a7]{animation:slideIn-fa68e7a7 .8s ease-out .2s both}.stagger-3[data-v-fa68e7a7]{animation:slideIn-fa68e7a7 .8s ease-out .3s both}.stagger-4[data-v-fa68e7a7]{animation:slideIn-fa68e7a7 .8s ease-out .4s both}.stagger-5[data-v-fa68e7a7]{animation:slideIn-fa68e7a7 .8s ease-out .5s both}@keyframes slideIn-fa68e7a7{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.deco-piece[data-v-fa68e7a7]{position:absolute;font-size:1.5rem;opacity:.2;z-index:-1;filter:blur(1px)}.piece-1[data-v-fa68e7a7]{top:-20px;right:-20px;animation:floatIcon-fa68e7a7 6s infinite ease-in-out}.piece-2[data-v-fa68e7a7]{bottom:40px;left:-30px;animation:floatIcon-fa68e7a7 8s infinite ease-in-out 1s}.piece-3[data-v-fa68e7a7]{top:100px;left:-40px;animation:floatIcon-fa68e7a7 7s infinite ease-in-out .5s}@keyframes floatIcon-fa68e7a7{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(10px,-20px) rotate(15deg)}}.loader[data-v-fa68e7a7]{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;display:inline-block;animation:spin-fa68e7a7 1s linear infinite}@keyframes spin-fa68e7a7{to{transform:rotate(360deg)}}.slide-fade-enter-active[data-v-fa68e7a7]{transition:all .4s ease-out}.slide-fade-leave-active[data-v-fa68e7a7]{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from[data-v-fa68e7a7]{transform:translate(20px);opacity:0}.slide-fade-leave-to[data-v-fa68e7a7]{transform:translate(-20px);opacity:0}.shake-enter-active[data-v-fa68e7a7]{animation:shake-fa68e7a7 .5s}@keyframes shake-fa68e7a7{0%,to{transform:translate(0)}25%{transform:translate(-10px)}50%{transform:translate(10px)}75%{transform:translate(-5px)}}.auth-view[data-v-0d68328e]{width:450px;max-width:450px;margin:0 auto;padding:60px 20px;min-height:90vh;display:flex;flex-direction:column;justify-content:center;position:relative}.auth-header[data-v-0d68328e]{position:absolute;top:30px;left:30px;z-index:100}.btn-back-main[data-v-0d68328e]{background:var(--primary);border:1px solid var(--glass-border);color:#fff;padding:10px 20px;border-radius:100px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #6366f166}.btn-back-main[data-v-0d68328e]:hover{background:var(--secondary);transform:translate(-5px) scale(1.05);box-shadow:0 6px 20px #a855f780}.auth-container[data-v-0d68328e]{width:100%;animation:slideUp-0d68328e .6s cubic-bezier(.16,1,.3,1)}@keyframes slideUp-0d68328e{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lobby-card[data-v-622cf5d4]{max-width:500px;width:100%;margin:0 auto;padding:40px;position:relative}.btn-back[data-v-622cf5d4]{background:transparent;border:none;color:var(--text-dim);cursor:pointer;position:absolute;top:20px;left:20px}.lobby-header[data-v-622cf5d4]{text-align:center;margin-bottom:40px}.lobby-header h2[data-v-622cf5d4]{font-size:2.5rem;font-weight:900;letter-spacing:5px;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.action-section[data-v-622cf5d4]{display:flex;flex-direction:column;gap:15px}.action-section h3[data-v-622cf5d4]{font-size:.9rem;letter-spacing:2px;color:var(--text-dim);text-align:center}.divider[data-v-622cf5d4]{margin:30px 0;position:relative;text-align:center}.divider[data-v-622cf5d4]:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:#ffffff1a}.divider span[data-v-622cf5d4]{position:relative;background:var(--bg);padding:0 15px;color:var(--text-dim);font-size:.8rem;font-weight:700}.input-elite[data-v-622cf5d4]{background:#0000004d;border:1px solid rgba(255,255,255,.1);padding:15px;border-radius:12px;color:#fff;text-align:center;font-size:1.2rem;letter-spacing:5px;outline:none}.waiting-area[data-v-622cf5d4]{text-align:center}.code-box[data-v-622cf5d4]{background:#ffffff0d;padding:20px;border-radius:20px;margin-bottom:30px}.code-box label[data-v-622cf5d4]{font-size:.7rem;letter-spacing:3px;color:var(--text-dim)}.code[data-v-622cf5d4]{font-size:3rem;font-weight:900;color:var(--accent);letter-spacing:10px}.status-msg[data-v-622cf5d4]{display:flex;align-items:center;justify-content:center;gap:15px;font-weight:600;color:var(--primary)}.share-tip[data-v-622cf5d4]{margin-top:20px;font-size:.9rem;color:var(--text-dim)}.loader[data-v-622cf5d4]{width:20px;height:20px;border:3px solid rgba(99,102,241,.2);border-top-color:var(--primary);border-radius:50%;animation:spin-622cf5d4 1s linear infinite}@keyframes spin-622cf5d4{to{transform:rotate(360deg)}}:root{--primary: #6366f1;--secondary: #a855f7;--bg: #0f172a;--text: #f8fafc}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif}body{background:var(--bg);color:var(--text);overflow-x:hidden}.app-wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 20px;background:radial-gradient(circle at top right,rgba(99,102,241,.1),transparent),radial-gradient(circle at bottom left,rgba(168,85,247,.1),transparent)}header{text-align:center;margin-bottom:40px}h1{font-size:3rem;font-weight:800;letter-spacing:-2px;background:linear-gradient(to right,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}h1 span{font-weight:300;color:#fff;-webkit-text-fill-color:white}.subtitle{color:#94a3b8;margin-top:5px}main{width:100%;max-width:600px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-content{background:#1e293b;padding:40px;border-radius:24px;max-width:450px;width:100%;border:1px solid rgba(255,255,255,.1);text-align:center}.modal-content h2{font-size:2rem;margin-bottom:15px}.modal-content p{color:#94a3b8;margin-bottom:25px}.input-group{text-align:left;margin-bottom:25px}.input-group label{display:block;font-size:.9rem;color:#94a3b8;margin-bottom:8px}.input-group input{padding:12px 16px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;width:100%;height:100%;z-index:-1;overflow:hidden;background:radial-gradient(circle at 50% 50%,#0a0e1a,#050811)}.blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:blobMove 20s infinite alternate cubic-bezier(.45,0,.55,1)}.blob-1{width:600px;height:600px;background:var(--primary);top:-200px;left:-200px}.blob-2{width:500px;height:500px;background:var(--secondary);bottom:-100px;right:-100px;animation-delay:-5s}.blob-3{width:400px;height:400px;background:var(--accent);top:40%;left:60%;animation-delay:-10s}.blob-4{width:300px;height:300px;background:#f36;bottom:20%;left:10%;animation-delay:-15s}@keyframes blobMove{0%{transform:translate(0) scale(1)}to{transform:translate(100px,100px) scale(1.2)}}.top-nav{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:100}.btn-back-main{background:var(--primary);border:1px solid var(--glass-border);color:#fff;padding:8px 18px;border-radius:100px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #6366f166}.btn-back-main:hover{background:var(--secondary);transform:translate(-5px) scale(1.05);box-shadow:0 6px 20px #a855f780}.user-info-pill{background:var(--glass);border:1px solid var(--glass-border);padding:6px 6px 6px 16px;border-radius:100px;display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem}.user-status{width:8px;height:8px;border-radius:50%}.user-status.online{background:#10b981;box-shadow:0 0 10px #10b981}.user-status.guest{background:#64748b}.btn-logout,.btn-login-cta{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171;padding:6px 12px;border-radius:100px;cursor:pointer;font-weight:600;transition:all .2s}.btn-login-cta{background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:var(--primary)}.btn-logout:hover,.btn-login-cta:hover{filter:brightness(1.2);transform:scale(1.05)}.game-header{text-align:center;margin-top:60px;margin-bottom:40px}.elite-title{font-size:4rem;font-weight:900;letter-spacing:15px;margin-left:15px;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}.elite-title span{font-weight:300;color:#fff;-webkit-text-fill-color:white}.elite-subtitle{color:var(--accent);letter-spacing:5px;font-size:.8rem;font-weight:600;margin-top:5px;opacity:.8}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000}.glass-premium{background:linear-gradient(135deg,#ffffff1a,#ffffff05);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.1);padding:50px;border-radius:40px;text-align:center;box-shadow:0 40px 100px #000c;max-width:500px;width:90%}.win-icon{font-size:4rem;margin-bottom:20px}.glass-premium h2{font-size:3rem;font-weight:900;margin-bottom:10px}.input-group-elite input{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);padding:16px;border-radius:16px;color:#fff;font-size:1.1rem;text-align:center;margin-bottom:30px;outline:none;letter-spacing:2px}.btn-elite{padding:16px 32px;border-radius:16px;border:none;font-weight:800;cursor:pointer;transition:all .3s;width:100%;margin-bottom:10px}.btn-elite.primary{background:var(--primary);color:#fff;box-shadow:0 10px 20px #6366f14d}.btn-elite.secondary{background:transparent;border:1px solid rgba(255,255,255,.1);color:#fff}.btn-elite:hover{transform:translateY(-5px);filter:brightness(1.1)}.elite-footer{margin-top:60px;padding:40px;color:#fff3;font-size:.75rem;letter-spacing:2px;text-align:center;display:flex;flex-direction:column;gap:10px}.dev-name{color:var(--primary);font-weight:800;font-size:.85rem;letter-spacing:3px}.stagger-1{animation:eliteUp 1s ease-out .1s both}.stagger-2{animation:eliteUp 1s ease-out .2s both}.stagger-3{animation:eliteUp 1s ease-out .3s both}@keyframes eliteUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.fade-enter-active,.fade-leave-active{transition:all .5s ease}.fade-enter-from,.fade-leave-to{opacity:0;transform:scale(.98)}.multiplayer-layout{display:flex;max-width:1000px;gap:40px;align-items:flex-start}.primary-play-area{flex:1}.opponent-view{width:300px;background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px;border-radius:30px;border:1px solid var(--glass-border);text-align:center}.opponent-header{margin-bottom:20px}.vs-badge{background:var(--accent);color:#000;padding:4px 12px;border-radius:100px;font-weight:900;font-size:.7rem;margin-bottom:10px;display:inline-block}.opponent-stats{display:flex;justify-content:center;gap:15px;font-size:.8rem;color:var(--text-dim);margin-top:5px}.game-result{margin-top:20px;font-size:1.5rem;font-weight:900;color:var(--primary);text-shadow:0 0 10px var(--primary)}@media (max-width: 900px){.multiplayer-layout{flex-direction:column;align-items:center}.opponent-view{width:100%;max-width:500px}}