@import"https://fonts.googleapis.com/css2?family=Urbanist:wght@400;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700;800&display=swap";.header-container[data-v-8492a7b4]{display:flex;justify-content:center;align-items:center;margin-bottom:20px;flex-shrink:0;position:relative;padding:0 20px}.back-button[data-v-8492a7b4]{position:absolute;left:20px;background:#00f3ff1a;border:2px solid rgba(0,243,255,.3);border-radius:10px;padding:10px 20px;color:var(--neon-cyan);font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.back-button[data-v-8492a7b4]:hover{background:#00f3ff33;border-color:var(--neon-cyan);transform:translate(-3px);box-shadow:0 0 15px #00f3ff4d}.title-pill[data-v-8492a7b4]{background:linear-gradient(180deg,#2b3a55,#15102a);border:2px solid #5d81b8;border-radius:50px;padding:10px 80px;box-shadow:0 0 15px #00e5ff66,inset 0 0 20px #000c;position:relative}.title-pill h1[data-v-8492a7b4]{margin:0;font-size:2rem;text-transform:uppercase;font-weight:700;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.header-actions[data-v-8492a7b4]{position:absolute;right:20px;display:flex;gap:15px}.profile-button[data-v-8492a7b4]{background:#bd00ff1a;border:2px solid rgba(189,0,255,.3);border-radius:10px;padding:10px 20px;color:var(--neon-purple);font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.profile-button[data-v-8492a7b4]:hover{background:#bd00ff33;border-color:var(--neon-purple);transform:translateY(-2px);box-shadow:0 5px 15px #bd00ff4d}.profile-icon[data-v-8492a7b4]{font-size:1.2rem}.logout-button[data-v-8492a7b4]{background:#ff64641a;border:2px solid rgba(255,100,100,.3);border-radius:10px;padding:10px 20px;color:#ff6464;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.logout-button[data-v-8492a7b4]:hover{background:#ff646433;border-color:#ff6464;transform:translateY(-2px);box-shadow:0 5px 15px #ff64644d}.logout-icon[data-v-8492a7b4]{font-size:1.2rem}.mavamade-link[data-v-8492a7b4]{background:linear-gradient(90deg,#8a4baf,#bd00ff);border:2px solid var(--neon-purple);border-radius:10px;padding:10px 20px;color:#fff;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:700;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 5px 15px #bd00ff4d}.mavamade-link[data-v-8492a7b4]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #bd00ff80;filter:brightness(1.2)}.mava-icon[data-v-8492a7b4]{font-size:1.2rem}.gameplay-header[data-v-8492a7b4]{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;position:relative}.currency-badge[data-v-8492a7b4]{background:#0009;border:1px solid #444;padding:8px 20px;border-radius:20px;display:flex;align-items:center;font-weight:700;font-size:1.1rem}.think-mode-pill[data-v-8492a7b4]{background:linear-gradient(180deg,#09c,#15102a);border:2px solid var(--gold);border-radius:30px;padding:8px 30px;font-weight:700;color:var(--gold);text-transform:uppercase;box-shadow:0 0 10px #ffd7004d;display:flex;align-items:center;gap:10px;animation:thinkModePulse-8492a7b4 2s ease-in-out infinite;position:relative}.think-mode-pill[data-v-8492a7b4]:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:32px;background:linear-gradient(45deg,var(--gold),transparent,var(--gold));opacity:0;animation:thinkModeGlow-8492a7b4 2s ease-in-out infinite;z-index:-1}@keyframes thinkModePulse-8492a7b4{0%,to{transform:scale(1);box-shadow:0 0 10px #ffd7004d}50%{transform:scale(1.05);box-shadow:0 0 20px #ffd70099,0 0 30px #ffd70066}}@keyframes thinkModeGlow-8492a7b4{0%,to{opacity:0}50%{opacity:.3}}.bonus-tooltip[data-v-8492a7b4]{position:absolute;right:0;top:40px;background:#141e28f2;border:1px solid var(--neon-cyan);border-radius:8px;padding:10px;font-size:.8rem;display:flex;align-items:center;gap:10px;box-shadow:0 5px 15px #00000080;animation:float-8492a7b4 3s infinite ease-in-out;z-index:20}@keyframes float-8492a7b4{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@media (max-width: 900px){.header-container[data-v-8492a7b4]{flex-wrap:wrap;gap:10px}.back-button[data-v-8492a7b4]{position:relative;left:0;order:-1;width:100%}.title-pill[data-v-8492a7b4]{padding:10px 40px;order:0}.title-pill h1[data-v-8492a7b4]{font-size:1.5rem}.header-actions[data-v-8492a7b4]{position:relative;right:0;order:1;width:100%;justify-content:center}.gameplay-header[data-v-8492a7b4]{flex-direction:column;gap:10px;align-items:center}.bonus-tooltip[data-v-8492a7b4]{position:relative;top:0;right:0}}.neon-button[data-v-951a5c21]{border:none;padding:12px 40px;border-radius:30px;font-weight:700;text-transform:uppercase;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:1rem;transition:all .2s}.neon-button.primary[data-v-951a5c21]{background:linear-gradient(90deg,#2b91a8,#6cdfac);color:#fff;box-shadow:0 0 10px #00f3ff4d}.neon-button.confirm[data-v-951a5c21]{background:linear-gradient(90deg,#4facfe,#00f2fe);color:#032b43;font-weight:800;font-size:1.2rem;padding:12px 60px;box-shadow:0 0 20px #00f2fe66}.neon-button.back[data-v-951a5c21]{background:transparent;border:2px solid #5a5a7a;color:#fff;font-weight:700;font-size:1.1rem}.neon-button.launch[data-v-951a5c21]{background:linear-gradient(90deg,#2b91a8,#6cdfac);color:#fff;padding:8px 25px;border-radius:20px;box-shadow:0 0 10px #00f3ff4d}.neon-button[data-v-951a5c21]:hover{transform:translateY(-2px);filter:brightness(1.2)}.standard-footer[data-v-6e462526]{margin-top:auto;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:20px 60px;flex-shrink:0;max-width:1800px;width:100%;margin-left:auto;margin-right:auto}.standard-footer[data-v-6e462526]>:first-child{justify-self:start}.standard-footer[data-v-6e462526]>:nth-child(2){justify-self:center}.standard-footer[data-v-6e462526]>:nth-child(3){justify-self:end}.nav-footer[data-v-6e462526]{margin-top:auto;background:#0f0b23e6;border-top:2px solid #2b3a55;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;border-radius:20px 20px 0 0;flex-shrink:0}.nav-items[data-v-6e462526]{display:flex;gap:40px}.nav-item[data-v-6e462526]{display:flex;flex-direction:column;align-items:center;color:var(--text-muted);cursor:pointer;transition:all .3s}.nav-item-icon[data-v-6e462526]{font-size:1.8rem;margin-bottom:5px}.nav-item-label[data-v-6e462526]{font-size:.8rem;font-weight:700;letter-spacing:1px}.nav-item.active[data-v-6e462526]{color:var(--text-main);position:relative}.nav-item.active[data-v-6e462526]:after{content:"";position:absolute;bottom:-10px;width:30px;height:3px;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan);border-radius:2px}.nav-item[data-v-6e462526]:hover{color:var(--text-main)}.currency-display[data-v-6e462526]{display:flex;gap:15px}.currency-pill[data-v-6e462526]{background:#0009;border:1px solid #444;padding:8px 16px;border-radius:20px;display:flex;align-items:center;font-weight:700}@media (max-width: 1400px){.standard-footer[data-v-6e462526]{padding:20px 50px}}@media (max-width: 1200px){.standard-footer[data-v-6e462526]{padding:20px 30px}}@media (max-width: 900px){.standard-footer[data-v-6e462526]{display:flex;flex-direction:column;gap:20px;padding:20px 15px}.nav-footer[data-v-6e462526]{flex-direction:column;gap:15px;padding:15px}.nav-items[data-v-6e462526]{width:100%;justify-content:space-around;gap:20px}}.music-credit[data-v-77e49584]{position:fixed;bottom:20px;left:20px;display:flex;align-items:center;gap:12px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .3s ease;z-index:900;font-family:Urbanist,-apple-system,Roboto,Helvetica,sans-serif;max-width:320px}.music-credit[data-v-77e49584]:hover{background:#000c;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0006}.groovetie-logo[data-v-77e49584]{width:32px;height:32px;object-fit:contain;flex-shrink:0}.music-info[data-v-77e49584]{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.song-name[data-v-77e49584]{font-size:.75rem;font-weight:600;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-name[data-v-77e49584]{font-size:.65rem;font-weight:400;color:#ffffffb3;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-button[data-v-77e49584]{width:32px;height:32px;background:#00f3ff1a;border:2px solid rgba(0,243,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;padding:0}.play-button[data-v-77e49584]:hover{background:#00f3ff33;border-color:var(--neon-cyan);transform:scale(1.1);box-shadow:0 0 15px #00f3ff66}.play-button.paused[data-v-77e49584]{background:#bd00ff1a;border-color:#bd00ff4d}.play-button.paused[data-v-77e49584]:hover{background:#bd00ff33;border-color:var(--neon-purple);box-shadow:0 0 15px #bd00ff66}.button-icon[data-v-77e49584]{width:16px;height:16px;object-fit:contain;filter:brightness(0) invert(1)}@media (max-width: 1200px){.music-credit[data-v-77e49584]{left:10px}}@media (max-width: 900px){.music-credit[data-v-77e49584]{left:0;bottom:15px}}@media (max-width: 768px){.music-credit[data-v-77e49584]{bottom:15px;left:0;padding:6px 10px;gap:10px;max-width:280px}.groovetie-logo[data-v-77e49584]{width:28px;height:28px}.song-name[data-v-77e49584]{font-size:.7rem}.artist-name[data-v-77e49584]{font-size:.6rem}.play-button[data-v-77e49584]{width:28px;height:28px}.button-icon[data-v-77e49584]{width:14px;height:14px}}@media (max-width: 480px){.music-credit[data-v-77e49584]{bottom:10px;left:0;padding:5px 8px;gap:8px;max-width:240px}.groovetie-logo[data-v-77e49584]{width:24px;height:24px}.song-name[data-v-77e49584]{font-size:.65rem}.artist-name[data-v-77e49584]{font-size:.55rem}.play-button[data-v-77e49584]{width:24px;height:24px}.button-icon[data-v-77e49584]{width:12px;height:12px}}[data-v-6efbf64b]:root{--final-dark: #030C13;--gradient-background-stop-1: #0E314C;--gradient-background-stop-2: rgba(0, 0, 0, 0);--final-stroke: #0E314C;--final-light: #FFF;--final-disabled: #818181;--final-link: #39B7E2;--final-error: #FF4444;--glass-stroke: #FFF;--opacity-white-2: rgba(255, 255, 255, .02)}.sso-container[data-v-6efbf64b]{width:386px;height:735px;background:#000;overflow:hidden;position:relative;margin:0 auto;font-family:Urbanist,-apple-system,Roboto,Helvetica,sans-serif;box-shadow:0 0 0 2px #39b7e280,0 0 20px #39b7e24d,0 0 40px #39b7e233;animation:neonBorderPulse-6efbf64b 3s ease-in-out infinite}@keyframes neonBorderPulse-6efbf64b{0%,to{box-shadow:0 0 0 2px #39b7e280,0 0 20px #39b7e24d,0 0 40px #39b7e233}50%{box-shadow:0 0 0 2px #bd00ff80,0 0 25px #bd00ff66,0 0 50px #bd00ff4d,0 0 75px #00f3ff33}}.sso-background[data-v-6efbf64b]{width:100%;height:100%;background:radial-gradient(ellipse at center,#051015,#020910,#000);position:absolute;left:0;top:0;overflow:hidden}.stars-container[data-v-6efbf64b]{position:absolute;width:100%;height:100%;perspective:400px;animation:perspectiveShift-6efbf64b 20s ease-in-out infinite}@keyframes perspectiveShift-6efbf64b{0%,to{perspective:400px}50%{perspective:600px}}.star[data-v-6efbf64b]{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 3px #fffc;animation:twinkle-6efbf64b 3s ease-in-out infinite,moveToCenter-6efbf64b 15s linear infinite}.star[data-v-6efbf64b]:nth-child(5n){left:10%;top:20%;animation-delay:0s,0s}.star[data-v-6efbf64b]:nth-child(5n+1){left:20%;top:40%;animation-delay:.5s,1s}.star[data-v-6efbf64b]:nth-child(5n+2){left:30%;top:10%;animation-delay:1s,2s}.star[data-v-6efbf64b]:nth-child(5n+3){left:50%;top:60%;animation-delay:1.5s,3s}.star[data-v-6efbf64b]:nth-child(5n+4){left:70%;top:30%;animation-delay:2s,4s}.star[data-v-6efbf64b]:nth-child(7n){left:15%;top:70%;animation-delay:.3s,.5s}.star[data-v-6efbf64b]:nth-child(7n+1){left:40%;top:50%;animation-delay:.8s,1.5s}.star[data-v-6efbf64b]:nth-child(7n+2){left:60%;top:15%;animation-delay:1.3s,2.5s}.star[data-v-6efbf64b]:nth-child(7n+3){left:80%;top:80%;animation-delay:1.8s,3.5s}.star[data-v-6efbf64b]:nth-child(7n+4){left:90%;top:45%;animation-delay:2.3s,4.5s}.star[data-v-6efbf64b]:nth-child(11n){left:5%;top:35%;animation-delay:.2s,.8s}.star[data-v-6efbf64b]:nth-child(11n+1){left:25%;top:75%;animation-delay:.7s,1.8s}.star[data-v-6efbf64b]:nth-child(11n+2){left:45%;top:25%;animation-delay:1.2s,2.8s}.star[data-v-6efbf64b]:nth-child(11n+3){left:65%;top:90%;animation-delay:1.7s,3.8s}.star[data-v-6efbf64b]:nth-child(11n+4){left:85%;top:55%;animation-delay:2.2s,4.8s}@keyframes twinkle-6efbf64b{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes moveToCenter-6efbf64b{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translate(calc(50vw - 50%),calc(50vh - 50%)) scale(.1);opacity:0}}.mavamade-logo-container[data-v-6efbf64b]{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;position:absolute;left:0;top:60px;z-index:2}.mavamade-logo[data-v-6efbf64b]{width:112.5px;height:auto;object-fit:contain}.presents-text[data-v-6efbf64b]{font-size:.75rem;font-weight:600;letter-spacing:2.5px;color:#ffffffd9;text-transform:uppercase}.sso-card[data-v-6efbf64b]{width:315px;height:450px;border-radius:8px;border:1px solid rgba(14,49,76,.8);background:#030c13f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-top:20px;box-shadow:0 8px 32px #0006;z-index:1;overflow:hidden}.sso-logo[data-v-6efbf64b]{width:100%;height:auto;position:absolute;left:0;top:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.logo-image[data-v-6efbf64b]{height:70px;width:auto;object-fit:contain;filter:drop-shadow(0 0 15px rgba(57,183,226,.4));animation:logoGlow 3s ease-in-out infinite}.logo-tagline[data-v-6efbf64b]{font-size:.75rem;font-weight:600;letter-spacing:2.5px;color:#fffc;text-transform:uppercase;font-family:Urbanist,-apple-system,Roboto,Helvetica,sans-serif}.sso-error[data-v-6efbf64b]{position:absolute;left:50%;transform:translate(-50%);top:88px;width:245px;max-height:28px;background:#000c;border:1px solid rgba(255,68,68,.8);border-radius:4px;padding:6px 10px;color:#ff6b6b;font-size:.7rem;font-weight:500;line-height:1.2;text-align:center;animation:slideDown-6efbf64b .3s ease-out;box-shadow:0 2px 8px #ff44444d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes slideDown-6efbf64b{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sso-inputs[data-v-6efbf64b]{display:flex;flex-direction:column;align-items:flex-start;gap:18px;position:absolute;left:35px;top:120px;width:245px}.sso-input[data-v-6efbf64b]{display:flex;height:44px;padding:12px 16px;align-items:center;width:100%;border-radius:6px;border:1.5px solid rgba(129,129,129,.4);background:#0000004d;color:#fff;font-family:Urbanist,-apple-system,Roboto,Helvetica,sans-serif;font-size:.95rem;font-weight:400;line-height:1.4;box-sizing:border-box;transition:all .3s ease}.sso-input[data-v-6efbf64b]:focus{outline:none;border-color:#39b7e2;background:#0006;box-shadow:0 0 0 3px #39b7e21a,0 0 12px #39b7e24d}.sso-input[data-v-6efbf64b]:disabled{opacity:.5;cursor:not-allowed}.sso-input[data-v-6efbf64b]::placeholder{color:#818181cc;font-size:.9rem}.sso-forgot-password[data-v-6efbf64b]{color:#fffc;font-size:.85rem;font-weight:600;line-height:1.4;position:absolute;left:50%;transform:translate(-50%);top:245px;cursor:pointer;text-decoration:none;transition:all .3s ease;white-space:nowrap}.sso-forgot-password[data-v-6efbf64b]:hover{color:#39b7e2;text-shadow:0 0 8px rgba(57,183,226,.4)}.sso-button-container[data-v-6efbf64b]{width:130px;height:36px;position:absolute;left:50%;transform:translate(-50%);top:285px}.sso-button-bg[data-v-6efbf64b]{position:absolute;left:0;top:0;width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(57,183,226,.3));transition:all .3s ease}.sso-button-container:hover .sso-button-bg[data-v-6efbf64b]{filter:drop-shadow(0 6px 16px rgba(57,183,226,.5));transform:translateY(-2px) scale(1.05)}.sso-button[data-v-6efbf64b]{display:flex;width:100%;height:100%;padding:0;justify-content:center;align-items:center;position:relative;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;cursor:pointer;background:none;border:none;font-family:Urbanist,-apple-system,Roboto,Helvetica,sans-serif;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.3);z-index:1}.sso-button[data-v-6efbf64b]:hover:not(:disabled){transform:scale(1.05)}.sso-button[data-v-6efbf64b]:active:not(:disabled){transform:scale(.98)}.sso-button[data-v-6efbf64b]:disabled{opacity:.5;cursor:not-allowed}.sso-divider[data-v-6efbf64b]{width:245px;height:1px;background:#8181814d;position:absolute;left:35px;top:345px}.sso-signup-container[data-v-6efbf64b]{display:flex;align-items:center;justify-content:center;position:absolute;left:35px;right:35px;top:365px;text-align:center;z-index:10;pointer-events:all}.sso-signup-text[data-v-6efbf64b]{color:#ffffffb3;font-size:.9rem;font-weight:400;line-height:1.4;pointer-events:none}.sso-signup-link[data-v-6efbf64b]{color:#39b7e2;font-size:.9rem;font-weight:700;line-height:1.4;cursor:pointer;text-decoration:none;transition:all .3s ease;margin-left:4px;pointer-events:all;position:relative;z-index:10;display:inline-block;padding:4px 8px;touch-action:manipulation}.sso-signup-link[data-v-6efbf64b]:hover{text-decoration:underline;text-shadow:0 0 8px rgba(57,183,226,.4)}.sso-signup-link[data-v-6efbf64b]:active{transform:scale(.98)}.sso-footer[data-v-6efbf64b]{width:315px;height:60px;position:absolute;left:50%;transform:translate(-50%);bottom:30px;z-index:2}.sso-footer-box[data-v-6efbf64b]{width:315px;height:40px;border-radius:8px;border:.5px solid rgba(255,255,255,.1);background:#ffffff08;box-shadow:0 -2px 4px #0003 inset,0 0 2px #ffffff1a inset;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute;left:0;top:0}.sso-footer-made-by[data-v-6efbf64b]{color:#fffc;font-size:.7rem;font-weight:500;line-height:1.4;position:absolute;left:50%;transform:translate(-50%);top:53px;text-align:center;white-space:nowrap}.company-link[data-v-6efbf64b]{color:#39b7e2;text-decoration:none;cursor:pointer;transition:all .3s ease}.company-link[data-v-6efbf64b]:hover{text-decoration:underline;text-shadow:0 0 6px rgba(57,183,226,.3)}.sso-footer-link[data-v-6efbf64b]{color:#39b7e2;font-size:.75rem;font-weight:600;line-height:1.4;position:absolute;cursor:pointer;text-decoration:none;transition:all .3s ease}.sso-footer-link[data-v-6efbf64b]:hover{text-decoration:underline;color:#5ec5e8;text-shadow:0 0 6px rgba(57,183,226,.3)}.sso-footer-privacy[data-v-6efbf64b]{left:24px;top:13px}.sso-footer-mavamade[data-v-6efbf64b]{left:50%;transform:translate(-50%);top:13px}.sso-footer-copyright[data-v-6efbf64b]{color:#fff9;font-size:.75rem;font-weight:500;line-height:1.4;position:absolute;right:24px;top:13px}.sso-footer-copyright[data-v-6efbf64b]:first-letter{font-family:Arial,sans-serif}.transitioning-out[data-v-6efbf64b]{pointer-events:none;overflow:hidden}.fade-out[data-v-6efbf64b]{animation:simpleFadeOut-6efbf64b 1.5s ease-out forwards}@keyframes simpleFadeOut-6efbf64b{0%{opacity:1}to{opacity:0}}@media (max-width: 768px){.sso-container[data-v-6efbf64b]{width:100vw;height:100vh;max-width:100%;box-shadow:none;animation:none}.sso-background[data-v-6efbf64b]{width:100%;height:100%}.sso-card[data-v-6efbf64b]{width:90%;max-width:360px;height:auto;min-height:500px;padding-bottom:20px}.logo-image[data-v-6efbf64b]{height:63px}.sso-input[data-v-6efbf64b]{font-size:1rem;height:48px}.mavamade-logo[data-v-6efbf64b]{width:100px}.sso-footer[data-v-6efbf64b]{width:90%;max-width:360px}.sso-footer-box[data-v-6efbf64b]{width:100%}.sso-error[data-v-6efbf64b]{font-size:.65rem;max-height:26px}}@media (min-width: 769px) and (max-width: 1024px){.sso-container[data-v-6efbf64b]{width:386px;height:735px;overflow:hidden}}[data-v-d7cba4d3]:root{--final-dark: #030C13;--gradient-background-stop-1: #0E314C;--gradient-background-stop-2: rgba(0, 0, 0, 0);--final-stroke: #0E314C;--final-light: #FFF;--final-disabled: #818181;--final-link: #39B7E2;--final-error: #FF4444;--final-success: #00FF88;--glass-stroke: #FFF;--opacity-white-2: rgba(255, 255, 255, .02)}.sso-container[data-v-d7cba4d3]{width:386px;height:735px;background:#000;overflow:hidden;position:relative;margin:0 auto;font-family:Urbanist,-apple-system,Roboto,Helvetica,sans-serif;box-shadow:0 0 0 2px #39b7e280,0 0 20px #39b7e24d,0 0 40px #39b7e233;animation:neonBorderPulse-d7cba4d3 3s ease-in-out infinite}@keyframes neonBorderPulse-d7cba4d3{0%,to{box-shadow:0 0 0 2px #39b7e280,0 0 20px #39b7e24d,0 0 40px #39b7e233}50%{box-shadow:0 0 0 2px #bd00ff80,0 0 25px #bd00ff66,0 0 50px #bd00ff4d,0 0 75px #00f3ff33}}.sso-background[data-v-d7cba4d3]{width:100%;height:100%;background:radial-gradient(ellipse at center,#051015,#020910,#000);position:absolute;left:0;top:0;overflow:hidden}.stars-container[data-v-d7cba4d3]{position:absolute;width:100%;height:100%;perspective:400px;animation:perspectiveShift-d7cba4d3 20s ease-in-out infinite}@keyframes perspectiveShift-d7cba4d3{0%,to{perspective:400px}50%{perspective:600px}}.star[data-v-d7cba4d3]{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 3px #fffc;animation:twinkle-d7cba4d3 3s ease-in-out infinite,moveToCenter-d7cba4d3 15s linear infinite}.star[data-v-d7cba4d3]:nth-child(5n){left:10%;top:20%;animation-delay:0s,0s}.star[data-v-d7cba4d3]:nth-child(5n+1){left:20%;top:40%;animation-delay:.5s,1s}.star[data-v-d7cba4d3]:nth-child(5n+2){left:30%;top:10%;animation-delay:1s,2s}.star[data-v-d7cba4d3]:nth-child(5n+3){left:50%;top:60%;animation-delay:1.5s,3s}.star[data-v-d7cba4d3]:nth-child(5n+4){left:70%;top:30%;animation-delay:2s,4s}.star[data-v-d7cba4d3]:nth-child(7n){left:15%;top:70%;animation-delay:.3s,.5s}.star[data-v-d7cba4d3]:nth-child(7n+1){left:40%;top:50%;animation-delay:.8s,1.5s}.star[data-v-d7cba4d3]:nth-child(7n+2){left:60%;top:15%;animation-delay:1.3s,2.5s}.star[data-v-d7cba4d3]:nth-child(7n+3){left:80%;top:80%;animation-delay:1.8s,3.5s}.star[data-v-d7cba4d3]:nth-child(7n+4){left:90%;top:45%;animation-delay:2.3s,4.5s}.star[data-v-d7cba4d3]:nth-child(11n){left:5%;top:35%;animation-delay:.2s,.8s}.star[data-v-d7cba4d3]:nth-child(11n+1){left:25%;top:75%;animation-delay:.7s,1.8s}.star[data-v-d7cba4d3]:nth-child(11n+2){left:45%;top:25%;animation-delay:1.2s,2.8s}.star[data-v-d7cba4d3]:nth-child(11n+3){left:65%;top:90%;animation-delay:1.7s,3.8s}.star[data-v-d7cba4d3]:nth-child(11n+4){left:85%;top:55%;animation-delay:2.2s,4.8s}@keyframes twinkle-d7cba4d3{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes moveToCenter-d7cba4d3{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translate(calc(50vw - 50%),calc(50vh - 50%)) scale(.1);opacity:0}}.mavamade-logo-container[data-v-d7cba4d3]{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;position:absolute;left:0;top:60px;z-index:2}.mavamade-logo[data-v-d7cba4d3]{width:112.5px;height:auto;object-fit:contain}.presents-text[data-v-d7cba4d3]{font-size:.75rem;font-weight:600;letter-spacing:2.5px;color:#ffffffd9;text-transform:uppercase}.sso-card[data-v-d7cba4d3]{width:315px;height:450px;border-radius:8px;border:1px solid rgba(14,49,76,.8);background:#030c13f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-top:20px;box-shadow:0 8px 32px #0006;z-index:1;overflow:hidden}.sso-logo[data-v-d7cba4d3]{width:100%;height:auto;position:absolute;left:0;top:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.logo-image[data-v-d7cba4d3]{height:70px;width:auto;object-fit:contain;filter:drop-shadow(0 0 15px rgba(57,183,226,.4));animation:logoGlow-d7cba4d3 3s ease-in-out infinite}.logo-tagline[data-v-d7cba4d3]{font-size:.75rem;font-weight:600;letter-spacing:2.5px;color:#fffc;text-transform:uppercase;font-family:Urbanist,-apple-system,Roboto,Helvetica,sans-serif}@keyframes logoGlow-d7cba4d3{0%,to{filter:drop-shadow(0 0 15px rgba(57,183,226,.4))}50%{filter:drop-shadow(0 0 25px rgba(57,183,226,.6))}}.sso-error[data-v-d7cba4d3]{position:absolute;left:50%;transform:translate(-50%);top:88px;width:245px;max-height:28px;background:#000c;border:1px solid rgba(255,68,68,.8);border-radius:4px;padding:6px 10px;color:#ff6b6b;font-size:.7rem;font-weight:500;line-height:1.2;text-align:center;animation:slideDown-d7cba4d3 .3s ease-out;box-shadow:0 2px 8px #ff44444d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes slideDown-d7cba4d3{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sso-success[data-v-d7cba4d3]{position:absolute;left:50%;transform:translate(-50%);top:88px;width:245px;max-height:28px;background:#000c;border:1px solid rgba(0,255,136,.8);border-radius:4px;padding:6px 10px;color:#0f8;font-size:.7rem;font-weight:500;line-height:1.2;text-align:center;animation:slideDown-d7cba4d3 .3s ease-out;box-shadow:0 2px 8px #00ff884d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sso-inputs[data-v-d7cba4d3]{display:flex;flex-direction:column;align-items:flex-start;gap:18px;position:absolute;left:35px;top:120px;width:245px}.sso-input[data-v-d7cba4d3]{display:flex;height:44px;padding:12px 16px;align-items:center;width:100%;border-radius:6px;border:1.5px solid rgba(129,129,129,.4);background:#0000004d;color:#fff;font-family:Urbanist,-apple-system,Roboto,Helvetica,sans-serif;font-size:.95rem;font-weight:400;line-height:1.4;box-sizing:border-box;transition:all .3s ease}.sso-input[data-v-d7cba4d3]:focus{outline:none;border-color:#39b7e2;background:#0006;box-shadow:0 0 0 3px #39b7e21a,0 0 12px #39b7e24d}.sso-input[data-v-d7cba4d3]:disabled{opacity:.5;cursor:not-allowed}.sso-input[data-v-d7cba4d3]::placeholder{color:#818181cc;font-size:.9rem}.sso-terms-container[data-v-d7cba4d3]{display:flex;align-items:center;justify-content:center;gap:8px;position:absolute;left:50%;transform:translate(-50%);top:302px;width:auto;max-width:245px;min-height:24px}.sso-checkbox[data-v-d7cba4d3]{width:12px;height:12px;min-width:12px;min-height:12px;border-radius:4px;border:1.5px solid rgba(255,255,255,.3);background:#ffffff1a;cursor:pointer;accent-color:#39B7E2;transition:all .3s ease;flex-shrink:0}.sso-checkbox[data-v-d7cba4d3]:checked{background:#39b7e2;border-color:#39b7e2}.sso-terms-label[data-v-d7cba4d3]{font-size:.64rem;color:#fffc;line-height:1.4;cursor:pointer;white-space:nowrap}.terms-text[data-v-d7cba4d3]{color:#ffffffb3}.terms-link[data-v-d7cba4d3]{color:#39b7e2;text-decoration:none;transition:all .3s ease;font-weight:600}.terms-link[data-v-d7cba4d3]:hover{text-decoration:underline;text-shadow:0 0 8px rgba(57,183,226,.4)}.sso-button-container[data-v-d7cba4d3]{width:130px;height:36px;position:absolute;left:50%;transform:translate(-50%);top:335px}.sso-button-bg[data-v-d7cba4d3]{position:absolute;left:0;top:0;width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(57,183,226,.3));transition:all .3s ease}.sso-button-container:hover .sso-button-bg[data-v-d7cba4d3]{filter:drop-shadow(0 6px 16px rgba(57,183,226,.5));transform:translateY(-2px) scale(1.05)}.sso-button[data-v-d7cba4d3]{display:flex;width:100%;height:100%;padding:0;justify-content:center;align-items:center;position:relative;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;cursor:pointer;background:none;border:none;font-family:Urbanist,-apple-system,Roboto,Helvetica,sans-serif;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.3);z-index:1}.sso-button[data-v-d7cba4d3]:hover:not(:disabled){transform:scale(1.05)}.sso-button[data-v-d7cba4d3]:active:not(:disabled){transform:scale(.98)}.sso-button[data-v-d7cba4d3]:disabled{opacity:.5;cursor:not-allowed}.sso-divider[data-v-d7cba4d3]{width:245px;height:1px;background:#8181814d;position:absolute;left:35px;top:385px}.sso-login-container[data-v-d7cba4d3]{display:flex;align-items:center;justify-content:center;position:absolute;left:35px;right:35px;top:405px;text-align:center;z-index:10;pointer-events:all}.sso-login-text[data-v-d7cba4d3]{color:#ffffffb3;font-size:.9rem;font-weight:400;line-height:1.4;pointer-events:none}.sso-login-link[data-v-d7cba4d3]{color:#39b7e2;font-size:.9rem;font-weight:700;line-height:1.4;cursor:pointer;text-decoration:none;transition:all .3s ease;margin-left:4px;pointer-events:all;position:relative;z-index:10;display:inline-block;padding:4px 8px;touch-action:manipulation}.sso-login-link[data-v-d7cba4d3]:hover{text-decoration:underline;text-shadow:0 0 8px rgba(57,183,226,.4)}.sso-login-link[data-v-d7cba4d3]:active{transform:scale(.98)}.sso-footer[data-v-d7cba4d3]{width:315px;height:60px;position:absolute;left:50%;transform:translate(-50%);bottom:30px;z-index:2}.sso-footer-box[data-v-d7cba4d3]{width:315px;height:40px;border-radius:8px;border:.5px solid rgba(255,255,255,.1);background:#ffffff08;box-shadow:0 -2px 4px #0003 inset,0 0 2px #ffffff1a inset;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute;left:0;top:0}.sso-footer-made-by[data-v-d7cba4d3]{color:#fffc;font-size:.7rem;font-weight:500;line-height:1.4;position:absolute;left:50%;transform:translate(-50%);top:53px;text-align:center;white-space:nowrap}.company-link[data-v-d7cba4d3]{color:#39b7e2;text-decoration:none;cursor:pointer;transition:all .3s ease}.company-link[data-v-d7cba4d3]:hover{text-decoration:underline;text-shadow:0 0 6px rgba(57,183,226,.3)}.sso-footer-link[data-v-d7cba4d3]{color:#39b7e2;font-size:.75rem;font-weight:600;line-height:1.4;position:absolute;cursor:pointer;text-decoration:none;transition:all .3s ease}.sso-footer-link[data-v-d7cba4d3]:hover{text-decoration:underline;color:#5ec5e8;text-shadow:0 0 6px rgba(57,183,226,.3)}.sso-footer-privacy[data-v-d7cba4d3]{left:24px;top:13px}.sso-footer-mavamade[data-v-d7cba4d3]{left:50%;transform:translate(-50%);top:13px}.sso-footer-copyright[data-v-d7cba4d3]{color:#fff9;font-size:.75rem;font-weight:500;line-height:1.4;position:absolute;right:24px;top:13px}.sso-footer-copyright[data-v-d7cba4d3]:first-letter{font-family:Arial,sans-serif}.transitioning-out[data-v-d7cba4d3]{pointer-events:none;overflow:hidden}.fade-out[data-v-d7cba4d3]{animation:fadeOut-d7cba4d3 1.2s ease-out forwards}.fade-out-delayed-1[data-v-d7cba4d3]{animation:fadeOut-d7cba4d3 1.2s ease-out .4s forwards}.fade-out-delayed-2[data-v-d7cba4d3]{animation:fadeOut-d7cba4d3 1.2s ease-out .8s forwards}.fade-out-delayed-3[data-v-d7cba4d3]{animation:fadeOut-d7cba4d3 1.2s ease-out 1.2s forwards}@keyframes fadeOut-d7cba4d3{0%{opacity:1;transform:scale(1)}25%{opacity:.85;transform:scale(.99)}50%{opacity:.6;transform:scale(.97)}75%{opacity:.3;transform:scale(.96)}to{opacity:0;transform:scale(.95)}}@media (max-width: 768px){.sso-container[data-v-d7cba4d3]{width:100vw;height:100vh;max-width:100%;box-shadow:none;animation:none}.sso-background[data-v-d7cba4d3]{width:100%;height:100%}.sso-card[data-v-d7cba4d3]{width:90%;max-width:360px;height:auto;min-height:500px;padding-bottom:20px}.logo-image[data-v-d7cba4d3]{height:63px}.sso-input[data-v-d7cba4d3]{font-size:1rem;height:48px}.mavamade-logo[data-v-d7cba4d3]{width:100px}.sso-footer[data-v-d7cba4d3]{width:90%;max-width:360px}.sso-footer-box[data-v-d7cba4d3]{width:100%}.sso-error[data-v-d7cba4d3],.sso-success[data-v-d7cba4d3]{font-size:.65rem;max-height:26px}}body.is-ios{font-size:16px}body.is-ios{padding-bottom:env(safe-area-inset-bottom,20px)}@media (min-width: 769px) and (max-width: 1024px){.sso-container[data-v-d7cba4d3]{width:386px;height:735px;overflow:hidden}}.title-screen[data-v-81f1e5b9]{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#030c13}.title-background[data-v-81f1e5b9]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.gradient-orb[data-v-81f1e5b9]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float-81f1e5b9 20s infinite ease-in-out}.orb-1[data-v-81f1e5b9]{width:400px;height:400px;background:radial-gradient(circle,#0E314C,transparent);top:-100px;left:-100px;animation-delay:0s}.orb-2[data-v-81f1e5b9]{width:500px;height:500px;background:radial-gradient(circle,#39B7E2,transparent);bottom:-150px;right:-150px;animation-delay:7s}.orb-3[data-v-81f1e5b9]{width:350px;height:350px;background:radial-gradient(circle,#0E314C,transparent);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}@keyframes float-81f1e5b9{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-50px,50px) scale(.9)}}.title-content[data-v-81f1e5b9]{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:60px;text-align:center;animation:fadeInUp-81f1e5b9 1s ease-out}@keyframes fadeInUp-81f1e5b9{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.title-logo[data-v-81f1e5b9]{position:relative;display:flex;flex-direction:column;align-items:center}.logo-text[data-v-81f1e5b9]{font-size:6rem;font-weight:900;letter-spacing:8px;color:#fff;margin:0;text-transform:uppercase;text-shadow:0 0 20px rgba(57,183,226,.5),0 0 40px rgba(57,183,226,.3),0 0 60px rgba(57,183,226,.2);animation:logoGlow-81f1e5b9 3s ease-in-out infinite}@keyframes logoGlow-81f1e5b9{0%,to{text-shadow:0 0 20px rgba(57,183,226,.5),0 0 40px rgba(57,183,226,.3),0 0 60px rgba(57,183,226,.2)}50%{text-shadow:0 0 30px rgba(57,183,226,.8),0 0 60px rgba(57,183,226,.5),0 0 90px rgba(57,183,226,.3)}}.logo-glow[data-v-81f1e5b9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(57,183,226,.2),transparent);filter:blur(30px);animation:pulse 3s ease-in-out infinite;pointer-events:none}.title-tagline[data-v-81f1e5b9]{display:flex;flex-direction:column;align-items:center;gap:10px;animation-delay:.3s}.tagline-text[data-v-81f1e5b9]{font-size:1.8rem;font-weight:600;color:#fff;letter-spacing:2px;text-transform:uppercase;opacity:.9}.tagline-underline[data-v-81f1e5b9]{width:100px;height:2px;background:linear-gradient(90deg,transparent,#39B7E2,transparent);animation:expandLine-81f1e5b9 2s ease-in-out infinite}@keyframes expandLine-81f1e5b9{0%,to{width:100px;opacity:.5}50%{width:200px;opacity:1}}.press-button[data-v-81f1e5b9]{display:flex;flex-direction:column;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;margin-top:40px}.press-button.pulsing[data-v-81f1e5b9]{animation:pressButtonPulse-81f1e5b9 2s ease-in-out infinite}@keyframes pressButtonPulse-81f1e5b9{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.press-button[data-v-81f1e5b9]:hover{transform:scale(1.1)}.press-text[data-v-81f1e5b9]{font-size:1.5rem;font-weight:700;color:#39b7e2;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 10px rgba(57,183,226,.5)}.press-indicator[data-v-81f1e5b9]{font-size:2rem;color:#39b7e2;animation:bounce-81f1e5b9 1.5s ease-in-out infinite}@keyframes bounce-81f1e5b9{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.music-credit[data-v-81f1e5b9]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);text-align:center;color:#fff;font-size:.9rem;letter-spacing:1px;opacity:.8;animation:fadeInUp-81f1e5b9 1s ease-out}.music-credit[data-v-81f1e5b9]:hover{color:#39b7e2}.login-modal-overlay[data-v-81f1e5b9]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn-81f1e5b9 .3s ease-out}@keyframes fadeIn-81f1e5b9{0%{opacity:0}to{opacity:1}}.login-modal-container[data-v-81f1e5b9]{position:relative;background:transparent;border-radius:10px;box-shadow:0 20px 60px #000c;animation:modalSlideIn-81f1e5b9 .4s cubic-bezier(.34,1.56,.64,1);max-width:95vw;max-height:95vh;overflow:auto}@keyframes modalSlideIn-81f1e5b9{0%{opacity:0;transform:scale(.8) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-modal-close[data-v-81f1e5b9]{position:absolute;top:-50px;right:0;background:#f003;border:2px solid rgba(255,0,0,.5);border-radius:50%;width:45px;height:45px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.login-modal-close[data-v-81f1e5b9]:hover{background:#f006;border-color:red;transform:rotate(90deg) scale(1.1);box-shadow:0 0 20px #ff000080}.close-icon[data-v-81f1e5b9]{color:#fff;font-size:1.5rem;font-weight:700;line-height:1}.modal-enter-active[data-v-81f1e5b9],.modal-leave-active[data-v-81f1e5b9]{transition:opacity .3s ease}.modal-enter-from[data-v-81f1e5b9],.modal-leave-to[data-v-81f1e5b9]{opacity:0}.modal-enter-active .login-modal-container[data-v-81f1e5b9],.modal-leave-active .login-modal-container[data-v-81f1e5b9]{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.modal-enter-from .login-modal-container[data-v-81f1e5b9],.modal-leave-to .login-modal-container[data-v-81f1e5b9]{transform:scale(.8) translateY(-50px);opacity:0}@media (max-width: 768px){.logo-text[data-v-81f1e5b9]{font-size:3.5rem;letter-spacing:4px}.tagline-text[data-v-81f1e5b9],.press-text[data-v-81f1e5b9]{font-size:1.2rem}.title-content[data-v-81f1e5b9]{gap:40px;padding:20px}.gradient-orb[data-v-81f1e5b9]{filter:blur(50px)}.orb-1[data-v-81f1e5b9],.orb-2[data-v-81f1e5b9]{width:250px;height:250px}.orb-3[data-v-81f1e5b9]{width:200px;height:200px}.login-modal-close[data-v-81f1e5b9]{top:10px;right:10px}}@media (max-width: 480px){.logo-text[data-v-81f1e5b9]{font-size:2.5rem;letter-spacing:2px}.tagline-text[data-v-81f1e5b9],.press-text[data-v-81f1e5b9]{font-size:1rem}.login-modal-close[data-v-81f1e5b9]{width:40px;height:40px;top:10px;right:10px}.close-icon[data-v-81f1e5b9]{font-size:1.3rem}}@media (min-width: 769px) and (max-width: 1024px){.logo-text[data-v-81f1e5b9]{font-size:5rem}.tagline-text[data-v-81f1e5b9]{font-size:1.5rem}.press-text[data-v-81f1e5b9]{font-size:1.3rem}}body.is-ios{height:100vh;height:-webkit-fill-available}body.is-ios{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}@media (min-width: 1025px){.login-modal-overlay[data-v-81f1e5b9]{background:#000}.login-modal-container[data-v-81f1e5b9]{background:#000;padding:40px}}.panels-area[data-v-12d4aaaa]{display:flex;justify-content:space-between;gap:30px;flex:1;align-items:stretch;min-height:0;width:100%;padding:0 20px}.panel[data-v-12d4aaaa]{flex:1;min-width:0;background:var(--panel-bg);border-radius:15px;padding:25px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .3s ease}.panel[data-v-12d4aaaa]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:15px;padding:2px;background:linear-gradient(90deg,transparent,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:0;pointer-events:none}.brand-panel[data-v-12d4aaaa]:before{background:conic-gradient(from var(--angle),#8a4baf 0deg,#0099cc 120deg,#00f3ff 240deg,#8a4baf 360deg);animation:rotate-12d4aaaa 4s linear infinite}.custom-panel[data-v-12d4aaaa]:before{background:conic-gradient(from var(--angle),#bd00ff 0deg,#00f3ff 180deg,#bd00ff 360deg);animation:rotate-12d4aaaa 4s linear infinite}.ai-panel[data-v-12d4aaaa]:before{background:conic-gradient(from var(--angle),#00f3ff 0deg,#ffd700 90deg,#bd00ff 180deg,#00f3ff 270deg,#00f3ff 360deg);animation:rotate-12d4aaaa 4s linear infinite reverse}@keyframes rotate-12d4aaaa{to{--angle: 360deg}}.panel[data-v-12d4aaaa]>*{position:relative;z-index:1}.panel[data-v-12d4aaaa]:hover{transform:translateY(-5px)}.panel-header[data-v-12d4aaaa]{display:flex;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:15px;height:70px}.logo-icon[data-v-12d4aaaa]{font-size:3rem;margin-right:20px;font-weight:900;line-height:1;text-shadow:0 0 10px currentColor}.header-text h2[data-v-12d4aaaa]{margin:0;font-size:1.4rem;line-height:1.1;text-transform:uppercase;letter-spacing:1px}.dropdown-container[data-v-12d4aaaa]{margin-bottom:20px;position:relative}.brand-dropdown[data-v-12d4aaaa]{width:100%;background:#2a2240cc;border:2px solid rgba(138,75,175,.5);border-radius:10px;padding:12px 40px 12px 15px;color:#fff;font-size:1rem;font-family:Rajdhani,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;appearance:none;-webkit-appearance:none;-moz-appearance:none}.dropdown-arrow[data-v-12d4aaaa]{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--neon-cyan);font-size:.8rem;pointer-events:none;transition:all .3s ease}.dropdown-container:hover .dropdown-arrow[data-v-12d4aaaa]{color:#fff;transform:translateY(-50%) scale(1.2)}.brand-dropdown[data-v-12d4aaaa]:hover{border-color:var(--neon-cyan);box-shadow:0 0 15px #00f3ff4d}.brand-dropdown[data-v-12d4aaaa]:focus{outline:none;border-color:var(--neon-cyan);box-shadow:0 0 20px #00f3ff80}.brand-dropdown option[data-v-12d4aaaa]{background:#1a1a2e;color:#fff;padding:10px}.hero-grid[data-v-12d4aaaa]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:auto;padding:10px 0}.avatar-btn[data-v-12d4aaaa]{width:100%;aspect-ratio:1;background:#2a2240;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;padding:0;overflow:hidden;position:relative;transition:all .3s ease}.avatar-btn img[data-v-12d4aaaa]{width:100%;height:100%;object-fit:cover;border-radius:12px}.avatar-btn[data-v-12d4aaaa]:hover{border-color:#ffffff80;transform:scale(1.08);box-shadow:0 5px 20px #00f3ff4d}.avatar-btn.selected[data-v-12d4aaaa]{border:3px solid var(--neon-cyan);box-shadow:0 0 20px var(--neon-cyan),inset 0 0 20px #00f3ff33;z-index:2;transform:scale(1.05)}.hero-name-tag[data-v-12d4aaaa]{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#000000d9;border:1px solid var(--neon-cyan);border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 8px #00f3ff66;z-index:10;pointer-events:none;max-width:90%;overflow:hidden;text-overflow:ellipsis}.name-fade-enter-active[data-v-12d4aaaa],.name-fade-leave-active[data-v-12d4aaaa]{transition:opacity .2s ease,transform .2s ease}.name-fade-enter-from[data-v-12d4aaaa],.name-fade-leave-to[data-v-12d4aaaa]{opacity:0;transform:translate(-50%) translateY(5px)}.silhouette[data-v-12d4aaaa]{filter:brightness(0);opacity:.6}.locked-overlay[data-v-12d4aaaa]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;font-size:2rem;background:#00000080;border-radius:12px}.custom-grid[data-v-12d4aaaa]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:10px 0;margin-bottom:auto}.character-slot[data-v-12d4aaaa]{aspect-ratio:1;background:#2a224066;border:2px dashed rgba(189,0,255,.3);border-radius:12px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;position:relative;opacity:.6;padding:0;overflow:hidden}.character-slot.empty[data-v-12d4aaaa]{cursor:not-allowed}.character-slot[data-v-12d4aaaa]:not(.empty):hover{border-color:#00f3ff80;border-style:solid;background:#00f3ff1a;opacity:1;transform:scale(1.08);box-shadow:0 5px 20px #00f3ff4d}.character-slot.selected[data-v-12d4aaaa]{border:3px solid var(--neon-cyan);border-style:solid;box-shadow:0 0 20px var(--neon-cyan),inset 0 0 20px #00f3ff33;opacity:1;transform:scale(1.05)}.character-slot.empty[data-v-12d4aaaa]:hover{border-color:#bd00ff80;background:#bd00ff0d;opacity:.8}.my-char-img[data-v-12d4aaaa]{width:100%;height:100%;object-fit:cover;border-radius:12px}.unavailable-text[data-v-12d4aaaa]{font-size:.85rem;color:#bd00ff99;text-transform:uppercase;letter-spacing:.5px;font-weight:600;text-align:center;line-height:1.2;pointer-events:none}.slot-tooltip[data-v-12d4aaaa]{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#140f23fa;border:1px solid var(--neon-purple);border-radius:8px;padding:12px 15px;width:200px;font-size:.8rem;line-height:1.4;color:#ddd;text-align:center;box-shadow:0 5px 20px #bd00ff66;z-index:100;pointer-events:none}.slot-tooltip[data-v-12d4aaaa]:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:var(--neon-purple) transparent transparent transparent}.tooltip-fade-enter-active[data-v-12d4aaaa],.tooltip-fade-leave-active[data-v-12d4aaaa]{transition:opacity .2s ease,transform .2s ease}.tooltip-fade-enter-from[data-v-12d4aaaa],.tooltip-fade-to[data-v-12d4aaaa]{opacity:0;transform:translate(-50%) translateY(5px)}.portal-container[data-v-12d4aaaa]{flex:1;display:flex;justify-content:center;align-items:center;position:relative;min-height:250px;margin-bottom:20px}.portal-ring[data-v-12d4aaaa]{position:absolute;width:220px;height:220px;border-radius:50%;border:5px solid transparent;border-top-color:var(--neon-cyan);border-bottom-color:var(--neon-purple);box-shadow:0 0 30px var(--neon-cyan);animation:spin-12d4aaaa 8s linear infinite}.portal-core[data-v-12d4aaaa]{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(0,243,255,.5) 40%,transparent 70%);filter:blur(15px);animation:pulse-12d4aaaa 3s infinite}.generated-avatar[data-v-12d4aaaa]{border:3px solid var(--neon-cyan);box-shadow:0 0 20px var(--neon-cyan)}.ai-input-section[data-v-12d4aaaa]{display:flex;flex-direction:column;gap:15px;margin-top:auto}.ai-prompt-input[data-v-12d4aaaa]{width:100%;background:#2a2240cc;border:2px solid rgba(0,243,255,.3);border-radius:10px;padding:12px 15px;color:#fff;font-size:.95rem;font-family:Rajdhani,sans-serif;resize:none;transition:all .3s ease}.ai-prompt-input[data-v-12d4aaaa]::placeholder{color:#fff6}.ai-prompt-input[data-v-12d4aaaa]:focus{outline:none;border-color:var(--neon-cyan);box-shadow:0 0 20px #00f3ff4d}.ai-prompt-input[data-v-12d4aaaa]:hover{border-color:#00f3ff80}.ai-btn[data-v-12d4aaaa]{width:100%;background:linear-gradient(90deg,#2b91a8,#6cdfac);border:none;padding:15px;border-radius:10px;color:#fff;font-weight:700;text-transform:uppercase;font-size:1.1rem;cursor:pointer;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:all .3s ease;box-shadow:0 5px 15px #2b91a84d}.ai-btn[data-v-12d4aaaa]:not(.disabled):hover{transform:translateY(-2px);box-shadow:0 8px 25px #2b91a880;filter:brightness(1.1)}.ai-btn.disabled[data-v-12d4aaaa]{opacity:.5;cursor:not-allowed;background:linear-gradient(90deg,#555,#777)}.description[data-v-12d4aaaa]{text-align:center;font-size:1rem;color:#ccc;margin-top:20px;line-height:1.5;padding:0 10px}.modal-overlay[data-v-12d4aaaa]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content[data-v-12d4aaaa]{background:linear-gradient(135deg,#140f23fa,#2a2240fa);border:2px solid var(--neon-purple);border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #bd00ff99;animation:modalSlideIn-12d4aaaa .3s ease-out}@keyframes modalSlideIn-12d4aaaa{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close[data-v-12d4aaaa]{position:absolute;top:15px;right:15px;background:#f003;border:2px solid rgba(255,0,0,.5);border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;z-index:10}.modal-close[data-v-12d4aaaa]:hover{background:#f006;border-color:red;transform:rotate(90deg)}.close-icon[data-v-12d4aaaa]{color:#fff;font-size:1.5rem;font-weight:700;line-height:1}.modal-body[data-v-12d4aaaa]{display:flex;gap:30px;padding:40px}.modal-image[data-v-12d4aaaa]{flex:1;display:flex;justify-content:center;align-items:center;background:#0000004d;border-radius:15px;padding:30px;border:2px solid rgba(0,243,255,.3)}.modal-image img[data-v-12d4aaaa]{max-width:100%;max-height:400px;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,243,255,.5))}.modal-details[data-v-12d4aaaa]{flex:1;display:flex;flex-direction:column;gap:20px}.modal-title[data-v-12d4aaaa]{font-size:2rem;margin:0;color:var(--neon-cyan);text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(0,243,255,.5)}.character-info[data-v-12d4aaaa]{display:flex;flex-direction:column;gap:12px}.info-item[data-v-12d4aaaa]{background:#00f3ff1a;border:1px solid rgba(0,243,255,.3);border-radius:8px;padding:12px 15px;display:flex;align-items:center;gap:12px;transition:all .3s ease}.info-item[data-v-12d4aaaa]:hover{background:#00f3ff33;border-color:var(--neon-cyan);transform:translate(5px)}.info-icon[data-v-12d4aaaa]{font-size:1.5rem}.info-content[data-v-12d4aaaa]{display:flex;flex-direction:column;gap:2px}.info-label[data-v-12d4aaaa]{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.info-value[data-v-12d4aaaa]{font-size:1rem;font-weight:600;color:#fff}.ai-form[data-v-12d4aaaa]{display:flex;flex-direction:column;gap:15px}.form-group[data-v-12d4aaaa]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-12d4aaaa]{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#ccc;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.label-icon[data-v-12d4aaaa]{font-size:1.2rem}.form-input[data-v-12d4aaaa],.form-select[data-v-12d4aaaa]{width:100%;background:#2a2240cc;border:2px solid rgba(0,243,255,.3);border-radius:10px;padding:12px 15px;color:#fff;font-size:.95rem;font-family:Rajdhani,sans-serif;transition:all .3s ease}.form-input[data-v-12d4aaaa]::placeholder{color:#fff6}.form-input[data-v-12d4aaaa]:focus,.form-select[data-v-12d4aaaa]:focus{outline:none;border-color:var(--neon-cyan);box-shadow:0 0 20px #00f3ff4d}.form-input[data-v-12d4aaaa]:hover,.form-select[data-v-12d4aaaa]:hover{border-color:#00f3ff80}.custom-select-wrapper[data-v-12d4aaaa]{position:relative}.form-select[data-v-12d4aaaa]{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:40px}.select-arrow[data-v-12d4aaaa]{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--neon-cyan);font-size:.8rem;pointer-events:none}.form-select option[data-v-12d4aaaa]{background:#1a1a2e;color:#fff;padding:10px}.modal-actions[data-v-12d4aaaa]{margin-top:auto}.select-modal-btn[data-v-12d4aaaa],.save-ai-btn[data-v-12d4aaaa]{width:100%;background:linear-gradient(90deg,#8a4baf,#bd00ff);border:none;border-radius:10px;padding:15px 20px;color:#fff;font-size:1.1rem;font-weight:700;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 5px 20px #bd00ff66}.select-modal-btn[data-v-12d4aaaa]:hover,.save-ai-btn[data-v-12d4aaaa]:not(.disabled):hover{transform:translateY(-3px);box-shadow:0 8px 30px #bd00ff99;filter:brightness(1.2)}.save-ai-btn.disabled[data-v-12d4aaaa]{opacity:.5;cursor:not-allowed;background:linear-gradient(90deg,#555,#777)}.btn-icon[data-v-12d4aaaa]{font-size:1.3rem}.modal-enter-active[data-v-12d4aaaa],.modal-leave-active[data-v-12d4aaaa]{transition:opacity .3s ease}.modal-enter-from[data-v-12d4aaaa],.modal-leave-to[data-v-12d4aaaa]{opacity:0}@keyframes spin-12d4aaaa{to{transform:rotate(360deg)}}@keyframes pulse-12d4aaaa{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.6;transform:scale(1)}}@media (max-width: 1200px){.panels-area[data-v-12d4aaaa]{gap:20px;padding:0 10px}.panel[data-v-12d4aaaa]{padding:20px}.hero-grid[data-v-12d4aaaa],.custom-grid[data-v-12d4aaaa]{gap:12px}}@media (max-width: 900px){.panels-area[data-v-12d4aaaa]{flex-direction:column;align-items:center;padding:0}.panel[data-v-12d4aaaa]{width:100%;max-width:500px}.portal-ring[data-v-12d4aaaa]{width:180px;height:180px}.portal-core[data-v-12d4aaaa]{width:140px;height:140px}.slot-tooltip[data-v-12d4aaaa]{width:180px;font-size:.75rem}.modal-body[data-v-12d4aaaa]{flex-direction:column;padding:30px 20px}.modal-image[data-v-12d4aaaa]{padding:20px}.modal-image img[data-v-12d4aaaa]{max-height:250px}.hero-name-tag[data-v-12d4aaaa]{font-size:.65rem;padding:3px 8px}}.gear-layout[data-v-6b169a92]{display:flex;flex-direction:column;width:100%;height:calc(100vh - 120px);max-width:1800px;margin:0 auto;padding:0 40px;position:relative;font-family:var(--font-primary);overflow:hidden}.back-button-top[data-v-6b169a92]{position:absolute;top:0;left:40px;display:flex;align-items:center;gap:8px;background:#00f3ff1a;border:2px solid rgba(0,243,255,.3);border-radius:10px;padding:10px 20px;color:var(--neon-cyan);font-family:var(--font-primary);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;z-index:100;height:44px}.back-button-top[data-v-6b169a92]:hover{background:#00f3ff33;border-color:var(--neon-cyan);transform:translate(-3px);box-shadow:0 0 15px #00f3ff4d}.back-icon[data-v-6b169a92]{font-size:1.3rem;line-height:1;transition:transform .3s ease}.back-button-top:hover .back-icon[data-v-6b169a92]{transform:translate(-3px)}.back-text[data-v-6b169a92]{line-height:1}.action-buttons-container[data-v-6b169a92]{position:absolute;top:0;right:40px;display:flex;align-items:center;gap:15px;z-index:100}.reroll-btn[data-v-6b169a92]{background:linear-gradient(90deg,#2b91a8,#6cdfac);border:none;border-radius:10px;padding:10px 20px 10px 50px;color:#fff;font-weight:700;display:flex;align-items:center;position:relative;cursor:pointer;box-shadow:0 5px 20px #2b91a866;text-transform:uppercase;transition:all .3s ease;height:44px;font-family:var(--font-primary)}.reroll-btn[data-v-6b169a92]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2b91a899}.reroll-icon[data-v-6b169a92]{position:absolute;left:15px;font-size:1.5rem;animation:spin-6b169a92 4s linear infinite}.reroll-content[data-v-6b169a92]{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.reroll-text[data-v-6b169a92]{font-size:.85rem;font-weight:800;letter-spacing:.5px}.reroll-cost[data-v-6b169a92]{font-size:.65rem;font-weight:500;opacity:.9;color:gold}@keyframes spin-6b169a92{to{transform:rotate(360deg)}}.confirm-btn[data-v-6b169a92]{background:linear-gradient(90deg,#8a4baf,#bd00ff);border:none;border-radius:10px;padding:10px 25px;color:#fff;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 5px 20px #bd00ff66;text-transform:uppercase;transition:all .3s ease;height:44px;font-family:var(--font-primary);font-size:.9rem;letter-spacing:.5px}.confirm-btn[data-v-6b169a92]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #bd00ff99}.confirm-icon[data-v-6b169a92]{font-size:1.2rem;line-height:1}.confirm-text[data-v-6b169a92]{line-height:1}.currency-display[data-v-6b169a92]{display:flex;gap:10px;align-items:center}.currency-pill[data-v-6b169a92]{background:#0009;border:2px solid rgba(255,255,255,.2);border-radius:20px;padding:8px 15px;font-size:.85rem;font-weight:600;color:#fff;display:flex;align-items:center;font-family:var(--font-primary)}.gear-content[data-v-6b169a92]{display:flex;gap:40px;flex:1;justify-content:center;align-items:stretch;margin-top:60px;min-height:0}.avatar-preview-col[data-v-6b169a92]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0}.avatar-container[data-v-6b169a92]{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.large-avatar[data-v-6b169a92]{height:380px;filter:drop-shadow(0 10px 30px rgba(0,0,0,.7));transition:all .3s}.avatar-stats[data-v-6b169a92]{display:flex;gap:12px;margin-top:20px}.stat-badge[data-v-6b169a92]{background:#2a2240e6;border:2px solid rgba(138,75,175,.5);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .3s ease;min-width:100px}.stat-badge[data-v-6b169a92]:hover{border-color:var(--neon-cyan);transform:translateY(-2px);box-shadow:0 5px 15px #00f3ff4d}.stat-icon[data-v-6b169a92]{font-size:1.3rem}.stat-label[data-v-6b169a92]{font-size:.65rem;color:#888;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value[data-v-6b169a92]{font-size:.8rem;color:#fff;font-weight:700;text-align:center;line-height:1.2}.speech-bubble[data-v-6b169a92]{background:#141423fa;border:2px solid var(--neon-purple);border-radius:12px;padding:15px;color:#ddd;font-size:.85rem;max-width:340px;margin-top:15px;box-shadow:0 5px 20px #bd00ff80;position:relative;text-align:center}.speech-bubble[data-v-6b169a92]:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);border-width:0 10px 10px;border-style:solid;border-color:transparent transparent var(--neon-purple)}.speech-bubble h4[data-v-6b169a92]{margin:0 0 8px;color:#fff;font-size:1rem}.speech-bubble p[data-v-6b169a92]{margin:0 0 12px;line-height:1.4}.speech-bubble button[data-v-6b169a92]{background:linear-gradient(90deg,#8a4baf,#bd00ff);border:none;color:#fff;padding:6px 16px;border-radius:6px;cursor:pointer;font-family:var(--font-primary);font-weight:600;font-size:.8rem;text-transform:uppercase;transition:all .3s}.speech-bubble button[data-v-6b169a92]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #bd00ff80}.outfit-panel[data-v-6b169a92]{flex:1.5;background:var(--panel-bg);border-radius:15px;padding:20px;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:0}.outfit-panel[data-v-6b169a92]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:15px;padding:2px;background:conic-gradient(from var(--angle),#bd00ff 0deg,#00f3ff 90deg,#8a4baf 180deg,#00f3ff 270deg,#bd00ff 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:0;pointer-events:none;animation:rotate-6b169a92 3s linear infinite}@keyframes rotate-6b169a92{to{--angle: 360deg}}.outfit-panel[data-v-6b169a92]>*{position:relative;z-index:1}.outfit-header[data-v-6b169a92]{text-align:center;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:12px;margin-bottom:15px}.outfit-header h2[data-v-6b169a92]{margin:0;font-size:1.3rem;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:8px}.header-icon[data-v-6b169a92]{font-size:1.5rem}.outfit-grid-wrapper[data-v-6b169a92]{flex:1;overflow-y:auto;overflow-x:hidden;padding:5px;margin:0 -5px;min-height:0}.outfit-grid-wrapper[data-v-6b169a92]::-webkit-scrollbar{width:6px}.outfit-grid-wrapper[data-v-6b169a92]::-webkit-scrollbar-track{background:#0003;border-radius:10px}.outfit-grid-wrapper[data-v-6b169a92]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#bd00ff,#00f3ff);border-radius:10px}.outfit-grid[data-v-6b169a92]{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.outfit-card[data-v-6b169a92]{background:#1a1a2ecc;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8px;cursor:pointer;border:2px solid rgba(138,75,175,.3);transition:all .3s ease;position:relative;min-height:120px}.outfit-card[data-v-6b169a92]:not(.locked):hover{background:#252540e6;transform:translateY(-3px);border-color:var(--neon-cyan);box-shadow:0 5px 15px #00f3ff4d}.outfit-card.active[data-v-6b169a92]{border-color:var(--neon-cyan);box-shadow:0 0 15px var(--neon-cyan),inset 0 0 15px #00f3ff33;background:#00f3ff1a}.outfit-card.locked[data-v-6b169a92]{cursor:not-allowed;opacity:.6}.outfit-img[data-v-6b169a92]{width:100%;height:auto;max-height:75px;object-fit:contain;margin-bottom:6px;transition:all .3s ease}.outfit-card:hover .outfit-img[data-v-6b169a92]:not(.silhouette){transform:scale(1.05)}.silhouette[data-v-6b169a92]{filter:brightness(0);opacity:.5}.locked-overlay[data-v-6b169a92]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:#0009;border-radius:8px}.lock-icon[data-v-6b169a92]{font-size:1.8rem;animation:lockPulse-6b169a92 2s ease-in-out infinite}@keyframes lockPulse-6b169a92{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.outfit-actions[data-v-6b169a92]{width:100%;display:flex;flex-direction:column;gap:6px;align-items:center}.expand-btn[data-v-6b169a92]{background:#00f3ff1a;border:1px solid rgba(0,243,255,.3);border-radius:5px;padding:4px 10px;color:var(--neon-cyan);cursor:pointer;transition:all .2s ease;font-size:.7rem;display:flex;align-items:center;gap:4px}.expand-btn[data-v-6b169a92]:hover{background:#00f3ff33;border-color:var(--neon-cyan);transform:scale(1.05)}.outfit-label[data-v-6b169a92]{font-size:.7rem;text-align:center;width:100%;line-height:1.1}.outfit-name[data-v-6b169a92]{color:#ccc;display:block}.selected-badge[data-v-6b169a92]{background:var(--neon-cyan);color:#000;border-radius:3px;font-weight:700;font-size:.65rem;padding:3px 6px;text-transform:uppercase;display:inline-block;box-shadow:0 0 10px #00f3ff80}.description[data-v-6b169a92]{text-align:center;font-size:.85rem;color:#ccc;margin-top:15px;line-height:1.4;display:flex;align-items:center;justify-content:center;gap:6px}.desc-icon[data-v-6b169a92]{font-size:1rem}.modal-overlay[data-v-6b169a92]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content[data-v-6b169a92]{background:linear-gradient(135deg,#140f23fa,#2a2240fa);border:2px solid var(--neon-purple);border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 20px 60px #bd00ff99;animation:modalSlideIn-6b169a92 .3s ease-out}@keyframes modalSlideIn-6b169a92{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close[data-v-6b169a92]{position:absolute;top:15px;right:15px;background:#f003;border:2px solid rgba(255,0,0,.5);border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;z-index:10}.modal-close[data-v-6b169a92]:hover{background:#f006;border-color:red;transform:rotate(90deg)}.close-icon[data-v-6b169a92]{color:#fff;font-size:1.5rem;font-weight:700;line-height:1}.modal-body[data-v-6b169a92]{display:flex;gap:30px;padding:40px;overflow-y:auto;max-height:calc(90vh - 80px)}.modal-image[data-v-6b169a92]{flex:1;display:flex;justify-content:center;align-items:center;background:#0000004d;border-radius:15px;padding:30px;border:2px solid rgba(0,243,255,.3)}.modal-image img[data-v-6b169a92]{max-width:100%;max-height:400px;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,243,255,.5))}.modal-details[data-v-6b169a92]{flex:1;display:flex;flex-direction:column;gap:20px}.modal-title[data-v-6b169a92]{font-size:2rem;margin:0;color:var(--neon-cyan);text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(0,243,255,.5)}.outfit-stats[data-v-6b169a92]{display:flex;flex-direction:column;gap:12px}.stat-item[data-v-6b169a92]{background:#00f3ff1a;border:1px solid rgba(0,243,255,.3);border-radius:8px;padding:12px 15px;display:flex;align-items:center;gap:12px;transition:all .3s ease}.stat-item[data-v-6b169a92]:hover{background:#00f3ff33;border-color:var(--neon-cyan);transform:translate(5px)}.stat-item .stat-icon[data-v-6b169a92]{font-size:1.5rem}.stat-content[data-v-6b169a92]{display:flex;flex-direction:column;gap:2px}.stat-label-modal[data-v-6b169a92]{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.stat-text[data-v-6b169a92]{font-size:1rem;font-weight:600;color:#fff}.outfit-description[data-v-6b169a92]{color:#ccc;line-height:1.6;font-size:.95rem}.modal-actions[data-v-6b169a92]{margin-top:auto}.select-modal-btn[data-v-6b169a92]{width:100%;background:linear-gradient(90deg,#8a4baf,#bd00ff);border:none;border-radius:10px;padding:15px 20px;color:#fff;font-size:1.1rem;font-weight:700;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 5px 20px #bd00ff66;position:relative;overflow:hidden}.select-modal-btn[data-v-6b169a92]:hover:not(.show-particles){transform:translateY(-3px);box-shadow:0 8px 30px #bd00ff99;filter:brightness(1.2)}.select-modal-btn.show-particles[data-v-6b169a92]{animation:buttonPulse-6b169a92 .6s ease-out}@keyframes buttonPulse-6b169a92{0%{transform:scale(1);box-shadow:0 5px 20px #bd00ff66}50%{transform:scale(1.05);box-shadow:0 10px 40px #bd00ffcc}to{transform:scale(1);box-shadow:0 5px 20px #bd00ff66}}.btn-icon[data-v-6b169a92]{font-size:1.3rem}.particle-container[data-v-6b169a92]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.particle[data-v-6b169a92]{position:absolute;width:8px;height:8px;background:radial-gradient(circle,#fff 0%,#00f3ff 50%,transparent 100%);border-radius:50%;top:50%;left:50%;animation:particleBurst-6b169a92 .6s ease-out forwards;animation-delay:var(--delay);opacity:0}@keyframes particleBurst-6b169a92{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translate(0) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle)) translate(40px) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translate(60px) scale(.5)}}.modal-enter-active[data-v-6b169a92],.modal-leave-active[data-v-6b169a92]{transition:opacity .3s ease}.modal-enter-from[data-v-6b169a92],.modal-leave-to[data-v-6b169a92]{opacity:0}@media (max-width: 1400px){.gear-layout[data-v-6b169a92]{padding:0 30px}.back-button-top[data-v-6b169a92]{left:30px}.action-buttons-container[data-v-6b169a92]{right:30px}.outfit-grid[data-v-6b169a92]{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1200px){.gear-layout[data-v-6b169a92]{padding:0 20px}.back-button-top[data-v-6b169a92]{left:20px}.action-buttons-container[data-v-6b169a92]{right:20px}.gear-content[data-v-6b169a92]{gap:25px}.large-avatar[data-v-6b169a92]{height:320px}}@media (max-width: 900px){.gear-layout[data-v-6b169a92]{height:auto;overflow:visible}.action-buttons-container[data-v-6b169a92]{flex-wrap:wrap;justify-content:flex-end}.gear-content[data-v-6b169a92]{flex-direction:column;margin-top:80px}.large-avatar[data-v-6b169a92]{height:280px}.outfit-grid[data-v-6b169a92]{grid-template-columns:repeat(3,1fr)}.modal-body[data-v-6b169a92]{flex-direction:column;padding:30px 20px}.modal-image[data-v-6b169a92]{padding:20px}.modal-image img[data-v-6b169a92]{max-height:250px}}.progress-track[data-v-b653b739]{background:#1a1a2e;border-radius:6px;overflow:hidden;display:flex;gap:2px;padding:2px}.progress-segment[data-v-b653b739]{flex:1;background:#2b3a55;height:100%;border-radius:2px;transition:all .3s ease}.progress-segment.filled[data-v-b653b739]{background:var(--neon-cyan);box-shadow:0 0 5px var(--neon-cyan)}.progress-segment.filled-blue[data-v-b653b739]{background:var(--neon-blue);box-shadow:0 0 5px var(--neon-blue)}.hub-layout[data-v-9b6e39fd]{display:flex;flex-direction:column;gap:15px;width:100%;padding-bottom:20px}.global-progress-container[data-v-9b6e39fd]{background:var(--panel-bg);border:2px solid #2b3a55;border-radius:12px;padding:12px 20px;box-shadow:0 0 15px #2b3a554d;flex-shrink:0}.progress-header[data-v-9b6e39fd]{display:flex;justify-content:space-between;margin-bottom:8px;font-weight:700;letter-spacing:1px}.progress-header span[data-v-9b6e39fd]{color:var(--text-muted)}.progress-header strong[data-v-9b6e39fd]{color:var(--text-main)}.hub-main-content[data-v-9b6e39fd]{display:grid;grid-template-columns:2fr 1fr;gap:20px;width:100%}.carousel-column[data-v-9b6e39fd]{display:flex;flex-direction:column;gap:15px}.carousel-header[data-v-9b6e39fd]{text-align:center}.carousel-header h2[data-v-9b6e39fd]{margin:0;font-size:1.8rem;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:10px}.header-icon[data-v-9b6e39fd]{font-size:2rem}.carousel-container[data-v-9b6e39fd]{position:relative;display:flex;align-items:center;gap:15px;min-height:600px}.carousel-nav[data-v-9b6e39fd]{background:#00f3ff1a;border:2px solid rgba(0,243,255,.3);border-radius:50%;width:50px;height:50px;font-size:2rem;color:var(--neon-cyan);cursor:pointer;transition:all .3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center;line-height:1}.carousel-nav[data-v-9b6e39fd]:hover:not(:disabled){background:#00f3ff33;border-color:var(--neon-cyan);transform:scale(1.1)}.carousel-nav[data-v-9b6e39fd]:disabled{opacity:.3;cursor:not-allowed}.carousel-track-wrapper[data-v-9b6e39fd]{flex:1;overflow:hidden;min-height:0}.carousel-track[data-v-9b6e39fd]{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);height:100%}.carousel-item[data-v-9b6e39fd]{min-width:100%;height:100%}.journey-card-tall[data-v-9b6e39fd]{min-height:600px;background:var(--panel-bg);border-radius:15px;padding:2px;position:relative;overflow:hidden}.journey-card-tall[data-v-9b6e39fd]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:15px;padding:2px;background:conic-gradient(from var(--angle),#00f3ff 0deg,#8a4baf 90deg,#bd00ff 180deg,#00f3ff 270deg,#00f3ff 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:0;pointer-events:none;animation:rotate-9b6e39fd 4s linear infinite}@keyframes rotate-9b6e39fd{to{--angle: 360deg}}.journey-card-tall[data-v-9b6e39fd]>*{position:relative;z-index:1}.card-inner[data-v-9b6e39fd]{background:var(--card-bg-dark);border-radius:13px;padding:20px;height:100%;display:flex;flex-direction:column;min-height:0}.focus-header[data-v-9b6e39fd]{display:flex;align-items:center;margin-bottom:20px}.lock-icon-large[data-v-9b6e39fd]{font-size:4rem;color:var(--neon-cyan);margin-right:20px;text-shadow:0 0 15px var(--neon-cyan);flex-shrink:0}.focus-title[data-v-9b6e39fd]{flex:1}.journey-label[data-v-9b6e39fd]{color:var(--text-muted);font-size:.9rem;letter-spacing:1px;display:block;margin-bottom:5px}.focus-title h2[data-v-9b6e39fd]{margin:0;font-size:2rem;text-transform:uppercase;line-height:1;font-weight:800}.phases-section[data-v-9b6e39fd]{flex:1;display:flex;flex-direction:column}.phases-header[data-v-9b6e39fd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.phases-header h4[data-v-9b6e39fd]{color:var(--text-muted);margin:0;text-transform:uppercase;font-size:1rem}.phase-count[data-v-9b6e39fd]{color:var(--neon-cyan);font-weight:700;font-size:.9rem}.phases-scroll-container[data-v-9b6e39fd]{max-height:400px;overflow-y:auto;overflow-x:hidden;padding-right:5px;margin-right:-5px}.phases-scroll-container[data-v-9b6e39fd]::-webkit-scrollbar{width:6px}.phases-scroll-container[data-v-9b6e39fd]::-webkit-scrollbar-track{background:#0003;border-radius:10px}.phases-scroll-container[data-v-9b6e39fd]::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00f3ff,#8a4baf);border-radius:10px}.phases-list[data-v-9b6e39fd]{display:flex;flex-direction:column;gap:10px}.phase-item[data-v-9b6e39fd]{background:var(--card-bg-light);border-radius:10px;border:1px solid #2b3a55;overflow:hidden;transition:all .3s ease}.phase-item.active[data-v-9b6e39fd]{border-color:var(--neon-cyan);box-shadow:inset 0 0 15px #00f3ff1a}.phase-item.locked[data-v-9b6e39fd]{opacity:.6}.phase-item.expanded[data-v-9b6e39fd]{border-color:var(--neon-cyan);box-shadow:0 0 15px #00f3ff33}.phase-header-bar[data-v-9b6e39fd]{padding:12px 15px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s ease}.phase-header-bar[data-v-9b6e39fd]:hover{background:#00f3ff0d}.phase-main-info[data-v-9b6e39fd]{flex:1}.phase-main-info h5[data-v-9b6e39fd]{margin:0 0 8px;font-size:1rem;text-transform:uppercase;color:#fff}.phase-meta[data-v-9b6e39fd]{display:flex;gap:15px;font-size:.75rem;color:var(--text-muted)}.phase-expand-btn[data-v-9b6e39fd]{background:#00f3ff1a;border:1px solid rgba(0,243,255,.3);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--neon-cyan);cursor:pointer;transition:all .2s ease}.phase-expand-btn[data-v-9b6e39fd]:hover{background:#00f3ff33;transform:scale(1.1)}.phase-expanded-content[data-v-9b6e39fd]{padding:0 15px 15px;border-top:1px solid rgba(0,243,255,.2);animation:slideDown-9b6e39fd .3s ease-out}@keyframes slideDown-9b6e39fd{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.phase-description[data-v-9b6e39fd],.phase-objective[data-v-9b6e39fd]{margin-bottom:12px}.phase-description strong[data-v-9b6e39fd],.phase-objective strong[data-v-9b6e39fd]{color:var(--neon-cyan);display:block;margin-bottom:5px;font-size:.85rem;text-transform:uppercase}.phase-description p[data-v-9b6e39fd],.phase-objective p[data-v-9b6e39fd]{margin:0;color:#ccc;font-size:.9rem;line-height:1.5}.phase-actions[data-v-9b6e39fd]{margin-top:12px;display:flex;justify-content:center}.locked-status[data-v-9b6e39fd]{display:flex;flex-direction:column;align-items:center;color:var(--text-muted);font-size:.8rem;font-weight:700;gap:5px}.expand-enter-active[data-v-9b6e39fd],.expand-leave-active[data-v-9b6e39fd]{transition:all .3s ease;max-height:500px}.expand-enter-from[data-v-9b6e39fd],.expand-leave-to[data-v-9b6e39fd]{max-height:0;opacity:0}.carousel-indicators[data-v-9b6e39fd]{display:flex;justify-content:center;gap:10px;padding:10px 0}.indicator-dot[data-v-9b6e39fd]{width:12px;height:12px;border-radius:50%;background:#00f3ff4d;border:2px solid transparent;cursor:pointer;transition:all .3s ease}.indicator-dot[data-v-9b6e39fd]:hover{background:#00f3ff80}.indicator-dot.active[data-v-9b6e39fd]{background:var(--neon-cyan);border-color:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan)}.side-journeys-column[data-v-9b6e39fd]{display:flex;flex-direction:column;gap:15px}.side-journeys-column .carousel-header[data-v-9b6e39fd]{text-align:center}.side-journeys-column .carousel-header h2[data-v-9b6e39fd]{margin:0;font-size:1.5rem;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:10px}.side-carousel-container[data-v-9b6e39fd]{position:relative;display:flex;align-items:center;gap:10px;min-height:600px}.side-carousel-track-wrapper[data-v-9b6e39fd]{flex:1;overflow:hidden;min-height:0;touch-action:pan-y;cursor:grab}.side-carousel-track-wrapper[data-v-9b6e39fd]:active{cursor:grabbing}.side-carousel-track[data-v-9b6e39fd]{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);height:100%}.side-carousel-item[data-v-9b6e39fd]{min-width:100%;height:100%;display:flex;align-items:stretch}.journey-card.side-card[data-v-9b6e39fd]{background:var(--panel-bg);border-radius:15px;padding:2px;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:600px;width:100%}.journey-card.side-card[data-v-9b6e39fd]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:15px;padding:2px;background:conic-gradient(from var(--angle),#bd00ff 0deg,#00f3ff 180deg,#bd00ff 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:0;pointer-events:none;animation:rotate-9b6e39fd 4s linear infinite}.card-header-banner[data-v-9b6e39fd]{text-align:center;margin-bottom:12px}.card-header-banner h3[data-v-9b6e39fd]{margin:0;font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.card-icon-large[data-v-9b6e39fd]{font-size:3.5rem;text-align:center;margin:8px 0 15px;color:#ddd;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.side-card-title h2[data-v-9b6e39fd]{margin:0 0 12px;text-align:center;text-transform:uppercase;font-size:1.4rem;line-height:1.1}.journey-level-info[data-v-9b6e39fd]{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted);margin-bottom:8px}.mastered-badge[data-v-9b6e39fd]{text-align:center;margin-top:12px;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(255,215,0,.5);display:flex;flex-direction:column;align-items:center}@media (max-width: 1200px){.hub-main-content[data-v-9b6e39fd]{grid-template-columns:1.5fr 1fr}}@media (max-width: 900px){.hub-main-content[data-v-9b6e39fd]{grid-template-columns:1fr}.carousel-nav[data-v-9b6e39fd]{width:40px;height:40px;font-size:1.5rem}.lock-icon-large[data-v-9b6e39fd]{font-size:3rem}.focus-title h2[data-v-9b6e39fd]{font-size:1.5rem}.carousel-container[data-v-9b6e39fd],.side-carousel-container[data-v-9b6e39fd],.journey-card-tall[data-v-9b6e39fd],.journey-card.side-card[data-v-9b6e39fd]{min-height:500px}.phases-scroll-container[data-v-9b6e39fd]{max-height:300px}}@media (max-width: 600px){.carousel-header h2[data-v-9b6e39fd]{font-size:1.2rem}.side-journeys-column .carousel-header h2[data-v-9b6e39fd]{font-size:1rem}.focus-title h2[data-v-9b6e39fd]{font-size:1.2rem}.side-card-title h2[data-v-9b6e39fd]{font-size:1.1rem}.carousel-container[data-v-9b6e39fd],.side-carousel-container[data-v-9b6e39fd]{min-height:400px}}.gameplay-layout[data-v-bc89b045]{display:flex;flex:1;gap:15px;overflow:hidden;align-items:flex-end;height:100%;max-height:calc(100vh - 120px)}.stats-panel[data-v-bc89b045]{width:200px;background:var(--panel-bg);border-radius:12px;border:1px solid #2b3a55;padding:12px;display:flex;flex-direction:column;align-self:flex-end;max-height:100%;overflow-y:auto}.stats-header[data-v-bc89b045]{color:var(--gold);font-weight:700;margin-bottom:10px;text-transform:uppercase;font-size:.85rem;text-align:center;letter-spacing:1px;padding-bottom:8px;flex-shrink:0}.stat-row[data-v-bc89b045]{display:flex;justify-content:space-between;margin-bottom:6px;font-size:.85rem;color:#ddd}.stat-name[data-v-bc89b045]{color:var(--text-muted);font-size:.75rem}.main-stage-panel[data-v-bc89b045]{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.stage-card[data-v-bc89b045]{background:var(--card-bg-light);border-radius:12px;border:1px solid var(--neon-cyan);position:relative;overflow:hidden;display:flex;flex-direction:column;flex-shrink:1;min-height:0;max-height:45vh}.section-label[data-v-bc89b045]{color:var(--gold);font-weight:700;font-size:.85rem;text-transform:uppercase;padding:8px 12px;background:#0a0f19cc;flex-shrink:0}.scene-display[data-v-bc89b045]{width:100%;aspect-ratio:16 / 9;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#000;position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:0 50px 15px;flex-shrink:1;overflow:hidden}.char-sprite[data-v-bc89b045]{height:100px;max-height:20%;filter:drop-shadow(0 5px 10px rgba(0,0,0,.5));transition:transform .3s}.enemy-sprite[data-v-bc89b045]{height:130px;max-height:30%;filter:drop-shadow(0 0 15px var(--neon-cyan))}.narrative-console[data-v-bc89b045]{background:#0a0f19f2;border:1px solid var(--neon-cyan);border-radius:12px;padding:12px;display:flex;flex-direction:column;box-shadow:0 0 20px #00f3ff1a;flex-shrink:0;overflow:visible}.narrator-label[data-v-bc89b045]{color:var(--gold);font-weight:700;font-size:.85rem;margin-bottom:5px;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}.timer-display[data-v-bc89b045]{display:flex;align-items:center;gap:5px;background:#00f3ff1a;padding:4px 12px;border-radius:15px;border:1px solid rgba(0,243,255,.3);transition:all .3s ease}.timer-icon[data-v-bc89b045]{font-size:1rem}.timer-text[data-v-bc89b045]{font-size:.9rem;font-weight:700;color:#00f3ff;min-width:25px;text-align:center}.timer-warning[data-v-bc89b045]{background:#ffc80026;border-color:#ffc80080;animation:timerPulse-bc89b045 1s ease-in-out infinite}.timer-warning .timer-text[data-v-bc89b045]{color:#ffc800}.timer-critical[data-v-bc89b045]{background:#ff323233;border-color:#ff323299;animation:timerCritical-bc89b045 .5s ease-in-out infinite}.timer-critical .timer-text[data-v-bc89b045]{color:#f33}@keyframes timerPulse-bc89b045{0%,to{transform:scale(1);box-shadow:0 0 5px #ffc8004d}50%{transform:scale(1.05);box-shadow:0 0 15px #ffc80099}}@keyframes timerCritical-bc89b045{0%,to{transform:scale(1);box-shadow:0 0 10px #ff323280}50%{transform:scale(1.1);box-shadow:0 0 20px #ff3232cc}}.narrative-text[data-v-bc89b045]{font-size:.9rem;line-height:1.3;color:#eee;margin-bottom:10px;max-height:60px;overflow-y:auto}.choices-grid[data-v-bc89b045]{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:relative;overflow:visible}.choice-btn[data-v-bc89b045]{background:#28324699;border:1px solid #555;border-radius:20px;padding:10px;color:#ddd;text-align:left;cursor:pointer;transition:all .2s;font-size:.85rem;position:relative;font-family:Rajdhani,sans-serif;line-height:1.2}.choice-btn[data-v-bc89b045]:hover{background:#00f3ff1a;border-color:var(--neon-cyan);color:#fff;z-index:2}.choice-btn.flash-effect[data-v-bc89b045]{animation:flashButton-bc89b045 .5s ease-in-out 2;z-index:3}.choice-btn.disabled[data-v-bc89b045]{opacity:.5;cursor:not-allowed;pointer-events:none}@keyframes flashButton-bc89b045{0%,to{background:#28324699;border-color:#555;box-shadow:none}50%{background:#00ff884d;border-color:#0f8;box-shadow:0 0 20px #0f89,inset 0 0 20px #00ff884d;transform:scale(1.05)}}.toast-notification[data-v-bc89b045]{position:fixed;transform:translate(-50%,-120px);background:linear-gradient(135deg,#00ff88f2,#00c864f2);border:2px solid #00ff88;border-radius:12px;padding:12px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 25px #00ff8880,0 0 40px #00ff884d;z-index:1000;pointer-events:none;min-width:180px}.toast-icon[data-v-bc89b045]{font-size:2rem;animation:toastIconSpin-bc89b045 .6s ease-out}@keyframes toastIconSpin-bc89b045{0%{transform:rotate(0) scale(0)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.toast-content[data-v-bc89b045]{display:flex;flex-direction:column;gap:2px}.toast-title[data-v-bc89b045]{font-size:.9rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.toast-value[data-v-bc89b045]{font-size:1.4rem;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4);line-height:1}.toast-enter-active[data-v-bc89b045]{animation:toastSlideIn-bc89b045 .4s cubic-bezier(.34,1.56,.64,1)}.toast-leave-active[data-v-bc89b045]{animation:toastSlideOut-bc89b045 .3s ease-in}@keyframes toastSlideIn-bc89b045{0%{opacity:0;transform:translate(-50%,-80px) scale(.8)}to{opacity:1;transform:translate(-50%,-120px) scale(1)}}@keyframes toastSlideOut-bc89b045{0%{opacity:1;transform:translate(-50%,-120px) scale(1)}to{opacity:0;transform:translate(-50%,-160px) scale(.8)}}.sentiment-panel[data-v-bc89b045]{width:140px;display:flex;flex-direction:column;align-items:center;gap:12px;align-self:flex-end;max-height:100%}.sentiment-card[data-v-bc89b045]{background:var(--panel-bg);border:1px solid #444;border-radius:12px;padding:10px;width:100%;display:flex;flex-direction:column;align-items:center}.sentiment-avatar[data-v-bc89b045]{width:70px;height:70px;border-radius:50%;border:2px solid #555;margin-bottom:8px;overflow:hidden}.sentiment-avatar img[data-v-bc89b045]{width:100%;height:100%;object-fit:cover}.sentiment-meter-container[data-v-bc89b045]{height:100px;width:18px;background:#222;border-radius:10px;position:relative;margin:8px 0;border:1px solid #444}.sentiment-gradient[data-v-bc89b045]{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:8px;background:linear-gradient(to top,#f33,#ff0,#0f0);opacity:.7}.sentiment-thumb[data-v-bc89b045]{position:absolute;left:-5px;width:28px;height:14px;background:#fff;border-radius:4px;box-shadow:0 2px 4px #00000080;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;font-size:9px;color:#000;font-weight:700;transition:top .3s ease}.sentiment-label[data-v-bc89b045]{background:#333;padding:4px 8px;border-radius:10px;font-size:.75rem;font-weight:700;margin-top:4px;transition:all .3s ease}.sentiment-label.positive[data-v-bc89b045]{color:#0f8;background:#0f83;border:1px solid #00ff88;box-shadow:0 0 10px #00ff884d}.sentiment-label.neutral[data-v-bc89b045]{color:#ccc;background:#333}.sentiment-label.negative[data-v-bc89b045]{color:#f33;background:#f333;border:1px solid #ff3333;box-shadow:0 0 10px #ff33334d}.fade-enter-active[data-v-bc89b045],.fade-leave-active[data-v-bc89b045]{transition:opacity .3s ease}.fade-enter-from[data-v-bc89b045],.fade-leave-to[data-v-bc89b045]{opacity:0}.narrative-text[data-v-bc89b045]::-webkit-scrollbar{width:4px}.narrative-text[data-v-bc89b045]::-webkit-scrollbar-track{background:#0003;border-radius:10px}.narrative-text[data-v-bc89b045]::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:10px}@media (max-width: 1400px){.gameplay-layout[data-v-bc89b045]{gap:12px}.stats-panel[data-v-bc89b045]{width:180px}.sentiment-panel[data-v-bc89b045]{width:130px}}@media (max-width: 900px){.gameplay-layout[data-v-bc89b045]{flex-direction:column;overflow-y:auto;overflow-x:hidden;align-items:stretch;max-height:none;height:auto;padding:10px}.stats-panel[data-v-bc89b045],.sentiment-panel[data-v-bc89b045]{width:100%;flex-direction:row;flex-wrap:wrap;gap:10px;align-self:auto;max-height:none;overflow:visible}.stat-row[data-v-bc89b045]{width:45%}.main-stage-panel[data-v-bc89b045]{min-height:auto;overflow:visible}.scene-display[data-v-bc89b045]{padding:0 20px 20px;aspect-ratio:16 / 9}.char-sprite[data-v-bc89b045]{height:80px}.enemy-sprite[data-v-bc89b045]{height:120px}.choices-grid[data-v-bc89b045]{grid-template-columns:1fr}}.discussion-section[data-v-bc89b045]{background:#0a0f19f2;border:1px solid var(--neon-cyan);border-radius:12px;padding:12px;box-shadow:0 0 20px #00f3ff1a;flex-shrink:0;overflow:visible}.discussion-label[data-v-bc89b045]{color:var(--gold);font-weight:700;font-size:.85rem;margin-bottom:8px;text-transform:uppercase}.discussion-input-container[data-v-bc89b045]{display:flex;align-items:stretch;gap:8px;position:relative;overflow:visible}.expand-btn[data-v-bc89b045]{background:#00f3ff1a;border:1px solid rgba(0,243,255,.3);border-radius:6px;width:36px;min-width:36px;display:flex;align-items:center;justify-content:center;color:var(--neon-cyan);cursor:pointer;transition:all .3s ease;font-size:.85rem;flex-shrink:0}.expand-btn[data-v-bc89b045]:hover{background:#00f3ff33;border-color:var(--neon-cyan);transform:scale(1.05)}.expand-btn.expanded[data-v-bc89b045]{background:#00f3ff33;border-color:var(--neon-cyan)}.discussion-input[data-v-bc89b045]{flex:1;background:#1e283ccc;border:1px solid #555;border-radius:8px;padding:8px 12px;color:#eee;font-size:.85rem;font-family:Rajdhani,sans-serif;resize:none;height:36px;transition:all .3s ease;outline:none;overflow:hidden}.discussion-input.expanded[data-v-bc89b045]{height:80px;overflow-y:auto}.discussion-input[data-v-bc89b045]:focus{border-color:var(--neon-cyan);background:#1e283cf2;box-shadow:0 0 10px #00f3ff33}.discussion-input[data-v-bc89b045]::placeholder{color:#888;font-style:italic}.like-btn[data-v-bc89b045]{background:#00f3ff1a;border:1px solid rgba(0,243,255,.3);border-radius:6px;width:36px;min-width:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.1rem;flex-shrink:0}.like-btn[data-v-bc89b045]:hover:not(:disabled){background:#00f3ff33;border-color:var(--neon-cyan);transform:scale(1.05)}.like-btn[data-v-bc89b045]:disabled{opacity:.4;cursor:not-allowed}.send-icon[data-v-bc89b045]{filter:grayscale(.5);transition:filter .3s ease}.like-btn:hover:not(:disabled) .send-icon[data-v-bc89b045]{filter:grayscale(0)}.action-bar-bottom[data-v-bc89b045]{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;overflow:visible}.utility-actions[data-v-bc89b045]{display:flex;gap:12px;width:100%;justify-content:space-between}.mini-btn[data-v-bc89b045]{position:relative;font-size:.75rem;background:linear-gradient(135deg,#1a1a2e,#2d2d44,#1a1a2e);border:2px solid transparent;border-radius:20px;cursor:pointer;font-family:Rajdhani,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;overflow:hidden;padding:8px 18px}.mini-btn[data-v-bc89b045]:before{content:"";position:absolute;top:-50%;left:-100%;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-25deg);animation:shimmer-bc89b045 3s infinite}.mini-btn[data-v-bc89b045]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,gold,#ffed4e,gold,#ffed4e,gold);background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderShine-bc89b045 3s linear infinite}@keyframes shimmer-bc89b045{0%{left:-100%}20%{left:150%}to{left:150%}}@keyframes borderShine-bc89b045{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.mini-btn[data-v-bc89b045]:first-child{background:linear-gradient(135deg,#320,#c90,#320);color:gold;text-shadow:0 0 10px rgba(255,215,0,.5);box-shadow:0 4px 15px #ffd70066,inset 0 1px #fff3,0 0 20px #ffd7004d}.mini-btn[data-v-bc89b045]:first-child:after{background:linear-gradient(135deg,gold,#ffed4e,gold,#ffed4e,gold);background-size:200% 200%}.mini-btn.hint-btn[data-v-bc89b045]{background:linear-gradient(135deg,#036,#06c,#036);color:#00e5ff;text-shadow:0 0 10px rgba(0,229,255,.5);box-shadow:0 4px 15px #06c6,inset 0 1px #fff3,0 0 20px #00e5ff4d}.mini-btn.hint-btn[data-v-bc89b045]:after{background:linear-gradient(135deg,#00e5ff,#09f,#00e5ff,#09f,#00e5ff);background-size:200% 200%}.mini-btn[data-v-bc89b045]:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #ffd70099,inset 0 1px #ffffff4d,0 0 30px #ffd70080}.mini-btn.hint-btn[data-v-bc89b045]:hover{box-shadow:0 8px 25px #00e5ff99,inset 0 1px #ffffff4d,0 0 30px #00e5ff80}.mini-btn[data-v-bc89b045]:active{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 15px #ffd70080,inset 0 1px #fff3,0 0 20px #ffd70066}.timeout-overlay[data-v-bc89b045]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn-bc89b045 .3s ease-out}.timeout-modal[data-v-bc89b045]{background:linear-gradient(135deg,#140f23fa,#2a2240fa);border:3px solid #ff3333;border-radius:20px;padding:40px;max-width:500px;width:90%;position:relative;box-shadow:0 20px 60px #ff323299,0 0 100px #ff32324d;animation:modalBounceIn-bc89b045 .5s cubic-bezier(.68,-.55,.265,1.55);text-align:center}@keyframes fadeIn-bc89b045{0%{opacity:0}to{opacity:1}}@keyframes modalBounceIn-bc89b045{0%{opacity:0;transform:scale(.3) translateY(-100px)}50%{transform:scale(1.05) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}.timeout-close-btn[data-v-bc89b045]{position:absolute;top:15px;right:15px;background:#ff323233;border:2px solid rgba(255,50,50,.5);border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;z-index:10}.timeout-close-btn[data-v-bc89b045]:hover{background:#ff323266;border-color:#f33;transform:rotate(90deg) scale(1.1)}.close-x[data-v-bc89b045]{color:#fff;font-size:1.5rem;font-weight:700;line-height:1}.timeout-icon[data-v-bc89b045]{font-size:4rem;margin-bottom:20px;animation:shake-bc89b045 .5s ease-in-out infinite}@keyframes shake-bc89b045{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.timeout-title[data-v-bc89b045]{font-size:1.8rem;font-weight:800;color:#f33;margin:0 0 15px;text-transform:uppercase;line-height:1.2;text-shadow:0 0 20px rgba(255,50,50,.6)}.timeout-subtitle[data-v-bc89b045]{font-size:1.1rem;font-weight:600;color:orange;margin:0 0 25px;line-height:1.4}.timeout-message[data-v-bc89b045]{background:#0000004d;border:1px solid rgba(255,50,50,.3);border-radius:10px;padding:20px;margin-bottom:30px}.timeout-message p[data-v-bc89b045]{color:#ccc;font-size:.95rem;line-height:1.6;margin:0 0 10px}.timeout-message p[data-v-bc89b045]:last-child{margin-bottom:0}.timeout-continue-btn[data-v-bc89b045]{background:linear-gradient(135deg,#f33,#c00);border:none;border-radius:30px;color:#fff;padding:12px 40px;font-size:1rem;font-weight:800;text-transform:uppercase;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #ff323266;font-family:Rajdhani,sans-serif;letter-spacing:1px}.timeout-continue-btn[data-v-bc89b045]:hover{background:linear-gradient(135deg,#f55,red);transform:translateY(-3px);box-shadow:0 8px 30px #ff323299}.timeout-continue-btn[data-v-bc89b045]:active{transform:translateY(-1px)}.modal-enter-active[data-v-bc89b045],.modal-leave-active[data-v-bc89b045]{transition:opacity .3s ease}.modal-enter-from[data-v-bc89b045],.modal-leave-to[data-v-bc89b045]{opacity:0}.results-layout[data-v-f8a33f8e]{display:flex;flex-direction:column;height:100vh;width:100%;background:radial-gradient(circle at 50% 0%,#1a1a2e,#090514 80%);color:#fff;font-family:Rajdhani,sans-serif;overflow:hidden;padding:15px 20px;box-sizing:border-box}.results-top-bar[data-v-f8a33f8e]{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;margin-bottom:10px}.profile-pill[data-v-f8a33f8e]{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:4px 15px 4px 4px;gap:10px;cursor:pointer;transition:all .3s ease}.profile-pill[data-v-f8a33f8e]:hover{background:#ffffff1a;border-color:#00f3ff}.profile-img-sm[data-v-f8a33f8e]{width:36px;height:36px;border-radius:50%;border:2px solid #00f3ff}.profile-text[data-v-f8a33f8e]{display:flex;flex-direction:column;line-height:1}.p-name[data-v-f8a33f8e]{font-weight:700;font-size:.9rem}.p-role[data-v-f8a33f8e]{font-size:.7rem;color:#889fb8}.logo-text[data-v-f8a33f8e]{font-size:1.8rem;font-weight:800;letter-spacing:2px;color:#fff;text-shadow:0 0 10px #00f3ff}.currency-group[data-v-f8a33f8e]{display:flex;gap:10px}.currency-pill[data-v-f8a33f8e]{background:#00000080;padding:5px 12px;border-radius:15px;font-size:.85rem;font-weight:700;border:1px solid #333}.summary-header[data-v-f8a33f8e]{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#00f3ff1a,#0000,#00f3ff1a);border-top:1px solid rgba(0,243,255,.3);border-bottom:1px solid rgba(0,243,255,.3);padding:8px 20px;margin-bottom:15px;flex-shrink:0}.mission-banner[data-v-f8a33f8e]{font-size:1.2rem;letter-spacing:1px;color:#ccc}.mission-banner strong[data-v-f8a33f8e]{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);margin-left:5px}.grade-pill[data-v-f8a33f8e]{display:flex;align-items:center;gap:15px}.grade-letter[data-v-f8a33f8e]{font-size:2.5rem;font-weight:900;color:gold;line-height:1;text-shadow:0 0 15px rgba(255,215,0,.6)}.grade-meta[data-v-f8a33f8e]{display:flex;flex-direction:column;text-align:right}.grade-label[data-v-f8a33f8e]{font-size:.7rem;color:gold;font-weight:700;text-transform:uppercase}.grade-score[data-v-f8a33f8e]{font-size:.9rem;color:#fff}.results-grid[data-v-f8a33f8e]{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:15px;flex:1;min-height:0;max-height:65vh}.result-card[data-v-f8a33f8e]{background:#120c24cc;border-radius:12px;padding:15px;display:flex;flex-direction:column;position:relative;box-shadow:0 0 20px #00f3ff0d;max-height:100%}.result-card[data-v-f8a33f8e]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;padding:1px;background:conic-gradient(from var(--angle),#00f3ff 0deg,#8a4baf 90deg,#bd00ff 180deg,#00f3ff 270deg,#00f3ff 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:0;pointer-events:none;animation:rotateBorder-f8a33f8e 4s linear infinite}@keyframes rotateBorder-f8a33f8e{to{--angle: 360deg}}.result-card[data-v-f8a33f8e]>*{position:relative;z-index:1}.tree-card[data-v-f8a33f8e]:before{background:conic-gradient(from var(--angle),#00ff88 0deg,#00f3ff 120deg,#00ff88 240deg,#00f3ff 360deg);animation:rotateBorder-f8a33f8e 3s linear infinite}.mbti-card[data-v-f8a33f8e]:before{background:conic-gradient(from var(--angle),#bd00ff 0deg,#ff00ff 90deg,#00f3ff 180deg,#bd00ff 270deg,#bd00ff 360deg);animation:rotateBorder-f8a33f8e 3.5s linear infinite}.rewards-card[data-v-f8a33f8e]:before{background:conic-gradient(from var(--angle),#ffd700 0deg,#00f3ff 120deg,#ffd700 240deg,#00f3ff 360deg);animation:rotateBorder-f8a33f8e 4.5s linear infinite}.card-title[data-v-f8a33f8e]{text-align:center;color:#889fb8;font-size:.9rem;letter-spacing:2px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:5px;flex-shrink:0}.tree-wrapper[data-v-f8a33f8e]{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.tree-svg[data-v-f8a33f8e]{width:100%;height:100%;max-height:425px}.path-line[data-v-f8a33f8e]{fill:none;stroke-width:2;transition:all .5s}.path-line.active[data-v-f8a33f8e]{stroke:#00ff9d;filter:url(#glow)}.path-line.inactive[data-v-f8a33f8e]{stroke:#444;stroke-dasharray:4}.node-box[data-v-f8a33f8e]{fill:#000c;stroke-width:2}.node-box.active[data-v-f8a33f8e]{stroke:#00ff9d;fill:#00321ecc;filter:url(#glow)}.node-box.inactive[data-v-f8a33f8e]{stroke:#444;fill:#00000080}.node-box.success[data-v-f8a33f8e]{stroke:gold;fill:#322800cc}.node-text[data-v-f8a33f8e]{fill:#fff;font-size:12px;font-weight:700;text-anchor:middle;dominant-baseline:middle;word-spacing:-2px}.node-sub[data-v-f8a33f8e]{fill:#aaa;font-size:9px;text-anchor:middle;dominant-baseline:middle}.success-text[data-v-f8a33f8e]{fill:gold}.mbti-content[data-v-f8a33f8e]{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:5px;gap:8px}.personality-header[data-v-f8a33f8e]{font-size:.9rem;color:#ccc;text-align:center;line-height:1.4;margin-bottom:5px}.personality-header strong[data-v-f8a33f8e]{color:#00f3ff;font-weight:800;text-shadow:0 0 10px rgba(0,243,255,.5)}.mbti-chart[data-v-f8a33f8e]{position:relative;width:100%;aspect-ratio:1 / 1;max-width:250px;max-height:250px;border:1px solid #444;margin:0 auto;flex-shrink:0}.chart-quadrants[data-v-f8a33f8e]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100%;width:100%;position:relative}.quad[data-v-f8a33f8e]{display:flex;align-items:center;justify-content:center;font-weight:700;color:#ffffff1a;font-size:1.3rem;padding:5px}.q1[data-v-f8a33f8e]{background:#6400ff1a}.q2[data-v-f8a33f8e]{background:#0064ff1a}.q3[data-v-f8a33f8e]{background:#ff00641a}.q4[data-v-f8a33f8e]{background:#ffc8001a}.axis-x[data-v-f8a33f8e]{position:absolute;bottom:-22px;width:100%;text-align:center;font-size:.65rem;color:#889fb8;white-space:nowrap}.axis-y[data-v-f8a33f8e]{position:absolute;left:-35px;top:50%;transform:translateY(-50%) rotate(-90deg);font-size:.65rem;color:#889fb8;text-align:center;white-space:nowrap}.plot-point[data-v-f8a33f8e]{width:10px;height:10px;background:#00ff9d;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px #00ff9d;z-index:10;pointer-events:none}.plot-point.gameplay-result[data-v-f8a33f8e]{background:#00ff9d;box-shadow:0 0 10px #00ff9d;animation:pulse-f8a33f8e 2s infinite;top:30%;left:30%}.plot-point.current-personality[data-v-f8a33f8e]{width:14px;height:14px;background:transparent;border:2px dashed #00f3ff;box-shadow:0 0 15px #00f3ff99;animation:rotateDash-f8a33f8e 4s linear infinite}@keyframes rotateDash-f8a33f8e{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.1)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1)}}.plot-point.previous-personality[data-v-f8a33f8e]{width:8px;height:8px;background:#fff;box-shadow:0 0 8px #fff9,inset 0 0 4px #ffffff80;animation:none}.analysis-section[data-v-f8a33f8e]{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:18px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.analysis-text[data-v-f8a33f8e]{font-size:.8rem;color:#ccc;text-align:center;line-height:1.4;padding:10px 8px;background:#00ff9d0d;border-radius:6px;border:1px solid rgba(0,255,157,.2)}.previous-run-text[data-v-f8a33f8e]{font-size:.75rem;color:#aaa;text-align:center;line-height:1.4;padding:8px;background:#ffffff08;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.previous-run-text strong[data-v-f8a33f8e]{color:#fff;font-weight:700}.chart-legend[data-v-f8a33f8e]{position:absolute;bottom:5px;left:50%;transform:translate(-50%);display:flex;gap:12px;background:#000c;padding:4px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.1);z-index:20}.legend-item[data-v-f8a33f8e]{display:flex;align-items:center;gap:4px;font-size:.65rem;color:#aaa;white-space:nowrap}.legend-dot[data-v-f8a33f8e]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-dot.current-dot[data-v-f8a33f8e]{background:transparent;border:2px dashed #00f3ff;width:10px;height:10px}.legend-dot.gameplay-dot[data-v-f8a33f8e]{background:#00ff9d;box-shadow:0 0 6px #00ff9d}.legend-dot.previous-dot[data-v-f8a33f8e]{background:#fff;box-shadow:0 0 4px #fff9}.rewards-container[data-v-f8a33f8e]{flex:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding-bottom:12px;box-sizing:border-box}.loot-stage-3d[data-v-f8a33f8e]{flex:1;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1a2a40,#0d0d15 70%);border-radius:8px;overflow:hidden;margin-bottom:12px}.bjs-canvas[data-v-f8a33f8e]{width:100%;height:100%;display:block;outline:none;z-index:1}.loot-label-top[data-v-f8a33f8e]{position:absolute;top:10px;width:100%;text-align:center;color:#889fb8;font-size:.8rem;letter-spacing:2px;z-index:2;pointer-events:none}.loot-glow-bg[data-v-f8a33f8e]{position:absolute;width:150px;height:150px;background:radial-gradient(circle,rgba(0,243,255,.2) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;animation:pulse-f8a33f8e 3s infinite}.loot-img-placeholder[data-v-f8a33f8e]{width:50%;height:auto;position:absolute;z-index:1;filter:drop-shadow(0 0 15px cyan);animation:float-f8a33f8e 3s ease-in-out infinite}.loot-overlay-info[data-v-f8a33f8e]{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,#000000e6,#0000);padding:40px 10px 10px;display:flex;flex-direction:column;align-items:center;z-index:10}.loot-name[data-v-f8a33f8e]{color:#00f3ff;font-weight:800;font-size:1.3rem;text-transform:uppercase;text-shadow:0 0 10px rgba(0,243,255,.5);margin-bottom:2px}.loot-type[data-v-f8a33f8e]{font-size:.75rem;color:#889fb8;margin-bottom:10px}.real-world-link-btn[data-v-f8a33f8e]{background:#ffd70026;border:1px solid rgba(255,215,0,.4);border-radius:20px;color:gold;padding:6px 12px;font-size:.7rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;text-align:center;line-height:1.2}.real-world-link-btn[data-v-f8a33f8e]:hover{background:#ffd70040;border-color:gold;transform:translateY(-2px)}.link-icon[data-v-f8a33f8e]{flex-shrink:0}.external-arrow[data-v-f8a33f8e]{font-size:.9em;margin-left:2px;flex-shrink:0}.currency-summary[data-v-f8a33f8e]{display:flex;align-items:center;justify-content:space-between;background:#0000004d;border:1px solid #333;border-radius:8px;padding:8px 12px;width:95%;margin:0 auto 8px;flex-shrink:0;gap:10px;flex-wrap:wrap;box-sizing:border-box}.c-item[data-v-f8a33f8e]{font-size:.9rem;font-weight:700;white-space:nowrap;flex-shrink:0}.divider-v[data-v-f8a33f8e]{width:1px;height:15px;background:#444;flex-shrink:0}.claim-btn[data-v-f8a33f8e]{background:linear-gradient(90deg,gold,#fa0);border:none;border-radius:4px;color:#000;font-weight:800;padding:5px 15px;cursor:pointer;font-size:.8rem;transition:filter .2s;white-space:nowrap;flex-shrink:0}.results-footer[data-v-f8a33f8e]{display:flex;justify-content:center;align-items:center;margin-top:15px;flex-shrink:0;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);position:relative}.social-share[data-v-f8a33f8e]{display:flex;align-items:center;gap:10px;color:#889fb8;font-size:.8rem;position:absolute;left:0}.s-icon[data-v-f8a33f8e]{cursor:pointer;transition:all .3s ease;font-weight:700;color:#889fb8}.s-icon[data-v-f8a33f8e]:hover{color:var(--neon-cyan);transform:scale(1.1)}.btn-replay[data-v-f8a33f8e]{background:linear-gradient(135deg,#0a4,#0f6,#0a4);border:3px solid #00ff66;color:#fff;padding:12px 40px;border-radius:30px;font-weight:800;cursor:pointer;font-size:1rem;box-shadow:0 0 20px #00ff6680,inset 0 0 20px #0f63;animation:playAgainPulse-f8a33f8e 2s ease-in-out infinite;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-family:Rajdhani,sans-serif;letter-spacing:1px;text-transform:uppercase;flex-shrink:0}@keyframes playAgainPulse-f8a33f8e{0%,to{box-shadow:0 0 20px #00ff6680,inset 0 0 20px #0f63;transform:scale(1)}50%{box-shadow:0 0 30px #0f6c,inset 0 0 30px #00ff664d,0 0 50px #0f66;transform:scale(1.05)}}.btn-replay[data-v-f8a33f8e]:hover{background:linear-gradient(135deg,#0c5,#0f8,#0c5);transform:translateY(-3px) scale(1.08);box-shadow:0 8px 30px #0f6c,inset 0 0 30px #0f66}.btn-replay[data-v-f8a33f8e]:active{transform:translateY(-1px) scale(1.03)}.tree-controls[data-v-f8a33f8e]{display:flex;justify-content:center;align-items:center;gap:8px;padding:8px 0 0;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.control-btn[data-v-f8a33f8e]{background:#00f3ff1a;border:1px solid rgba(0,243,255,.3);border-radius:6px;color:#00f3ff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease}.control-btn[data-v-f8a33f8e]:hover{background:#00f3ff33;border-color:#00f3ff;transform:scale(1.1);box-shadow:0 0 10px #00f3ff66}.control-btn[data-v-f8a33f8e]:active{transform:scale(.95)}@keyframes pulse-f8a33f8e{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes float-f8a33f8e{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 1024px){.results-grid[data-v-f8a33f8e]{grid-template-columns:1fr 1fr}.rewards-card[data-v-f8a33f8e]{grid-column:span 2;height:400px}.loot-stage-3d[data-v-f8a33f8e]{flex-direction:row}.loot-overlay-info[data-v-f8a33f8e]{width:40%;height:100%;right:0;left:auto;background:linear-gradient(to left,rgba(0,0,0,.9),transparent);padding-top:0;justify-content:center}}@media (max-width: 768px){.results-layout[data-v-f8a33f8e]{overflow-y:auto;height:auto;padding:10px 15px 20px}.results-top-bar[data-v-f8a33f8e]{flex-wrap:wrap;gap:10px;margin-bottom:15px}.logo-text[data-v-f8a33f8e]{font-size:1.4rem}.summary-header[data-v-f8a33f8e]{flex-direction:column;gap:15px;padding:12px 15px;text-align:center}.mission-banner[data-v-f8a33f8e]{font-size:.95rem}.results-grid[data-v-f8a33f8e]{display:flex;flex-direction:column;gap:20px;max-height:none}.result-card[data-v-f8a33f8e]{min-height:300px;padding:12px}.rewards-card[data-v-f8a33f8e]{padding:15px 12px 18px}.rewards-container[data-v-f8a33f8e]{padding-bottom:10px}.loot-stage-3d[data-v-f8a33f8e]{margin-bottom:12px}.currency-summary[data-v-f8a33f8e]{padding:10px;gap:8px;width:95%;margin-bottom:8px}.c-item[data-v-f8a33f8e]{font-size:.8rem}.divider-v[data-v-f8a33f8e]{height:12px}.claim-btn[data-v-f8a33f8e]{font-size:.75rem;padding:6px 12px}.results-footer[data-v-f8a33f8e]{flex-direction:column;gap:20px;margin-top:25px;padding-top:20px;position:static}.social-share[data-v-f8a33f8e]{position:static;justify-content:center;width:100%}.s-icon[data-v-f8a33f8e]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00f3ff1a;border:1px solid rgba(0,243,255,.3);border-radius:50%;cursor:pointer;transition:all .3s ease}.s-icon[data-v-f8a33f8e]:hover{background:#00f3ff33;border-color:var(--neon-cyan);transform:scale(1.1)}.btn-replay[data-v-f8a33f8e]{width:100%;max-width:300px;justify-content:center;padding:15px 30px}.loot-stage-3d[data-v-f8a33f8e]{min-height:300px}.loot-overlay-info[data-v-f8a33f8e]{width:100%;height:auto;bottom:0;top:auto;background:linear-gradient(to top,#000000e6,#0000);padding:30px 8px 8px}.loot-name[data-v-f8a33f8e]{font-size:1.1rem}.loot-type[data-v-f8a33f8e]{font-size:.7rem}.real-world-link-btn[data-v-f8a33f8e]{font-size:.65rem;padding:5px 10px;gap:4px}.mbti-chart[data-v-f8a33f8e]{max-width:280px}.tree-svg[data-v-f8a33f8e]{max-height:350px}}@media (max-width: 480px){.currency-summary[data-v-f8a33f8e]{flex-direction:column;align-items:stretch;padding:12px 10px;gap:10px;width:92%;margin-bottom:10px}.divider-v[data-v-f8a33f8e]{display:none}.c-item[data-v-f8a33f8e]{text-align:center}.claim-btn[data-v-f8a33f8e]{width:100%}.loot-name[data-v-f8a33f8e]{font-size:1rem}.real-world-link-btn[data-v-f8a33f8e]{flex-direction:column;gap:3px;text-align:center}}#app-container{display:flex;flex-direction:column;min-height:100vh;height:auto;padding:var(--spacing-md) var(--spacing-lg);max-width:1800px;margin:0 auto;width:100%;font-family:var(--font-primary)}#app-container.no-padding{padding:0;max-width:100%}#app-container:not(.no-padding){position:relative}#app-container:not(.no-padding):before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--game-bg-gradient);z-index:-1;pointer-events:none}.zoom-in-enter-active{animation:zoomIntoView 1.2s cubic-bezier(.16,1,.3,1) forwards}.zoom-in-leave-active{animation:fadeOutQuick .3s ease-out forwards;position:absolute;width:100%}.holo-zoom-enter-active,.holo-zoom-leave-active{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.holo-zoom-leave-active{position:absolute;width:100%}.holo-zoom-enter-from{opacity:0;transform:scale(1.1);filter:brightness(2)}.holo-zoom-leave-to{opacity:0;transform:scale(.9);filter:blur(5px);visibility:hidden}.crt-flash-enter-active{animation:crtOpen .4s ease-out forwards}.crt-flash-leave-active{animation:crtClose .3s ease-in forwards;position:absolute;width:100%}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-leave-active{position:absolute;width:100%}.fade-enter-from,.fade-leave-to{opacity:0;visibility:hidden}.music-prompt{position:fixed;bottom:30px;right:30px;z-index:var(--z-modal-backdrop);background:var(--gradient-primary);border:2px solid var(--neon-purple);border-radius:var(--radius-full);padding:15px 25px;cursor:pointer;box-shadow:var(--shadow-neon-purple);animation:musicPromptPulse 2s ease-in-out infinite;transition:all var(--transition-normal);font-family:var(--font-primary)}.music-prompt:hover{transform:scale(1.05);box-shadow:0 8px 30px #bd00ffb3}.music-prompt-content{display:flex;align-items:center;gap:10px;color:var(--text-main);font-weight:600;font-size:1rem}.music-icon{font-size:1.5rem;animation:musicIconBounce 1s ease-in-out infinite}.music-text{text-transform:uppercase;letter-spacing:.5px}.profile-left{flex:0 0 280px;display:flex;flex-direction:column;align-items:center;gap:15px}.profile-avatar{width:200px;height:200px;border-radius:50%;overflow:hidden;border:4px solid var(--neon-cyan);box-shadow:var(--shadow-neon-cyan)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{font-size:1.8rem;margin:0;text-align:center;color:var(--text-main);text-transform:uppercase;font-family:var(--font-primary)}.profile-mbti{display:flex;flex-direction:column;align-items:center;gap:5px}.mbti-badge{background:var(--gradient-primary);color:var(--text-main);padding:8px 20px;border-radius:var(--radius-md);font-weight:700;font-size:1.2rem;letter-spacing:2px;box-shadow:var(--shadow-neon-purple);font-family:var(--font-primary)}.mbti-title{color:var(--text-muted);font-size:.9rem;font-style:italic;font-family:var(--font-primary)}.profile-right{flex:1;display:flex;flex-direction:column;gap:20px}.section-title{display:flex;align-items:center;gap:10px;margin:0;font-size:1.3rem;color:var(--neon-cyan);text-transform:uppercase;border-bottom:2px solid rgba(0,243,255,.3);padding-bottom:10px;font-family:var(--font-primary)}.title-icon{font-size:1.5rem}.mbti-grid-container{margin:15px 0}.mbti-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4px;width:100%;height:200px;background:#000;border:1px solid #555;padding:4px;border-radius:var(--radius-sm);position:relative}.quadrant{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:4px;font-size:.9rem;font-weight:700;color:#fffc;font-family:var(--font-primary)}.q-purple{background:#6432b44d}.q-blue{background:#3264b44d}.q-pink{background:#b432644d}.q-yellow{background:#b4b43233}.q-sub{font-size:.7rem;font-weight:400;opacity:.8}.mbti-dot{width:16px;height:16px;background:#d0f;border:2px solid #fff;border-radius:50%;position:absolute;box-shadow:0 0 10px #d0f;z-index:var(--z-elevated);animation:pulse 2s infinite}.personality-description{color:var(--text-muted);line-height:1.6;font-size:1rem;margin:0;font-family:var(--font-primary)}.traits-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:15px}.trait-section h4{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:1.1rem;font-family:var(--font-primary)}.trait-icon{font-size:1.2rem}.strengths h4{color:#4caf50}.weaknesses h4{color:#ff9800}.trait-section ul{margin:0;padding-left:20px;list-style:none}.trait-section li{color:var(--text-muted);font-size:.9rem;line-height:1.6;position:relative;padding-left:15px;margin-bottom:8px;font-family:var(--font-primary)}.trait-section li:before{content:"�";position:absolute;left:0;font-weight:700}.strengths li:before{color:#4caf50}.weaknesses li:before{color:#ff9800}@media (max-width: 900px){.profile-left{flex:0 0 auto}.profile-avatar{width:150px;height:150px}.profile-name{font-size:1.5rem}.traits-grid{grid-template-columns:1fr}.mbti-grid{height:180px}}@media (max-width: 600px){.profile-avatar{width:120px;height:120px}.profile-name{font-size:1.3rem}.mbti-grid{height:150px}.section-title{font-size:1.1rem}}:root{--bg-primary: #0f0b23;--bg-secondary: #1a1a2e;--panel-bg: rgba(15, 11, 35, .8);--game-bg-gradient: radial-gradient(ellipse at top, #0a1628 0%, #050a15 40%, #020408 100%);--neon-cyan: #00f3ff;--neon-purple: #bd00ff;--neon-pink: #ff007f;--text-main: #ffffff;--text-muted: #aaaaaa;--text-disabled: #666666;--font-primary: "Urbanist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-secondary: "Rajdhani", "Urbanist", sans-serif;--gradient-primary: linear-gradient(135deg, #8a4baf, #bd00ff);--gradient-secondary: linear-gradient(90deg, #2b91a8, #6cdfac);--spacing-xs: 5px;--spacing-sm: 10px;--spacing-md: 20px;--spacing-lg: 40px;--spacing-xl: 60px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 50px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 5px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .4);--shadow-neon-cyan: 0 0 20px rgba(0, 243, 255, .5);--shadow-neon-purple: 0 0 20px rgba(189, 0, 255, .5);--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop-sm: 900px;--breakpoint-desktop-md: 1200px;--breakpoint-desktop-lg: 1400px;--breakpoint-desktop-xl: 1800px;--z-below: -1;--z-normal: 1;--z-elevated: 10;--z-modal-backdrop: 900;--z-modal: 1000;--z-notification: 1100;--z-tooltip: 1200}*,body{font-family:var(--font-primary)}@media (max-width: 1400px){:root{--spacing-lg: 30px;--spacing-xl: 50px}}@media (max-width: 1200px){:root{--spacing-lg: 20px;--spacing-xl: 30px}}@media (max-width: 900px){:root{--spacing-md: 15px;--spacing-lg: 15px;--spacing-xl: 20px}}@media (max-width: 600px){:root{--spacing-sm: 5px;--spacing-md: 10px;--spacing-lg: 10px}}*{box-sizing:border-box}body{margin:0;background-color:var(--bg-dark);background-image:radial-gradient(circle at 50% 0%,#2a1b4e 0%,transparent 60%),linear-gradient(0deg,transparent 24%,rgba(255,255,255,.03) 25%,rgba(255,255,255,.03) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.03) 75%,rgba(255,255,255,.03) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(255,255,255,.03) 25%,rgba(255,255,255,.03) 26%,transparent 27%,transparent 74%,rgba(255,255,255,.03) 75%,rgba(255,255,255,.03) 76%,transparent 77%,transparent);background-size:100% 100%,50px 50px,50px 50px;color:var(--text-main);font-family:var(--font-primary);min-height:100vh;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-headers)}@media (max-width: 900px){body{overflow-y:auto;overflow-x:hidden;height:auto}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomIntoView{0%{opacity:0;transform:scale(.5);filter:blur(10px) brightness(1.5)}50%{opacity:.7;transform:scale(.8);filter:blur(5px) brightness(1.2)}to{opacity:1;transform:scale(1);filter:blur(0) brightness(1)}}@keyframes fadeOutQuick{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes crtClose{0%{transform:scaleY(1);opacity:1}50%{transform:scaleY(.02);opacity:1;background:#fff}to{transform:scaleY(0);opacity:0;visibility:hidden}}@keyframes crtOpen{0%{transform:scaleY(.02);opacity:0;background:#fff}50%{transform:scaleY(.02);opacity:1}to{transform:scaleY(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes musicPromptPulse{0%,to{box-shadow:0 5px 20px #bd00ff80}50%{box-shadow:0 8px 35px #bd00ffcc}}@keyframes musicIconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotate{to{--angle: 360deg}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:linear-gradient(135deg,#140f23fa,#2a2240fa);border:2px solid var(--neon-purple);border-radius:20px;max-width:1000px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #bd00ff99;animation:modalSlideIn .3s ease-out}.modal-close{position:absolute;top:15px;right:15px;background:#f003;border:2px solid rgba(255,0,0,.5);border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;z-index:10}.modal-close:hover{background:#f006;border-color:red;transform:rotate(90deg)}.close-icon{color:#fff;font-size:1.5rem;font-weight:700;line-height:1}.modal-body{display:flex;gap:30px;padding:40px}.modal-enter-active,.modal-leave-active{transition:opacity .3s ease}.modal-enter-from,.modal-leave-to{opacity:0}@media (max-width: 900px){.modal-body{flex-direction:column;padding:30px 20px}}@media (max-width: 600px){.modal-content{max-width:95%}.modal-body{padding:20px 15px}}.sso-container{width:386px;height:735px;background:#000;overflow:hidden;position:relative;margin:0 auto;font-family:Urbanist,-apple-system,Roboto,Helvetica,sans-serif;box-shadow:0 0 0 2px #39b7e280,0 0 20px #39b7e24d,0 0 40px #39b7e233;animation:neonBorderPulse 3s ease-in-out infinite}@keyframes neonBorderPulse{0%,to{box-shadow:0 0 0 2px #39b7e280,0 0 20px #39b7e24d,0 0 40px #39b7e233}50%{box-shadow:0 0 0 2px #bd00ff80,0 0 25px #bd00ff66,0 0 50px #bd00ff4d,0 0 75px #00f3ff33}}.sso-background{width:100%;height:100%;background:radial-gradient(ellipse at center,#051015,#020910,#000);position:absolute;left:0;top:0;overflow:hidden}.stars-container{position:absolute;width:100%;height:100%;perspective:400px;animation:perspectiveShift 20s ease-in-out infinite}@keyframes perspectiveShift{0%,to{perspective:400px}50%{perspective:600px}}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;box-shadow:0 0 3px #fffc;animation:twinkle 3s ease-in-out infinite,moveToCenter 15s linear infinite}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes moveToCenter{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translate(calc(50vw - 50%),calc(50vh - 50%)) scale(.1);opacity:0}}.star:nth-child(5n){left:10%;top:20%;animation-delay:0s,0s}.star:nth-child(5n+1){left:20%;top:40%;animation-delay:.5s,1s}.star:nth-child(5n+2){left:30%;top:10%;animation-delay:1s,2s}.star:nth-child(5n+3){left:50%;top:60%;animation-delay:1.5s,3s}.star:nth-child(5n+4){left:70%;top:30%;animation-delay:2s,4s}.mavamade-logo-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;position:absolute;left:0;top:60px;z-index:2}.mavamade-logo{width:112.5px;height:auto;object-fit:contain}.presents-text{font-size:.75rem;font-weight:600;letter-spacing:2.5px;color:#ffffffd9;text-transform:uppercase}.sso-card{width:315px;height:450px;border-radius:8px;border:1px solid rgba(14,49,76,.8);background:#030c13f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-top:20px;box-shadow:0 8px 32px #0006;z-index:1;overflow:hidden}.sso-logo{width:100%;height:auto;position:absolute;left:0;top:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.logo-image{height:70px;width:auto;object-fit:contain;filter:drop-shadow(0 0 15px rgba(57,183,226,.4));animation:logoGlow 3s ease-in-out infinite}.logo-tagline{font-size:.75rem;font-weight:600;letter-spacing:2.5px;color:#fffc;text-transform:uppercase;font-family:Urbanist,-apple-system,Roboto,Helvetica,sans-serif}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 15px rgba(57,183,226,.4))}50%{filter:drop-shadow(0 0 25px rgba(57,183,226,.6))}}.sso-error,.sso-success{position:absolute;left:50%;transform:translate(-50%);top:88px;width:245px;max-height:28px;background:#000c;border-radius:4px;padding:6px 10px;font-size:.7rem;font-weight:500;line-height:1.2;text-align:center;animation:slideDown .3s ease-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sso-error{border:1px solid rgba(255,68,68,.8);color:#ff6b6b;box-shadow:0 2px 8px #ff44444d}.sso-success{border:1px solid rgba(0,255,136,.8);color:#0f8;box-shadow:0 2px 8px #00ff884d}.sso-inputs{display:flex;flex-direction:column;align-items:flex-start;gap:18px;position:absolute;left:35px;top:120px;width:245px}.sso-input{display:flex;height:44px;padding:12px 16px;align-items:center;width:100%;border-radius:6px;border:1.5px solid rgba(129,129,129,.4);background:#0000004d;color:#fff;font-family:Urbanist,-apple-system,Roboto,Helvetica,sans-serif;font-size:.95rem;font-weight:400;line-height:1.4;box-sizing:border-box;transition:all .3s ease}.sso-input:focus{outline:none;border-color:#39b7e2;background:#0006;box-shadow:0 0 0 3px #39b7e21a,0 0 12px #39b7e24d}.sso-input:disabled{opacity:.5;cursor:not-allowed}.sso-input::placeholder{color:#818181cc;font-size:.9rem}.sso-button-container{width:130px;height:36px;position:absolute;left:50%;transform:translate(-50%)}.sso-button-bg{position:absolute;left:0;top:0;width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(57,183,226,.3));transition:all .3s ease}.sso-button-container:hover .sso-button-bg{filter:drop-shadow(0 6px 16px rgba(57,183,226,.5));transform:translateY(-2px) scale(1.05)}.sso-button{display:flex;width:100%;height:100%;padding:0;justify-content:center;align-items:center;position:relative;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;cursor:pointer;background:none;border:none;font-family:Urbanist,-apple-system,Roboto,Helvetica,sans-serif;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.3);z-index:1}.sso-button:hover:not(:disabled){transform:scale(1.05)}.sso-button:active:not(:disabled){transform:scale(.98)}.sso-button:disabled{opacity:.5;cursor:not-allowed}.sso-divider{width:245px;height:1px;background:#8181814d;position:absolute;left:35px}.sso-footer{width:315px;height:60px;position:absolute;left:50%;transform:translate(-50%);bottom:30px;z-index:2}.sso-footer-box{width:315px;height:40px;border-radius:8px;border:.5px solid rgba(255,255,255,.1);background:#ffffff08;box-shadow:0 -2px 4px #0003 inset,0 0 2px #ffffff1a inset;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute;left:0;top:0}.sso-footer-link{color:#39b7e2;font-size:.75rem;font-weight:600;line-height:1.4;position:absolute;cursor:pointer;text-decoration:none;transition:all .3s ease}.sso-footer-link:hover{text-decoration:underline;color:#5ec5e8;text-shadow:0 0 6px rgba(57,183,226,.3)}.sso-footer-copyright{color:#fff9;font-size:.75rem;font-weight:500;line-height:1.4;position:absolute;right:24px;top:13px}.sso-footer-copyright:first-letter{font-family:Arial,sans-serif}@media (max-width: 768px){.sso-container{width:100vw;height:100vh;max-width:100%;box-shadow:none;animation:none}.sso-card{width:90%;max-width:360px}.logo-image{height:63px}}