@import url(https://use.fontawesome.com/releases/v5.15.4/css/all.css);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Nunito:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--header-height:60px}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header[data-v-51f7d258]{position:fixed;top:0;left:0;right:0;background:var(--color-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);z-index:100;transition:all var(--transition-slow)}.dark .header[data-v-51f7d258]{background:rgba(30,41,59,.9);border-bottom-color:var(--color-border)}.header-content[data-v-51f7d258]{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);max-width:1400px;margin:0 auto}.header-left[data-v-51f7d258],.home-link[data-v-51f7d258]{display:flex;align-items:center}.home-link[data-v-51f7d258]{gap:var(--spacing-sm);text-decoration:none;cursor:pointer;transition:opacity var(--transition-normal)}.home-link[data-v-51f7d258]:hover{opacity:.8}.logo-image[data-v-51f7d258]{height:32px;width:auto;-o-object-fit:contain;object-fit:contain;transition:opacity var(--transition-normal)}.badge[data-v-51f7d258]{background:var(--color-accent);color:#fff;padding:3px 8px;border-radius:var(--radius-full);font-size:.625rem;font-weight:700;margin-left:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.main-nav[data-v-51f7d258]{margin-left:3rem;display:flex;gap:2rem}.nav-link[data-v-51f7d258]{position:relative;text-decoration:none;color:var(--color-text-secondary);font-weight:500;font-size:var(--font-size-body);transition:color var(--transition-normal)}.nav-link[data-v-51f7d258]:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-normal)}.nav-link.router-link-active[data-v-51f7d258]:after,.nav-link[data-v-51f7d258]:hover:after{width:100%}.nav-link.router-link-active[data-v-51f7d258],.nav-link[data-v-51f7d258]:hover{color:var(--color-primary)}.admin-link[data-v-51f7d258]{color:var(--color-accent);font-weight:600}.admin-link[data-v-51f7d258]:after{background:var(--color-accent)}.temp-login-link[data-v-51f7d258]{color:var(--color-warning);font-weight:600}.header-right[data-v-51f7d258]{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-md)}.tutorial-button[data-v-51f7d258]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.tutorial-button[data-v-51f7d258]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--color-primary-dark)}.tutorial-button i[data-v-51f7d258]{font-size:1rem}.theme-toggle[data-v-51f7d258]{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-surface-hover);color:var(--color-text-primary);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.theme-toggle[data-v-51f7d258]:hover{background:var(--color-border-light);transform:rotate(180deg)}.theme-toggle i[data-v-51f7d258]{font-size:1.1rem}.user-profile[data-v-51f7d258]{cursor:pointer;transition:transform var(--transition-normal)}.user-profile[data-v-51f7d258]:hover{transform:scale(1.05)}.user-avatar[data-v-51f7d258]{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-surface-hover);border:2px solid var(--color-border);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-normal)}.user-avatar[data-v-51f7d258]:hover{border-color:var(--color-primary)}.user-avatar img[data-v-51f7d258]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.guest-avatar[data-v-51f7d258]{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary))}.guest-text[data-v-51f7d258]{font-size:.75rem;font-weight:700;color:#fff;letter-spacing:.02em}.overlay[data-v-51f7d258]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;transition:opacity var(--transition-slow)}.dark .overlay[data-v-51f7d258]{background-color:rgba(0,0,0,.6)}.profile-menu[data-v-51f7d258]{position:fixed;top:0;right:0;bottom:0;width:320px;background:var(--color-surface);z-index:9999;padding:var(--spacing-xl);overflow-y:auto;box-shadow:var(--shadow-xl);border-left:1px solid var(--color-border)}.profile-header[data-v-51f7d258]{display:flex;justify-content:flex-end;align-items:start;margin-bottom:var(--spacing-xl)}.profile-info-section[data-v-51f7d258]{margin-bottom:var(--spacing-xl)}.profile-info[data-v-51f7d258]{display:flex;gap:var(--spacing-md);align-items:center}.profile-info img[data-v-51f7d258]{width:56px;height:56px;border-radius:var(--radius-full);border:2px solid var(--color-border)}.profile-text h3[data-v-51f7d258]{font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);margin-top:0}.profile-text p[data-v-51f7d258]{font-size:var(--font-size-small);color:var(--color-text-secondary);margin:0}.close-menu[data-v-51f7d258]{background:none;border:none;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.close-menu[data-v-51f7d258]:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.mobile-nav[data-v-51f7d258]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.menu-item[data-v-51f7d258]{display:flex;align-items:center;padding:var(--spacing-md);color:var(--color-text-primary);text-decoration:none;font-weight:500;gap:var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-normal)}.menu-item[data-v-51f7d258]:hover{background:var(--color-surface-hover);transform:translateX(4px)}.menu-item i[data-v-51f7d258]{width:20px;text-align:center;font-size:1.1rem;color:var(--color-text-secondary)}.menu-divider[data-v-51f7d258]{height:1px;background:var(--color-border);margin:var(--spacing-md) 0}.admin-menu-item[data-v-51f7d258]{color:var(--color-accent)!important;font-weight:600}.admin-menu-item i[data-v-51f7d258]{color:var(--color-accent)}.temp-login-menu-item[data-v-51f7d258]{color:var(--color-warning)!important;font-weight:600}.temp-login-menu-item i[data-v-51f7d258]{color:var(--color-warning)}.theme-menu-item[data-v-51f7d258]{cursor:pointer;font-weight:500}.theme-menu-item i[data-v-51f7d258],.theme-menu-item[data-v-51f7d258]:hover{color:var(--color-primary)}.login-prompt[data-v-51f7d258]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-2xl) var(--spacing-md);gap:var(--spacing-lg)}.login-icon[data-v-51f7d258]{font-size:4rem;color:var(--color-primary-light);margin-bottom:var(--spacing-sm)}.login-icon i[data-v-51f7d258]{color:var(--color-primary)}.login-prompt h3[data-v-51f7d258]{font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:700;color:var(--color-text-primary);margin:0}.login-prompt p[data-v-51f7d258]{font-size:var(--font-size-body);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.login-prompt-button[data-v-51f7d258]{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-body);font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--spacing-sm);width:100%;justify-content:center}.login-prompt-button[data-v-51f7d258]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--color-primary-dark)}.login-prompt-button i[data-v-51f7d258]{font-size:1.1rem}.fade-enter-active[data-v-51f7d258],.fade-leave-active[data-v-51f7d258]{transition:opacity var(--transition-slow)}.fade-enter-from[data-v-51f7d258],.fade-leave-to[data-v-51f7d258]{opacity:0}.slide-menu-enter-active[data-v-51f7d258],.slide-menu-leave-active[data-v-51f7d258]{transition:transform var(--transition-slow) ease-out}.slide-menu-enter-from[data-v-51f7d258],.slide-menu-leave-to[data-v-51f7d258]{transform:translateX(100%)}.contact-modal-overlay[data-v-51f7d258]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-lg)}.contact-modal[data-v-51f7d258]{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:var(--spacing-2xl);position:relative;box-shadow:var(--shadow-xl);text-align:center;animation:modalSlideIn-51f7d258 .3s ease-out}@keyframes modalSlideIn-51f7d258{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-modal-close[data-v-51f7d258]{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-surface-hover);border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.contact-modal-close[data-v-51f7d258]:hover{background:var(--color-border);color:var(--color-text-primary)}.contact-modal-icon[data-v-51f7d258]{width:64px;height:64px;margin:0 auto var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.contact-modal-icon i[data-v-51f7d258]{font-size:1.75rem;color:#fff}.contact-modal-title[data-v-51f7d258]{font-family:var(--font-heading);font-size:var(--font-size-h2);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-md)}.contact-modal-description[data-v-51f7d258]{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-md)}.contact-modal-tip[data-v-51f7d258]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-small);color:var(--color-text-tertiary);background:var(--color-surface-hover);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin:0 0 var(--spacing-xl)}.contact-modal-tip i[data-v-51f7d258]{color:var(--color-warning)}.contact-email-card[data-v-51f7d258]{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.email-address[data-v-51f7d258]{display:block;font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md);word-break:break-all}.email-actions[data-v-51f7d258]{display:flex;gap:var(--spacing-sm);justify-content:center}.email-action-btn[data-v-51f7d258]{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:600;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary)}.email-action-btn[data-v-51f7d258]:hover{border-color:var(--color-primary);color:var(--color-primary)}.email-action-btn.primary[data-v-51f7d258]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.email-action-btn.primary[data-v-51f7d258]:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.email-action-btn i[data-v-51f7d258]{font-size:.9rem}@media (max-width:768px){.desktop-only[data-v-51f7d258]{display:none}.header-content[data-v-51f7d258]{padding:var(--spacing-md) var(--spacing-md)}.logo-image[data-v-51f7d258]{height:24px}.badge[data-v-51f7d258]{font-size:.5rem;padding:2px 5px}.main-nav[data-v-51f7d258]{margin-left:var(--spacing-lg);gap:var(--spacing-lg)}.tutorial-button[data-v-51f7d258]{padding:var(--spacing-sm) var(--spacing-md)}.tutorial-text[data-v-51f7d258]{display:none}.profile-menu[data-v-51f7d258]{width:100%;max-width:320px}.contact-modal-overlay[data-v-51f7d258]{padding:var(--spacing-md)}.contact-modal[data-v-51f7d258]{padding:var(--spacing-xl);max-width:100%}.contact-modal-icon[data-v-51f7d258]{width:56px;height:56px}.contact-modal-icon i[data-v-51f7d258]{font-size:1.5rem}.contact-modal-title[data-v-51f7d258]{font-size:1.25rem}.email-actions[data-v-51f7d258]{flex-direction:column}.email-action-btn[data-v-51f7d258]{justify-content:center}}.user-card[data-v-13f22cac]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);height:100%;display:flex;flex-direction:column;justify-content:center;transition:all var(--transition-normal);min-height:180px}.clickable[data-v-13f22cac]{cursor:pointer}.clickable[data-v-13f22cac]:hover{background-color:var(--color-surface-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.profile-header[data-v-13f22cac]{display:flex;align-items:center;margin-bottom:var(--spacing-md);position:relative}.user-avatar[data-v-13f22cac]{width:56px;height:56px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-surface-hover);border:2px solid var(--color-primary);flex-shrink:0}.user-avatar img[data-v-13f22cac]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.user-name-level[data-v-13f22cac]{margin-left:var(--spacing-md);text-align:left;flex-grow:1}.user-name-level h3[data-v-13f22cac]{font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:600;margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.user-name-level p[data-v-13f22cac]{color:var(--color-text-secondary);margin:0;font-size:var(--font-size-small)}.user-email[data-v-13f22cac]{font-size:var(--font-size-tiny)!important;color:var(--color-text-tertiary)!important}.logout-button[data-v-13f22cac]{background:transparent;color:var(--color-text-secondary);border:none;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);position:absolute;right:0;top:0;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-small)}.logout-button i[data-v-13f22cac]{margin-right:var(--spacing-xs)}.logout-button[data-v-13f22cac]:hover{background-color:var(--color-surface-hover);color:var(--color-error)}.user-highlights[data-v-13f22cac]{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.highlight-card[data-v-13f22cac]{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.highlight-card[data-v-13f22cac]:hover{border-color:var(--color-primary)}.highlight-icon[data-v-13f22cac]{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;flex-shrink:0}.highlight-icon i[data-v-13f22cac]{font-size:1rem}.highlight-text[data-v-13f22cac]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.highlight-label[data-v-13f22cac]{font-size:var(--font-size-tiny);color:var(--color-text-secondary);font-weight:500}.highlight-value[data-v-13f22cac]{font-family:var(--font-mono);font-size:var(--font-size-small);font-weight:600;color:var(--color-text-primary)}.login-section[data-v-13f22cac]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md)}.login-section h3[data-v-13f22cac]{font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:600;margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary)}.login-section p[data-v-13f22cac]{color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-small)}.login-button[data-v-13f22cac]{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-xl);font-weight:600;font-size:var(--font-size-body);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);width:100%}.login-button[data-v-13f22cac]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--color-primary-dark)}.login-button[data-v-13f22cac]:active{transform:translateY(0);box-shadow:var(--shadow-sm)}@media (max-width:768px){.user-avatar[data-v-13f22cac]{width:48px;height:48px}.user-name-level h3[data-v-13f22cac]{font-size:var(--font-size-body);max-width:100px}.user-highlights[data-v-13f22cac]{flex-direction:column}}.intro-modal-overlay[data-v-2670b3c5]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.intro-modal-container[data-v-2670b3c5]{background:#fff;border-radius:24px;width:100%;max-width:700px;height:580px;max-height:95vh;display:flex;flex-direction:column;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3);overflow:hidden}.progress-dots[data-v-2670b3c5]{display:flex;justify-content:center;gap:12px;padding:14px;flex-shrink:0}.dot[data-v-2670b3c5]{width:10px;height:10px;border-radius:50%;background:#e5e7eb;cursor:pointer;transition:all .2s ease}.dot.active[data-v-2670b3c5]{background:var(--color-primary);width:32px;border-radius:5px}.dot[data-v-2670b3c5]:hover{background:#cbd5e1}.close-button[data-v-2670b3c5]{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.05);border:none;color:#6b7280;font-size:1.1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.close-button[data-v-2670b3c5]:hover{background:rgba(0,0,0,.1);color:#111827}.slide-wrapper[data-v-2670b3c5]{flex:1;overflow:visible;min-height:0;display:flex;flex-direction:column;justify-content:center}.slide-content[data-v-2670b3c5]{padding:12px 40px 20px;animation:slideIn-2670b3c5 .3s ease-out}@keyframes slideIn-2670b3c5{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.slide[data-v-2670b3c5]{text-align:center;display:flex;flex-direction:column;align-items:center}.slide-icon[data-v-2670b3c5]{width:56px;height:56px;margin:0 auto 12px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;flex-shrink:0;transition:transform .2s ease}.slide-icon[data-v-2670b3c5]:hover{transform:scale(1.05)}.slide-icon i[data-v-2670b3c5]{display:block}.slide-title[data-v-2670b3c5]{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:8px;line-height:1.3}.slide-welcome .slide-title[data-v-2670b3c5]{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.slide-description[data-v-2670b3c5]{font-size:.95rem;color:#6b7280;line-height:1.5;margin-bottom:16px}.feature-cards[data-v-2670b3c5]{display:flex;justify-content:center;gap:12px;margin-top:12px;flex-wrap:wrap;width:100%}.feature-card[data-v-2670b3c5]{flex:1;min-width:130px;max-width:160px;padding:14px 12px;background:#f3f4f6;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease}.feature-card[data-v-2670b3c5]:hover{transform:translateY(-3px);border-color:var(--color-primary);box-shadow:0 4px 12px rgba(37,99,235,.15)}.feature-card i[data-v-2670b3c5]{font-size:1.5rem;color:var(--color-primary);margin-bottom:6px;display:block}.feature-card span[data-v-2670b3c5]{font-weight:600;color:#111827;font-size:.85rem}.gameplay-steps[data-v-2670b3c5]{display:flex;flex-direction:column;gap:10px;margin-top:12px;width:100%;max-width:480px}.step[data-v-2670b3c5]{display:flex;gap:12px;text-align:left;padding:12px;background:#f3f4f6;border-radius:10px;border:1px solid #e5e7eb;transition:all .2s ease}.step[data-v-2670b3c5]:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 2px 8px rgba(37,99,235,.1)}.step-number[data-v-2670b3c5]{width:30px;height:30px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0}.step-content[data-v-2670b3c5]{flex:1}.step-content h3[data-v-2670b3c5]{font-size:.9rem;font-weight:700;color:#111827;margin-bottom:2px}.step-content p[data-v-2670b3c5]{font-size:.8rem;color:#6b7280;line-height:1.4}.multiplayer-features[data-v-2670b3c5]{display:flex;justify-content:center;gap:12px;margin-top:12px;width:100%;max-width:480px}.mp-feature[data-v-2670b3c5]{flex:1;padding:16px 14px;background:#f3f4f6;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease}.mp-feature[data-v-2670b3c5]:hover{transform:translateY(-3px);border-color:var(--color-primary);box-shadow:0 4px 12px rgba(37,99,235,.15)}.mp-feature i[data-v-2670b3c5]{font-size:1.5rem;color:var(--color-primary);margin-bottom:8px}.mp-feature h3[data-v-2670b3c5]{font-size:.85rem;font-weight:700;color:#111827;margin-bottom:4px}.mp-feature p[data-v-2670b3c5]{font-size:.8rem;color:#6b7280;line-height:1.4}.start-options[data-v-2670b3c5]{display:flex;flex-direction:column;gap:10px;margin-top:16px;max-width:360px;width:100%}.start-button[data-v-2670b3c5]{padding:12px 24px;border-radius:12px;border:none;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.start-button.primary[data-v-2670b3c5]{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary) 100%);color:#fff}.start-button.primary[data-v-2670b3c5]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.3)}.start-button.secondary[data-v-2670b3c5]{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.start-button.secondary[data-v-2670b3c5]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.text-button[data-v-2670b3c5]{margin-top:8px;background:none;border:none;color:#6b7280;font-size:.85rem;cursor:pointer;padding:6px 12px;transition:color .2s ease}.text-button[data-v-2670b3c5]:hover{color:#111827;text-decoration:underline}.data-source-footer[data-v-2670b3c5]{margin-top:16px;padding-top:12px;border-top:1px solid #e5e7eb;font-size:.7rem;color:#9ca3af;display:flex;align-items:center;justify-content:center;gap:6px}.data-source-footer span[data-v-2670b3c5]{color:#9ca3af}.data-source-footer a[data-v-2670b3c5]{color:#6b7280;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color .2s ease}.data-source-footer a[data-v-2670b3c5]:hover{color:var(--color-primary,#0ea5e9)}.data-source-footer a i[data-v-2670b3c5]{font-size:.65rem}.navigation-buttons[data-v-2670b3c5]{display:flex;justify-content:space-between;padding:12px 40px 16px;flex-shrink:0;border-top:1px solid #e5e7eb;background:#fff}.nav-button[data-v-2670b3c5]{padding:8px 16px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:5px}.nav-button[data-v-2670b3c5]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.3)}.nav-button.prev[data-v-2670b3c5]{margin-right:auto}.nav-button.next[data-v-2670b3c5]{margin-left:auto}@media (max-width:768px){.intro-modal-container[data-v-2670b3c5]{max-width:90%;border-radius:20px;height:520px;max-height:90vh}.slide-wrapper[data-v-2670b3c5]{overflow-y:auto;overflow-x:hidden;justify-content:flex-start}.slide-content[data-v-2670b3c5]{padding:12px 24px 20px}.slide-title[data-v-2670b3c5]{font-size:1.3rem}.slide-description[data-v-2670b3c5]{font-size:.9rem;margin-bottom:12px}.slide-icon[data-v-2670b3c5]{width:48px;height:48px;font-size:1.4rem;margin-bottom:10px}.feature-cards[data-v-2670b3c5]{gap:10px}.feature-card[data-v-2670b3c5]{min-width:100px;padding:12px 10px}.gameplay-steps[data-v-2670b3c5]{gap:8px}.step[data-v-2670b3c5]{padding:10px}.multiplayer-features[data-v-2670b3c5]{flex-direction:column;max-width:100%;gap:8px}.mp-feature[data-v-2670b3c5]{padding:14px 12px}.navigation-buttons[data-v-2670b3c5]{padding:10px 24px 14px}.nav-button[data-v-2670b3c5]{padding:8px 14px;font-size:.8rem}}@media (max-width:480px){.intro-modal-overlay[data-v-2670b3c5]{padding:8px}.intro-modal-container[data-v-2670b3c5]{max-width:100%;border-radius:16px;height:90vh;max-height:95vh}.progress-dots[data-v-2670b3c5]{padding:12px;gap:8px}.dot[data-v-2670b3c5]{width:7px;height:7px}.dot.active[data-v-2670b3c5]{width:24px}.close-button[data-v-2670b3c5]{width:28px;height:28px;top:10px;right:10px;font-size:.9rem}.slide-content[data-v-2670b3c5]{padding:8px 16px 16px}.slide-title[data-v-2670b3c5]{font-size:1.15rem;margin-bottom:6px}.slide-description[data-v-2670b3c5]{font-size:.8rem;margin-bottom:10px}.slide-icon[data-v-2670b3c5]{width:44px;height:44px;font-size:1.3rem;margin-bottom:8px}.feature-cards[data-v-2670b3c5]{flex-direction:column;gap:8px;max-width:100%}.feature-card[data-v-2670b3c5]{max-width:100%;padding:10px}.feature-card i[data-v-2670b3c5]{font-size:1.2rem;margin-bottom:4px}.feature-card span[data-v-2670b3c5]{font-size:.8rem}.gameplay-steps[data-v-2670b3c5]{gap:6px;max-width:100%}.step[data-v-2670b3c5]{padding:8px;gap:10px}.step-number[data-v-2670b3c5]{width:26px;height:26px;font-size:.85rem}.step-content h3[data-v-2670b3c5]{font-size:.8rem;margin-bottom:1px}.step-content p[data-v-2670b3c5]{font-size:.75rem}.multiplayer-features[data-v-2670b3c5]{gap:6px}.mp-feature[data-v-2670b3c5]{padding:12px 10px}.mp-feature i[data-v-2670b3c5]{font-size:1.3rem;margin-bottom:4px}.mp-feature h3[data-v-2670b3c5]{font-size:.8rem;margin-bottom:2px}.mp-feature p[data-v-2670b3c5]{font-size:.75rem}.start-options[data-v-2670b3c5]{margin-top:12px;gap:8px;max-width:100%}.start-button[data-v-2670b3c5]{padding:10px 18px;font-size:.85rem}.text-button[data-v-2670b3c5]{margin-top:6px;font-size:.75rem;padding:4px 8px}.data-source-footer[data-v-2670b3c5]{margin-top:12px;padding-top:10px;font-size:.65rem}.navigation-buttons[data-v-2670b3c5]{padding:8px 16px 12px}.nav-button[data-v-2670b3c5]{padding:6px 12px;font-size:.75rem}}.modal-overlay[data-v-25db3586]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;will-change:opacity;animation:fadeIn-25db3586 .25s ease-out}.modal-container[data-v-25db3586]{background:#fff;border-radius:20px;width:100%;max-width:480px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow:hidden;will-change:transform,opacity;border:1px solid rgba(59,130,246,.1)}.modal-header[data-v-25db3586]{padding:2.5rem 2rem 2rem;text-align:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom:1px solid #e5e7eb;position:relative;overflow:hidden}.modal-header[data-v-25db3586]:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);will-change:transform;animation:shimmer-25db3586 4s ease-in-out infinite}.modal-header h2[data-v-25db3586]{font-size:1.75rem;font-weight:700;color:#1e40af;margin:0 0 .5rem 0;position:relative;z-index:1}.modal-header p[data-v-25db3586]{font-size:.875rem;color:#3b82f6;margin:0;position:relative;z-index:1}.modal-body[data-v-25db3586]{padding:2rem}.form-group[data-v-25db3586]{margin-bottom:1.5rem}.form-group label[data-v-25db3586]{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-group input[data-v-25db3586]{width:100%;padding:.875rem 1.25rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:12px;transition:all .3s ease;box-sizing:border-box;background:#f9fafb}.form-group input[data-v-25db3586]:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px rgba(59,130,246,.1);transform:translate3d(0,-1px,0);will-change:transform}.form-group input[data-v-25db3586]:disabled{background-color:#f9fafb;cursor:not-allowed}.input-hint[data-v-25db3586]{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.75rem}.input-hint span[data-v-25db3586]:first-child{color:#6b7280}.input-hint span.error[data-v-25db3586]{color:#ef4444}.char-count[data-v-25db3586]{color:#9ca3af}.modal-actions[data-v-25db3586]{display:flex;gap:.75rem;justify-content:flex-end}.submit-btn[data-v-25db3586]{flex:1;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;cursor:pointer;transition:transform .2s ease-out,box-shadow .2s ease-out,background .2s ease-out;box-shadow:0 4px 12px rgba(59,130,246,.3);position:relative;overflow:hidden;will-change:transform}.submit-btn[data-v-25db3586]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);will-change:transform;transition:transform .6s ease-out}.submit-btn[data-v-25db3586]:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translate3d(0,-2px,0);box-shadow:0 6px 20px rgba(59,130,246,.4)}.submit-btn[data-v-25db3586]:hover:not(:disabled):before{transform:translateX(200%)}.submit-btn[data-v-25db3586]:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}@keyframes fadeIn-25db3586{0%{opacity:0}to{opacity:1}}@keyframes slideUp-25db3586{0%{opacity:0;transform:translate3d(0,20px,0) scale(.98)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes shimmer-25db3586{0%{transform:translateX(-50%)}to{transform:translateX(50%)}}.modal-fade-enter-active[data-v-25db3586],.modal-fade-leave-active[data-v-25db3586]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-25db3586],.modal-fade-leave-to[data-v-25db3586]{opacity:0}.modal-fade-enter-active .modal-container[data-v-25db3586],.modal-fade-leave-active .modal-container[data-v-25db3586]{transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s ease-out}.modal-fade-enter-from .modal-container[data-v-25db3586],.modal-fade-leave-to .modal-container[data-v-25db3586]{opacity:0;transform:translate3d(0,20px,0) scale(.98)}@media (max-width:768px){.modal-container[data-v-25db3586]{max-width:100%;margin:1rem}.modal-header[data-v-25db3586]{padding:1.5rem 1.5rem 1rem}.modal-body[data-v-25db3586]{padding:1.5rem}}.hero-section[data-v-92d6deea]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;padding:var(--spacing-lg) var(--spacing-md);margin:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);width:calc(100% - var(--spacing-xl)*2);max-width:800px}.hero-section[data-v-92d6deea]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));opacity:.8}.hero-section[data-v-92d6deea]:hover{transform:translate(-50%,calc(-50% - 2px));box-shadow:var(--shadow-md)}.hero-close[data-v-92d6deea]{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:36px;height:36px;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);z-index:10}.hero-close[data-v-92d6deea]:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:rotate(90deg)}.hero-content[data-v-92d6deea]{max-width:800px;margin:0 auto;text-align:center}.hero-title[data-v-92d6deea]{font-family:var(--font-heading);font-size:var(--font-size-h1);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-text-primary);letter-spacing:-.02em}.hero-description[data-v-92d6deea]{font-size:var(--font-size-body);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.hero-actions[data-v-92d6deea]{display:flex;justify-content:center;gap:var(--spacing-sm)}.hero-button[data-v-92d6deea]{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-size-small);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-xs)}.hero-button.primary[data-v-92d6deea]{background:var(--color-primary);color:#fff;border:none;box-shadow:var(--shadow-sm)}.hero-button.primary[data-v-92d6deea]:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.hero-button.secondary[data-v-92d6deea]{background:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:none}.hero-button.secondary[data-v-92d6deea]:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}@media (max-width:768px){.hero-section[data-v-92d6deea]{padding:var(--spacing-md) var(--spacing-sm);width:calc(100% - var(--spacing-md)*2)}.hero-title[data-v-92d6deea]{font-size:var(--font-size-h2);margin-bottom:var(--spacing-xs)}.hero-description[data-v-92d6deea]{font-size:var(--font-size-small);margin-bottom:var(--spacing-md)}.hero-actions[data-v-92d6deea]{flex-direction:column;gap:var(--spacing-xs)}.hero-button[data-v-92d6deea]{justify-content:center;width:100%;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-small)}}.adsense-container[data-v-8d3c25be]{width:100%;margin:0 auto;text-align:center;overflow:hidden}.adsbygoogle[data-v-8d3c25be]{display:block!important;width:100%;min-height:90px}ins.adsbygoogle[data-ad-status=unfilled][data-v-8d3c25be]{display:none!important}@media (max-width:768px){.adsbygoogle[data-v-8d3c25be],.adsense-container[data-v-8d3c25be]{min-height:100px}}@media (max-width:480px){.adsbygoogle[data-v-8d3c25be],.adsense-container[data-v-8d3c25be]{min-height:50px}}.notices-section{background:#fff;border-radius:20px;padding:24px;margin-bottom:32px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.notices-list{display:flex;flex-direction:column;gap:16px}.notice-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:12px;background:#f9fafb;transition:background .2s;cursor:pointer;min-height:60px}.notice-item:hover{background:#f3f4f6}.notice-info{display:flex;flex-direction:column}.notice-category{display:inline-block;font-size:12px;font-weight:600;padding:4px 18px;border-radius:12px;color:#fff;width:-moz-fit-content;width:fit-content;margin-bottom:.7rem;background:#6b7280}.notice-category.업데이트{background:#10b981}.notice-category.공지사항{background:#3b82f6}.notice-category.이벤트{background:#f59e0b}.notice-category.공지{background:#3b82f6}.notice-category.일반{background:#6b7280}.banner-carousel{position:relative;overflow:hidden;border-radius:24px;margin-top:0;margin-bottom:0;border:1px solid #eee}.banner-container{display:flex;transition:transform .5s ease-in-out;width:100%}.main-banner{flex:0 0 100%;width:100%;aspect-ratio:1920/800;background-size:cover;background-position:50%;position:relative}.main-banner-content{position:absolute;bottom:0;left:0;right:0;padding:30px;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff}.main-banner-badge{display:inline-block;padding:6px 12px;background:hsla(0,0%,100%,.2);border-radius:12px;font-size:13px;margin-bottom:10px;backdrop-filter:blur(5px)}.main-banner-content h2{font-size:23px;margin-bottom:10px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.banner-dots{position:absolute;bottom:15px;right:15px;display:flex;gap:8px}.banner-dot{width:10px;height:10px;border-radius:50%;background:hsla(0,0%,100%,.5);border:none;cursor:pointer;transition:background .3s,transform .3s}.banner-dot.active{background:#fff;transform:scale(1.2)}.banner-dot:hover{background:#fff}.app-container[data-v-46b62d92]{min-height:100vh;width:100%;background-color:var(--color-background);overflow-x:hidden;overflow-y:auto;transition:background-color var(--transition-slow)}.main-layout[data-v-46b62d92]{display:flex;gap:var(--spacing-xl);max-width:1920px;margin:0 auto;padding:0 var(--spacing-lg);position:relative}.ad-sidebar[data-v-46b62d92]{flex:0 0 160px;position:sticky;top:100px;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center}.ad-container[data-v-46b62d92]{width:160px;min-height:600px;position:sticky;top:100px}.main-content-wrapper[data-v-46b62d92]{flex:1;max-width:1000px;margin:0 auto;padding-top:80px;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.hero-banner-wrapper[data-v-46b62d92]{position:relative;width:100%;margin-bottom:var(--spacing-xl)}.hero-banner-wrapper[data-v-46b62d92]:not(.has-banner){min-height:400px}.ad-inline[data-v-46b62d92]{width:100%;max-width:728px;margin:var(--spacing-xl) auto}@media (max-width:1023px){.main-layout[data-v-46b62d92]{flex-direction:column;padding:0 var(--spacing-lg)}.ad-sidebar[data-v-46b62d92]{display:none}.main-content-wrapper[data-v-46b62d92]{max-width:100%;width:100%;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.ad-inline[data-v-46b62d92]{max-width:100%;margin:var(--spacing-lg) 0;padding:var(--spacing-sm)}}.main-content[data-v-46b62d92]{padding-top:80px;max-width:1400px;margin:0 auto;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.main-banner.clickable[data-v-46b62d92]{cursor:pointer;transition:all var(--transition-normal)}.main-banner.clickable[data-v-46b62d92]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stats-container[data-v-46b62d92]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card[data-v-46b62d92]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.stat-card[data-v-46b62d92]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.stat-icon[data-v-46b62d92]{font-size:1.5rem;color:var(--color-primary)}.stat-info[data-v-46b62d92]{display:flex;flex-direction:column}.stat-value[data-v-46b62d92]{font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:700;color:var(--color-text-primary)}.stat-label[data-v-46b62d92]{font-size:var(--font-size-small);color:var(--color-text-secondary)}.section-title[data-v-46b62d92]{font-family:var(--font-heading);font-size:var(--font-size-h2);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.section-header[data-v-46b62d92]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.view-all[data-v-46b62d92]{font-size:var(--font-size-small);color:var(--color-text-secondary);text-decoration:none;display:flex;align-items:center;gap:var(--spacing-xs);transition:color var(--transition-normal);font-weight:500}.view-all[data-v-46b62d92]:hover{color:var(--color-primary)}.modes-grid[data-v-46b62d92]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.mode-card[data-v-46b62d92]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.mode-card[data-v-46b62d92]:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.mode-background[data-v-46b62d92]{position:relative;top:0;left:0;right:0;bottom:0;opacity:.05;z-index:0;background-size:cover;background-position:50%;transition:opacity var(--transition-normal)}.mode-card:hover .mode-background[data-v-46b62d92]{opacity:.1}.mode-card.locked[data-v-46b62d92]{position:relative;cursor:not-allowed;opacity:.6}.mode-card.locked[data-v-46b62d92]:hover{transform:none;box-shadow:var(--shadow-sm)}.mode-overlay[data-v-46b62d92]{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-surface);opacity:.95;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;color:var(--color-text-secondary);font-weight:600;border-radius:var(--radius-xl)}.mode-overlay i[data-v-46b62d92]{font-size:2rem;margin-bottom:var(--spacing-sm);color:var(--color-text-tertiary)}.mode-icon[data-v-46b62d92]{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);font-size:1.75rem;z-index:1;transition:all var(--transition-normal)}.roadview .mode-icon[data-v-46b62d92]{background:var(--color-primary);color:#fff}.photo .mode-icon[data-v-46b62d92]{background:var(--color-success);color:#fff}.multiplayer .mode-icon[data-v-46b62d92]{background:var(--color-secondary);color:#fff}.mode-card:hover .mode-icon[data-v-46b62d92]{transform:scale(1.1)}.mode-info h3[data-v-46b62d92]{font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.mode-info p[data-v-46b62d92]{font-size:var(--font-size-small);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed)}.mode-stats[data-v-46b62d92]{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-small);color:var(--color-text-tertiary)}.active-players i[data-v-46b62d92]{color:var(--color-primary);margin-right:var(--spacing-xs)}.difficulty i[data-v-46b62d92]{color:var(--color-warning);margin-left:2px}.toast-notification[data-v-46b62d92]{bottom:var(--spacing-xl);background-color:var(--color-surface);color:var(--color-text-primary);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);font-size:var(--font-size-small)}@media (max-width:768px){.stats-container[data-v-46b62d92]{grid-template-columns:repeat(2,1fr)}.modes-grid[data-v-46b62d92]{grid-template-columns:1fr}.main-banner[data-v-46b62d92]{height:150px}.profile-menu[data-v-46b62d92]{width:100%}}@media (max-width:480px){.stats-container[data-v-46b62d92]{grid-template-columns:1fr}.header-content[data-v-46b62d92]{padding:0 12px}.main-content[data-v-46b62d92]{padding:70px 12px 20px}.mode-card[data-v-46b62d92]{padding:16px}.mode-icon[data-v-46b62d92]{width:40px;height:40px;font-size:20px}.nav-item span[data-v-46b62d92]{display:none}}@keyframes fadeIn-46b62d92{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.activity-item[data-v-46b62d92],.mode-card[data-v-46b62d92],.stat-card[data-v-46b62d92]{animation:fadeIn-46b62d92 .65s ease-out}[data-v-46b62d92]::-webkit-scrollbar{width:8px}[data-v-46b62d92]::-webkit-scrollbar-track{background:#f1f1f1}[data-v-46b62d92]::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:4px}[data-v-46b62d92]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.admin-link[data-v-46b62d92]{color:#6366f1;font-weight:600}.admin-menu-item[data-v-46b62d92]{color:#6366f1!important;font-weight:600}.admin-menu-item i[data-v-46b62d92]{color:#6366f1}.ad-section[data-v-46b62d92]{margin:20px 0;width:100%}.ad-container[data-v-46b62d92]{height:120px;background-color:#f8f9fa;border-radius:12px;overflow:hidden}.ad-container[data-v-46b62d92],.ad-placeholder[data-v-46b62d92]{width:100%;display:flex;align-items:center;justify-content:center}.ad-placeholder[data-v-46b62d92]{height:100%;background-color:#e9ecef;color:#6c757d;font-size:14px;border:1px dashed #adb5bd}.test-links[data-v-46b62d92]{margin-top:2rem;padding:1rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.test-links h3[data-v-46b62d92]{font-size:1.2rem;color:#334155;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.test-links-grid[data-v-46b62d92]{display:flex;gap:1rem}.test-link[data-v-46b62d92]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;background-color:#f8fafc;border-radius:8px;text-decoration:none;color:#334155;transition:all .2s ease;flex:1}.test-link i[data-v-46b62d92]{font-size:1.5rem;margin-bottom:.5rem}.test-link.team-test[data-v-46b62d92]{background-color:#dbeafe;color:#1d4ed8}.test-link.solo-test[data-v-46b62d92]{background-color:#fef3c7;color:#d97706}.test-link[data-v-46b62d92]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.notices-loading[data-v-46b62d92]{display:flex;justify-content:center;align-items:center;padding:2rem}.loading-spinner[data-v-46b62d92]{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem}.loading-spinner i[data-v-46b62d92]{font-size:1.5rem;color:#667eea}.toast-notification[data-v-46b62d92]{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);background-color:#334155;color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;animation:slideUp-46b62d92 .3s ease-out;font-size:14px;font-weight:500;max-width:90%;text-align:center}@keyframes slideUp-46b62d92{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.game-container[data-v-3ca95f02]{min-height:100vh;background:linear-gradient(180deg,#fff,#f3f3f3);display:flex;flex-direction:column;align-items:center;padding:2rem;position:relative;overflow-x:hidden}.logo-section[data-v-3ca95f02]{margin-bottom:1rem}.map-animation[data-v-3ca95f02]{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:400px}.korea-map[data-v-3ca95f02]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:.1;position:absolute;z-index:0}.main-title[data-v-3ca95f02]{max-width:300px;width:100%;height:auto;-o-object-fit:contain;object-fit:contain;position:relative;z-index:1;animation:fadeIn-3ca95f02 1.5s ease-out}.game-controls[data-v-3ca95f02]{width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.start-button[data-v-3ca95f02]{width:100%;padding:1rem;border-radius:12px;border:none;background:linear-gradient(45deg,#4facfe,#00f2fe);color:#fff;font-size:1.25rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:transform .3s ease}.start-button[data-v-3ca95f02]:hover{transform:translateY(-2px)}.button-effect[data-v-3ca95f02]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.2));transform:translateX(-100%);transition:transform .6s ease}.start-button:hover .button-effect[data-v-3ca95f02]{transform:translateX(100%)}.social-login-section[data-v-3ca95f02]{width:100%;display:flex;flex-direction:column;gap:.75rem;align-items:center}.social-button[data-v-3ca95f02]{width:100%;height:45px;border-radius:12px;border:none;display:flex;align-items:center;justify-content:flex-start;padding:0 16px;cursor:pointer;transition:transform .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:500}.social-button[data-v-3ca95f02]:hover{transform:translateY(-1px)}.social-icon-wrapper[data-v-3ca95f02]{display:flex;align-items:center;justify-content:center;margin-right:8px;width:24px;height:24px}.social-text[data-v-3ca95f02]{flex:1;text-align:center}.social-button.kakao[data-v-3ca95f02]{background-color:#fee500}.social-text.kakao[data-v-3ca95f02]{color:rgba(0,0,0,.85)}.social-button.naver[data-v-3ca95f02]{background-color:#03c75a}.social-text.naver[data-v-3ca95f02]{color:#fff}.naver-icon[data-v-3ca95f02]{color:#fff;font-weight:700;font-size:18px}.google-btn[data-v-3ca95f02]{width:100%;height:45px;background-color:#fff;border-radius:24px;border:1px solid #747775;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);display:flex;align-items:center;padding:0;cursor:pointer;transition:background-color .2s,box-shadow .2s}.google-btn[data-v-3ca95f02]:hover{background-color:#f8f8f8;box-shadow:0 1px 3px 0 rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}.google-btn[data-v-3ca95f02]:active{background-color:#eaeaea;box-shadow:0 1px 2px 0 rgba(60,64,67,.3)}.google-icon-wrapper[data-v-3ca95f02]{display:flex;justify-content:center;align-items:center;padding-left:12px;padding-right:10px;height:100%}.google-icon[data-v-3ca95f02]{width:18px;height:18px}.google-btn-text[data-v-3ca95f02]{flex:1;padding-right:12px;color:#1f1f1f;font-family:Roboto,sans-serif;font-weight:500;font-size:14px;line-height:20px;text-align:center}#customBtn[data-v-3ca95f02],#gSignInWrapper[data-v-3ca95f02],.buttonText[data-v-3ca95f02],.icon[data-v-3ca95f02]{display:none}@keyframes fadeIn-3ca95f02{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.main-title[data-v-3ca95f02]{max-width:180px}.game-container[data-v-3ca95f02]{padding:1rem}.logo-section[data-v-3ca95f02]{margin-top:3rem;margin-bottom:4rem}.map-animation[data-v-3ca95f02]{width:200px;height:200px}}.oauth-callback-container[data-v-49fde172]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff,#f3f3f3);padding:2rem}.loading-content[data-v-49fde172]{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loading-spinner[data-v-49fde172]{position:relative;width:80px;height:80px}.spinner[data-v-49fde172]{width:80px;height:80px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin-49fde172 1s linear infinite}@keyframes spin-49fde172{to{transform:rotate(1turn)}}.loading-title[data-v-49fde172]{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0;animation:fadeIn-49fde172 .5s ease-out}.loading-subtitle[data-v-49fde172]{font-size:1rem;color:#6b7280;margin:0;animation:fadeIn-49fde172 .7s ease-out}@keyframes fadeIn-49fde172{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.loading-title[data-v-49fde172]{font-size:1.25rem}.loading-subtitle[data-v-49fde172]{font-size:.9rem}.loading-spinner[data-v-49fde172]{width:60px;height:60px}.spinner[data-v-49fde172]{width:60px;height:60px;border-width:3px}}.game-rooms-panel[data-v-34fda714]{flex:1;background:#fff;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden;display:flex;flex-direction:column;max-height:600px;border:1px solid #e5e7eb;transition:all .3s ease}.panel-header[data-v-34fda714]{padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f3f4f6;background:#fafafa}.panel-title-section[data-v-34fda714]{display:flex;align-items:center;gap:var(--spacing-md)}.panel-title[data-v-34fda714]{margin:0;font-size:1rem;font-weight:700;color:#111827;display:flex;align-items:center;gap:.5rem}.panel-title i[data-v-34fda714]{color:#10b981;font-size:1rem}.header-loading[data-v-34fda714]{display:flex;align-items:center;gap:.4rem;color:#6b7280;font-size:.8rem;font-weight:500}.header-loading i[data-v-34fda714]{color:#10b981;font-size:.75rem}.loading-text[data-v-34fda714]{animation:fadeInOut-34fda714 2s infinite}.room-actions[data-v-34fda714]{display:flex;align-items:center;gap:.8rem;animation:fadeIn-34fda714 .5s ease-out}@keyframes fadeIn-34fda714{0%{opacity:0}to{opacity:1}}@keyframes fadeInOut-34fda714{0%,to{opacity:.7}50%{opacity:1}}.search-box[data-v-34fda714]{position:relative;display:flex;align-items:center;gap:.4rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.4rem .6rem}.search-box i[data-v-34fda714]{color:#9ca3af;font-size:.8rem}.search-box input[data-v-34fda714]{border:none;outline:none;font-size:.8rem;width:140px;color:#374151;background:transparent}.search-box input[data-v-34fda714]::-moz-placeholder{color:#9ca3af}.search-box input[data-v-34fda714]::placeholder{color:#9ca3af}.refresh-button[data-v-34fda714]{width:34px;height:34px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.85rem}.refresh-button[data-v-34fda714]:hover:not(:disabled){background:#f3f4f6;color:#374151}.refresh-button[data-v-34fda714]:disabled{opacity:.5;cursor:not-allowed}.rooms-container[data-v-34fda714]{flex:1;padding:.75rem;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;scrollbar-width:thin;scrollbar-color:#10b981 transparent}.rooms-container[data-v-34fda714]::-webkit-scrollbar{width:4px}.rooms-container[data-v-34fda714]::-webkit-scrollbar-track{background:rgba(16,185,129,.1)}.rooms-container[data-v-34fda714]::-webkit-scrollbar-thumb{background:#10b981;border-radius:2px}.room-card[data-v-34fda714]{position:relative;background:#fff;border-radius:4px;padding:0;cursor:pointer;transition:all .25s ease;overflow:hidden;border:1px solid #e5e7eb;display:flex;animation:slideIn-34fda714 .4s ease-out;animation-fill-mode:both}.room-card[data-v-34fda714]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.08)}.room-status-bar[data-v-34fda714]{width:5px;flex-shrink:0}.is-public .room-status-bar[data-v-34fda714]{background:linear-gradient(180deg,#10b981,#059669)}.is-private .room-status-bar[data-v-34fda714]{background:linear-gradient(180deg,#6366f1,#4f46e5)}.is-playing .room-status-bar[data-v-34fda714]{background:linear-gradient(180deg,#f59e0b,#d97706)}.is-playing[data-v-34fda714]{opacity:.65;cursor:not-allowed}.is-playing[data-v-34fda714]:hover{transform:none;box-shadow:none}@keyframes slideIn-34fda714{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.room-card[data-v-34fda714]:first-child{animation-delay:.05s}.room-card[data-v-34fda714]:nth-child(2){animation-delay:.1s}.room-card[data-v-34fda714]:nth-child(3){animation-delay:.15s}.room-card[data-v-34fda714]:nth-child(4){animation-delay:.2s}.room-card[data-v-34fda714]:nth-child(5){animation-delay:.25s}.room-content[data-v-34fda714]{flex:1;padding:.875rem 1rem;display:flex;flex-direction:column;gap:.5rem}.room-header[data-v-34fda714]{display:flex;justify-content:space-between;align-items:center}.room-badges[data-v-34fda714]{display:flex;gap:.3rem;margin-left:auto}.status-chip[data-v-34fda714]{display:flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:2px;font-size:.65rem;font-weight:600;letter-spacing:.02em}.status-chip.status-public[data-v-34fda714]{background:#ecfdf5;color:#059669}.status-chip.status-private[data-v-34fda714]{background:#eef2ff;color:#4f46e5}.status-chip.status-playing[data-v-34fda714]{background:#fef3c7;color:#d97706}.status-dot[data-v-34fda714]{width:6px;height:6px;border-radius:50%;background:currentColor}.status-chip.status-public .status-dot[data-v-34fda714]{animation:pulse-34fda714 2s infinite}@keyframes pulse-34fda714{0%,to{opacity:1}50%{opacity:.4}}.lock-badge[data-v-34fda714]{width:28px;height:28px;background:#eef2ff;border:1px solid #c7d2fe;display:flex;align-items:center;justify-content:center;border-radius:2px}.lock-badge i[data-v-34fda714]{color:#6366f1;font-size:.7rem}.room-main[data-v-34fda714]{display:flex;justify-content:space-between;align-items:flex-start}.room-info[data-v-34fda714]{flex:1;min-width:0}.room-name[data-v-34fda714]{margin:0 0 .25rem 0;font-size:.95rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-host[data-v-34fda714]{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#6b7280}.room-host i[data-v-34fda714]{font-size:.65rem}.room-meta[data-v-34fda714]{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.meta-tag[data-v-34fda714]{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:#6b7280}.meta-tag i[data-v-34fda714]{font-size:.65rem;color:#9ca3af}.meta-divider[data-v-34fda714]{width:3px;height:3px;background:#d1d5db;border-radius:50%}.room-footer[data-v-34fda714]{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid #f3f4f6}.player-bar-wrapper[data-v-34fda714]{display:flex;align-items:center;gap:.5rem;flex:1}.player-bar[data-v-34fda714]{flex:1;max-width:100px;height:4px;background:#f3f4f6;border-radius:2px;overflow:hidden}.player-fill[data-v-34fda714]{height:100%;transition:width .3s ease}.is-public .player-fill[data-v-34fda714]{background:#10b981}.is-private .player-fill[data-v-34fda714]{background:#6366f1}.is-playing .player-fill[data-v-34fda714]{background:#f59e0b}.player-count[data-v-34fda714]{font-family:JetBrains Mono,Consolas,monospace;font-size:.7rem;font-weight:600;color:#374151}.join-text[data-v-34fda714]{font-size:.7rem;font-weight:600;transition:transform .2s ease}.is-public .join-text[data-v-34fda714]{color:#059669}.is-private .join-text[data-v-34fda714]{color:#4f46e5}.room-card:hover .join-text[data-v-34fda714]:not(.disabled){transform:translateX(3px)}.join-text.disabled[data-v-34fda714]{color:#9ca3af}.empty-state[data-v-34fda714]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;color:#9ca3af}.empty-state i[data-v-34fda714]{font-size:3rem;margin-bottom:1rem;color:#d1d5db}.empty-state p[data-v-34fda714]{margin:0;font-size:.9rem;font-weight:600;color:#6b7280}.modal-overlay[data-v-34fda714]{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.password-modal[data-v-34fda714]{background:#fff;border-radius:16px;width:90%;max-width:360px;overflow:hidden;animation:slideUp-34fda714 .3s ease}@keyframes slideUp-34fda714{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.password-modal h3[data-v-34fda714]{margin:0;font-size:1rem;font-weight:700;color:#111827;padding:1rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e5e7eb}.password-modal input[data-v-34fda714]{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:10px;font-size:.95rem;margin:1.25rem;outline:none;transition:border-color .2s ease}.password-modal input[data-v-34fda714]:focus{border-color:#6366f1}.modal-actions[data-v-34fda714]{display:flex;gap:.6rem;padding:1rem 1.25rem;border-top:1px solid #e5e7eb}.cancel-button[data-v-34fda714],.submit-button[data-v-34fda714]{flex:1;padding:.7rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-button[data-v-34fda714]{background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.submit-button[data-v-34fda714]{background:#6366f1;border:none;color:#fff}.submit-button[data-v-34fda714]:hover{background:#4f46e5}@media (max-width:768px){.game-rooms-panel[data-v-34fda714]{max-height:none}.panel-header[data-v-34fda714]{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.75rem 1rem}.panel-title[data-v-34fda714]{font-size:1rem}.room-actions[data-v-34fda714]{width:100%;gap:.5rem}.search-box[data-v-34fda714]{width:100%}.search-box input[data-v-34fda714]{width:100%;padding:.4rem .6rem .4rem 2rem;font-size:.8rem}.search-box input[data-v-34fda714]:focus{width:100%}.search-box i[data-v-34fda714]{left:.6rem;font-size:.8rem}.refresh-button[data-v-34fda714]{width:34px;height:34px;font-size:.85rem}.rooms-container[data-v-34fda714]{padding:.75rem;gap:.5rem}.room-card[data-v-34fda714]{min-height:auto}.room-content[data-v-34fda714]{padding:.75rem .875rem}.room-name[data-v-34fda714]{font-size:.85rem}.room-host[data-v-34fda714]{font-size:.7rem}.meta-tag[data-v-34fda714]{font-size:.65rem}.player-bar[data-v-34fda714]{max-width:80px}.empty-state[data-v-34fda714]{padding:1.5rem 0}.empty-state i[data-v-34fda714]{font-size:2.5rem;margin-bottom:.75rem}.empty-state p[data-v-34fda714]{font-size:.85rem;padding:.6rem 1rem}}.chat-window[data-v-da2518b4]{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);flex:1;border:1px solid rgba(0,0,0,.04)}.chat-header[data-v-da2518b4]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#fff,#f8fafc);flex-shrink:0}.chat-title[data-v-da2518b4]{margin:0;font-size:1.1rem;color:#1a202c;position:relative;font-weight:700;letter-spacing:-.02em}.chat-title[data-v-da2518b4]:after{content:"";position:absolute;bottom:-4px;left:0;width:25px;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.online-users[data-v-da2518b4]{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#64748b;font-weight:500}.online-indicator[data-v-da2518b4]{display:inline-block;width:6px;height:6px;border-radius:50%;background:#10b981;animation:pulse-da2518b4 2s infinite}@keyframes pulse-da2518b4{0%,to{opacity:1}50%{opacity:.6}}.chat-messages[data-v-da2518b4]{flex:1;padding:.8rem;overflow-y:auto;background:#f8fafc;display:flex;flex-direction:column;gap:.3rem;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.chat-messages[data-v-da2518b4]::-webkit-scrollbar{width:4px}.chat-messages[data-v-da2518b4]::-webkit-scrollbar-track{background:transparent}.chat-messages[data-v-da2518b4]::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.chat-messages[data-v-da2518b4]::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.message-wrapper[data-v-da2518b4]{margin-bottom:.2rem}.system-message-wrapper[data-v-da2518b4]{display:flex;justify-content:center;margin:.8rem 0}.my-message-wrapper[data-v-da2518b4]{display:flex;justify-content:flex-end}.other-message-wrapper[data-v-da2518b4]{display:flex;justify-content:flex-start}.system-message[data-v-da2518b4]{background:rgba(100,116,139,.08);border-radius:16px;padding:.4rem .8rem;max-width:75%}.system-content[data-v-da2518b4]{font-size:.8rem;color:#64748b;font-style:italic;font-weight:500}.chat-message[data-v-da2518b4]{max-width:75%;margin-bottom:.3rem}.other-message[data-v-da2518b4]{display:flex;align-items:flex-start;gap:.6rem}.message-content-wrapper[data-v-da2518b4]{flex:1;min-width:0}.message-info[data-v-da2518b4]{display:flex;align-items:center;gap:.4rem;margin-bottom:.2rem}.sender-name[data-v-da2518b4]{font-size:.75rem;font-weight:600;color:#374151}.message-time[data-v-da2518b4]{font-size:.7rem;color:#9ca3af;font-weight:500}.message-bubble[data-v-da2518b4]{position:relative;padding:.5rem .8rem;border-radius:14px;font-size:.85rem;line-height:1.4;word-wrap:break-word;box-shadow:0 1px 4px rgba(0,0,0,.06);transition:all .2s ease;max-width:100%}.message-bubble[data-v-da2518b4]:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.other-bubble[data-v-da2518b4]{background:#fff;color:#374151;border-bottom-left-radius:4px;border:1px solid rgba(0,0,0,.04)}.other-tail[data-v-da2518b4]{position:absolute;bottom:0;left:-4px;width:0;height:0;border-style:solid;border-width:0 4px 4px 0;border-color:transparent #fff transparent transparent}.other-tail[data-v-da2518b4]:before{content:"";position:absolute;bottom:-1px;left:1px;width:0;height:0;border-style:solid;border-width:0 4px 4px 0;border-color:transparent rgba(0,0,0,.04) transparent transparent}.my-message[data-v-da2518b4]{display:flex;justify-content:flex-end;align-items:flex-end}.my-content-wrapper[data-v-da2518b4]{display:flex;flex-direction:column;align-items:flex-end;max-width:100%}.my-message-info[data-v-da2518b4]{margin-bottom:.2rem}.my-message-info .message-time[data-v-da2518b4]{font-size:.7rem;color:#9ca3af;margin-right:.3rem}.my-bubble[data-v-da2518b4]{background:#3b82f6;color:#fff;border-bottom-right-radius:4px;border:none;font-weight:500}.my-tail[data-v-da2518b4]{position:absolute;bottom:0;right:-4px;width:0;height:0;border-style:solid;border-width:4px 0 0 4px;border-color:#3b82f6 transparent transparent transparent}.chat-input[data-v-da2518b4]{display:flex;padding:.8rem 1rem;border-top:1px solid #f0f0f0;background:#fff;flex-shrink:0;gap:.6rem;align-items:center}.input-wrapper[data-v-da2518b4]{flex:1;display:flex;align-items:center;background:#f8fafc;border-radius:20px;border:2px solid transparent;transition:all .3s ease;overflow:hidden}.input-wrapper[data-v-da2518b4]:focus-within{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.08)}.chat-input input[data-v-da2518b4]{flex:1;padding:.7rem 1rem;border:none;background:transparent;font-size:.85rem;outline:none;color:#374151;font-weight:500}.chat-input input[data-v-da2518b4]::-moz-placeholder{color:#9ca3af;font-weight:400}.chat-input input[data-v-da2518b4]::placeholder{color:#9ca3af;font-weight:400}.send-button[data-v-da2518b4]{background:#3b82f6;color:#fff;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 6px rgba(59,130,246,.2);transform:translateY(0)}.send-button[data-v-da2518b4]:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 10px rgba(59,130,246,.3)}.send-button[data-v-da2518b4]:active:not(:disabled){background:#1d4ed8;transform:translateY(0);box-shadow:0 2px 4px rgba(59,130,246,.2)}.send-button[data-v-da2518b4]:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.send-button i[data-v-da2518b4]{font-size:.8rem}.close-chat-button[data-v-da2518b4]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px rgba(239,68,68,.25)}.close-chat-button[data-v-da2518b4]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.35)}.close-chat-button[data-v-da2518b4]:active{transform:translateY(0);box-shadow:0 2px 6px rgba(239,68,68,.25)}@media (max-width:768px){.chat-header[data-v-da2518b4]{padding:.8rem 1rem}.chat-messages[data-v-da2518b4]{padding:.6rem}.chat-message[data-v-da2518b4]{max-width:85%}.chat-input[data-v-da2518b4]{padding:.8rem}.message-bubble[data-v-da2518b4]{padding:.45rem .7rem;font-size:.8rem}.sender-name[data-v-da2518b4]{font-size:.7rem}}@media (max-width:480px){.chat-title[data-v-da2518b4]{font-size:1rem}.online-users[data-v-da2518b4]{font-size:.75rem}.chat-input input[data-v-da2518b4]{padding:.6rem .9rem;font-size:.8rem}.close-chat-button[data-v-da2518b4],.send-button[data-v-da2518b4]{width:32px;height:32px}.send-button i[data-v-da2518b4]{font-size:.75rem}}.modal-backdrop[data-v-bddd47d8]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-bddd47d8 .2s ease-out}@keyframes fadeIn-bddd47d8{0%{opacity:0}to{opacity:1}}.modal-container[data-v-bddd47d8]{background:#fff;border-radius:20px;width:500px;max-width:90%;box-shadow:0 15px 30px rgba(0,0,0,.12);overflow:hidden;animation:slideDown-bddd47d8 .3s ease-out;border:1px solid hsla(0,0%,100%,.8)}@keyframes slideDown-bddd47d8{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-bddd47d8]{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;border-bottom:1px solid rgba(226,232,240,.8);background:linear-gradient(90deg,rgba(240,244,248,.5),rgba(215,227,252,.5))}.modal-header h2[data-v-bddd47d8]{margin:0;font-size:1.3rem;color:#111827;font-weight:700;position:relative;padding-bottom:5px}.modal-header h2[data-v-bddd47d8]:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,#60a5fa,#8b5cf6);border-radius:2px}.close-button[data-v-bddd47d8]{background:rgba(240,244,248,.8);border:none;color:#64748b;font-size:1.1rem;cursor:pointer;transition:all .2s ease;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-button[data-v-bddd47d8]:hover{color:#1e293b;background:#e2e8f0;transform:rotate(90deg)}.modal-body[data-v-bddd47d8]{padding:1.5rem;max-height:70vh;overflow-y:auto;background:#fff;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.modal-body[data-v-bddd47d8]::-webkit-scrollbar{width:6px}.modal-body[data-v-bddd47d8]::-webkit-scrollbar-track{background:transparent}.modal-body[data-v-bddd47d8]::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:6px}.form-group[data-v-bddd47d8]{margin-bottom:1.5rem;animation:fadeInUp-bddd47d8 .4s ease-out;animation-fill-mode:both}@keyframes fadeInUp-bddd47d8{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group label[data-v-bddd47d8]{display:block;margin-bottom:.5rem;font-weight:600;color:#1e293b;font-size:.95rem;letter-spacing:-.01em}.form-group input[type=text][data-v-bddd47d8],.form-group select[data-v-bddd47d8]{width:100%;padding:.9rem 1rem;border:1px solid #e2e8f0;border-radius:12px;font-size:.95rem;outline:none;transition:all .3s ease;background-color:#f8fafc;color:#334155}.form-group input[type=text][data-v-bddd47d8]:focus,.form-group select[data-v-bddd47d8]:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.2);background-color:#fff}.form-group small[data-v-bddd47d8]{display:block;text-align:right;margin-top:.3rem;color:#999;font-size:.8rem}.radio-group[data-v-bddd47d8]{display:flex;gap:1rem}.time-limit-radio-group[data-v-bddd47d8]{gap:.75rem}.time-limit-radio-group .radio-option[data-v-bddd47d8]{flex:1}.time-limit-radio-group .radio-content[data-v-bddd47d8]{padding:.9rem .5rem;min-height:60px;justify-content:center}.time-limit-radio-group .radio-content span[data-v-bddd47d8]{font-size:1rem;font-weight:600}.default-badge[data-v-bddd47d8]{color:#60a5fa;font-size:.75rem;font-weight:500;margin-left:.25rem}.radio-option[data-v-bddd47d8]{flex:1;position:relative;cursor:pointer}.radio-option input[data-v-bddd47d8]{position:absolute;opacity:0;width:0;height:0}.radio-content[data-v-bddd47d8]{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.2rem 1rem;border:1px solid #e2e8f0;border-radius:12px;transition:all .3s ease;background-color:#f8fafc}.radio-content i[data-v-bddd47d8]{font-size:1.5rem;color:#60a5fa;transition:all .3s ease}.radio-option input:checked+.radio-content[data-v-bddd47d8]{border-color:#60a5fa;background:linear-gradient(135deg,rgba(240,249,255,.9),rgba(224,242,254,.9));box-shadow:0 4px 12px rgba(96,165,250,.15)}.radio-option input:checked+.radio-content i[data-v-bddd47d8]{color:#3b82f6;transform:scale(1.1)}.radio-option.disabled[data-v-bddd47d8]{cursor:not-allowed;opacity:.6}.radio-option.disabled .radio-content[data-v-bddd47d8]{background-color:#f1f5f9;border-color:#e2e8f0;position:relative}.radio-option.disabled .radio-content i[data-v-bddd47d8],.radio-option.disabled .radio-content span[data-v-bddd47d8]{color:#94a3b8}.badge-disabled[data-v-bddd47d8]{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.65rem;padding:.2rem .5rem;border-radius:6px;font-weight:600;box-shadow:0 2px 6px rgba(245,158,11,.3)}.select-container[data-v-bddd47d8]{position:relative}.select-container select[data-v-bddd47d8]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;border:none;outline:none;padding:.8rem 1rem;padding-right:2rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;color:#333}.select-container i[data-v-bddd47d8]{position:absolute;top:50%;right:1rem;transform:translateY(-50%);pointer-events:none;color:#666}.form-group-inline[data-v-bddd47d8]{margin-bottom:1.5rem}.inline-control-group[data-v-bddd47d8]{display:flex;gap:1.5rem;align-items:flex-start}.inline-control-item[data-v-bddd47d8]{flex:1}.inline-control-item label[data-v-bddd47d8]{display:block;margin-bottom:.5rem;font-weight:600;color:#1e293b;font-size:.95rem;letter-spacing:-.01em}.player-count-control[data-v-bddd47d8]{display:flex;align-items:center;gap:1rem}.count-btn[data-v-bddd47d8]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:1px solid #e2e8f0;color:#334155;cursor:pointer;transition:all .2s ease;font-size:.9rem}.count-btn[data-v-bddd47d8]:hover:not(:disabled){background:#e2e8f0;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.05)}.count-btn[data-v-bddd47d8]:disabled{color:#ccc;cursor:not-allowed}.player-count[data-v-bddd47d8]{font-size:1.1rem;font-weight:600;color:#1e293b;min-width:60px;text-align:center;background:#f8fafc;padding:.5rem .8rem;border-radius:10px;border:1px solid #e2e8f0}.settings-group[data-v-bddd47d8]{display:flex;flex-direction:column;gap:.8rem}.toggle-option[data-v-bddd47d8]{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;border-radius:12px;cursor:pointer;transition:background .2s ease}.toggle-option[data-v-bddd47d8]:hover{background:rgba(240,244,248,.5)}.toggle-label-content[data-v-bddd47d8]{display:flex;flex-direction:column;gap:.25rem;flex:1}.toggle-label-text[data-v-bddd47d8]{font-size:.95rem;font-weight:600;color:#1e293b;line-height:1.4}.toggle-description[data-v-bddd47d8]{font-size:.8rem;color:#64748b;font-weight:400;line-height:1.4}.toggle-switch[data-v-bddd47d8]{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.toggle-switch input[data-v-bddd47d8]{opacity:0;width:0;height:0}.toggle-slider[data-v-bddd47d8]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s;border-radius:24px}.toggle-slider[data-v-bddd47d8]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.toggle-switch input:checked+.toggle-slider[data-v-bddd47d8]{background-color:#60a5fa}.toggle-switch input:checked+.toggle-slider[data-v-bddd47d8]:before{transform:translateX(24px)}.toggle-switch input:focus+.toggle-slider[data-v-bddd47d8]{box-shadow:0 0 0 3px rgba(96,165,250,.2)}.private-room-notice[data-v-bddd47d8]{display:flex;align-items:flex-start;gap:.8rem;padding:1.2rem;background:linear-gradient(135deg,rgba(240,249,255,.7),rgba(224,242,254,.7));border-radius:12px;margin-top:1rem;border:1px solid rgba(186,230,253,.5);animation:fadeIn-bddd47d8 .3s ease-out}.private-room-notice i[data-v-bddd47d8]{color:#667eea;font-size:1.2rem}.private-room-notice p[data-v-bddd47d8]{margin:0;font-size:.9rem;color:#555;line-height:1.4}.password-form[data-v-bddd47d8]{margin-top:10px;width:100%}.password-input[data-v-bddd47d8]{width:100%;padding:.9rem 1rem;border:1px solid #e2e8f0;border-radius:12px;font-size:.95rem;outline:none;transition:all .3s ease;background-color:#fff;color:#334155;box-shadow:0 2px 5px rgba(0,0,0,.02)}.password-input[data-v-bddd47d8]:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.2)}.modal-footer[data-v-bddd47d8]{display:flex;justify-content:flex-end;gap:1rem;padding:1.2rem 1.5rem;border-top:1px solid rgba(226,232,240,.8);background:linear-gradient(90deg,rgba(240,244,248,.5),rgba(215,227,252,.5))}.cancel-button[data-v-bddd47d8]{padding:.8rem 1.5rem;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#64748b;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px rgba(0,0,0,.02)}.cancel-button[data-v-bddd47d8]:hover{background:#f8fafc;color:#334155;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.05)}.create-button[data-v-bddd47d8]{padding:.8rem 1.5rem;background:linear-gradient(135deg,#60a5fa,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(96,165,250,.25);position:relative;overflow:hidden;z-index:1}.create-button[data-v-bddd47d8]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8b5cf6,#60a5fa);opacity:0;z-index:-1;transition:opacity .3s ease}.create-button[data-v-bddd47d8]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(96,165,250,.35)}.create-button[data-v-bddd47d8]:hover:not(:disabled):before{opacity:1}.create-button[data-v-bddd47d8]:disabled{background:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}@media (max-width:640px){.modal-container[data-v-bddd47d8]{width:95%;max-height:90vh}.modal-header h2[data-v-bddd47d8]{font-size:1.2rem}.modal-body[data-v-bddd47d8]{padding:1.2rem;max-height:calc(90vh - 120px)}.modal-footer[data-v-bddd47d8]{padding:1rem 1.2rem}.form-group[data-v-bddd47d8]{margin-bottom:1.2rem}.inline-control-group[data-v-bddd47d8]{flex-direction:column;gap:1rem}.inline-control-item[data-v-bddd47d8]{width:100%}.radio-group[data-v-bddd47d8]{flex-direction:column;gap:.8rem}.time-limit-radio-group[data-v-bddd47d8]{flex-direction:row;gap:.5rem}.time-limit-radio-group .radio-content[data-v-bddd47d8]{padding:.75rem .5rem;min-height:50px;font-size:.9rem}.player-count-control[data-v-bddd47d8]{gap:.75rem}.count-btn[data-v-bddd47d8]{width:36px;height:36px;font-size:.85rem}.player-count[data-v-bddd47d8]{font-size:1rem;min-width:50px;padding:.4rem .6rem}.settings-group[data-v-bddd47d8]{gap:.7rem}.toggle-option[data-v-bddd47d8]{padding:.6rem;gap:.75rem}.toggle-label-text[data-v-bddd47d8]{font-size:.9rem}.toggle-description[data-v-bddd47d8]{font-size:.75rem;line-height:1.4}.toggle-switch[data-v-bddd47d8]{width:44px;height:22px}.toggle-slider[data-v-bddd47d8]:before{height:16px;width:16px;left:3px;bottom:3px}.toggle-switch input:checked+.toggle-slider[data-v-bddd47d8]:before{transform:translateX(22px)}}.multiplayer-container[data-v-035f3afa]{min-height:100vh;padding-bottom:40px;position:relative;font-family:var(--font-body);background-color:var(--color-background)}.header[data-v-035f3afa]{position:fixed;top:0;left:0;right:0;height:80px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);z-index:100;box-shadow:0 2px 16px rgba(0,0,0,.04);transition:all var(--transition-normal)}.header-content[data-v-035f3afa]{max-width:1400px;margin:0 auto;height:100%;padding:0 var(--spacing-xl);display:flex;align-items:center;justify-content:space-between}.back-button[data-v-035f3afa]{width:48px;height:48px;border-radius:var(--radius-md);background:rgba(37,99,235,.05);border:1px solid rgba(37,99,235,.1);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.back-button[data-v-035f3afa]:hover{background:var(--color-primary);color:#fff;transform:translateX(-4px);box-shadow:0 4px 12px rgba(37,99,235,.2)}.logo-container[data-v-035f3afa]{position:absolute;left:50%;transform:translateX(-50%)}.header-logo[data-v-035f3afa]{height:50px;width:auto;filter:drop-shadow(0 2px 8px rgba(37,99,235,.15));transition:transform var(--transition-normal)}.header-logo[data-v-035f3afa]:hover{transform:scale(1.05)}.header-right[data-v-035f3afa]{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-md)}.header-right h3[data-v-035f3afa]{margin:0;font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.dev-mode-toggle[data-v-035f3afa]{display:flex;align-items:center;gap:.4rem;padding:.5rem .9rem;background:hsla(220,9%,46%,.08);border:1px solid hsla(220,9%,46%,.15);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.dev-mode-toggle i[data-v-035f3afa]{font-size:.75rem}.dev-mode-toggle span[data-v-035f3afa]{font-size:.7rem;letter-spacing:.05em}.dev-mode-toggle[data-v-035f3afa]:hover{background:hsla(220,9%,46%,.12);transform:translateY(-2px)}.dev-mode-toggle.active[data-v-035f3afa]{background:linear-gradient(135deg,var(--color-primary) 0,#1d4ed8 100%);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.25)}.dev-mode-toggle.active[data-v-035f3afa]:hover{box-shadow:0 6px 16px rgba(37,99,235,.35)}.main-content[data-v-035f3afa]{padding:100px var(--spacing-xl) var(--spacing-xl);max-width:1400px;margin:0 auto}.lobby-layout[data-v-035f3afa]{display:flex;gap:1.5rem;position:relative;height:calc(100vh - 120px);max-height:700px;margin-top:1rem;animation:fadeIn-035f3afa .5s ease-out}.left-panel[data-v-035f3afa]{flex:1;display:flex;flex-direction:column;gap:1rem}@keyframes fadeIn-035f3afa{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.right-panel[data-v-035f3afa]{display:flex;flex-direction:column;width:30%;min-width:300px}.create-room-button[data-v-035f3afa]{display:flex;align-items:center;justify-content:center;padding:1.1rem 1.5rem;background:linear-gradient(135deg,var(--color-primary) 0,#1d4ed8 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-family:var(--font-heading);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 12px rgba(37,99,235,.25);width:100%;margin-top:auto}.create-room-button i[data-v-035f3afa]{margin-right:.5rem;font-size:1rem}.create-room-button[data-v-035f3afa]:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(37,99,235,.35)}.create-room-button[data-v-035f3afa]:active{transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.25)}.loading-overlay[data-v-035f3afa]{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(5px)}.loading-spinner[data-v-035f3afa]{display:flex;flex-direction:column;align-items:center}.loading-spinner i[data-v-035f3afa]{font-size:3rem;color:var(--color-primary);margin-bottom:1rem;animation:pulse-035f3afa 1.5s infinite}@keyframes pulse-035f3afa{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.7}}.loading-spinner p[data-v-035f3afa]{color:var(--color-text-primary);font-family:var(--font-heading);font-size:1.2rem;font-weight:600}.chat-toggle-button[data-v-035f3afa]{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0,#1d4ed8 100%);color:#fff;border:none;border-radius:var(--radius-full);padding:12px 20px;font-family:var(--font-heading);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 12px rgba(37,99,235,.3);z-index:50}.chat-toggle-button i[data-v-035f3afa]{margin-right:8px}.chat-toggle-button[data-v-035f3afa]:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px rgba(37,99,235,.4)}.chat-toggle-button.active[data-v-035f3afa]{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.error-toast[data-v-035f3afa]{position:fixed;top:100px;right:20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 8px 25px rgba(239,68,68,.3);z-index:1000;cursor:pointer;animation:slideInRight-035f3afa .3s ease-out;max-width:400px;min-width:300px}.error-content[data-v-035f3afa]{display:flex;align-items:center;gap:.75rem}.error-content i[data-v-035f3afa]{font-size:1.1rem;color:#fef2f2}.error-content span[data-v-035f3afa]{flex:1;font-weight:500;line-height:1.4}.error-close[data-v-035f3afa]{background:none;border:none;color:#fff;font-size:.9rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.error-close[data-v-035f3afa]:hover{background:hsla(0,0%,100%,.1)}@keyframes slideInRight-035f3afa{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.dummy-mode-toast[data-v-035f3afa]{position:fixed;top:100px;left:var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary) 0,#1d4ed8 100%);color:#fff;padding:1rem 1.5rem;border-radius:var(--radius-lg);box-shadow:0 8px 25px rgba(37,99,235,.3);z-index:1000;animation:slideInLeft-035f3afa .3s ease-out;max-width:400px;min-width:300px}.dummy-content[data-v-035f3afa]{display:flex;align-items:center;gap:.75rem}.dummy-content i[data-v-035f3afa]{font-size:1.1rem;color:#dbeafe}.dummy-content span[data-v-035f3afa]{flex:1;font-weight:500;line-height:1.4}.dummy-action-btn[data-v-035f3afa]{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);color:#fff;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.dummy-action-btn[data-v-035f3afa]:hover{background:hsla(0,0%,100%,.25);transform:translateY(-1px)}@keyframes slideInLeft-035f3afa{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:900px){.lobby-layout[data-v-035f3afa]{flex-direction:column;height:auto;max-height:none;position:relative;overflow:hidden}.game-room-list[data-v-035f3afa]{width:100%;transition:all .3s ease;z-index:10}.game-room-list.chat-open[data-v-035f3afa]{opacity:0;pointer-events:none}.right-panel[data-v-035f3afa]{width:100%;min-width:auto;position:absolute;top:0;left:0;right:0;height:100%;z-index:20;transition:all .3s ease}.right-panel.mobile-hidden[data-v-035f3afa]{opacity:0;pointer-events:none;transform:translateX(100%)}.right-panel.mobile-visible[data-v-035f3afa]{opacity:1;pointer-events:auto;transform:translateX(0)}}@media (max-width:640px){.header-content[data-v-035f3afa]{padding:.6rem .8rem}.header-logo[data-v-035f3afa]{height:32px}.logo-container[data-v-035f3afa]{position:static;transform:none}.header-right[data-v-035f3afa]{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.header-right h3[data-v-035f3afa]{font-size:.85rem;white-space:nowrap}.dev-mode-toggle[data-v-035f3afa]{margin-left:0;padding:.4rem .6rem;font-size:.7rem}.dev-mode-toggle span[data-v-035f3afa]{font-size:.6rem}.dev-mode-toggle i[data-v-035f3afa]{font-size:.7rem}.main-content[data-v-035f3afa]{padding:70px 15px 15px;margin-bottom:0}.chat-toggle-button[data-v-035f3afa]{bottom:15px;right:15px;padding:10px 16px;font-size:.85rem}.create-room-button[data-v-035f3afa]{font-size:.9rem;padding:.9rem 1.2rem}.error-toast[data-v-035f3afa]{top:80px;left:15px;right:15px;max-width:none;min-width:auto}.dummy-mode-toast[data-v-035f3afa]{top:80px;left:15px;right:auto;max-width:none;min-width:auto;width:calc(100% - 30px)}}.game-timer[data-v-21c6efd9]{display:flex;align-items:center;padding:.6rem 1rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);position:relative;overflow:hidden}.timer-icon[data-v-21c6efd9]{margin-right:.8rem;font-size:1.2rem;color:#4285f4;width:20px;display:flex;justify-content:center}.timer-display[data-v-21c6efd9]{display:flex;flex-direction:column}.time-digits[data-v-21c6efd9]{font-size:1.1rem;font-weight:700;font-family:monospace;color:#333;letter-spacing:1px}.timer-label[data-v-21c6efd9]{font-size:.75rem;color:#666;margin-top:.1rem}.timer-progress[data-v-21c6efd9]{position:absolute;bottom:0;left:0;right:0;height:3px;background:#f0f0f0}.progress-bar[data-v-21c6efd9]{height:100%;background:#4285f4;transition:width .1s linear}.timer-running .timer-icon[data-v-21c6efd9]{color:#4285f4}.timer-paused .timer-icon[data-v-21c6efd9]{color:#ff9800}.timer-warning[data-v-21c6efd9]{animation:pulse-21c6efd9 1s infinite}.timer-warning .timer-icon[data-v-21c6efd9]{color:#ff5252}.timer-warning .progress-bar[data-v-21c6efd9]{background:#ff5252}.timer-expired .timer-icon[data-v-21c6efd9]{color:#757575}.timer-expired .progress-bar[data-v-21c6efd9]{background:#757575}@keyframes pulse-21c6efd9{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@media (max-width:768px){.game-timer[data-v-21c6efd9]{padding:.5rem .8rem}.timer-icon[data-v-21c6efd9]{font-size:1rem;margin-right:.6rem}.time-digits[data-v-21c6efd9]{font-size:1rem}}.road-view[data-v-de3e21b4]{width:100%;height:100%;position:relative;overflow:hidden;background:#f0f2f5}#roadview-container[data-v-de3e21b4]{width:100%;height:100%}.loading-overlay[data-v-de3e21b4]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;z-index:20}.loading-spinner[data-v-de3e21b4]{display:flex;flex-direction:column;align-items:center;gap:10px}.loading-spinner i[data-v-de3e21b4]{font-size:2.5rem;color:#4285f4}.road-error[data-v-de3e21b4]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20}.error-icon[data-v-de3e21b4]{font-size:3rem;color:#f44336;margin-bottom:1rem}.error-message[data-v-de3e21b4]{text-align:center}.error-message h3[data-v-de3e21b4]{margin:0 0 .5rem 0;color:#333}.error-message p[data-v-de3e21b4]{margin:0;color:#666}.kakao-map-game[data-v-1dc1a546]{width:100%;height:100%;position:fixed;top:0;left:0;background:#fff;z-index:1000;display:flex;flex-direction:column}.kakao-map-game.map-open[data-v-1dc1a546]{display:flex}#map-container[data-v-1dc1a546]{width:100%;flex:1;background:#f0f2f5}.map-controls[data-v-1dc1a546]{position:absolute;top:20px;right:20px;z-index:10;display:flex;flex-direction:column;gap:10px}.close-map[data-v-1dc1a546]{background:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.2);font-size:1.2rem;color:#333;transition:all .2s ease;align-self:flex-end}.close-map[data-v-1dc1a546]:hover{transform:scale(1.1)}.zoom-controls[data-v-1dc1a546]{display:flex;flex-direction:column;gap:5px;background:#fff;border-radius:8px;padding:5px;box-shadow:0 2px 6px rgba(0,0,0,.2)}.zoom-btn[data-v-1dc1a546]{width:40px;height:40px;border:none;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:#333;transition:all .2s ease}.zoom-btn[data-v-1dc1a546]:hover{background:#f5f5f5}.hint-toggle[data-v-1dc1a546]{position:absolute;bottom:100px;right:20px;z-index:10}.hint-btn[data-v-1dc1a546]{background:#fff;border:none;padding:10px 15px;border-radius:50px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.2);display:flex;align-items:center;gap:6px;font-weight:600;transition:all .2s ease}.hint-btn.active[data-v-1dc1a546]{background:#4285f4;color:#fff}.hint-btn[data-v-1dc1a546]:hover{transform:translateY(-2px)}.distance-info[data-v-1dc1a546]{position:absolute;bottom:160px;right:20px;background:#fff;border-radius:8px;padding:10px;box-shadow:0 2px 6px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;z-index:10}.distance-value[data-v-1dc1a546]{font-size:1.2rem;font-weight:700;color:#333}.distance-label[data-v-1dc1a546]{font-size:.8rem;color:#666;margin-top:2px}.action-button[data-v-1dc1a546]{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:12px 25px;border-radius:50px;font-weight:600;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:all .2s ease;z-index:10}.action-button[data-v-1dc1a546]:hover:not(:disabled){transform:translateX(-50%) translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.3)}.action-button[data-v-1dc1a546]:disabled{background:#ccc;cursor:not-allowed}.loading-overlay[data-v-1dc1a546]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center;z-index:20}.loading-spinner[data-v-1dc1a546]{display:flex;flex-direction:column;align-items:center;gap:10px}.loading-spinner i[data-v-1dc1a546]{font-size:2.5rem;color:#3498db}.loading-spinner p[data-v-1dc1a546]{font-size:1rem;color:#333}@media (max-width:768px){.map-controls[data-v-1dc1a546]{top:10px;right:10px}.close-map[data-v-1dc1a546],.zoom-btn[data-v-1dc1a546]{width:36px;height:36px;font-size:.9rem}.distance-info[data-v-1dc1a546],.hint-toggle[data-v-1dc1a546]{right:10px}.hint-toggle[data-v-1dc1a546]{bottom:80px}.distance-info[data-v-1dc1a546]{bottom:130px}.action-button[data-v-1dc1a546],.hint-btn[data-v-1dc1a546]{padding:8px 12px;font-size:.9rem}.action-button[data-v-1dc1a546]{bottom:20px}}.voting-badge[data-v-1dc1a546]{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;background:#ff5722;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;animation:pulse-badge-1dc1a546 1.5s infinite;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.2)}.team-blue-badge[data-v-1dc1a546]{background:linear-gradient(135deg,#3498db,#2980b9)}.team-red-badge[data-v-1dc1a546]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.team-green-badge[data-v-1dc1a546]{background:linear-gradient(135deg,#2ecc71,#27ae60)}.team-purple-badge[data-v-1dc1a546]{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.team-player-marker[data-v-1dc1a546]{position:absolute;z-index:5}.player-marker[data-v-1dc1a546]{width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid #3498db;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.2);transform:translate(-50%,-50%)}.player-marker img[data-v-1dc1a546]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.team-blue-marker[data-v-1dc1a546]{border-color:#3498db}.team-red-marker[data-v-1dc1a546]{border-color:#e74c3c}.team-green-marker[data-v-1dc1a546]{border-color:#2ecc71}.team-purple-marker[data-v-1dc1a546]{border-color:#9b59b6}.voting-marker-container[data-v-1dc1a546]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}@keyframes pulse-badge-1dc1a546{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}to{transform:scale(1);opacity:1}}.phone-frame[data-v-77253959]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(260px,42vw,420px);aspect-ratio:9/16;max-height:calc(100svh - var(--frame-top-safe) - var(--frame-bottom-safe));height:auto;background-color:#111;border-radius:40px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 0 10px hsla(0,0%,100%,.1),0 0 0 8px #333;z-index:21;--header-h:clamp(36px,6.5%,56px);--footer-h:clamp(36px,6.5%,56px);--notch-w:clamp(120px,40%,160px);--notch-h:clamp(22px,4.5%,30px);--home-btn:clamp(32px,6.5%,44px);--spot-btn-bottom:clamp(12px,3.2vh,22px);--spot-btn-pad-v:clamp(8px,1.6vh,12px);--spot-btn-pad-h:clamp(12px,2.2vw,20px);--spot-btn-font:clamp(0.8rem,1.8vw,0.95rem);--frame-top-safe:clamp(16px,6vh,56px);--frame-bottom-safe:clamp(24px,7vh,64px)}.phone-header[data-v-77253959]{position:absolute;left:0;right:0;height:var(--header-h);z-index:16;align-items:flex-start}.phone-header[data-v-77253959],.phone-notch[data-v-77253959]{top:0;background-color:#000;display:flex;justify-content:center}.phone-notch[data-v-77253959]{position:relative;width:var(--notch-w);height:var(--notch-h);border-radius:0 0 15px 15px;z-index:17;align-items:center}.phone-notch[data-v-77253959]:before{content:"";position:absolute;width:clamp(6px,1.2vw,8px);height:clamp(6px,1.2vw,8px);background-color:#444;border-radius:50%;left:clamp(28px,10%,40px);top:clamp(8px,2.2vh,10px)}.phone-notch[data-v-77253959]:after{content:"";position:absolute;width:clamp(36px,15%,50px);height:clamp(4px,.8vh,6px);background-color:#444;border-radius:3px;right:clamp(28px,10%,40px);top:clamp(9px,2.2vh,11px)}.phone-content[data-v-77253959]{position:absolute;top:var(--header-h);left:0;right:0;bottom:var(--footer-h);z-index:15;border-top:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.1)}.phone-footer[data-v-77253959]{position:absolute;bottom:0;left:0;right:0;height:var(--footer-h);background-color:#000;z-index:16;display:flex;justify-content:center;align-items:center}.home-button[data-v-77253959]{width:var(--home-btn);height:var(--home-btn);background:linear-gradient(135deg,#333,#222);border-radius:50%;border:2px solid #444;cursor:pointer;position:relative;box-shadow:inset 0 0 10px rgba(0,0,0,.5)}.home-button[data-v-77253959]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(11px,2.6vw,15px);height:clamp(11px,2.6vw,15px);border:2px solid #666;border-radius:3px}.home-button[data-v-77253959]:active{transform:scale(.95);box-shadow:inset 0 0 5px rgba(0,0,0,.8)}.phone-map[data-v-77253959]{width:100%;height:100%;z-index:15}.phone-spot-button[data-v-77253959]{position:absolute;bottom:var(--spot-btn-bottom);left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;padding:var(--spot-btn-pad-v) var(--spot-btn-pad-h);border-radius:25px;font-weight:700;font-size:var(--spot-btn-font);cursor:pointer;box-shadow:0 4px 10px rgba(46,204,113,.4);transition:all .3s ease;z-index:20;display:flex;align-items:center;gap:6px}.phone-spot-button[data-v-77253959]:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 6px 12px rgba(46,204,113,.6)}.phone-spot-button[data-v-77253959]:active{transform:translateX(-50%) translateY(-1px)}.phone-spot-button.disabled[data-v-77253959],.phone-spot-button[data-v-77253959]:disabled{background:linear-gradient(135deg,#555,#666);cursor:not-allowed;opacity:.6;box-shadow:none}.phone-spot-button.disabled[data-v-77253959]:hover,.phone-spot-button[data-v-77253959]:disabled:hover{transform:translateX(-50%);box-shadow:none}.phone-spot-button i[data-v-77253959]{font-size:.9rem}.phone-reload-button[data-v-77253959]{position:absolute;top:8px;right:8px;width:38px;height:38px;border:none;border-radius:50%;background:#fff;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:31;transition:transform .25s ease,background-color .25s ease}.phone-reload-button[data-v-77253959]:hover{background:#f5f5f5;transform:rotate(180deg) scale(1.06)}.phone-reload-button[data-v-77253959]:active{transform:rotate(180deg) scale(.95)}.phone-reload-button i[data-v-77253959]{color:#3498db}@media (max-width:768px){.phone-frame[data-v-77253959]{width:clamp(240px,88vw,360px);max-height:calc(100svh - var(--frame-top-safe) - var(--frame-bottom-safe))}}@media (max-width:480px){.phone-frame[data-v-77253959]{width:clamp(220px,92vw,340px);max-height:calc(100svh - var(--frame-top-safe) - var(--frame-bottom-safe))}.phone-spot-button[data-v-77253959]{border-radius:22px}}.intro-overlay[data-v-8e94e9e2]{position:absolute;top:0;left:0;background-color:#fff;z-index:100;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15)}.intro-content[data-v-8e94e9e2],.intro-overlay[data-v-8e94e9e2]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.intro-content[data-v-8e94e9e2]{text-align:center}.intro-content h2[data-v-8e94e9e2]{font-size:3rem;font-weight:700;color:#000}.countdown-container[data-v-8e94e9e2]{display:flex;justify-content:center;align-items:center;transition:none!important}.countdown-number[data-v-8e94e9e2]{font-size:5rem;font-weight:700;color:#000;transition:none!important}.fade-enter-active[data-v-8e94e9e2],.fade-leave-active[data-v-8e94e9e2]{transition:opacity .6s ease,transform .6s ease}.fade-enter-from[data-v-8e94e9e2],.fade-leave-to[data-v-8e94e9e2]{opacity:0;transform:scale(1.05)}.slide-fade-enter-active[data-v-8e94e9e2],.slide-fade-leave-active[data-v-8e94e9e2]{transition:all .5s ease}.slide-fade-enter-from[data-v-8e94e9e2]{opacity:0;transform:translateY(20px)}.slide-fade-leave-to[data-v-8e94e9e2]{opacity:0;transform:translateY(-5px)}@media (max-width:768px){.intro-content h2[data-v-8e94e9e2]{font-size:2.5rem}}@media (max-width:480px){.intro-content h2[data-v-8e94e9e2]{font-size:2rem}}.intro-overlay[data-v-dc5b1e5a]{position:absolute;top:0;left:0;background-color:#fff;z-index:100;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15)}.intro-content[data-v-dc5b1e5a],.intro-overlay[data-v-dc5b1e5a]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.intro-content[data-v-dc5b1e5a]{text-align:center}.intro-content h2[data-v-dc5b1e5a]{font-size:3rem;font-weight:700;color:#000}.countdown-container[data-v-dc5b1e5a]{display:flex;justify-content:center;align-items:center;transition:none!important}.countdown-number[data-v-dc5b1e5a]{font-size:5rem;font-weight:700;color:#000;transition:none;transition:none!important}.fade-enter-active[data-v-dc5b1e5a],.fade-leave-active[data-v-dc5b1e5a]{transition:opacity .6s ease,transform .6s ease}.fade-enter-from[data-v-dc5b1e5a],.fade-leave-to[data-v-dc5b1e5a]{opacity:0;transform:scale(1.05)}.slide-fade-enter-active[data-v-dc5b1e5a],.slide-fade-leave-active[data-v-dc5b1e5a]{transition:all .5s ease}.slide-fade-enter-from[data-v-dc5b1e5a]{opacity:0;transform:translateY(20px)}.slide-fade-leave-to[data-v-dc5b1e5a]{opacity:0;transform:translateY(-5px)}@media (max-width:768px){.intro-content h2[data-v-dc5b1e5a]{font-size:2.5rem}}@media (max-width:480px){.intro-content h2[data-v-dc5b1e5a]{font-size:2rem}}.multiplayer-roadview-game[data-v-66e682b2]{display:flex;flex-direction:column;min-height:100svh;min-height:100dvh;height:100dvh;background-color:#f5f7fa;overflow:hidden;--header-height:80px}.game-header[data-v-66e682b2]{position:relative;justify-content:space-between;padding:.75rem 1.5rem;background-color:#222831;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:10;min-height:80px;flex-shrink:0}.game-header[data-v-66e682b2],.header-left[data-v-66e682b2]{display:flex;align-items:center}.leave-game-button[data-v-66e682b2]{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:none;background:hsla(0,0%,100%,.12);color:#fff;font-size:1.05rem;cursor:pointer;transition:all .2s ease;box-shadow:0 6px 16px rgba(15,23,42,.18)}.leave-game-button[data-v-66e682b2]:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.leave-game-button[data-v-66e682b2]:active{transform:translateY(0)}.leave-game-button i[data-v-66e682b2]{pointer-events:none}.header-center[data-v-66e682b2]{flex:1;max-width:400px;margin:0 2rem;min-width:0}@media (max-width:768px){.leave-game-button[data-v-66e682b2]{width:38px;height:38px;font-size:.95rem}}.room-info[data-v-66e682b2]{margin-left:1rem}.room-info.without-button[data-v-66e682b2]{margin-left:0}.room-name[data-v-66e682b2]{font-size:1.125rem;font-weight:600;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-mode[data-v-66e682b2]{font-size:.875rem;color:hsla(0,0%,100%,.7)}.round-info[data-v-66e682b2]{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100px}.round-number[data-v-66e682b2]{font-size:.875rem;font-weight:500;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-progress[data-v-66e682b2]{height:8px;background-color:hsla(0,0%,100%,.2);border-radius:4px;overflow:hidden}.progress-bar[data-v-66e682b2]{height:100%;background:linear-gradient(90deg,#4f46e5,#3b82f6);border-radius:4px;transition:width .5s ease-out}.timer-container[data-v-66e682b2]{position:absolute;top:var(--header-height);left:50%;transform:translateX(-50%);z-index:20}.poi-name-display[data-v-66e682b2]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:hsla(0,0%,100%,.95);margin-left:1rem}.poi-label[data-v-66e682b2]{color:hsla(0,0%,100%,.7)}.poi-text[data-v-66e682b2]{font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.game-content[data-v-66e682b2]{display:flex;flex:1;overflow:hidden;padding-bottom:0}@media (max-width:992px){.game-content[data-v-66e682b2]{padding-bottom:64px}}@media (max-width:480px){.game-content[data-v-66e682b2]{padding-bottom:60px}}.left-panel[data-v-66e682b2]{width:250px;background-color:#fff;box-shadow:2px 0 10px rgba(0,0,0,.05);z-index:5;overflow-y:auto;max-height:calc(100vh - 160px);display:flex;flex-direction:column;border-radius:10px;transition:width .3s cubic-bezier(.4,0,.2,1),box-shadow .2s ease-out,overflow .1s ease-out}.left-panel.hidden[data-v-66e682b2]{width:0;overflow:hidden;box-shadow:none;transition:width .2s cubic-bezier(.4,0,.2,1),box-shadow .1s ease-in,overflow .05s ease-in}@media (max-width:768px){.left-panel[data-v-66e682b2]:not(.mobile-open){transform:translateX(-100%);opacity:0;pointer-events:none;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .15s ease-in,box-shadow .1s ease-in}}.main-panel[data-v-66e682b2]{flex:1;display:flex;flex-direction:column;position:relative}.game-view[data-v-66e682b2]{flex:1;position:relative;overflow:hidden}.road-reset-btn[data-v-66e682b2]{position:absolute;top:calc(var(--header-height) + 10px);right:12px;width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;z-index:100;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.road-reset-btn[data-v-66e682b2]:hover{transform:translateY(-1px);background:rgba(0,0,0,.6);box-shadow:0 6px 14px rgba(0,0,0,.25)}.road-reset-btn i[data-v-66e682b2]{font-size:1rem}@media (min-width:993px){.game-content.chat-open .road-reset-btn[data-v-66e682b2]{right:312px}}.map-container[data-v-66e682b2]{position:absolute;bottom:20px;right:20px;width:300px;height:200px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:5;transition:all .3s ease}.map-container.expanded[data-v-66e682b2]{width:60%;height:60%;top:50%;left:50%;transform:translate(-50%,-50%)}.expand-map-button[data-v-66e682b2]{position:absolute;top:10px;right:10px;width:30px;height:30px;background-color:#fff;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;font-size:.75rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.right-panel[data-v-66e682b2]{display:block;width:300px;background-color:#fff;box-shadow:-2px 0 10px rgba(0,0,0,.05);z-index:5}.game-footer[data-v-66e682b2]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#222831;color:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.guess-info[data-v-66e682b2]{display:flex;align-items:center;gap:.5rem;font-weight:500}.guess-info i[data-v-66e682b2]{color:#3b82f6}.submit-button[data-v-66e682b2]{display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.submit-button[data-v-66e682b2]:hover:not(:disabled){background-color:#4338ca}.submit-button[data-v-66e682b2]:disabled{background-color:#94a3b8;cursor:not-allowed}@media (max-width:1200px){.left-panel[data-v-66e682b2]{width:200px}.right-panel[data-v-66e682b2]{width:250px}}@media (max-width:992px){.game-content[data-v-66e682b2]{flex-direction:row;height:calc(100dvh - 80px);position:relative}.left-panel[data-v-66e682b2]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:360px;height:680px;max-width:90vw;max-height:85vh;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:15000;overflow-y:auto;border-radius:30px;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.left-panel[data-v-66e682b2]:not(.hidden){transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto;transition:none}.right-panel[data-v-66e682b2]{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:360px;height:680px;max-width:90vw;max-height:85vh;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:15000;overflow:hidden;border-radius:30px;opacity:0;transition:all .4s cubic-bezier(.25,.46,.45,.94);pointer-events:none}.right-panel.chat-open[data-v-66e682b2]{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.right-panel .chat-window[data-v-66e682b2]{height:100%;border-radius:30px}.main-panel[data-v-66e682b2]{width:100%;height:100%;display:flex;flex-direction:column}.game-view[data-v-66e682b2]{flex:1;height:100%;position:relative;min-height:300px}.map-container.expanded[data-v-66e682b2]{width:90%;height:90%;max-height:calc(100vh - 100px)}.chat-toggle[data-v-66e682b2],.mobile-player-info[data-v-66e682b2]{display:flex}.room-name[data-v-66e682b2]{font-size:1rem}.round-number[data-v-66e682b2]{font-size:.8rem}.poi-name-display[data-v-66e682b2]{font-size:.8rem;margin-left:.8rem}.poi-text[data-v-66e682b2]{max-width:150px}}@media (max-width:768px){.game-header[data-v-66e682b2]{flex-direction:row;padding:.5rem .8rem;flex-wrap:nowrap;justify-content:space-between;align-items:center;min-height:70px;overflow:hidden}.header-left[data-v-66e682b2]{flex:0 0 auto;min-width:120px;max-width:40%}.header-center[data-v-66e682b2]{flex:1;margin:0 .5rem;min-width:0;text-align:center}.round-info[data-v-66e682b2]{min-width:auto;width:100%}.round-number[data-v-66e682b2]{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round-progress[data-v-66e682b2]{width:100%;min-width:60px}.header-right[data-v-66e682b2]{flex:0 0 auto;display:flex;align-items:center;gap:.3rem}.room-name[data-v-66e682b2]{font-size:.9rem}.game-mode[data-v-66e682b2]{font-size:.75rem}.right-panel[data-v-66e682b2]{display:block;width:340px;height:640px;max-width:90vw;max-height:80vh}.chat-toggle[data-v-66e682b2]{display:flex}.multiplayer-roadview-game[data-v-66e682b2]{--header-height:70px}.poi-name-display[data-v-66e682b2]{font-size:.75rem;margin-left:.5rem;gap:.3rem}.poi-text[data-v-66e682b2]{max-width:120px}}.player-list-toggle-btn[data-v-66e682b2]{padding:.3rem .6rem;font-size:.75rem;min-width:70px}.toggle-text[data-v-66e682b2]{font-size:.7rem}.game-view[data-v-66e682b2]{min-height:250px}@media (max-width:480px){.multiplayer-roadview-game[data-v-66e682b2]{--header-height:65px}.game-header[data-v-66e682b2]{padding:.4rem .6rem;min-height:65px}.header-left[data-v-66e682b2]{min-width:100px;max-width:35%}.header-center[data-v-66e682b2]{margin:0 .3rem;min-width:0;flex:1 1 auto}.round-number[data-v-66e682b2]{font-size:.7rem}.round-progress[data-v-66e682b2]{height:6px;min-width:50px}.header-right[data-v-66e682b2]{gap:.2rem}.room-name[data-v-66e682b2]{font-size:.8rem}.game-mode[data-v-66e682b2]{font-size:.7rem}.poi-name-display[data-v-66e682b2]{font-size:.7rem;margin-left:.3rem;gap:.2rem}.poi-text[data-v-66e682b2]{max-width:100px}.player-list-toggle-btn[data-v-66e682b2]{padding:.25rem .5rem;font-size:.7rem;min-width:60px}.toggle-text[data-v-66e682b2]{font-size:.65rem}.right-panel[data-v-66e682b2]{display:block;width:300px;height:600px;max-width:90vw;max-height:75vh}}@media (max-width:360px){.player-list-toggle-btn .toggle-text[data-v-66e682b2]{display:none}}.home-button[data-v-66e682b2]{width:40px;height:40px;background:linear-gradient(135deg,#333,#222);border-radius:50%;border:2px solid #444;cursor:pointer;position:relative;box-shadow:inset 0 0 10px rgba(0,0,0,.5)}.home-button[data-v-66e682b2]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;border:2px solid #666;border-radius:3px}.home-button[data-v-66e682b2]:active{transform:scale(.95);box-shadow:inset 0 0 5px rgba(0,0,0,.8)}.phone-map[data-v-66e682b2]{width:100%;height:100%;z-index:101}.phone-spot-button[data-v-66e682b2]{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;padding:10px 20px;border-radius:25px;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 4px 10px rgba(46,204,113,.4);transition:all .3s ease;z-index:102;display:flex;align-items:center;gap:6px}.phone-spot-button[data-v-66e682b2]:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 6px 12px rgba(46,204,113,.6)}.phone-spot-button[data-v-66e682b2]:active{transform:translateX(-50%) translateY(-1px)}.map-toggle[data-v-66e682b2]{position:absolute;bottom:30px;right:30px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:12px 20px;border-radius:25px;font-weight:700;font-size:1rem;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:all .3s ease;z-index:50}.map-toggle[data-v-66e682b2]:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.4)}@media (max-width:768px){.phone-frame[data-v-66e682b2]{width:340px;height:640px}}@media (max-width:480px){.phone-frame[data-v-66e682b2]{width:300px;height:600px}.map-toggle[data-v-66e682b2]{padding:10px 15px;font-size:.9rem;bottom:20px;right:20px}.phone-spot-button[data-v-66e682b2]{padding:8px 16px;font-size:.85rem}}.chat-toggle[data-v-66e682b2]{display:none;position:absolute;bottom:30px;left:30px;background:linear-gradient(135deg,#9c27b0,#673ab7);color:#fff;border:none;padding:12px 20px;border-radius:25px;font-weight:700;font-size:1rem;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:all .3s cubic-bezier(.25,.46,.45,.94);z-index:2100;transform:scale(1)}.chat-toggle[data-v-66e682b2]:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 15px rgba(0,0,0,.4)}.chat-toggle[data-v-66e682b2]:active{transform:translateY(-1px) scale(.98);transition:all .1s ease}@media (max-width:992px){.chat-toggle[data-v-66e682b2],.header-right .player-list-toggle-btn[data-v-66e682b2],.map-toggle[data-v-66e682b2]{display:none!important}}.player-list-toggle-btn[data-v-66e682b2]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:.5rem 1rem;border-radius:12px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(76,175,80,.3);margin-right:1rem;min-width:100px;justify-content:center}.player-list-toggle-btn[data-v-66e682b2]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(76,175,80,.4);background:linear-gradient(135deg,#45a049,#388e3c)}.player-list-toggle-btn.active[data-v-66e682b2]{background:linear-gradient(135deg,#ff6b6b,#e55a5a);box-shadow:0 2px 8px hsla(0,100%,71%,.3)}.player-list-toggle-btn.active[data-v-66e682b2]:hover{background:linear-gradient(135deg,#e55a5a,#d32f2f);box-shadow:0 4px 12px hsla(0,100%,71%,.4)}.toggle-text[data-v-66e682b2]{font-size:.8rem;white-space:nowrap}@media (max-width:768px){.game-header[data-v-66e682b2]{height:80px}.left-panel[data-v-66e682b2]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:340px;height:640px;max-width:90vw;max-height:80vh;z-index:15000;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.5);opacity:0;pointer-events:none;overflow-y:auto;padding:0;border-radius:30px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.left-panel.mobile-open[data-v-66e682b2]{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto;transition:none}.game-view[data-v-66e682b2]{min-height:300px}.player-list-toggle-btn[data-v-66e682b2]{padding:.4rem .8rem;font-size:.8rem;margin-right:.5rem;min-width:80px}.toggle-text[data-v-66e682b2]{font-size:.75rem}}@media (max-width:480px){.left-panel.mobile-open[data-v-66e682b2],.left-panel[data-v-66e682b2]{width:300px;height:600px;max-width:90vw;max-height:75vh}.left-panel.mobile-open[data-v-66e682b2]{transition:none}.mobile-header[data-v-66e682b2]{padding:.8rem}.close-button[data-v-66e682b2]{width:28px;height:28px}}.fade-enter-active[data-v-66e682b2],.fade-leave-active[data-v-66e682b2]{transition:opacity .5s ease}.fade-enter-from[data-v-66e682b2],.fade-leave-to[data-v-66e682b2]{opacity:0}.mobile-bottom-nav[data-v-66e682b2]{display:none}@media (max-width:992px){.mobile-bottom-nav[data-v-66e682b2]{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;height:64px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.08);box-shadow:0 -4px 20px rgba(0,0,0,.1);z-index:1000;padding:0;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav-btn[data-v-66e682b2]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;border:none;background:transparent;color:#8e8e93;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;padding:8px 12px;min-width:0}.bottom-nav-btn[data-v-66e682b2]:active{transform:scale(.95);transition:all .1s ease}.btn-icon[data-v-66e682b2]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-label[data-v-66e682b2]{font-size:11px;font-weight:500;letter-spacing:-.01em;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.bottom-nav-btn.active[data-v-66e682b2]{color:#3182f6}.bottom-nav-btn.active .btn-icon[data-v-66e682b2]{transform:scale(1.1)}.bottom-nav-btn.active .btn-label[data-v-66e682b2]{font-weight:600}.active-indicator[data-v-66e682b2]{position:absolute;top:0;left:50%;transform:translateX(-50%);width:32px;height:3px;background:#3182f6;border-radius:0 0 3px 3px;animation:indicatorAppear-66e682b2 .3s cubic-bezier(.4,0,.2,1)}@keyframes indicatorAppear-66e682b2{0%{width:0;opacity:0}to{width:32px;opacity:1}}@media (hover:hover){.bottom-nav-btn[data-v-66e682b2]:hover:not(.active){color:#5a5a5a;background:rgba(0,0,0,.02)}}}@media (max-width:480px){.mobile-bottom-nav[data-v-66e682b2]{height:60px}.btn-icon[data-v-66e682b2]{width:22px;height:22px;font-size:18px}.btn-label[data-v-66e682b2]{font-size:10px}.active-indicator[data-v-66e682b2]{width:28px;height:2.5px}}.chat-notification-badge[data-v-66e682b2]{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:9px;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 8px rgba(239,68,68,.4);border:2px solid #fff;animation:badgePulse-66e682b2 2s ease-in-out infinite;z-index:10}@keyframes badgePulse-66e682b2{0%,to{transform:scale(1);box-shadow:0 2px 8px rgba(239,68,68,.4)}50%{transform:scale(1.1);box-shadow:0 4px 12px rgba(239,68,68,.6)}}.btn-icon[data-v-66e682b2]{position:relative}[data-v-0210bee6] .custom-player-overlay{transform:translateY(-10px)}[data-v-0210bee6] .custom-actual-overlay,[data-v-0210bee6] .custom-player-overlay{position:relative;padding:5px 10px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.3);color:#fff;font-weight:700;font-size:13px;white-space:nowrap;text-align:center}[data-v-0210bee6] .custom-actual-overlay{background-color:#ff3b30;transform:translateY(-15px)}[data-v-0210bee6] .overlay-content{display:flex;align-items:center;justify-content:center;gap:8px}[data-v-0210bee6] .distance-info{background-color:#fff;color:#000;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:400;border:1px solid #ddd;margin-left:4px}[data-v-0210bee6] .overlay-arrow{position:absolute;bottom:-8px;left:50%;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;transform:translateX(-50%)}.kakao-map[data-v-0210bee6]{width:100%;height:100%;position:relative;overflow:hidden;background:#e6e8eb}#map-container[data-v-0210bee6]{width:100%;height:100%}.map-overlay[data-v-0210bee6]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center;z-index:10}.loading-spinner[data-v-0210bee6]{display:flex;flex-direction:column;align-items:center;gap:10px}.loading-spinner i[data-v-0210bee6]{font-size:2rem;color:#3396ff}.loading-spinner p[data-v-0210bee6]{font-size:1rem;color:#333;margin:0}.coords[data-v-0210bee6]{font-family:monospace;margin:5px 0;color:#666}.map-controls[data-v-0210bee6]{position:absolute;top:10px;left:10px;z-index:2;display:flex;flex-direction:column;gap:5px}.control-btn[data-v-0210bee6]{width:36px;height:36px;border-radius:4px;background:#fff;border:none;box-shadow:0 1px 4px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;color:#333;cursor:pointer;transition:all .2s ease}.control-btn[data-v-0210bee6]:hover{background:#f5f5f5;transform:translateY(-2px)}.markers-container[data-v-0210bee6]{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:2}.marker-hint[data-v-0210bee6]{background:rgba(0,0,0,.7);color:#fff;font-size:.9rem;padding:8px 15px;border-radius:20px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(0,0,0,.2)}@media (max-width:768px){.control-btn[data-v-0210bee6]{width:32px;height:32px}.marker-hint[data-v-0210bee6]{font-size:.8rem;padding:6px 12px}}.round-results[data-v-579562f8]{width:100%;height:100%;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative;overflow:hidden}.bg-effects[data-v-579562f8]{position:absolute;inset:0;pointer-events:none;overflow:hidden}.bg-orb[data-v-579562f8]{position:absolute;border-radius:50%;filter:blur(100px);opacity:.35}.orb-1[data-v-579562f8]{width:500px;height:500px;background:linear-gradient(135deg,#93c5fd,#60a5fa);top:-150px;left:-150px;animation:float-579562f8 10s ease-in-out infinite}.orb-2[data-v-579562f8]{width:400px;height:400px;background:linear-gradient(135deg,#fde68a,#fcd34d);bottom:-100px;right:-100px;animation:float-579562f8 8s ease-in-out infinite reverse}@keyframes float-579562f8{0%,to{transform:translate(0)}50%{transform:translate(30px,30px)}}.bg-pattern[data-v-579562f8]{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 0);background-size:48px 48px}.game-container[data-v-579562f8]{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;padding:1rem}.scoreboard-header[data-v-579562f8]{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 12px rgba(0,0,0,.06);margin-bottom:1rem;flex-shrink:0}.round-indicator[data-v-579562f8]{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.round-progress-ring[data-v-579562f8]{width:60px;height:60px;position:relative}.round-progress-ring svg[data-v-579562f8]{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg[data-v-579562f8]{fill:none;stroke:#e2e8f0;stroke-width:6}.ring-fill[data-v-579562f8]{fill:none;stroke:#2563eb;stroke-width:6;stroke-linecap:round;transition:stroke-dasharray .5s ease}.round-number[data-v-579562f8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:baseline;color:#0f172a}.round-number .current[data-v-579562f8]{font-size:1.25rem;font-weight:800}.round-number .separator[data-v-579562f8]{font-size:.8rem;margin:0 2px;color:#94a3b8}.round-number .total[data-v-579562f8]{font-size:.8rem;color:#64748b;font-weight:600}.final-indicator[data-v-579562f8]{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#422006;padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:.4rem;animation:glow-579562f8 2s ease-in-out infinite;box-shadow:0 2px 8px rgba(245,158,11,.3)}@keyframes glow-579562f8{0%,to{box-shadow:0 2px 8px rgba(245,158,11,.3)}50%{box-shadow:0 4px 16px rgba(245,158,11,.5)}}.location-display[data-v-579562f8]{flex:1;display:flex;align-items:center;gap:1rem;min-width:0}.location-icon[data-v-579562f8]{width:48px;height:48px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#2563eb;font-size:1.25rem;flex-shrink:0}.location-text[data-v-579562f8]{min-width:0;flex:1}.location-text h2[data-v-579562f8]{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-text p[data-v-579562f8]{margin:.25rem 0 0;font-size:.85rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.winner-highlight[data-v-579562f8]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;border:1px solid rgba(245,158,11,.2);flex-shrink:0}.crown-animation[data-v-579562f8]{color:#f59e0b;font-size:1.25rem;animation:bounce-579562f8 1s ease infinite}@keyframes bounce-579562f8{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.winner-details[data-v-579562f8]{display:flex;flex-direction:column}.winner-details .label[data-v-579562f8]{font-size:.6rem;color:#92400e;font-weight:700;letter-spacing:.1em}.winner-details .name[data-v-579562f8]{font-size:.95rem;font-weight:700;color:#0f172a}.winner-details .score[data-v-579562f8]{font-size:.8rem;color:#2563eb;font-weight:600}.game-arena[data-v-579562f8]{flex:1;display:flex;gap:1rem;min-height:0;overflow:hidden}.map-wrapper[data-v-579562f8]{flex:1;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08)}.map-overlay-border[data-v-579562f8]{position:absolute;inset:0;border:2px solid rgba(0,0,0,.06);border-radius:20px;pointer-events:none;z-index:10}.mobile-winner-overlay[data-v-579562f8]{display:none}.player-ranking[data-v-579562f8]{width:260px;background:#fff;border-radius:16px;padding:1rem;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 12px rgba(0,0,0,.06);flex-shrink:0;overflow-y:auto}.ranking-title[data-v-579562f8]{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:#334155;display:flex;align-items:center;gap:.5rem}.ranking-title i[data-v-579562f8]{color:#f59e0b}.ranking-list[data-v-579562f8]{display:flex;flex-direction:column;gap:.5rem}.ranking-item[data-v-579562f8]{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:10px;background:#f8fafc;transition:all .2s ease}.ranking-item[data-v-579562f8]:hover{background:#f1f5f9}.ranking-item.top-three[data-v-579562f8]{background:#fefce8}.ranking-item.is-me[data-v-579562f8]{background:#eff6ff;border:1px solid #bfdbfe}.rank-badge[data-v-579562f8]{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#64748b;background:#e2e8f0;flex-shrink:0}.rank-badge.rank-1[data-v-579562f8]{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#422006}.rank-badge.rank-2[data-v-579562f8]{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#fff}.rank-badge.rank-3[data-v-579562f8]{background:linear-gradient(135deg,#fdba74,#f97316);color:#fff}.player-avatar[data-v-579562f8]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);background-size:cover;background-position:50%;flex-shrink:0}.player-info[data-v-579562f8]{flex:1;min-width:0}.player-name[data-v-579562f8]{display:block;font-size:.85rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-score[data-v-579562f8]{display:block;font-size:.75rem;color:#2563eb;font-weight:500}.game-controls[data-v-579562f8]{display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 12px rgba(0,0,0,.06);margin-top:1rem;flex-shrink:0}.action-area[data-v-579562f8]{display:flex;align-items:center;gap:1.5rem}.countdown-display[data-v-579562f8]{display:flex;align-items:center;gap:1rem}.countdown-bar[data-v-579562f8]{width:140px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.countdown-fill[data-v-579562f8]{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:4px;transition:width 1s linear}.countdown-info[data-v-579562f8]{display:flex;align-items:baseline;gap:.4rem}.countdown-number[data-v-579562f8]{font-size:1.5rem;font-weight:800;color:#0f172a}.countdown-text[data-v-579562f8]{font-size:.85rem;color:#64748b;font-weight:500}.final-button[data-v-579562f8]{position:relative;background:transparent;border:none;padding:.875rem 1.75rem;border-radius:14px;cursor:pointer;display:flex;align-items:center;gap:.6rem;overflow:hidden;transition:transform .2s ease}.final-button[data-v-579562f8]:hover{transform:translateY(-2px)}.final-button .btn-bg[data-v-579562f8]{position:absolute;inset:0;background:linear-gradient(135deg,#f59e0b,#fbbf24);transition:transform .3s ease;box-shadow:0 4px 16px rgba(245,158,11,.35)}.final-button:hover .btn-bg[data-v-579562f8]{transform:scale(1.02)}.final-button .btn-text[data-v-579562f8],.final-button i[data-v-579562f8]{position:relative;z-index:1;color:#422006;font-weight:700}.final-button i[data-v-579562f8]{font-size:1.1rem}@media (max-width:992px){.player-ranking[data-v-579562f8]{display:none}.round-results[data-v-579562f8]{overflow-y:auto;-webkit-overflow-scrolling:touch}.game-container[data-v-579562f8]{padding-bottom:80px}}@media (max-width:768px){.game-container[data-v-579562f8]{padding:.75rem;padding-bottom:80px}.scoreboard-header[data-v-579562f8]{flex-direction:column;align-items:stretch;padding:1rem;gap:.875rem}.location-display[data-v-579562f8]{order:-1;width:100%}.location-text h2[data-v-579562f8]{font-size:1.1rem}.location-text p[data-v-579562f8]{font-size:.8rem}.location-icon[data-v-579562f8]{width:40px;height:40px;font-size:1.1rem}.round-indicator[data-v-579562f8]{width:100%;justify-content:space-between}.round-progress-ring[data-v-579562f8]{width:50px;height:50px}.round-number .current[data-v-579562f8]{font-size:1.1rem}.winner-highlight[data-v-579562f8]{display:none}.mobile-winner-overlay[data-v-579562f8]{display:flex;position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);z-index:20;align-items:center;gap:.5rem;background:#fff;padding:.6rem 1rem;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.15)}.mobile-winner-overlay i[data-v-579562f8]{color:#f59e0b;font-size:1rem}.mobile-winner-overlay .winner-name[data-v-579562f8]{font-weight:700;color:#0f172a;font-size:.9rem}.mobile-winner-overlay .winner-dist[data-v-579562f8]{font-size:.8rem;color:#2563eb;font-weight:600}.game-arena[data-v-579562f8]{min-height:50vh}.map-wrapper[data-v-579562f8]{border-radius:16px}.game-controls[data-v-579562f8]{padding:.875rem 1rem}.countdown-bar[data-v-579562f8]{width:100px}.countdown-number[data-v-579562f8]{font-size:1.25rem}.countdown-text[data-v-579562f8]{font-size:.75rem}.final-button[data-v-579562f8]{padding:.75rem 1.25rem}}@media (max-width:480px){.game-container[data-v-579562f8]{padding:.5rem;padding-bottom:76px}.scoreboard-header[data-v-579562f8]{padding:.875rem;gap:.75rem;border-radius:14px}.location-icon[data-v-579562f8]{width:36px;height:36px;font-size:1rem}.location-text h2[data-v-579562f8]{font-size:1rem}.round-progress-ring[data-v-579562f8]{width:44px;height:44px}.round-number .current[data-v-579562f8]{font-size:1rem}.final-indicator[data-v-579562f8]{padding:.3rem .6rem;font-size:.7rem}.game-arena[data-v-579562f8]{min-height:55vh}.map-wrapper[data-v-579562f8]{border-radius:14px}.mobile-winner-overlay[data-v-579562f8]{padding:.5rem .875rem;font-size:.85rem}.game-controls[data-v-579562f8]{padding:.75rem;border-radius:14px;margin-top:.75rem}.countdown-bar[data-v-579562f8]{width:80px;height:6px}.countdown-number[data-v-579562f8]{font-size:1.1rem}.final-button[data-v-579562f8]{padding:.65rem 1rem;font-size:.9rem}}@keyframes slideUp-579562f8{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.game-container[data-v-579562f8]{animation:slideUp-579562f8 .4s ease}.final-results-overlay[data-v-259b674e]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;overflow-y:auto;padding:2rem 1rem}.final-results-container[data-v-259b674e]{width:100%;max-width:480px;background:#fff;border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.12);animation:modalSlideIn-259b674e .4s cubic-bezier(.16,1,.3,1);position:relative;display:flex;flex-direction:column;overflow:hidden}@keyframes modalSlideIn-259b674e{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.final-header[data-v-259b674e]{background:#3182f6;color:#fff;text-align:center;padding:2rem 1.5rem}.header-content[data-v-259b674e]{position:relative}.trophy-icon[data-v-259b674e]{font-size:2.5rem;margin-bottom:.75rem;color:gold}.final-title[data-v-259b674e]{font-size:1.75rem;font-weight:700;margin:0 0 .5rem 0;letter-spacing:-.02em}.final-subtitle[data-v-259b674e]{font-size:.95rem;margin:0;opacity:.95;font-weight:400}.rankings-container[data-v-259b674e]{padding:1.5rem;flex:1;overflow-y:auto;max-height:400px}.rankings-header[data-v-259b674e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.rankings-header h3[data-v-259b674e]{margin:0;font-size:1.125rem;color:#191f28;font-weight:700;letter-spacing:-.02em}.total-players[data-v-259b674e]{background:#f2f4f6;padding:.375rem .75rem;border-radius:12px;color:#4e5968;font-weight:600;font-size:.875rem}.rankings-list[data-v-259b674e]{display:flex;flex-direction:column;gap:.75rem}.ranking-item[data-v-259b674e]{display:flex;align-items:center;padding:1rem;background:#f9fafb;border-radius:16px;transition:all .2s ease;position:relative;overflow:hidden}.ranking-item[data-v-259b674e]:hover{background:#f2f4f6}.ranking-item.current-user[data-v-259b674e]{background:#e8f3ff;border:1.5px solid #3182f6}.ranking-item.rank-1[data-v-259b674e]{background:#fffbf0;border:1.5px solid #ffc107}.ranking-item.rank-2[data-v-259b674e]{background:#f8f4fb;border:1.5px solid #9c27b0}.ranking-item.rank-3[data-v-259b674e]{background:#f0f8f4;border:1.5px solid #4caf50}.rank-badge[data-v-259b674e]{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;margin-right:.875rem;flex-shrink:0}.rank-badge.rank-1[data-v-259b674e]{background:gold;color:#191f28}.rank-badge.rank-2[data-v-259b674e]{background:#e0e0e0;color:#191f28}.rank-badge.rank-3[data-v-259b674e]{background:#cd7f32;color:#fff}.rank-badge[data-v-259b674e]:not(.rank-1):not(.rank-2):not(.rank-3){background:#8b95a1;color:#fff}.rank-icon[data-v-259b674e]{font-size:1.125rem}.player-info[data-v-259b674e]{display:flex;align-items:center;flex:1;gap:.875rem}.player-avatar[data-v-259b674e]{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#e5e8eb;flex-shrink:0;border:2px solid #fff}.player-avatar img[data-v-259b674e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.player-details[data-v-259b674e]{flex:1}.player-name[data-v-259b674e]{font-size:1rem;font-weight:600;color:#191f28;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem;letter-spacing:-.01em}.host-icon[data-v-259b674e]{color:#ffc107;font-size:.875rem}.player-stats[data-v-259b674e]{display:flex;gap:.875rem;font-size:.875rem;color:#6b7684}.total-score[data-v-259b674e]{font-weight:700;color:#3182f6}.average-distance[data-v-259b674e]{color:#6b7684;font-weight:500}.earned-points[data-v-259b674e]{color:#10b981;font-weight:600}.winner-effect[data-v-259b674e]{display:none}.game-stats[data-v-259b674e]{display:flex;justify-content:space-around;padding:1.5rem;background:#f9fafb;border-top:1px solid #e5e8eb}.stat-item[data-v-259b674e]{text-align:center}.stat-value[data-v-259b674e]{font-size:1.5rem;font-weight:700;color:#191f28;margin-bottom:.25rem;letter-spacing:-.02em}.stat-label[data-v-259b674e]{font-size:.8125rem;color:#6b7684;font-weight:500}.final-actions[data-v-259b674e]{display:flex;gap:.75rem;padding:1.5rem;background:#fff}.action-btn[data-v-259b674e]{flex:1;padding:1rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;letter-spacing:-.01em}.primary-btn[data-v-259b674e]{background:#3182f6;color:#fff}.primary-btn[data-v-259b674e]:hover{background:#1b64da}.primary-btn[data-v-259b674e]:active{background:#1957c2}.secondary-btn[data-v-259b674e]{background:#f2f4f6;color:#191f28}.secondary-btn[data-v-259b674e]:hover{background:#e5e8eb}.secondary-btn[data-v-259b674e]:active{background:#d1d6db}@media (max-width:768px){.final-results-overlay[data-v-259b674e]{padding:1rem}.final-results-container[data-v-259b674e]{max-width:100%;border-radius:20px}.final-header[data-v-259b674e]{padding:1.75rem 1.25rem}.final-title[data-v-259b674e]{font-size:1.5rem}.final-subtitle[data-v-259b674e]{font-size:.875rem}.trophy-icon[data-v-259b674e]{font-size:2.25rem}.rankings-container[data-v-259b674e]{padding:1.25rem;max-height:320px}.ranking-item[data-v-259b674e]{padding:.875rem}.player-info[data-v-259b674e]{gap:.75rem}.player-avatar[data-v-259b674e]{width:44px;height:44px}.player-name[data-v-259b674e]{font-size:.9375rem}.player-stats[data-v-259b674e]{font-size:.8125rem;gap:.75rem}.final-actions[data-v-259b674e]{flex-direction:column;gap:.625rem;padding:1.25rem}.action-btn[data-v-259b674e]{padding:.875rem;font-size:.9375rem}.game-stats[data-v-259b674e]{padding:1.25rem 1rem}.stat-value[data-v-259b674e]{font-size:1.375rem}.stat-label[data-v-259b674e]{font-size:.75rem}}.player-list[data-v-6a44e775]{background:linear-gradient(135deg,rgba(248,250,252,.95),rgba(241,245,249,.95));backdrop-filter:blur(16px);padding:1rem;overflow:hidden;display:flex;flex-direction:column;flex:1;max-width:100%;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.08);border:1px solid hsla(0,0%,100%,.6)}.list-title[data-v-6a44e775]{margin:0 0 1rem 0;font-size:1.125rem;color:#1e293b;display:flex;align-items:center;font-weight:700;letter-spacing:-.02em}.mobile-header[data-v-6a44e775]{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:linear-gradient(135deg,rgba(248,250,252,.95),rgba(241,245,249,.95));backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.4);position:sticky;top:0;z-index:10;border-radius:20px 20px 0 0;margin:-1rem -1rem 0 -1rem;box-shadow:0 2px 12px rgba(0,0,0,.04);min-height:56px}.mobile-header .list-title[data-v-6a44e775]{margin:0;padding:0;flex:1;font-weight:700;letter-spacing:-.02em}.close-button[data-v-6a44e775]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:50%;background:hsla(0,0%,100%,.9);color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.08);backdrop-filter:blur(8px)}.close-button[data-v-6a44e775]:hover{background:#ff4757;color:#fff;transform:scale(1.05);box-shadow:0 4px 16px rgba(255,71,87,.3)}.close-button[data-v-6a44e775]:active{transform:scale(.95)}.close-button i[data-v-6a44e775]{font-size:.875rem}.player-count[data-v-6a44e775]{margin-left:.75rem;font-size:.875rem;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);padding:.375rem .75rem;border-radius:16px;color:#475569;font-weight:600;border:1px solid rgba(226,232,240,.5)}.players-container[data-v-6a44e775]{padding-top:30px;flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;max-width:100%;padding-right:.25rem;gap:.75rem}.player-card[data-v-6a44e775]{display:flex;align-items:center;padding:.5rem;border-radius:16px;background:hsla(0,0%,100%,.8);backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid hsla(0,0%,100%,.6);gap:.5rem;width:100%;max-width:100%;overflow:hidden;min-height:48px;max-height:64px;box-shadow:0 2px 16px rgba(0,0,0,.06)}.player-card[data-v-6a44e775]:hover{background:hsla(0,0%,100%,.9);transform:translateY(-1px);box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid hsla(0,0%,100%,.8)}.player-card.current-user[data-v-6a44e775]{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(147,197,253,.15));border:1px solid rgba(59,130,246,.3);box-shadow:0 4px 20px rgba(59,130,246,.2)}.player-card.has-submitted[data-v-6a44e775]{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(134,239,172,.15));border:1px solid rgba(34,197,94,.3);box-shadow:0 4px 20px rgba(34,197,94,.2);animation:submitSuccess-6a44e775 .6s cubic-bezier(.4,0,.2,1)}@keyframes submitSuccess-6a44e775{0%{transform:scale(1);box-shadow:0 4px 20px rgba(34,197,94,.1)}50%{transform:scale(1.02);box-shadow:0 8px 32px rgba(34,197,94,.25)}to{transform:scale(1);box-shadow:0 4px 20px rgba(34,197,94,.15)}}.player-status[data-v-6a44e775]{margin-left:auto}.check-badge[data-v-6a44e775],.waiting-badge[data-v-6a44e775]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px)}.check-badge.submitted[data-v-6a44e775]{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 12px rgba(34,197,94,.3);animation:pulse-6a44e775 1.5s infinite;border:1px solid hsla(0,0%,100%,.2)}.waiting-badge.waiting[data-v-6a44e775]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px rgba(245,158,11,.3);border:1px solid hsla(0,0%,100%,.2)}.check-badge i[data-v-6a44e775]{font-size:.9rem}.waiting-badge i[data-v-6a44e775]{font-size:.8rem;animation:pulse-6a44e775 1.5s infinite}.player-info[data-v-6a44e775]{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1;overflow:hidden}.player-name-row[data-v-6a44e775]{display:flex;align-items:center;gap:.25rem;min-width:0;width:100%;overflow:hidden}.player-score-row[data-v-6a44e775]{display:flex;align-items:center;justify-content:space-between;width:100%;background:hsla(0,0%,96%,.5);padding:.15rem .3rem;border-radius:6px;font-size:.75rem}.player-avatar[data-v-6a44e775]{position:relative;min-width:36px;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid hsla(0,0%,100%,.8);box-shadow:0 2px 8px rgba(0,0,0,.06)}.player-avatar img[data-v-6a44e775]{width:75%;height:75%;-o-object-fit:contain;object-fit:contain}.player-name[data-v-6a44e775]{font-weight:600;font-size:.875rem;color:#1e293b;display:flex;align-items:center;gap:.25rem;letter-spacing:-.01em;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-badge[data-v-6a44e775]{color:#f59e0b;font-size:.75rem;flex-shrink:0}.player-status[data-v-6a44e775]{font-size:.8rem;color:#666;display:flex;align-items:center;gap:.3rem;margin-top:.2rem}@keyframes pulse-6a44e775{0%{transform:scale(1);box-shadow:0 2px 5px rgba(76,217,100,.3)}50%{transform:scale(1.05);box-shadow:0 5px 15px rgba(76,217,100,.4)}to{transform:scale(1);box-shadow:0 2px 5px rgba(76,217,100,.3)}}.player-streak[data-v-6a44e775]{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:#ff5722;margin-top:.2rem;font-weight:600}.score-wrapper[data-v-6a44e775]{position:relative;display:flex;align-items:center;justify-content:flex-end}.score-value[data-v-6a44e775]{font-weight:600;font-size:1rem;color:#333;white-space:nowrap}.round-score[data-v-6a44e775]{font-size:.85rem;color:#359245;background:rgba(76,217,100,.1);padding:1px 4px;border-radius:8px;display:flex;align-items:center;position:absolute;top:-12px;right:-20px}.plus-sign[data-v-6a44e775]{font-size:.8rem;margin-right:1px}.score-distance[data-v-6a44e775]{font-size:.75rem;color:#8e8e93;display:flex;align-items:center;gap:4px;white-space:nowrap}.score-distance i[data-v-6a44e775]{color:#ff3b30;font-size:.7rem}.no-score[data-v-6a44e775]{color:#999;font-size:.9rem;text-align:right}.rank-badge[data-v-6a44e775]{display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:600;flex-shrink:0;margin-right:2px;color:#2f4f4f}.first-place[data-v-6a44e775]{color:gold}.chat-bubble[data-v-6a44e775]{position:absolute;top:-10px;right:-120px;background:linear-gradient(135deg,#3182f6,#1d4ed8);color:#fff;border-radius:16px;padding:8px 12px;font-size:.75rem;font-weight:600;box-shadow:0 4px 16px rgba(49,130,246,.25);z-index:10;animation:chat-bubble-appear-6a44e775 .4s cubic-bezier(.4,0,.2,1);max-width:100px;word-wrap:break-word;border:1px solid hsla(0,0%,100%,.2);backdrop-filter:blur(8px)}.bubble-content[data-v-6a44e775]{position:relative;z-index:1}.bubble-tail[data-v-6a44e775]{position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #3182f6}.player-card[data-v-6a44e775]{position:relative}@keyframes chat-bubble-appear-6a44e775{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.players-container[data-v-6a44e775]::-webkit-scrollbar{width:6px}.players-container[data-v-6a44e775]::-webkit-scrollbar-track{background:rgba(226,232,240,.3);border-radius:3px}.players-container[data-v-6a44e775]::-webkit-scrollbar-thumb{background:rgba(148,163,184,.5);border-radius:3px}.players-container[data-v-6a44e775]::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.7)}@media (max-width:768px){.player-list[data-v-6a44e775]{background:linear-gradient(135deg,rgba(248,250,252,.98),rgba(241,245,249,.98));backdrop-filter:blur(20px);box-shadow:0 12px 40px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.7)}.chat-bubble[data-v-6a44e775]{right:-80px;max-width:70px;font-size:.7rem;padding:6px 8px}.player-card[data-v-6a44e775]{padding:.375rem .5rem;gap:.375rem;min-height:44px;max-height:60px;margin-bottom:.25rem;background:hsla(0,0%,100%,.85);backdrop-filter:blur(16px)}.player-avatar[data-v-6a44e775]{min-width:32px;width:32px;height:32px}.player-name[data-v-6a44e775]{font-size:.8125rem}.player-score-row[data-v-6a44e775]{padding:.125rem .25rem;font-size:.6875rem}.player-info[data-v-6a44e775]{gap:.125rem}.list-title[data-v-6a44e775]{font-size:1rem;margin-bottom:.75rem}.player-count[data-v-6a44e775]{font-size:.8125rem;padding:.25rem .5rem}.mobile-header[data-v-6a44e775]{background:linear-gradient(135deg,rgba(248,250,252,.98),rgba(241,245,249,.98));backdrop-filter:blur(20px);box-shadow:0 4px 20px rgba(0,0,0,.06);padding:.75rem 1rem;min-height:42px}}.player-loading-overlay[data-v-1fdbacc4]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.55);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1.5rem}.loading-card[data-v-1fdbacc4]{background:#fff;border-radius:20px;padding:2rem;max-width:480px;width:100%;box-shadow:0 18px 45px rgba(15,23,42,.18);display:flex;flex-direction:column;gap:1.5rem;box-sizing:border-box}.loading-header[data-v-1fdbacc4]{display:flex;align-items:center;gap:1rem}.loading-icon[data-v-1fdbacc4]{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;box-shadow:0 12px 25px rgba(99,102,241,.35)}.loading-text h2[data-v-1fdbacc4]{margin:0;font-size:1.35rem;font-weight:700;color:#0f172a}.loading-text p[data-v-1fdbacc4]{margin:.35rem 0 0;color:#475569;font-size:.95rem}.loading-progress[data-v-1fdbacc4]{display:flex;flex-direction:column;gap:.6rem}.progress-bar[data-v-1fdbacc4]{width:100%;height:10px;border-radius:999px;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.15));overflow:hidden}.progress-fill[data-v-1fdbacc4]{height:100%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:inherit;transition:width .35s ease}.progress-label[data-v-1fdbacc4]{display:flex;justify-content:space-between;font-size:.9rem;color:#374151;font-weight:600}.player-status-list[data-v-1fdbacc4]{list-style:none;margin:0;padding:0;max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem}.player-status-list li[data-v-1fdbacc4]{display:flex;justify-content:space-between;align-items:center;padding:.65rem .85rem;background:#f8fafc;border-radius:12px;color:#1e293b;font-weight:500;transition:background .2s ease,transform .2s ease}.player-status-list li.arrived[data-v-1fdbacc4]{background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(139,92,246,.12));transform:translateY(-1px)}.player-name[data-v-1fdbacc4]{max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-state[data-v-1fdbacc4]{font-size:.85rem;color:#475569}.player-status-list li.arrived .player-state[data-v-1fdbacc4]{color:#2563eb;font-weight:600}.loading-footer[data-v-1fdbacc4]{display:flex;align-items:center;gap:.5rem;color:#475569;font-size:.9rem}.loading-footer i[data-v-1fdbacc4]{color:#6366f1}@media (max-width:480px){.loading-card[data-v-1fdbacc4]{padding:1.5rem}.loading-header[data-v-1fdbacc4]{flex-direction:column;align-items:flex-start}.loading-icon[data-v-1fdbacc4]{width:52px;height:52px;font-size:1.3rem}.loading-text h2[data-v-1fdbacc4]{font-size:1.15rem}.player-status-list li[data-v-1fdbacc4]{font-size:.85rem}}.solo-game-container[data-v-7b6c4ee0]{position:relative;width:100%;min-height:100svh;min-height:100dvh;height:100dvh;overflow:hidden}.team-game-results[data-v-75668797]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn-75668797 .3s ease}.results-backdrop[data-v-75668797]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);backdrop-filter:blur(5px)}.results-container[data-v-75668797]{position:relative;width:90%;max-width:1000px;height:90vh;max-height:800px;overflow-y:auto;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.3);display:flex;flex-direction:column;animation:slideUp-75668797 .5s ease}.results-header[data-v-75668797]{padding:1.5rem;background:linear-gradient(135deg,#4a6cf7,#2563eb);color:#fff;text-align:center;border-top-left-radius:16px;border-top-right-radius:16px}.results-title[data-v-75668797]{margin:0 0 .5rem;font-size:2rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.results-subtitle[data-v-75668797]{margin:0;font-size:1.1rem;opacity:.9}.results-content[data-v-75668797]{padding:1.5rem;flex:1;overflow-y:auto}.winner-section[data-v-75668797]{background:linear-gradient(180deg,#f9fafb,#fff);border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:center;position:relative;box-shadow:0 5px 15px rgba(0,0,0,.05)}.winner-badge[data-v-75668797]{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background-color:#f59e0b;color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-weight:600;font-size:1.1rem;box-shadow:0 3px 8px rgba(245,158,11,.3);display:flex;align-items:center;gap:.5rem}.winner-team[data-v-75668797]{margin:1.5rem 0;padding-bottom:1.5rem;border-bottom:1px solid #eee}.team-blue[data-v-75668797]{color:#3b82f6}.team-red[data-v-75668797]{color:#ef4444}.team-green[data-v-75668797]{color:#10b981}.team-yellow[data-v-75668797]{color:#f59e0b}.team-name[data-v-75668797]{font-size:1.8rem;font-weight:700}.team-score[data-v-75668797]{font-size:2rem;font-weight:800;margin-top:.5rem}.winner-players[data-v-75668797]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.player-card[data-v-75668797]{display:flex;flex-direction:column;align-items:center;padding:1rem;background-color:#f9fafb;border-radius:8px;transition:transform .2s ease}.player-card[data-v-75668797]:hover{transform:translateY(-3px)}.player-avatar[data-v-75668797]{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:.8rem;border:3px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.1)}.player-info[data-v-75668797]{text-align:center;margin-bottom:.8rem}.player-name[data-v-75668797]{font-weight:600;font-size:1rem;color:#333;margin-bottom:.2rem}.player-level[data-v-75668797]{font-size:.8rem;color:#64748b}.player-score[data-v-75668797]{font-weight:700;font-size:1.2rem;color:#4a6cf7}.other-teams-section[data-v-75668797]{margin-bottom:2rem}.section-title[data-v-75668797]{font-size:1.3rem;font-weight:600;color:#333;margin:0 0 1rem}.team-results-list[data-v-75668797]{display:flex;flex-direction:column;gap:1rem}.team-result-card[data-v-75668797]{background-color:#fff;border-radius:8px;padding:1rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px rgba(0,0,0,.05);position:relative;overflow:hidden;transition:height .3s ease}.team-blue-border[data-v-75668797]{border-left:4px solid #3b82f6}.team-red-border[data-v-75668797]{border-left:4px solid #ef4444}.team-green-border[data-v-75668797]{border-left:4px solid #10b981}.team-yellow-border[data-v-75668797]{border-left:4px solid #f59e0b}.team-rank[data-v-75668797]{font-size:1.5rem;font-weight:700;color:#64748b;width:40px;text-align:center}.team-result-info[data-v-75668797]{flex:1}.view-team-details[data-v-75668797]{background:none;border:none;color:#64748b;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.view-team-details[data-v-75668797]:hover{background-color:#f1f5f9;color:#333}.view-team-details.active[data-v-75668797]{background-color:#e0f2fe;color:#3b82f6}.team-details[data-v-75668797]{width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid #eee;grid-column:1/-1;display:flex;flex-direction:column;gap:.8rem}.team-player-item[data-v-75668797]{display:flex;align-items:center;gap:.8rem;padding:.5rem;background-color:#f9fafb;border-radius:6px}.mini-avatar[data-v-75668797]{width:30px;height:30px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.highlight-section[data-v-75668797]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.highlight-card[data-v-75668797]{background-color:#f9fafb;border-radius:8px;padding:1.2rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px rgba(0,0,0,.05)}.highlight-icon[data-v-75668797]{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#4a6cf7,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.highlight-content[data-v-75668797]{flex:1}.highlight-content h4[data-v-75668797]{margin:0 0 .5rem;font-size:1rem;color:#64748b}.highlight-value[data-v-75668797]{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:.3rem}.highlight-description[data-v-75668797]{font-size:.9rem;color:#64748b}.results-chat[data-v-75668797]{height:250px;display:flex;flex-direction:column;padding:1rem;border-top:1px solid #eee;background-color:#f9fafb}.chat-title[data-v-75668797]{margin:0 0 .8rem;font-size:1.1rem;color:#333}.chat-messages[data-v-75668797]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.8rem;padding:.5rem}.chat-message[data-v-75668797]{display:flex;gap:.5rem;font-size:.9rem;max-width:100%;word-break:break-word}.system-message[data-v-75668797]{align-self:center;color:#64748b;font-style:italic;font-size:.85rem}.message-sender[data-v-75668797]{font-weight:600;color:#333}.message-content[data-v-75668797]{color:#4b5563}.chat-input[data-v-75668797]{display:flex;gap:.5rem;margin-top:.8rem}.chat-input input[data-v-75668797]{flex:1;padding:.6rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .2s}.chat-input input[data-v-75668797]:focus{border-color:#4a6cf7}.chat-input button[data-v-75668797]{background-color:#4a6cf7;color:#fff;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.chat-input button[data-v-75668797]:hover{background-color:#3b5de7}.chat-input button[data-v-75668797]:disabled{background-color:#cbd5e1;cursor:not-allowed}.results-footer[data-v-75668797]{padding:1.2rem;display:flex;justify-content:center;gap:1rem;border-top:1px solid #eee}.exit-button[data-v-75668797],.play-again-button[data-v-75668797]{padding:.8rem 1.5rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.play-again-button[data-v-75668797]{background-color:#4a6cf7;color:#fff;border:none}.play-again-button[data-v-75668797]:hover{background-color:#3b5de7;transform:translateY(-2px)}.exit-button[data-v-75668797]{background-color:#fff;color:#64748b;border:1px solid #e2e8f0}.exit-button[data-v-75668797]:hover{background-color:#f1f5f9;color:#333;transform:translateY(-2px)}@keyframes fadeIn-75668797{0%{opacity:0}to{opacity:1}}@keyframes slideUp-75668797{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:768px){.results-container[data-v-75668797]{width:95%;height:95vh}.results-title[data-v-75668797]{font-size:1.5rem}.highlight-section[data-v-75668797],.other-teams-section[data-v-75668797],.winner-section[data-v-75668797]{padding:1rem}.winner-players[data-v-75668797]{grid-template-columns:1fr}.results-chat[data-v-75668797]{height:200px}}.team-players-list[data-v-5fc1239c]{display:flex;flex-direction:column;gap:1rem;padding:.5rem;height:100%;overflow-y:auto}.team-container[data-v-5fc1239c]{background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative}.team-container[data-v-5fc1239c]:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.team-header[data-v-5fc1239c]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;position:relative;overflow:hidden}.team-blue-header[data-v-5fc1239c]{background:linear-gradient(135deg,rgba(59,130,246,.9),rgba(37,99,235,.9));color:#fff}.team-red-header[data-v-5fc1239c]{background:linear-gradient(135deg,rgba(239,68,68,.9),rgba(220,38,38,.9));color:#fff}.team-green-header[data-v-5fc1239c]{background:linear-gradient(135deg,rgba(16,185,129,.9),rgba(5,150,105,.9));color:#fff}.team-purple-header[data-v-5fc1239c]{background:linear-gradient(135deg,rgba(139,92,246,.9),rgba(124,58,237,.9));color:#fff}.team-header[data-v-5fc1239c]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-opacity='.05' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.team-info[data-v-5fc1239c]{display:flex;align-items:center;gap:1rem;z-index:1}.team-name[data-v-5fc1239c]{font-size:1.1rem;font-weight:600;margin:0}.team-score[data-v-5fc1239c]{background:hsla(0,0%,100%,.2);padding:.3rem .6rem;border-radius:20px;font-size:.9rem;font-weight:600;backdrop-filter:blur(4px);transition:all .2s ease}.team-header:hover .team-score[data-v-5fc1239c]{background:hsla(0,0%,100%,.3);transform:scale(1.05)}.team-status[data-v-5fc1239c]{z-index:1}.submission-badge[data-v-5fc1239c]{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;backdrop-filter:blur(4px);box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease;background:hsla(0,0%,100%,.2)}.submission-badge[data-v-5fc1239c]:hover{background:hsla(0,0%,100%,.3);transform:scale(1.05)}@keyframes pulse-5fc1239c{0%{box-shadow:0 0 0 0 rgba(255,215,0,.4)}70%{box-shadow:0 0 0 6px rgba(255,215,0,0)}to{box-shadow:0 0 0 0 rgba(255,215,0,0)}}.team-players-grid[data-v-5fc1239c]{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;padding:1rem;background:rgba(249,250,251,.5)}.player-marker[data-v-5fc1239c]{position:relative;transition:all .3s ease}.player-marker[data-v-5fc1239c]:hover{transform:translateY(-3px)}.player-marker:hover .player-tooltip[data-v-5fc1239c]{opacity:1;transform:translateY(0)}.player-marker-wrapper[data-v-5fc1239c]{width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.player-marker-img[data-v-5fc1239c]{width:80%;height:80%;-o-object-fit:contain;object-fit:contain}.host-crown[data-v-5fc1239c]{position:absolute;top:-5px;right:-5px;width:20px;height:20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1);border:2px solid #fff;z-index:2}.host-crown i[data-v-5fc1239c]{font-size:.6rem;color:#fff}.player-tooltip[data-v-5fc1239c]{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%) translateY(10px);background:rgba(0,0,0,.8);color:#fff;padding:.3rem .6rem;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;transition:all .2s ease;pointer-events:none;z-index:10}.player-marker.empty .player-marker-wrapper[data-v-5fc1239c]{background:rgba(243,244,246,.5);border:2px dashed #d1d5db;box-shadow:none}.empty-marker[data-v-5fc1239c]{color:#9ca3af;font-size:1.2rem;opacity:.5}.player-marker.current-user .player-marker-wrapper[data-v-5fc1239c]{box-shadow:0 0 0 3px rgba(99,102,241,.5),0 4px 12px rgba(0,0,0,.08)}.team-submitted[data-v-5fc1239c]{animation:float-5fc1239c 3s ease-in-out infinite}@keyframes float-5fc1239c{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.team-round-score[data-v-5fc1239c]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);color:#fff;font-size:2rem;font-weight:700;padding:1rem 2rem;border-radius:12px;opacity:0;transition:all .5s ease;z-index:10}.team-round-score.show[data-v-5fc1239c]{animation:scorePopup-5fc1239c 3s ease-in-out}@keyframes scorePopup-5fc1239c{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}@media (max-width:768px){.team-players-grid[data-v-5fc1239c]{grid-template-columns:repeat(2,1fr)}}.toast-container[data-v-6f03c656]{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:9999;min-width:250px;max-width:80%}.toast-message[data-v-6f03c656]{background-color:rgba(0,0,0,.7);color:#fff;padding:12px 20px;border-radius:8px;text-align:center;font-size:1rem;animation:fadeInOut-6f03c656 .3s ease-in-out}@keyframes fadeInOut-6f03c656{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.map-toggle[data-v-6f03c656]{position:relative;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:12px 20px;border-radius:25px;font-weight:700;font-size:1rem;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:all .3s ease;z-index:50}.map-toggle[data-v-6f03c656]:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.4)}.photo-view[data-v-37027fc8]{position:relative;width:100%;height:100%;overflow:hidden;background-color:#0f0f1a}.photo-wrapper[data-v-37027fc8]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.photo-image[data-v-37027fc8]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center;transition:all .3s ease;transform:scale(var(--dad524de));opacity:0;animation:fadeIn-37027fc8 .5s forwards}.photo-image.loading[data-v-37027fc8]{opacity:.3}.placeholder[data-v-37027fc8]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#555;height:100%;width:100%}.placeholder-icon[data-v-37027fc8]{font-size:3rem;margin-bottom:1rem;color:#333}.loading-overlay[data-v-37027fc8]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);z-index:10}.loading-spinner[data-v-37027fc8]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.loading-spinner i[data-v-37027fc8]{font-size:2rem;margin-bottom:1rem;color:#7f5af0}.controls[data-v-37027fc8]{position:absolute;bottom:10px;right:10px;display:flex;gap:10px;z-index:5}.fullscreen-button[data-v-37027fc8],.zoom-button[data-v-37027fc8]{width:40px;height:40px;border-radius:50%;background-color:rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all .2s ease}.fullscreen-button[data-v-37027fc8]:hover:not(:disabled),.zoom-button[data-v-37027fc8]:hover:not(:disabled){background-color:rgba(60,60,100,.8);transform:translateY(-2px)}.fullscreen-button[data-v-37027fc8]:disabled,.zoom-button[data-v-37027fc8]:disabled{opacity:.5;cursor:not-allowed}.prevent-interaction[data-v-37027fc8]{pointer-events:none}@keyframes fadeIn-37027fc8{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.controls[data-v-37027fc8]{bottom:5px;right:5px;gap:5px}.fullscreen-button[data-v-37027fc8],.zoom-button[data-v-37027fc8]{width:35px;height:35px;font-size:.9rem}}.photo-grid[data-v-1df23a24]{display:grid;width:100%;height:100%;gap:1rem;padding:1rem}.photo-item[data-v-1df23a24]{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:all .3s ease}.photo-description[data-v-1df23a24]{position:absolute;bottom:0;left:0;right:0;padding:1rem;background-color:hsla(0,0%,100%,.9);backdrop-filter:blur(4px);border-top:1px solid rgba(0,0,0,.1);animation:slideUp-1df23a24 .3s ease-out}.location-name[data-v-1df23a24]{font-weight:700;font-size:1.1rem;margin-bottom:.5rem;color:#0f172a}.photo-description p[data-v-1df23a24]{margin:0;font-size:.9rem;color:#334155;line-height:1.4}.photos-1[data-v-1df23a24]{grid-template-columns:1fr}.photos-2[data-v-1df23a24]{grid-template-columns:repeat(2,1fr)}.photos-3[data-v-1df23a24]{grid-template-columns:repeat(3,1fr)}.photos-4[data-v-1df23a24]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.incorrect-shake[data-v-1df23a24]{animation:shake-1df23a24 .6s ease-in-out}.correct-highlight .photo-item[data-v-1df23a24],.timeout-highlight .photo-item[data-v-1df23a24]{transition:background-color .3s ease}@keyframes shake-1df23a24{0%{transform:translateX(0)}10%{transform:translateX(-5px)}20%{transform:translateX(5px)}30%{transform:translateX(-5px)}40%{transform:translateX(5px)}50%{transform:translateX(-5px)}60%{transform:translateX(5px)}70%{transform:translateX(-5px)}80%{transform:translateX(5px)}90%{transform:translateX(-5px)}to{transform:translateX(0)}}@keyframes slideUp-1df23a24{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:768px){.photos-3[data-v-1df23a24],.photos-4[data-v-1df23a24]{grid-template-columns:repeat(2,1fr)}.photos-4[data-v-1df23a24]{grid-template-rows:repeat(2,1fr)}}@media (max-width:480px){.photos-2[data-v-1df23a24],.photos-3[data-v-1df23a24],.photos-4[data-v-1df23a24]{grid-template-columns:1fr}.photos-4[data-v-1df23a24]{grid-template-rows:repeat(4,1fr)}}.region-map-container[data-v-62604af4]{position:relative;height:100%;display:flex;justify-content:flex-end;width:100%}.map-wrapper[data-v-62604af4]{display:flex;flex-direction:column;position:relative;height:100%;width:100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out;border-left:1px solid rgba(0,0,0,.1);box-shadow:-4px 0 15px rgba(0,0,0,.05);background-color:#fff;z-index:5}.selected-region-display[data-v-62604af4]{padding:10px;background-color:#f8fafc;border-bottom:1px solid rgba(0,0,0,.1);font-size:14px;font-weight:500;text-align:center;z-index:5}.selected-region-display span[data-v-62604af4]{font-weight:700;color:#3b82f6}.map-container[data-v-62604af4]{width:100%;height:100%;overflow:hidden;position:relative}.map-controls[data-v-62604af4]{display:flex;justify-content:center;gap:8px;padding:8px;background-color:hsla(0,0%,100%,.9);border-bottom:1px solid rgba(0,0,0,.1);z-index:5}.zoom-button[data-v-62604af4]{width:36px;height:36px;border-radius:50%;border:none;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:all .2s ease}.zoom-button[data-v-62604af4]:hover{background:#2563eb;transform:translateY(-2px)}.spot-button-container[data-v-62604af4]{padding:12px;display:flex;justify-content:center;background-color:#fff;border-top:1px solid rgba(0,0,0,.1);position:absolute;bottom:0;left:0;right:0;z-index:10}.spot-button[data-v-62604af4]{padding:10px 24px;border-radius:20px;border:none;background:linear-gradient(45deg,#3b82f6,#60a5fa);color:#fff;font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 10px rgba(59,130,246,.3);transition:all .2s ease}.spot-button[data-v-62604af4]:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(59,130,246,.4)}.toggle-map-button[data-v-62604af4]{position:fixed;bottom:20px;right:20px;padding:10px 16px;border-radius:24px;border:none;background:#3b82f6;color:#fff;font-weight:700;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(0,0,0,.2);z-index:100;cursor:pointer;transition:all .2s ease}.toggle-map-button[data-v-62604af4]:hover{transform:translateY(-2px);background:#2563eb}.region-label[data-v-62604af4]{color:#475569;font-size:12px;font-weight:600;background-color:hsla(0,0%,100%,.7);padding:2px 5px;border-radius:3px;pointer-events:none;white-space:nowrap}.city-group-label[data-v-62604af4]{font-size:14px;font-weight:700}.mobile-closed[data-v-62604af4]{transform:translateX(100%);opacity:0;pointer-events:none}.map-open .mobile-closed[data-v-62604af4]{transform:translateX(0);opacity:1;pointer-events:auto}@media (max-width:768px){.map-wrapper[data-v-62604af4]{position:fixed;top:0;right:0;height:100vh;width:100%;max-width:320px;z-index:1000}.toggle-map-button[data-v-62604af4]{z-index:1001}.spot-button-container[data-v-62604af4]{position:absolute;bottom:0;left:0;right:0;z-index:1002}}.game-results[data-v-1000a9b0]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(5px)}.results-container[data-v-1000a9b0]{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);width:90%;max-width:900px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;animation:zoomIn-1000a9b0 .5s ease}.results-header[data-v-1000a9b0]{padding:1.5rem;border-bottom:1px solid #eee;text-align:center}.game-title h2[data-v-1000a9b0]{margin:0 0 .5rem 0;font-size:2rem;color:#333;background:linear-gradient(135deg,#764ba2,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.room-details[data-v-1000a9b0]{color:#666;font-size:1rem}.separator[data-v-1000a9b0]{margin:0 .5rem}.results-content[data-v-1000a9b0]{padding:2rem 1.5rem;display:flex;flex-direction:column;gap:2.5rem}.winners-podium[data-v-1000a9b0]{display:flex;justify-content:center;align-items:flex-end;gap:2rem;height:280px;position:relative}.first-place[data-v-1000a9b0],.second-place[data-v-1000a9b0],.third-place[data-v-1000a9b0]{display:flex;flex-direction:column;align-items:center;position:relative}.podium-stand[data-v-1000a9b0]{width:100px;border-radius:6px 6px 0 0}.podium-stand.gold[data-v-1000a9b0]{height:120px;background:linear-gradient(180deg,gold,#ffc107)}.podium-stand.silver[data-v-1000a9b0]{height:80px;background:linear-gradient(180deg,#e0e0e0,#bdbdbd)}.podium-stand.bronze[data-v-1000a9b0]{height:50px;background:linear-gradient(180deg,#cd7f32,#a1887f)}.podium-player[data-v-1000a9b0]{display:flex;flex-direction:column;align-items:center;position:absolute;bottom:120px;z-index:2}.first-place .podium-player[data-v-1000a9b0]{bottom:120px}.second-place .podium-player[data-v-1000a9b0]{bottom:80px}.third-place .podium-player[data-v-1000a9b0]{bottom:50px}.medal[data-v-1000a9b0]{position:absolute;top:-15px;right:-15px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:3}.medal.gold[data-v-1000a9b0]{background:linear-gradient(135deg,gold,#ffc107)}.medal.silver[data-v-1000a9b0]{background:linear-gradient(135deg,#e0e0e0,#bdbdbd)}.medal.bronze[data-v-1000a9b0]{background:linear-gradient(135deg,#cd7f32,#a1887f)}.podium-player .player-avatar[data-v-1000a9b0]{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 5px 15px rgba(0,0,0,.2);margin-bottom:.8rem}.first-place .player-avatar[data-v-1000a9b0]{width:100px;height:100px}.podium-player .player-avatar img[data-v-1000a9b0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.podium-player .player-name[data-v-1000a9b0]{font-weight:600;color:#333;text-align:center;margin-bottom:.3rem;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-player .player-score[data-v-1000a9b0]{font-size:.9rem;color:#666;margin-bottom:.5rem}.trophy-icon[data-v-1000a9b0]{color:#ffc107;font-size:1.5rem;position:absolute;top:-30px;animation:pulse-1000a9b0 2s ease-in-out infinite}.podium-player.current-user .player-name[data-v-1000a9b0]{color:#4285f4}.player-rankings[data-v-1000a9b0]{background:#f8f9fa;border-radius:12px;padding:1.5rem}.player-rankings h3[data-v-1000a9b0]{margin:0 0 1rem 0;color:#333;font-size:1.3rem}.rankings-table[data-v-1000a9b0]{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05)}.table-header[data-v-1000a9b0]{display:flex;background:#f0f2f5;padding:.8rem 1rem;font-weight:600;color:#555}.table-body[data-v-1000a9b0]{max-height:300px;overflow-y:auto}.player-row[data-v-1000a9b0]{display:flex;padding:.8rem 1rem;border-bottom:1px solid #eee;align-items:center}.player-row[data-v-1000a9b0]:last-child{border-bottom:none}.player-row.current-user[data-v-1000a9b0]{background:#ebf3ff}.rank-column[data-v-1000a9b0]{width:50px}.rank-column[data-v-1000a9b0],.rank[data-v-1000a9b0]{display:flex;justify-content:center;align-items:center}.rank[data-v-1000a9b0]{width:30px;height:30px;border-radius:50%;background:#f0f2f5;font-weight:600;color:#555}.player-column[data-v-1000a9b0]{flex:1;display:flex;align-items:center}.player-avatar[data-v-1000a9b0]{position:relative;margin-right:1rem}.player-avatar img[data-v-1000a9b0]{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.player-level[data-v-1000a9b0]{position:absolute;bottom:-5px;right:-5px;background:#555;color:#fff;font-size:.7rem;font-weight:600;padding:2px 5px;border-radius:10px;min-width:18px;text-align:center}.player-info[data-v-1000a9b0]{display:flex;flex-direction:column}.player-name[data-v-1000a9b0]{font-weight:500;color:#333;display:flex;align-items:center;gap:.5rem}.host-badge[data-v-1000a9b0]{background:#4285f4;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px}.score-column[data-v-1000a9b0]{width:100px;text-align:center;font-weight:600;color:#333}.accuracy-column[data-v-1000a9b0]{width:80px;text-align:center;color:#4caf50}.stats-cards[data-v-1000a9b0]{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.stats-card[data-v-1000a9b0]{width:180px;background:#fff;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.05);transition:transform .3s ease}.stats-card[data-v-1000a9b0]:hover{transform:translateY(-5px)}.stats-icon[data-v-1000a9b0]{font-size:2rem;margin-bottom:1rem;color:#667eea}.stats-value[data-v-1000a9b0]{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:.5rem}.stats-label[data-v-1000a9b0]{color:#666;font-size:.9rem}.results-footer[data-v-1000a9b0]{padding:1.5rem;border-top:1px solid #eee;display:flex;justify-content:center;gap:1rem}.action-button[data-v-1000a9b0]{padding:.8rem 1.5rem;border-radius:8px;border:none;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.play-again[data-v-1000a9b0]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 10px rgba(102,126,234,.3)}.play-again[data-v-1000a9b0]:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(102,126,234,.4)}.exit-game[data-v-1000a9b0]{background:#f5f5f5;color:#555}.exit-game[data-v-1000a9b0]:hover{background:#e0e0e0}@keyframes zoomIn-1000a9b0{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse-1000a9b0{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:768px){.winners-podium[data-v-1000a9b0]{gap:1rem;height:220px}.podium-stand[data-v-1000a9b0]{width:70px}.podium-stand.gold[data-v-1000a9b0]{height:100px}.podium-stand.silver[data-v-1000a9b0]{height:70px}.podium-stand.bronze[data-v-1000a9b0]{height:40px}.first-place .podium-player[data-v-1000a9b0]{bottom:100px}.second-place .podium-player[data-v-1000a9b0]{bottom:70px}.third-place .podium-player[data-v-1000a9b0]{bottom:40px}.first-place .player-avatar[data-v-1000a9b0]{width:70px;height:70px}.podium-player .player-avatar[data-v-1000a9b0]{width:60px;height:60px}.stats-card[data-v-1000a9b0]{width:150px;padding:1rem}.player-row[data-v-1000a9b0],.table-header[data-v-1000a9b0]{padding:.6rem .8rem}.accuracy-column[data-v-1000a9b0],.score-column[data-v-1000a9b0]{width:70px}}@media (max-width:576px){.results-container[data-v-1000a9b0]{width:100%;height:100%;max-height:100%;border-radius:0}.winners-podium[data-v-1000a9b0]{height:180px}.podium-stand[data-v-1000a9b0]{width:50px}.podium-stand.gold[data-v-1000a9b0]{height:80px}.podium-stand.silver[data-v-1000a9b0]{height:50px}.podium-stand.bronze[data-v-1000a9b0]{height:30px}.first-place .podium-player[data-v-1000a9b0]{bottom:80px}.second-place .podium-player[data-v-1000a9b0]{bottom:50px}.third-place .podium-player[data-v-1000a9b0]{bottom:30px}.first-place .player-avatar[data-v-1000a9b0]{width:60px;height:60px}.podium-player .player-avatar[data-v-1000a9b0]{width:45px;height:45px}.podium-player .player-name[data-v-1000a9b0]{font-size:.8rem;max-width:80px}.results-footer[data-v-1000a9b0]{flex-direction:column;gap:.8rem}.action-button[data-v-1000a9b0]{width:100%;justify-content:center}.accuracy-column[data-v-1000a9b0]{display:none}}.game-header[data-v-404fda95]{justify-content:space-between;padding:1rem;background-color:#222831;color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:10}.exit-button[data-v-404fda95],.game-header[data-v-404fda95],.header-left[data-v-404fda95]{display:flex;align-items:center}.exit-button[data-v-404fda95]{gap:.5rem;padding:.5rem .75rem;background-color:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.exit-text[data-v-404fda95]{display:inline-block}.exit-button[data-v-404fda95]:hover{background-color:hsla(0,0%,100%,.2)}.room-info[data-v-404fda95]{margin-left:1rem}.room-name[data-v-404fda95]{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.game-mode[data-v-404fda95]{font-size:.875rem;color:hsla(0,0%,100%,.7)}.header-center[data-v-404fda95]{flex:1;max-width:400px;margin:0 1rem}.round-info[data-v-404fda95]{text-align:center}.round-number[data-v-404fda95]{font-size:.875rem;font-weight:500;margin-bottom:.25rem}.round-progress[data-v-404fda95]{height:8px;background-color:hsla(0,0%,100%,.2);border-radius:4px;overflow:hidden}.progress-bar[data-v-404fda95]{height:100%;background:linear-gradient(90deg,#fff,#e0f7fa);border-radius:4px;transition:width .5s ease-out}.header-right[data-v-404fda95]{flex:1;display:flex;flex-direction:column;align-items:flex-end}.correct-region-display[data-v-404fda95]{margin-top:.5rem;padding:.25rem .75rem;background-color:hsla(0,0%,100%,.15);border-radius:4px;font-size:.875rem;font-weight:500}@media (max-width:768px){.game-header[data-v-404fda95]{flex-direction:row;padding:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center}.header-left[data-v-404fda95]{flex:1;min-width:150px}.header-center[data-v-404fda95]{flex:1;margin:0 .5rem;max-width:100%}.header-right[data-v-404fda95]{align-self:center}.exit-text[data-v-404fda95]{display:none}}.player-markers-container[data-v-09370824]{position:fixed;bottom:70px;left:0;width:100%;padding:1rem;z-index:50;pointer-events:none}.player-markers[data-v-09370824]{display:flex;justify-content:center;align-items:flex-end;gap:1.5rem;max-width:100%;overflow-x:auto;padding-bottom:.5rem;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent);padding:1.5rem 1rem 1rem;border-radius:16px 16px 0 0;backdrop-filter:blur(5px)}.player-marker[data-v-09370824]{display:flex;flex-direction:column;align-items:center;position:relative;transition:all .5s ease;transform-origin:bottom center}.player-marker.current-user .marker-image[data-v-09370824]{border:3px solid #4cd964;box-shadow:0 0 0 2px rgba(76,217,100,.3),0 0 15px rgba(76,217,100,.5)}.player-marker.has-submitted .marker-image[data-v-09370824]{animation:pulse-09370824 2s infinite}.player-marker.correct-guess .marker-image[data-v-09370824]{animation:correctGuess-09370824 1s ease-out;border-color:#4cd964;box-shadow:0 0 20px rgba(76,217,100,.7)}.player-marker.wrong-guess .marker-image[data-v-09370824]{animation:wrongGuess-09370824 1s ease-out;border-color:#ff3b30;box-shadow:0 0 20px rgba(255,59,48,.7)}.player-marker.first-place .marker-image[data-v-09370824]{border-color:gold;box-shadow:0 0 15px rgba(255,215,0,.5)}.marker-image[data-v-09370824]{width:60px;height:60px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;border:3px solid #e2e8f0;box-shadow:0 4px 12px rgba(0,0,0,.2);overflow:hidden;transition:all .3s ease}.marker-image img[data-v-09370824]{width:80%;height:80%;-o-object-fit:contain;object-fit:contain}.marker-info[data-v-09370824]{display:flex;flex-direction:column;align-items:center;margin-top:.5rem}.marker-nickname[data-v-09370824]{font-size:.85rem;font-weight:600;color:#fff;background:rgba(0,0,0,.6);padding:.25rem .5rem;border-radius:12px;max-width:100px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.marker-score[data-v-09370824]{font-size:.75rem;font-weight:700;color:#fff;background:rgba(0,0,0,.4);padding:.15rem .4rem;border-radius:10px;text-align:center}.chat-bubble[data-v-09370824]{position:absolute;top:-70px;left:50%;transform:translateX(-50%);background:#fff;color:#333;padding:.5rem .75rem;border-radius:12px;max-width:180px;font-size:.85rem;box-shadow:0 4px 15px rgba(0,0,0,.15);word-break:break-word;text-align:center;pointer-events:none;opacity:1;transition:opacity 1s ease;z-index:5}.chat-bubble[data-v-09370824]:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff}.chat-bubble.fade-out[data-v-09370824]{opacity:0}.score-animation[data-v-09370824]{position:absolute;top:-40px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#4cd964,#34c759);color:#fff;padding:.3rem .6rem;border-radius:8px;font-weight:700;font-size:1rem;animation:scorePopup-09370824 2s ease-out;pointer-events:none;box-shadow:0 4px 12px rgba(76,217,100,.4);z-index:5}.team-mode .marker-image[data-v-09370824]{border-width:4px}.player-order-move[data-v-09370824]{transition:transform .8s ease}.player-order-enter-active[data-v-09370824],.player-order-leave-active[data-v-09370824]{transition:all .5s ease}.player-order-enter-from[data-v-09370824],.player-order-leave-to[data-v-09370824]{opacity:0;transform:translateY(30px)}@keyframes pulse-09370824{0%{transform:scale(1);box-shadow:0 4px 8px rgba(0,0,0,.1)}50%{transform:scale(1.05);box-shadow:0 6px 12px rgba(76,217,100,.4)}to{transform:scale(1);box-shadow:0 4px 8px rgba(0,0,0,.1)}}@keyframes scorePopup-09370824{0%{opacity:0;transform:translateX(-50%) translateY(10px)}20%{opacity:1;transform:translateX(-50%) translateY(-10px)}80%{opacity:1;transform:translateX(-50%) translateY(-10px)}to{opacity:0;transform:translateX(-50%) translateY(-30px)}}@keyframes correctGuess-09370824{0%{transform:scale(1)}50%{transform:scale(1.15) translateY(-10px)}to{transform:scale(1)}}@keyframes wrongGuess-09370824{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}to{transform:translateX(0)}}@media (max-width:768px){.player-markers-container[data-v-09370824]{bottom:60px}.player-markers[data-v-09370824]{gap:1rem;padding:1rem .5rem .5rem}.marker-image[data-v-09370824]{width:45px;height:45px}.marker-nickname[data-v-09370824]{font-size:.7rem;max-width:80px;margin-bottom:.15rem}.marker-score[data-v-09370824]{font-size:.65rem}.chat-bubble[data-v-09370824]{max-width:120px;font-size:.75rem;top:-60px}.score-animation[data-v-09370824]{font-size:.85rem;padding:.2rem .4rem}}.simple-chat-input[data-v-98feecbe]{width:100%;padding:.75rem;background:linear-gradient(0deg,rgba(26,93,26,.05),transparent);border-top:1px solid rgba(0,0,0,.05);border-radius:0 0 8px 8px}.chat-form[data-v-98feecbe]{display:flex;align-items:center;gap:.5rem}.chat-input[data-v-98feecbe]{flex:1;padding:.75rem 1rem;border:1px solid rgba(0,0,0,.1);border-radius:24px;background-color:#fff;font-size:.9rem;transition:all .2s ease;outline:none;box-shadow:0 2px 6px rgba(0,0,0,.05)}.chat-input[data-v-98feecbe]:focus{border-color:#4caf50;box-shadow:0 2px 8px rgba(76,175,80,.2)}.send-button[data-v-98feecbe]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,#1a5d1a,#4caf50);color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.1)}.send-button[data-v-98feecbe]:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.send-button[data-v-98feecbe]:active{transform:translateY(0)}.send-button[data-v-98feecbe]:disabled{background:#e0e0e0;cursor:not-allowed;transform:none;box-shadow:none}.chat-input[data-v-98feecbe]:disabled{background-color:#f5f5f5;cursor:not-allowed}.game-header[data-v-019800e2]{justify-content:space-between;padding:1rem;background-color:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.05);z-index:10;position:relative}.exit-button[data-v-019800e2],.game-header[data-v-019800e2],.header-left[data-v-019800e2]{display:flex;align-items:center}.exit-button[data-v-019800e2]{gap:.5rem;padding:.5rem 1rem;background-color:#f44336;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s}.exit-button[data-v-019800e2]:hover{background-color:#d32f2f}.room-info[data-v-019800e2]{margin-left:1rem;display:flex;flex-direction:column}.room-name[data-v-019800e2]{font-weight:600;color:#1a5d1a;font-size:1.1rem}.room-mode[data-v-019800e2]{font-size:.85rem;color:#666}.header-center[data-v-019800e2]{flex:0 1 400px;max-width:400px}.round-info[data-v-019800e2]{text-align:center;margin-bottom:.5rem;font-weight:500;color:#555}.timer-bar[data-v-019800e2]{height:8px;background-color:rgba(0,0,0,.1);border-radius:4px;overflow:hidden}.progress-bar[data-v-019800e2]{height:100%;background:linear-gradient(90deg,#7dce13,#bbd6b8);border-radius:4px;transition:width .5s ease-out}.header-right[data-v-019800e2]{flex:1;display:flex;flex-direction:column;align-items:flex-end}.correct-region-display[data-v-019800e2]{margin-top:.5rem;padding:.25rem .75rem;background-color:hsla(0,0%,100%,.15);border-radius:4px;font-size:.875rem;font-weight:500}.game-content[data-v-019800e2]{display:flex;flex:1;overflow:hidden;position:relative}.photo-section[data-v-019800e2]{flex:1;height:100%;display:flex;flex-direction:column;position:relative;background-color:#000;max-width:calc(100% - 300px)}.right-panel[data-v-019800e2]{width:300px;background-color:#f5f7fa;z-index:20;display:flex;flex-direction:column;border-left:1px solid rgba(0,0,0,.05);box-shadow:-2px 0 10px rgba(0,0,0,.1);transition:transform .3s ease-in-out;transform:translateX(0)}.player-markers-wrapper[data-v-019800e2]{position:relative;padding:1rem;background:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.8));min-height:100px;display:flex;justify-content:flex-start;align-items:center;z-index:10;width:100%;box-sizing:border-box}.chat-input-container[data-v-019800e2]{position:fixed;bottom:0;left:0;right:0;z-index:60;background-color:hsla(0,0%,100%,.9);backdrop-filter:blur(5px);box-shadow:0 -2px 10px rgba(0,0,0,.1);transition:all .3s ease}.toggle-map-button[data-v-019800e2]{position:fixed;bottom:80px;right:20px;z-index:110;padding:.75rem 1rem;background:linear-gradient(135deg,#1a5d1a,#4caf50);color:#fff;border:none;border-radius:24px;font-weight:500;display:flex;align-items:center;gap:.5rem;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.15);transition:all .3s ease}.toggle-map-button[data-v-019800e2]:hover{background-color:#156415;transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.2)}.test-score-button[data-v-019800e2]{position:fixed;bottom:140px;right:20px;z-index:110;padding:.75rem 1rem;background:linear-gradient(135deg,#6a1b9a,#9c27b0);color:#fff;border:none;border-radius:24px;font-weight:500;display:flex;align-items:center;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.15);transition:all .3s ease}.test-score-button[data-v-019800e2]:hover{background:linear-gradient(135deg,#4a148c,#7b1fa2);transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.2)}.multiplayer-photo-game[data-v-019800e2]{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4f2f0);overflow:hidden;position:relative}@media (min-width:769px){.toggle-map-button[data-v-019800e2]{display:none}.photo-section[data-v-019800e2]{max-width:calc(100% - 300px)}}@media (max-width:768px){.game-content[data-v-019800e2]{flex-direction:column}.photo-section[data-v-019800e2]{max-width:100%;width:100%}.right-panel[data-v-019800e2]{position:fixed;top:0;left:0;width:100%;height:100%;transform:translateX(-100%);z-index:100}.right-panel.map-open[data-v-019800e2]{transform:translateX(0)}.toggle-map-button[data-v-019800e2]{display:flex}.game-header[data-v-019800e2]{flex-wrap:wrap;padding:.5rem}.header-left[data-v-019800e2]{order:1;width:100%;margin-bottom:.5rem}.header-center[data-v-019800e2]{order:3;width:100%;max-width:100%;margin:.5rem 0}.header-right[data-v-019800e2]{order:2;width:100%;align-items:flex-start}.exit-text[data-v-019800e2]{display:none}.room-info[data-v-019800e2]{margin-left:.5rem}.player-markers-wrapper[data-v-019800e2]{padding:.5rem;min-height:80px}}.room-header[data-v-0554c273]{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 14px rgba(0,0,0,.05);margin-bottom:1rem;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.04)}.room-header[data-v-0554c273]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#93c5fd,#c4b5fd)}.header-content[data-v-0554c273]{display:flex;flex-direction:column;gap:1rem}.room-info-section[data-v-0554c273]{display:flex;flex-direction:column;gap:.5rem}.room-meta[data-v-0554c273]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.room-id-badge[data-v-0554c273]{display:inline-flex;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:.35rem .75rem;border-radius:50px;font-size:.8rem;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 6px rgba(0,0,0,.04)}.room-id-label[data-v-0554c273]{color:#64748b;margin-right:.4rem;font-weight:500}.room-id-value[data-v-0554c273]{font-weight:700;color:#1e293b;letter-spacing:.5px;font-family:Courier New,monospace}.copy-button[data-v-0554c273]{background:none;border:none;color:#64748b;cursor:pointer;padding:.2rem;margin-left:.4rem;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.copy-button[data-v-0554c273]:hover{background-color:#e2e8f0;color:#475569;transform:scale(1.1)}.room-badges[data-v-0554c273]{display:flex;flex-wrap:wrap;gap:.4rem}.privacy-badge[data-v-0554c273],.team-badge[data-v-0554c273]{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:50px;font-size:.75rem;font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,.04)}.privacy-badge[data-v-0554c273]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;border:1px solid rgba(5,150,105,.15)}.privacy-badge.private[data-v-0554c273]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:1px solid rgba(220,38,38,.15)}.team-badge[data-v-0554c273]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;border:1px solid rgba(217,119,6,.15)}.room-title[data-v-0554c273]{font-size:1.25rem;font-weight:800;color:#1e293b;margin:0;line-height:1.2;letter-spacing:-.025em}.header-actions[data-v-0554c273]{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.game-info-compact[data-v-0554c273]{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:1rem;width:100%}.game-info-item[data-v-0554c273]{display:flex;align-items:center;gap:.5rem}.info-icon[data-v-0554c273]{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;align-items:center;justify-content:center;color:#667eea;font-size:.9rem;box-shadow:0 2px 6px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.06)}.info-content[data-v-0554c273]{display:flex;flex-direction:column;gap:.1rem}.info-label[data-v-0554c273]{font-size:.7rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.info-value[data-v-0554c273]{font-size:.8rem;font-weight:700;color:#1e293b;line-height:1.2}.header-buttons[data-v-0554c273]{display:flex;gap:.5rem;flex-wrap:wrap}.action-button[data-v-0554c273]{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;border-radius:10px;font-weight:600;font-size:.8rem;transition:all .2s ease;border:none;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.06);text-transform:uppercase;letter-spacing:.025em}.chat-toggle-button[data-v-0554c273]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:1px solid rgba(102,126,234,.3);position:relative}.chat-toggle-button[data-v-0554c273]:hover{background:linear-gradient(135deg,#5a67d8,#553c9a);transform:translateY(-1px);box-shadow:0 4px 15px rgba(102,126,234,.3)}.chat-notification-mini[data-v-0554c273]{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:50%;width:16px;height:16px;font-size:.6rem;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 6px rgba(239,68,68,.3);border:2px solid #fff}.settings-button[data-v-0554c273]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#475569;border:1px solid rgba(0,0,0,.06)}.settings-button[data-v-0554c273]:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#334155;transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,0,0,.1)}.refresh-button[data-v-0554c273]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;border:1px solid rgba(5,150,105,.2)}.refresh-button[data-v-0554c273]:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);color:#047857;transform:translateY(-1px);box-shadow:0 4px 15px rgba(5,150,105,.2)}.leave-button[data-v-0554c273]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:1px solid rgba(220,38,38,.15)}.leave-button[data-v-0554c273]:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 15px rgba(220,38,38,.15)}.start-button[data-v-0554c273]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:1px solid rgba(102,126,234,.3)}.start-button[data-v-0554c273]:hover{background:linear-gradient(135deg,#5a67d8,#553c9a);transform:translateY(-1px);box-shadow:0 4px 15px rgba(102,126,234,.3)}.start-button.disabled[data-v-0554c273]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#94a3b8;cursor:not-allowed}.start-button.disabled[data-v-0554c273],.start-button.disabled[data-v-0554c273]:hover{transform:none;box-shadow:0 2px 6px rgba(0,0,0,.04)}@media (max-width:1024px){.room-header[data-v-0554c273]{padding:.6rem .75rem;border-radius:14px}.header-content[data-v-0554c273]{gap:.6rem}.room-info-section[data-v-0554c273]{gap:.3rem}.room-title[data-v-0554c273]{font-size:1.05rem}.game-info-compact[data-v-0554c273]{grid-template-columns:repeat(2,minmax(140px,1fr));gap:.75rem}.info-icon[data-v-0554c273]{width:28px;height:28px;font-size:.8rem}.info-value[data-v-0554c273]{font-size:.75rem}.header-actions[data-v-0554c273]{flex-direction:column;align-items:stretch;gap:.5rem}.header-buttons[data-v-0554c273]{justify-content:center}.action-button[data-v-0554c273]{padding:.4rem .7rem;font-size:.73rem;border-radius:9px}}@media (max-width:768px){.room-header[data-v-0554c273]{padding:.5rem .6rem;border-radius:12px}.room-title[data-v-0554c273]{font-size:.95rem}.game-info-compact[data-v-0554c273]{grid-template-columns:repeat(2,minmax(130px,1fr));gap:.6rem}.header-buttons[data-v-0554c273]{width:100%;justify-content:stretch}.action-button[data-v-0554c273]{flex:1;padding:.4rem;font-size:.72rem}}@media (max-width:480px){.room-meta[data-v-0554c273]{flex-direction:column;align-items:flex-start;gap:.4rem}.room-id-badge[data-v-0554c273]{font-size:.75rem;padding:.3rem .6rem}.room-title[data-v-0554c273]{font-size:.9rem}.game-info-compact[data-v-0554c273]{grid-template-columns:repeat(1,minmax(0,1fr));gap:.45rem}.action-button span[data-v-0554c273]{display:none}.action-button[data-v-0554c273]{padding:.4rem;justify-content:center}}.player-card[data-v-501bfc24]{display:flex;align-items:center;padding:1rem;background-color:#fff;border-radius:16px;transition:all .3s ease;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.05);cursor:pointer;overflow:hidden;margin-bottom:.75rem}.player-card[data-v-501bfc24]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,rgba(99,102,241,.6),rgba(168,85,247,.6));opacity:0;transition:opacity .3s ease}.player-card[data-v-501bfc24]:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgba(0,0,0,.08)}.player-card[data-v-501bfc24]:hover:before{opacity:1}.player-card.is-current[data-v-501bfc24]{background:linear-gradient(90deg,rgba(243,244,246,.5),#fff);border:1px solid rgba(99,102,241,.3)}.player-card.is-host[data-v-501bfc24]{background:linear-gradient(90deg,hsla(48,96%,89%,.2),#fff)}.team-blue-player[data-v-501bfc24]:before{background:linear-gradient(90deg,#3b82f6,#60a5fa);opacity:1}.team-red-player[data-v-501bfc24]:before{background:linear-gradient(90deg,#ef4444,#f87171);opacity:1}.team-green-player[data-v-501bfc24]:before{background:linear-gradient(90deg,#10b981,#34d399);opacity:1}.team-yellow-player[data-v-501bfc24]:before{background:linear-gradient(90deg,#f59e0b,#fbbf24);opacity:1}.player-avatar[data-v-501bfc24]{position:relative;margin-right:1rem}.avatar-wrapper[data-v-501bfc24]{width:48px;height:48px;border-radius:50%;overflow:hidden;background-color:#f3f4f6;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.1)}.avatar-wrapper img[data-v-501bfc24]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.host-badge[data-v-501bfc24]{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1);border:2px solid #fff}.host-badge i[data-v-501bfc24]{font-size:.6rem;color:#fff}.player-info[data-v-501bfc24]{flex:1.5;min-width:0}.player-name[data-v-501bfc24]{font-weight:600;color:#000;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-stats[data-v-501bfc24]{display:flex;gap:.75rem;font-size:.8rem;color:#6b7280}.player-ranks[data-v-501bfc24]{display:flex;flex-direction:column;gap:.5rem;margin-right:.75rem}.rank-badge[data-v-501bfc24]{display:flex;align-items:center;gap:.4rem;padding:.3rem .6rem;border-radius:20px;font-size:.75rem;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,.05)}.rank-badge.roadview[data-v-501bfc24]{background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(30,58,138,.1));color:#2563eb;border:1px solid rgba(37,99,235,.2)}.rank-badge.photo[data-v-501bfc24]{background:linear-gradient(135deg,rgba(22,163,74,.1),rgba(20,83,45,.1));color:#16a34a;border:1px solid rgba(22,163,74,.2)}.rank-icon[data-v-501bfc24]{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:.7rem}.rank-bronze[data-v-501bfc24]{background-color:#cd7f32;color:#fff}.rank-silver[data-v-501bfc24]{background-color:silver;color:#fff}.rank-gold[data-v-501bfc24]{background-color:gold;color:#fff}.rank-platinum[data-v-501bfc24]{background-color:#00ced1;color:#fff}.rank-diamond[data-v-501bfc24]{background-color:#b9f2ff;color:#fff}.rank-master[data-v-501bfc24]{background-color:#9370db;color:#fff}.rank-admin[data-v-501bfc24]{background-color:#ff5675;color:#fff}.kick-button[data-v-501bfc24]{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#ef4444;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.kick-button[data-v-501bfc24]:hover{transform:scale(1.1);background:linear-gradient(135deg,#fecaca,#ef4444);color:#fff}.chat-bubble[data-v-501bfc24]{position:absolute;top:-40px;left:10px;background-color:#fff;padding:.5rem .75rem;border-radius:12px;font-size:.8rem;max-width:200px;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:10;opacity:0;transform:translateY(10px);transition:all .3s ease}.chat-bubble[data-v-501bfc24]:after{content:"";position:absolute;bottom:-8px;left:20px;width:16px;height:16px;background-color:#fff;transform:rotate(45deg);z-index:-1;box-shadow:3px 3px 5px rgba(0,0,0,.03)}.chat-bubble.active[data-v-501bfc24]{opacity:1;transform:translateY(0)}.teams-container[data-v-026054be]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:1.25rem}.team-players-card[data-v-026054be]{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:all .3s ease;position:relative}.team-players-card[data-v-026054be]:hover{box-shadow:0 8px 16px rgba(0,0,0,.08);transform:translateY(-2px)}.team-blue-card[data-v-026054be]{border-top:3px solid #60a5fa}.team-red-card[data-v-026054be]{border-top:3px solid #f87171}.team-green-card[data-v-026054be]{border-top:3px solid #34d399}.team-yellow-card[data-v-026054be]{border-top:3px solid #fbbf24}.team-header[data-v-026054be]{display:flex;align-items:center;padding:.75rem .8rem;border-bottom:1px solid #f3f4f6}.team-icon[data-v-026054be]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:.75rem;color:#fff}.team-blue-bg[data-v-026054be]{background:linear-gradient(135deg,#93c5fd,#60a5fa)}.team-red-bg[data-v-026054be]{background:linear-gradient(135deg,#fca5a5,#f87171)}.team-green-bg[data-v-026054be]{background:linear-gradient(135deg,#86efac,#34d399)}.team-yellow-bg[data-v-026054be]{background:linear-gradient(135deg,#fcd34d,#fbbf24)}.team-title[data-v-026054be]{font-size:1rem;font-weight:600;color:#000;margin:0;flex:1}.team-count[data-v-026054be]{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);padding:.25rem .5rem;border-radius:16px;font-size:.75rem;font-weight:600;color:#6b7280}.team-players[data-v-026054be]{padding:.6rem .75rem .75rem}.player-transition-group[data-v-026054be]{position:relative}.players-grid[data-v-026054be]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem .6rem}.player-wrapper[data-v-026054be]{margin-bottom:.5rem;transition:all .3s ease}.player-wrapper[data-v-026054be]:last-child{margin-bottom:.75rem}.player-wrapper.joining-team[data-v-026054be]{transform:scale(1.05);background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(37,99,235,.1));border-radius:12px;padding:.25rem;box-shadow:0 4px 12px rgba(59,130,246,.2)}.join-team-button[data-v-026054be]{display:flex;align-items:center;width:100%;padding:.5rem .6rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px dashed #d1d5db;border-radius:10px;color:#6b7280;font-weight:600;cursor:pointer;transition:all .2s ease}.join-team-button[data-v-026054be]:hover:not(:disabled){background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563;border-color:#9ca3af;transform:translateY(-1px)}.join-team-button.joining[data-v-026054be]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6;border-color:#60a5fa;cursor:not-allowed}.join-team-button[data-v-026054be]:disabled{opacity:.6;cursor:not-allowed}.join-icon[data-v-026054be]{width:26px;height:26px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin-right:.75rem;box-shadow:0 2px 4px rgba(0,0,0,.05)}.player-list-enter-active[data-v-026054be],.player-list-leave-active[data-v-026054be]{transition:all .4s ease}.player-list-enter-from[data-v-026054be]{opacity:0;transform:translateY(-20px) scale(.95)}.player-list-leave-to[data-v-026054be]{opacity:0;transform:translateY(20px) scale(.95)}.player-list-move[data-v-026054be]{transition:all .4s ease}@keyframes teamJoinSuccess-026054be{0%{transform:scale(1.05);background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(37,99,235,.1))}50%{transform:scale(1.1);background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(22,163,74,.2))}to{transform:scale(1);background:transparent}}.player-wrapper.team-join-success[data-v-026054be]{animation:teamJoinSuccess-026054be 1s ease-out}.team-players[data-v-026054be] .player-card{padding:.5rem .6rem;border-radius:10px}.team-players[data-v-026054be] .player-avatar{margin-right:.5rem}.team-players[data-v-026054be] .avatar-wrapper{width:42px;height:42px}.team-players[data-v-026054be] .player-info{min-width:0}.team-players[data-v-026054be] .player-name{font-size:.9rem;white-space:normal;line-height:1.2;overflow:visible;text-overflow:unset}.team-players[data-v-026054be] .player-stats{gap:.5rem}.team-players[data-v-026054be] .player-card{display:flex;flex-wrap:wrap;align-items:center}.team-players[data-v-026054be] .player-info{order:2;width:100%;text-align:center}.team-players[data-v-026054be] .player-name{margin-bottom:.15rem}.team-players[data-v-026054be] .player-stats{order:3;width:100%;display:flex;justify-content:center;gap:.4rem;font-size:.75rem;margin-top:.1rem}.team-players[data-v-026054be] .player-ranks{order:4;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.35rem;margin-top:.1rem}.team-players[data-v-026054be] .rank-badge{padding:.2rem .45rem;border-radius:14px;font-size:.7rem}@media (max-width:768px){.teams-container[data-v-026054be]{grid-template-columns:1fr;gap:1rem}.players-grid[data-v-026054be]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .45rem}.team-players-card[data-v-026054be]{border-radius:8px}.team-title[data-v-026054be]{font-size:.95rem}.team-players[data-v-026054be]{padding:.55rem .7rem .7rem}.join-team-button[data-v-026054be]{padding:.45rem .55rem}.team-players[data-v-026054be] .player-card{padding:.45rem .5rem}.team-players[data-v-026054be] .avatar-wrapper{width:38px;height:38px}.team-players[data-v-026054be] .player-name{font-size:.85rem}.team-players[data-v-026054be] .player-ranks,.team-players[data-v-026054be] .player-stats{display:none}}@media (max-width:1200px){.teams-container[data-v-026054be]{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.team-players[data-v-026054be] .player-ranks{display:none}}.solo-players-container[data-v-7219c094]{height:100%;display:flex;flex-direction:column}.players-grid[data-v-7219c094]{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;width:100%;max-width:100%;height:100%;box-sizing:border-box}.player-card[data-v-7219c094]{position:relative;background:#fff;border-radius:16px;padding:1rem;width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border:2px solid transparent;box-shadow:0 4px 12px rgba(0,0,0,.08);min-height:120px}.player-card[data-v-7219c094]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.12)}.player-card.is-current[data-v-7219c094]{border-color:#667eea;background:linear-gradient(135deg,rgba(102,126,234,.02),rgba(118,75,162,.02))}.player-card.is-host[data-v-7219c094]{border-color:#f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.02),rgba(217,119,6,.02))}.kick-button[data-v-7219c094]{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .2s ease;opacity:0;transform:scale(.8);box-shadow:0 2px 8px rgba(239,68,68,.3)}.player-card:hover .kick-button[data-v-7219c094]{opacity:1;transform:scale(1)}.kick-button[data-v-7219c094]:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.1)}.player-avatar[data-v-7219c094]{position:relative;width:48px;height:48px;margin-bottom:.75rem}.avatar-image[data-v-7219c094]{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e5e7eb;transition:all .2s ease}.player-card.is-current .avatar-image[data-v-7219c094]{border-color:#667eea}.player-card.is-host .avatar-image[data-v-7219c094]{border-color:#f59e0b}.host-badge[data-v-7219c094]{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 6px rgba(245,158,11,.3)}.host-badge i[data-v-7219c094]{font-size:.6rem;color:#fff}.player-info[data-v-7219c094]{text-align:center;width:100%}.player-info[data-v-7219c094],.player-name[data-v-7219c094]{display:flex;flex-direction:column;align-items:center;min-width:0}.player-name[data-v-7219c094]{font-size:.85rem;font-weight:600;color:#1e293b;margin-bottom:.25rem;gap:.25rem;max-width:100%}.player-name-text[data-v-7219c094]{display:-webkit-box;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}.you-badge[data-v-7219c094]{font-size:.7rem;color:#667eea;background:rgba(102,126,234,.1);padding:.1rem .3rem;border-radius:8px;font-weight:500}.slot-wrapper[data-v-7219c094]{width:100%;min-height:120px}.empty-slot-card[data-v-7219c094]{background:#f8fafc;border:2px dashed #d1d5db;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;max-height:160px;transition:all .2s ease}.empty-slot-card[data-v-7219c094]:hover{background:#f1f5f9;border-color:#9ca3af}.empty-avatar[data-v-7219c094]{width:48px;height:48px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.empty-avatar i[data-v-7219c094]{font-size:1.2rem;color:#9ca3af}.empty-text[data-v-7219c094]{font-size:.8rem;color:#6b7280;font-weight:500}.disabled-slot-card[data-v-7219c094]{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;max-height:160px;opacity:.5;cursor:not-allowed}.disabled-avatar[data-v-7219c094]{width:48px;height:48px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.disabled-avatar i[data-v-7219c094]{font-size:1rem;color:#94a3b8}.disabled-text[data-v-7219c094]{font-size:.75rem;color:#94a3b8;font-weight:500}@media (max-width:1024px){.players-grid[data-v-7219c094]{grid-template-columns:repeat(3,1fr);gap:.75rem}}@media (max-width:768px){.players-grid[data-v-7219c094]{grid-template-columns:repeat(2,1fr);gap:.5rem}.player-card[data-v-7219c094]{min-height:100px;padding:.5rem}.player-avatar[data-v-7219c094]{width:36px;height:36px;margin-bottom:.5rem}.kick-button[data-v-7219c094]{width:20px;height:20px;font-size:.7rem}.host-badge[data-v-7219c094]{width:16px;height:16px}.host-badge i[data-v-7219c094]{font-size:.5rem}}@media (max-width:480px){.players-grid[data-v-7219c094]{grid-template-columns:repeat(2,1fr);gap:.4rem}.player-card[data-v-7219c094]{min-height:90px;padding:.4rem}.player-avatar[data-v-7219c094]{width:32px;height:32px}.player-name[data-v-7219c094]{font-size:.75rem}.disabled-avatar[data-v-7219c094],.empty-avatar[data-v-7219c094]{width:32px;height:32px}.disabled-avatar i[data-v-7219c094],.empty-avatar i[data-v-7219c094]{font-size:1rem}.disabled-text[data-v-7219c094],.empty-text[data-v-7219c094]{font-size:.7rem}}.kick-modal[data-v-7a64565a]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.kick-modal.active[data-v-7a64565a]{opacity:1;visibility:visible}.kick-modal-content[data-v-7a64565a]{background:#fff;border-radius:16px;width:90%;max-width:400px;box-shadow:0 10px 25px rgba(0,0,0,.1);overflow:hidden;transform:translateY(20px);transition:transform .3s ease}.kick-modal.active .kick-modal-content[data-v-7a64565a]{transform:translateY(0)}.kick-modal-header[data-v-7a64565a]{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid #f3f4f6;position:relative}.kick-modal-header[data-v-7a64565a]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ef4444,#f87171)}.kick-modal-title[data-v-7a64565a]{font-size:1.25rem;font-weight:700;color:#000;margin:0}.close-button[data-v-7a64565a]{background:none;border:none;color:#6b7280;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.close-button[data-v-7a64565a]:hover{background-color:#f3f4f6;color:#4b5563}.kick-modal-body[data-v-7a64565a]{padding:1.5rem}.player-info[data-v-7a64565a]{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.player-avatar[data-v-7a64565a]{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:1rem;border:4px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.1)}.player-avatar img[data-v-7a64565a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.player-name[data-v-7a64565a]{font-size:1.2rem;font-weight:600;color:#000}.confirmation-message[data-v-7a64565a]{text-align:center;color:#4b5563;margin-bottom:1.5rem;font-size:1rem}.kick-actions[data-v-7a64565a]{display:flex;gap:1rem}.cancel-button[data-v-7a64565a],.confirm-button[data-v-7a64565a]{flex:1;padding:.75rem 1rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.cancel-button[data-v-7a64565a]{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563}.cancel-button[data-v-7a64565a]:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#1f2937}.confirm-button[data-v-7a64565a]{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#ef4444}.confirm-button[data-v-7a64565a]:hover{background:linear-gradient(135deg,#fecaca,#ef4444);color:#fff}.player-details-overlay[data-v-a3784e3a]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;transform:translateZ(0);contain:paint}.player-details-modal[data-v-a3784e3a]{position:relative;background:#fff;border-radius:20px;width:100%;max-width:400px;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 1px hsla(0,0%,100%,.1);transform:translateZ(0);backface-visibility:hidden;contain:layout paint}.close-btn[data-v-a3784e3a]{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:hsla(0,0%,100%,.9);border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.1)}.close-btn[data-v-a3784e3a]:hover{background:#fff;color:#1f2937;transform:scale(1.05)}.loading-state[data-v-a3784e3a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.loading-spinner[data-v-a3784e3a]{font-size:2.5rem;color:var(--color-primary,#0ea5e9)}.loading-text[data-v-a3784e3a]{color:#64748b;font-size:.95rem}.error-state[data-v-a3784e3a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;text-align:center}.error-icon[data-v-a3784e3a]{font-size:2.5rem;color:#f59e0b}.error-text[data-v-a3784e3a]{color:#64748b;font-size:.95rem}.retry-btn[data-v-a3784e3a]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary,#0ea5e9);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-btn[data-v-a3784e3a]:hover{background:var(--color-primary-dark,#0284c7);transform:translateY(-1px)}.profile-header[data-v-a3784e3a]{position:relative;padding:2rem 1.5rem 1.5rem;overflow:hidden}.profile-header-bg[data-v-a3784e3a]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0ea5e9,#06b6d4 50%,#0284c7);opacity:.95}.profile-header-bg[data-v-a3784e3a]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,hsla(0,0%,100%,.15) 0,transparent 50%),radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.1) 0,transparent 40%)}.profile-content[data-v-a3784e3a]{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1rem}.marker-wrapper[data-v-a3784e3a]{position:relative;width:90px;height:90px}.marker-image[data-v-a3784e3a]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.host-crown[data-v-a3784e3a]{position:absolute;top:-8px;right:-8px;width:28px;height:28px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(245,158,11,.4);border:2px solid #fff}.host-crown i[data-v-a3784e3a]{font-size:.75rem;color:#fff}.profile-info[data-v-a3784e3a]{text-align:center}.nickname[data-v-a3784e3a]{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.streak-badge[data-v-a3784e3a]{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:hsla(0,0%,100%,.2);backdrop-filter:blur(4px);border-radius:20px;font-size:.85rem;font-weight:600;color:#fff}.streak-badge i[data-v-a3784e3a]{color:#fbbf24}.rank-card[data-v-a3784e3a]{margin:1.25rem;background:#f8fafc;border-radius:16px;overflow:hidden;border:1px solid #e2e8f0}.rank-card-header[data-v-a3784e3a]{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,rgba(14,165,233,.08),rgba(6,182,212,.05));border-bottom:1px solid #e2e8f0}.rank-mode-icon[data-v-a3784e3a]{width:36px;height:36px;border-radius:10px;background:var(--color-primary,#0ea5e9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem}.rank-mode-title[data-v-a3784e3a]{font-weight:600;font-size:1rem;color:#1f2937}.rank-card-body[data-v-a3784e3a]{padding:1.25rem}.tier-badge[data-v-a3784e3a]{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:12px;margin-bottom:1rem;box-shadow:0 2px 8px rgba(0,0,0,.06)}.tier-icon[data-v-a3784e3a]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;flex-shrink:0}.tier-info[data-v-a3784e3a]{display:flex;flex-direction:column;gap:.15rem}.tier-name[data-v-a3784e3a]{font-size:1.1rem;font-weight:700;color:#1f2937}.tier-level[data-v-a3784e3a]{font-size:.85rem;font-weight:500;color:#64748b}.tier-bronze .tier-icon[data-v-a3784e3a]{background:linear-gradient(135deg,#92400e,#b45309)}.tier-silver .tier-icon[data-v-a3784e3a]{background:linear-gradient(135deg,#64748b,#94a3b8)}.tier-gold .tier-icon[data-v-a3784e3a]{background:linear-gradient(135deg,#ca8a04,#eab308)}.tier-platinum .tier-icon[data-v-a3784e3a]{background:linear-gradient(135deg,#0891b2,#06b6d4)}.tier-diamond .tier-icon[data-v-a3784e3a]{background:linear-gradient(135deg,#0ea5e9,#38bdf8)}.tier-master .tier-icon[data-v-a3784e3a]{background:linear-gradient(135deg,#7c3aed,#a855f7)}.rank-stats-grid[data-v-a3784e3a]{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px rgba(0,0,0,.06)}.rank-stat-item[data-v-a3784e3a]{flex:1;text-align:center}.rank-stat-divider[data-v-a3784e3a]{width:1px;height:40px;background:#e2e8f0;margin:0 1rem}.rank-stat-item .stat-value[data-v-a3784e3a]{font-size:1.35rem;font-weight:700;color:#1f2937;line-height:1.2}.rank-stat-item .stat-label[data-v-a3784e3a]{font-size:.8rem;color:#64748b;margin-top:.25rem}.multi-stats[data-v-a3784e3a]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:0 1.25rem 1.25rem}.multi-stat-card[data-v-a3784e3a]{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.multi-stat-icon[data-v-a3784e3a]{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.multi-stat-icon.games[data-v-a3784e3a]{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.1));color:#6366f1}.multi-stat-icon.wins[data-v-a3784e3a]{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(251,191,36,.1));color:#f59e0b}.multi-stat-content[data-v-a3784e3a]{flex:1;min-width:0}.multi-stat-value[data-v-a3784e3a]{font-size:1.25rem;font-weight:700;color:#1f2937;line-height:1.2}.multi-stat-label[data-v-a3784e3a]{font-size:.75rem;color:#64748b;margin-top:.15rem}.join-date-section[data-v-a3784e3a]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;margin:0 1.25rem 1.25rem;background:#f1f5f9;border-radius:10px;font-size:.9rem;color:#64748b}.join-date-section i[data-v-a3784e3a]{color:var(--color-primary,#0ea5e9)}.modal-fade-enter-active[data-v-a3784e3a],.modal-fade-leave-active[data-v-a3784e3a]{transition:opacity .22s ease;will-change:opacity}.modal-fade-enter-from[data-v-a3784e3a],.modal-fade-leave-to[data-v-a3784e3a]{opacity:0}.modal-fade-enter-active .player-details-modal[data-v-a3784e3a],.modal-fade-leave-active .player-details-modal[data-v-a3784e3a]{transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .22s ease;will-change:transform,opacity}.modal-fade-enter-from .player-details-modal[data-v-a3784e3a],.modal-fade-leave-to .player-details-modal[data-v-a3784e3a]{transform:translate3d(0,10px,0) scale(.96);opacity:0}.modal-fade-enter-to .player-details-modal[data-v-a3784e3a],.modal-fade-leave-from .player-details-modal[data-v-a3784e3a]{transform:translateZ(0) scale(1);opacity:1}@media (prefers-reduced-motion:reduce){.modal-fade-enter-active .player-details-modal[data-v-a3784e3a],.modal-fade-enter-active[data-v-a3784e3a],.modal-fade-leave-active .player-details-modal[data-v-a3784e3a],.modal-fade-leave-active[data-v-a3784e3a]{transition-duration:.01ms}}.player-details-modal[data-v-a3784e3a]::-webkit-scrollbar{width:6px}.player-details-modal[data-v-a3784e3a]::-webkit-scrollbar-track{background:transparent}.player-details-modal[data-v-a3784e3a]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.player-details-modal[data-v-a3784e3a]::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.player-details-modal[data-v-a3784e3a]{max-width:360px}.marker-wrapper[data-v-a3784e3a]{width:80px;height:80px}.nickname[data-v-a3784e3a]{font-size:1.35rem}.tier-icon[data-v-a3784e3a]{width:44px;height:44px}.tier-name[data-v-a3784e3a]{font-size:1rem}.rank-stat-item .stat-value[data-v-a3784e3a]{font-size:1.2rem}}@media (max-width:480px){.player-details-overlay[data-v-a3784e3a]{padding:.75rem}.player-details-modal[data-v-a3784e3a]{max-width:100%;max-height:90vh;border-radius:16px}.profile-header[data-v-a3784e3a]{padding:1.5rem 1rem 1.25rem}.marker-wrapper[data-v-a3784e3a]{width:72px;height:72px}.nickname[data-v-a3784e3a]{font-size:1.25rem}.streak-badge[data-v-a3784e3a]{font-size:.8rem;padding:.35rem .7rem}.rank-card[data-v-a3784e3a]{margin:1rem}.rank-card-header[data-v-a3784e3a]{padding:.85rem 1rem}.rank-card-body[data-v-a3784e3a]{padding:1rem}.tier-badge[data-v-a3784e3a]{padding:.85rem;gap:.75rem}.tier-icon[data-v-a3784e3a]{width:40px;height:40px;font-size:1.1rem}.tier-name[data-v-a3784e3a]{font-size:.95rem}.rank-stats-grid[data-v-a3784e3a]{padding:.85rem}.rank-stat-item .stat-value[data-v-a3784e3a]{font-size:1.1rem}.multi-stats[data-v-a3784e3a]{margin:0 1rem 1rem;gap:.6rem}.multi-stat-card[data-v-a3784e3a]{padding:.85rem;gap:.6rem}.multi-stat-icon[data-v-a3784e3a]{width:38px;height:38px;font-size:.9rem}.multi-stat-value[data-v-a3784e3a]{font-size:1.1rem}.join-date-section[data-v-a3784e3a]{margin:0 1rem 1rem;padding:.85rem;font-size:.85rem}}.modal-backdrop[data-v-45ab6741]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-45ab6741 .2s ease-out}@keyframes fadeIn-45ab6741{0%{opacity:0}to{opacity:1}}.modal-container[data-v-45ab6741]{background:#fff;border-radius:20px;width:500px;max-width:90%;box-shadow:0 15px 30px rgba(0,0,0,.12);overflow:hidden;animation:slideDown-45ab6741 .3s ease-out;border:1px solid hsla(0,0%,100%,.8)}@keyframes slideDown-45ab6741{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-45ab6741]{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;border-bottom:1px solid rgba(226,232,240,.8);background:linear-gradient(90deg,rgba(240,244,248,.5),rgba(215,227,252,.5))}.modal-header h2[data-v-45ab6741]{margin:0;font-size:1.3rem;color:#111827;font-weight:700;position:relative;padding-bottom:5px}.modal-header h2[data-v-45ab6741]:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,#60a5fa,#8b5cf6);border-radius:2px}.close-button[data-v-45ab6741]{background:rgba(240,244,248,.8);border:none;color:#64748b;font-size:1.1rem;cursor:pointer;transition:all .2s ease;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-button[data-v-45ab6741]:hover{color:#1e293b;background:#e2e8f0;transform:rotate(90deg)}.modal-body[data-v-45ab6741]{padding:1.5rem;max-height:70vh;overflow-y:auto;background:#fff;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.modal-body[data-v-45ab6741]::-webkit-scrollbar{width:6px}.modal-body[data-v-45ab6741]::-webkit-scrollbar-track{background:transparent}.modal-body[data-v-45ab6741]::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:6px}.form-group[data-v-45ab6741]{margin-bottom:1.5rem;animation:fadeInUp-45ab6741 .4s ease-out;animation-fill-mode:both}@keyframes fadeInUp-45ab6741{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group label[data-v-45ab6741]{display:block;margin-bottom:.5rem;font-weight:600;color:#1e293b;font-size:.95rem;letter-spacing:-.01em}.form-group input[type=password][data-v-45ab6741],.form-group input[type=text][data-v-45ab6741]{width:100%;padding:.9rem 1rem;border:1px solid #e2e8f0;border-radius:12px;font-size:.95rem;outline:none;transition:all .3s ease;background-color:#f8fafc;color:#334155}.form-group input[type=password][data-v-45ab6741]:focus,.form-group input[type=text][data-v-45ab6741]:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.2);background-color:#fff}.form-group small[data-v-45ab6741]{display:block;text-align:right;margin-top:.3rem;color:#999;font-size:.8rem}.radio-group[data-v-45ab6741]{display:flex;gap:1rem}.time-limit-radio-group[data-v-45ab6741]{gap:.75rem}.time-limit-radio-group .radio-option[data-v-45ab6741]{flex:1}.time-limit-radio-group .radio-content[data-v-45ab6741]{padding:.9rem .5rem;min-height:60px;justify-content:center}.time-limit-radio-group .radio-content span[data-v-45ab6741]{font-size:1rem;font-weight:600}.default-badge[data-v-45ab6741]{color:#60a5fa;font-size:.75rem;font-weight:500;margin-left:.25rem}.radio-option[data-v-45ab6741]{flex:1;position:relative;cursor:pointer}.radio-option input[data-v-45ab6741]{position:absolute;opacity:0;width:0;height:0}.radio-content[data-v-45ab6741]{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.2rem 1rem;border:1px solid #e2e8f0;border-radius:12px;transition:all .3s ease;background-color:#f8fafc}.radio-content i[data-v-45ab6741]{font-size:1.5rem;color:#60a5fa;transition:all .3s ease}.radio-option input:checked+.radio-content[data-v-45ab6741]{border-color:#60a5fa;background:linear-gradient(135deg,rgba(240,249,255,.9),rgba(224,242,254,.9));box-shadow:0 4px 12px rgba(96,165,250,.15)}.radio-option input:checked+.radio-content i[data-v-45ab6741]{color:#3b82f6;transform:scale(1.1)}.radio-option.disabled[data-v-45ab6741]{cursor:not-allowed;opacity:.6}.radio-option.disabled .radio-content[data-v-45ab6741]{background-color:#f1f5f9;border-color:#e2e8f0;position:relative}.radio-option.disabled .radio-content i[data-v-45ab6741],.radio-option.disabled .radio-content span[data-v-45ab6741]{color:#94a3b8}.badge-disabled[data-v-45ab6741]{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.65rem;padding:.2rem .5rem;border-radius:6px;font-weight:600;box-shadow:0 2px 6px rgba(245,158,11,.3)}.form-group-inline[data-v-45ab6741]{margin-bottom:1.5rem}.inline-control-group[data-v-45ab6741]{display:flex;gap:1.5rem;align-items:flex-start}.inline-control-item[data-v-45ab6741]{flex:1}.inline-control-item label[data-v-45ab6741]{display:block;margin-bottom:.5rem;font-weight:600;color:#1e293b;font-size:.95rem;letter-spacing:-.01em}.player-count-control[data-v-45ab6741]{display:flex;align-items:center;gap:1rem}.count-btn[data-v-45ab6741]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:1px solid #e2e8f0;color:#334155;cursor:pointer;transition:all .2s ease;font-size:.9rem}.count-btn[data-v-45ab6741]:hover:not(:disabled){background:#e2e8f0;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.05)}.count-btn[data-v-45ab6741]:disabled{color:#ccc;cursor:not-allowed}.player-count[data-v-45ab6741]{font-size:1.1rem;font-weight:600;color:#1e293b;min-width:60px;text-align:center;background:#f8fafc;padding:.5rem .8rem;border-radius:10px;border:1px solid #e2e8f0}.settings-group[data-v-45ab6741]{display:flex;flex-direction:column;gap:.8rem}.toggle-option[data-v-45ab6741]{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;border-radius:12px;cursor:pointer;transition:background .2s ease}.toggle-option[data-v-45ab6741]:hover{background:rgba(240,244,248,.5)}.toggle-label-content[data-v-45ab6741]{display:flex;flex-direction:column;gap:.25rem;flex:1}.toggle-label-text[data-v-45ab6741]{font-size:.95rem;font-weight:600;color:#1e293b;line-height:1.4}.toggle-description[data-v-45ab6741]{font-size:.8rem;color:#64748b;font-weight:400;line-height:1.4}.toggle-switch[data-v-45ab6741]{position:relative;display:inline-block;width:48px;height:24px;flex-shrink:0}.toggle-switch input[data-v-45ab6741]{opacity:0;width:0;height:0}.toggle-slider[data-v-45ab6741]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s;border-radius:24px}.toggle-slider[data-v-45ab6741]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.toggle-switch input:checked+.toggle-slider[data-v-45ab6741]{background-color:#60a5fa}.toggle-switch input:checked+.toggle-slider[data-v-45ab6741]:before{transform:translateX(24px)}.toggle-switch input:focus+.toggle-slider[data-v-45ab6741]{box-shadow:0 0 0 3px rgba(96,165,250,.2)}.private-room-notice[data-v-45ab6741]{display:flex;align-items:flex-start;gap:.8rem;padding:1.2rem;background:linear-gradient(135deg,rgba(240,249,255,.7),rgba(224,242,254,.7));border-radius:12px;margin-top:1rem;border:1px solid rgba(186,230,253,.5);animation:fadeIn-45ab6741 .3s ease-out}.password-form[data-v-45ab6741]{margin-top:0;width:100%}.password-input[data-v-45ab6741]{width:100%;padding:.9rem 1rem;border:1px solid #e2e8f0;border-radius:12px;font-size:.95rem;outline:none;transition:all .3s ease;background-color:#fff;color:#334155;box-shadow:0 2px 5px rgba(0,0,0,.02)}.password-input[data-v-45ab6741]:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.2)}.modal-footer[data-v-45ab6741]{display:flex;justify-content:flex-end;gap:1rem;padding:1.2rem 1.5rem;border-top:1px solid rgba(226,232,240,.8);background:linear-gradient(90deg,rgba(240,244,248,.5),rgba(215,227,252,.5))}.cancel-button[data-v-45ab6741]{padding:.8rem 1.5rem;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#64748b;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px rgba(0,0,0,.02)}.cancel-button[data-v-45ab6741]:hover{background:#f8fafc;color:#334155;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.05)}.create-button[data-v-45ab6741]{padding:.8rem 1.5rem;background:linear-gradient(135deg,#60a5fa,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(96,165,250,.25);position:relative;overflow:hidden;z-index:1}.create-button[data-v-45ab6741]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8b5cf6,#60a5fa);opacity:0;z-index:-1;transition:opacity .3s ease}.create-button[data-v-45ab6741]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(96,165,250,.35)}.create-button[data-v-45ab6741]:hover:not(:disabled):before{opacity:1}.create-button[data-v-45ab6741]:disabled{background:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}@media (max-width:640px){.modal-container[data-v-45ab6741]{width:95%;max-height:90vh}.modal-header h2[data-v-45ab6741]{font-size:1.2rem}.modal-body[data-v-45ab6741]{padding:1.2rem;max-height:calc(90vh - 120px)}.modal-footer[data-v-45ab6741]{padding:1rem 1.2rem}.form-group[data-v-45ab6741]{margin-bottom:1.2rem}.inline-control-group[data-v-45ab6741]{flex-direction:column;gap:1rem}.inline-control-item[data-v-45ab6741]{width:100%}.radio-group[data-v-45ab6741]{flex-direction:column;gap:.8rem}.time-limit-radio-group[data-v-45ab6741]{flex-direction:row;gap:.5rem}.time-limit-radio-group .radio-content[data-v-45ab6741]{padding:.75rem .5rem;min-height:50px;font-size:.9rem}.player-count-control[data-v-45ab6741]{gap:.75rem}.count-btn[data-v-45ab6741]{width:36px;height:36px;font-size:.85rem}.player-count[data-v-45ab6741]{font-size:1rem;min-width:50px;padding:.4rem .6rem}.settings-group[data-v-45ab6741]{gap:.7rem}.toggle-option[data-v-45ab6741]{padding:.6rem;gap:.75rem}.toggle-label-text[data-v-45ab6741]{font-size:.9rem}.toggle-description[data-v-45ab6741]{font-size:.75rem;line-height:1.4}.toggle-switch[data-v-45ab6741]{width:44px;height:22px}.toggle-slider[data-v-45ab6741]:before{height:16px;width:16px;left:3px;bottom:3px}.toggle-switch input:checked+.toggle-slider[data-v-45ab6741]:before{transform:translateX(22px)}}.toast-container[data-v-db8e64e0]{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:400px;pointer-events:none}.toast-notification[data-v-db8e64e0]{display:flex;align-items:flex-start;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 8px 24px rgba(0,0,0,.12);border-left:4px solid #e5e7eb;pointer-events:auto;transform:translateX(100%);opacity:0;transition:all .3s ease;min-width:300px}.toast-notification.toast-show[data-v-db8e64e0]{transform:translateX(0);opacity:1}.toast-success[data-v-db8e64e0]{border-left-color:#22c55e}.toast-success .toast-icon[data-v-db8e64e0]{color:#22c55e}.toast-info[data-v-db8e64e0]{border-left-color:#3b82f6}.toast-info .toast-icon[data-v-db8e64e0]{color:#3b82f6}.toast-warning[data-v-db8e64e0]{border-left-color:#f59e0b}.toast-warning .toast-icon[data-v-db8e64e0]{color:#f59e0b}.toast-error[data-v-db8e64e0]{border-left-color:#ef4444}.toast-error .toast-icon[data-v-db8e64e0]{color:#ef4444}.toast-player-join[data-v-db8e64e0]{border-left-color:#10b981}.toast-player-join .toast-icon[data-v-db8e64e0]{color:#10b981}.toast-player-leave[data-v-db8e64e0]{border-left-color:#f97316}.toast-player-leave .toast-icon[data-v-db8e64e0]{color:#f97316}.toast-team-change[data-v-db8e64e0]{border-left-color:#8b5cf6}.toast-team-change .toast-icon[data-v-db8e64e0]{color:#8b5cf6}.toast-settings-change[data-v-db8e64e0]{border-left-color:#6366f1}.toast-settings-change .toast-icon[data-v-db8e64e0]{color:#6366f1}.toast-game-start[data-v-db8e64e0]{border-left-color:#f59e0b;background:linear-gradient(135deg,#fff7ed,#fef3c7)}.toast-game-start .toast-icon[data-v-db8e64e0]{color:#f59e0b}.toast-icon[data-v-db8e64e0]{font-size:1.2rem;margin-right:.75rem;margin-top:.1rem;flex-shrink:0}.toast-content[data-v-db8e64e0]{flex:1;min-width:0}.toast-title[data-v-db8e64e0]{font-size:.9rem;font-weight:600;color:#000;margin-bottom:.25rem;line-height:1.3}.toast-message[data-v-db8e64e0]{font-size:.8rem;color:#6b7280;line-height:1.4}.toast-close[data-v-db8e64e0]{background:none;border:none;color:#9ca3af;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin-left:.5rem;flex-shrink:0;font-size:.7rem}.toast-close[data-v-db8e64e0]:hover{background-color:#f3f4f6;color:#6b7280}.toast-enter-active[data-v-db8e64e0],.toast-leave-active[data-v-db8e64e0]{transition:all .3s ease}.toast-enter-from[data-v-db8e64e0],.toast-leave-to[data-v-db8e64e0]{opacity:0;transform:translateX(100%) scale(.95)}.toast-move[data-v-db8e64e0]{transition:all .3s ease}@media (max-width:768px){.toast-container[data-v-db8e64e0]{top:.5rem;right:.5rem;left:.5rem;max-width:none}.toast-notification[data-v-db8e64e0]{min-width:0;font-size:.85rem;padding:.75rem}.toast-title[data-v-db8e64e0]{font-size:.85rem}.toast-message[data-v-db8e64e0]{font-size:.75rem}}.countdown-overlay[data-v-d988d60c]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.countdown-overlay.active[data-v-d988d60c]{opacity:1;visibility:visible}.countdown-content[data-v-d988d60c]{background:#fff;border-radius:24px;padding:3rem;text-align:center;box-shadow:0 10px 25px rgba(0,0,0,.2);max-width:90%;width:400px;position:relative;overflow:hidden}.countdown-content[data-v-d988d60c]:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#6366f1,#a855f7)}.countdown-title[data-v-d988d60c]{font-size:1.5rem;font-weight:700;color:#000;margin-bottom:1.5rem}.countdown-timer[data-v-d988d60c]{font-size:5rem;font-weight:800;color:#000;margin-bottom:1.5rem;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.countdown-message[data-v-d988d60c]{font-size:1.2rem;color:#4b5563;margin-bottom:2rem}.cancel-button[data-v-d988d60c]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#ef4444;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;margin:0 auto}.cancel-button[data-v-d988d60c]:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);color:#dc2626}@keyframes pulse-d988d60c{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.countdown-timer[data-v-d988d60c]{animation:pulse-d988d60c 1s infinite}.multiplayer-room-waiting[data-v-22a8e6b5]{display:flex;flex-direction:column;height:100vh;position:relative;padding:var(--spacing-md);padding-top:5rem;overflow:hidden;max-width:100vw}.mode-background[data-v-22a8e6b5]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-background);z-index:-1;transition:background-color var(--transition-slow)}.room-content[data-v-22a8e6b5]{display:flex;gap:var(--spacing-lg);flex:1;min-height:0;max-width:1400px;margin:0 auto;padding:0 2rem;width:100%;box-sizing:border-box}.left-panel[data-v-22a8e6b5]{flex:0 0 65%;max-width:65%;min-width:0;min-height:0;display:flex;flex-direction:column;gap:var(--spacing-md);overflow:hidden}.right-panel[data-v-22a8e6b5]{flex:0 0 35%;max-width:35%;min-width:320px;display:flex;flex-direction:column}.panel-section[data-v-22a8e6b5]{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;transition:all var(--transition-normal)}.section-title[data-v-22a8e6b5]{font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.section-title i[data-v-22a8e6b5]{color:var(--color-primary);font-size:1.1rem}.panel-section[data-v-22a8e6b5] .solo-players-container,.panel-section[data-v-22a8e6b5] .teams-container{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.connection-status[data-v-22a8e6b5]{display:flex;align-items:center;gap:.5rem;margin-left:auto}.status-indicator[data-v-22a8e6b5]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.7rem;transition:all .2s ease}.status-indicator.connected[data-v-22a8e6b5]{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 2px 8px rgba(34,197,94,.3);animation:pulse-green-22a8e6b5 2s infinite}.status-indicator.disconnected[data-v-22a8e6b5]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px rgba(245,158,11,.3);animation:pulse-orange-22a8e6b5 2s infinite}.loading-indicator[data-v-22a8e6b5]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#667eea;font-size:.8rem}@keyframes pulse-green-22a8e6b5{0%,to{box-shadow:0 2px 8px rgba(34,197,94,.3)}50%{box-shadow:0 2px 12px rgba(34,197,94,.6)}}@keyframes pulse-orange-22a8e6b5{0%,to{box-shadow:0 2px 8px rgba(245,158,11,.3)}50%{box-shadow:0 2px 12px rgba(245,158,11,.6)}}.loading-players[data-v-22a8e6b5]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#64748b;gap:1rem}.loading-spinner[data-v-22a8e6b5]{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;box-shadow:0 4px 12px rgba(102,126,234,.3)}.loading-players p[data-v-22a8e6b5]{margin:0;font-weight:500;font-size:.9rem}.last-update-time[data-v-22a8e6b5]{margin-top:1rem;padding-top:.75rem;border-top:1px solid #f1f5f9;text-align:center}.last-update-time small[data-v-22a8e6b5]{color:#94a3b8;font-size:.75rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.25rem}.last-update-time i[data-v-22a8e6b5]{font-size:.7rem;opacity:.8}.right-panel.hidden-mobile[data-v-22a8e6b5]{display:none}@media (min-width:1400px){.multiplayer-room-waiting[data-v-22a8e6b5]{padding-left:calc(50vw - 700px + var(--spacing-md));padding-right:calc(50vw - 700px + var(--spacing-md))}.room-content[data-v-22a8e6b5]{margin:0}}@media (max-width:1200px){.room-content[data-v-22a8e6b5]{max-width:100%;padding:0 1rem}.left-panel[data-v-22a8e6b5]{flex:1;max-width:100%}.right-panel[data-v-22a8e6b5]{flex:1;max-width:100%;min-width:280px}}@media (max-width:1024px){.room-content[data-v-22a8e6b5]{flex-direction:column;gap:1rem;position:relative}.left-panel[data-v-22a8e6b5]{flex:none;max-width:100%;height:auto;min-height:50vh}.right-panel[data-v-22a8e6b5]{flex:1;max-width:100%;min-width:0;min-height:45vh}.panel-section[data-v-22a8e6b5]{max-height:calc(100vh - 220px);overflow-y:auto;-webkit-overflow-scrolling:touch}.right-panel[data-v-22a8e6b5]:not(.hidden-mobile){position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:420px;height:70vh;max-height:600px;z-index:1000;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 20px 60px rgba(0,0,0,.3);padding:1rem;overflow:hidden}.right-panel[data-v-22a8e6b5]:not(.hidden-mobile):before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:-1;pointer-events:none}}@media (max-width:768px){.multiplayer-room-waiting[data-v-22a8e6b5]{padding:.75rem}.room-content[data-v-22a8e6b5]{gap:.75rem}.left-panel[data-v-22a8e6b5]{min-height:70vh}.panel-section[data-v-22a8e6b5]{padding:1rem;max-height:calc(100vh - 200px);overflow-y:auto;-webkit-overflow-scrolling:touch}.section-title[data-v-22a8e6b5]{font-size:1rem;margin-bottom:.75rem}}@media (max-width:480px){.left-panel[data-v-22a8e6b5]{min-height:75vh}.multiplayer-room-waiting[data-v-22a8e6b5]{overflow-x:hidden;overflow-y:auto}}.app-logo[data-v-7753f86c]{display:flex;align-items:center;text-decoration:none}.logo[data-v-7753f86c]{font-size:24px;font-weight:700;color:#2563eb;margin:0}.badge[data-v-7753f86c]{background-color:#f59e0b;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:6px;text-transform:uppercase}.game-mode-card[data-v-0bad8b27]{display:flex;align-items:center;background-color:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer;transition:all .2s ease;gap:1rem}.game-mode-card[data-v-0bad8b27]:hover,.mode-card-hover[data-v-0bad8b27]{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.game-mode-icon[data-v-0bad8b27]{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:#4a6cf7;color:#fff;font-size:1.25rem;flex-shrink:0}.game-mode-icon.practice-color[data-v-0bad8b27]{background-color:#10b981}.game-mode-icon.rank-color[data-v-0bad8b27]{background-color:#f59e0b}.game-mode-icon.theme-color[data-v-0bad8b27]{background-color:#8b5cf6}.game-mode-details[data-v-0bad8b27]{flex:1}.game-mode-details h3[data-v-0bad8b27]{margin:0 0 .25rem 0;font-size:1rem;font-weight:600;color:#1f2937}.game-mode-details p[data-v-0bad8b27]{margin:0;font-size:.875rem;color:#6b7280}.game-mode-arrow[data-v-0bad8b27]{color:#9ca3af;font-size:1rem}.practice-mode.mode-card-hover .game-mode-arrow[data-v-0bad8b27],.practice-mode:hover .game-mode-arrow[data-v-0bad8b27]{color:#10b981}.rank-mode.mode-card-hover .game-mode-arrow[data-v-0bad8b27],.rank-mode:hover .game-mode-arrow[data-v-0bad8b27]{color:#f59e0b}.theme-mode.mode-card-hover .game-mode-arrow[data-v-0bad8b27],.theme-mode:hover .game-mode-arrow[data-v-0bad8b27]{color:#8b5cf6}.photo-mode-container[data-v-4f1c4879]{min-height:100vh;background-color:#f8fafc;padding-top:60px}.header[data-v-4f1c4879]{position:fixed;top:0;left:0;right:0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);z-index:100}.header-content[data-v-4f1c4879]{display:flex;align-items:center;padding:.8rem 1.5rem;max-width:1200px;margin:0 auto}.back-button[data-v-4f1c4879]{background:none;border:none;font-size:1.2rem;color:#555;cursor:pointer;margin-right:1rem}.home-link[data-v-4f1c4879]{display:flex;align-items:center;text-decoration:none}.header-right[data-v-4f1c4879]{margin-left:auto;display:flex;align-items:center}.header-right h3[data-v-4f1c4879]{margin:0;font-size:1.1rem;font-weight:600;color:#4a6cf7}.main-content[data-v-4f1c4879]{max-width:1200px;margin:0 auto;padding:1.5rem}.ad-space[data-v-4f1c4879]{margin-bottom:2rem}.ad-container[data-v-4f1c4879]{background-color:#e5e7eb;border-radius:12px;overflow:hidden;height:120px}.ad-content[data-v-4f1c4879]{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-size:1.2rem}.game-modes[data-v-4f1c4879]{margin-bottom:2rem}.game-mode-list[data-v-4f1c4879]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.game-mode-card[data-v-4f1c4879]{background-color:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.05);display:flex;align-items:center;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.mode-card-hover[data-v-4f1c4879]{transform:translateY(-5px);box-shadow:0 10px 15px rgba(0,0,0,.1)}.game-mode-icon[data-v-4f1c4879]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-right:1rem;flex-shrink:0}.practice-color[data-v-4f1c4879]{background-color:rgba(16,185,129,.1);color:#10b981}.rank-color[data-v-4f1c4879]{background-color:rgba(245,158,11,.1);color:#f59e0b}.game-mode-details[data-v-4f1c4879]{flex:1}.game-mode-details h3[data-v-4f1c4879]{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:#1f2937}.game-mode-details p[data-v-4f1c4879]{margin:0;font-size:.875rem;color:#6b7280}.game-mode-arrow[data-v-4f1c4879]{color:#9ca3af;margin-left:1rem}.section-title[data-v-4f1c4879]{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.stats-section[data-v-4f1c4879]{margin-bottom:2rem}.stats-grid[data-v-4f1c4879]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.stat-card[data-v-4f1c4879]{background-color:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 4px 6px rgba(0,0,0,.05)}.stat-header[data-v-4f1c4879]{display:flex;align-items:center;margin-bottom:.5rem;color:#6b7280;font-size:.875rem}.stat-header i[data-v-4f1c4879]{margin-right:.5rem;font-size:1rem;color:#4a6cf7}.stat-value[data-v-4f1c4879]{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.records-section[data-v-4f1c4879]{margin-bottom:2rem}.records-list[data-v-4f1c4879]{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.05);overflow:hidden}.record-item[data-v-4f1c4879]{padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.record-item-hover[data-v-4f1c4879]{background-color:#f9fafb}.with-border[data-v-4f1c4879]{border-bottom:1px solid #f3f4f6}.record-info[data-v-4f1c4879]{display:flex;align-items:center;gap:1rem}.record-mode-badge[data-v-4f1c4879]{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-align:center;min-width:50px}.record-mode-badge.rank-mode[data-v-4f1c4879]{background-color:rgba(245,158,11,.1);color:#f59e0b}.record-mode-badge.practice-mode[data-v-4f1c4879]{background-color:rgba(16,185,129,.1);color:#10b981}.record-region[data-v-4f1c4879]{color:#6b7280;font-size:.875rem}.record-score[data-v-4f1c4879]{font-weight:600;color:#1f2937;margin:0}.record-date[data-v-4f1c4879]{color:#9ca3af;font-size:.875rem}.game-mode-popup[data-v-4f1c4879]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.popup-content[data-v-4f1c4879]{background-color:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding:2rem}.popup-header[data-v-4f1c4879]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.popup-header h2[data-v-4f1c4879]{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.close-button[data-v-4f1c4879]{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer}.popup-description[data-v-4f1c4879]{margin-bottom:1.5rem;color:#4b5563;line-height:1.6}.practice-mode-options h3[data-v-4f1c4879],.practice-mode-options[data-v-4f1c4879],.rank-mode-options[data-v-4f1c4879],.region-selector button.selected[data-v-4f1c4879],.region-selector button[data-v-4f1c4879],.region-selector button[data-v-4f1c4879]:hover,.region-selector[data-v-4f1c4879]{margin-bottom:1.5rem}.rank-details[data-v-4f1c4879]{display:flex;align-items:center;justify-content:space-between;background-color:#f3f4f6;border-radius:8px;padding:1rem}.current-rank[data-v-4f1c4879]{font-weight:600;color:#1f2937}.rank-icon[data-v-4f1c4879]{font-size:1.5rem}.rank-icon .gold[data-v-4f1c4879]{color:#f59e0b}.rank-icon .silver[data-v-4f1c4879]{color:#9ca3af}.rank-icon .bronze[data-v-4f1c4879]{color:#b45309}.start-game-button[data-v-4f1c4879]{width:100%;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;color:#fff;background-color:#4a6cf7;cursor:pointer;transition:background-color .2s}.start-game-button[data-v-4f1c4879]:hover:not(:disabled){background-color:#3a5bd9}.start-game-button[data-v-4f1c4879]:disabled{background-color:#9ca3af;cursor:not-allowed}.start-game-button.practice-color[data-v-4f1c4879]{background-color:#10b981}.start-game-button.practice-color[data-v-4f1c4879]:hover:not(:disabled){background-color:#059669}.start-game-button.rank-color[data-v-4f1c4879]{background-color:#f59e0b}.start-game-button.rank-color[data-v-4f1c4879]:hover:not(:disabled){background-color:#d97706}.loading-overlay[data-v-4f1c4879]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center;z-index:2000}.loading-spinner[data-v-4f1c4879]{text-align:center}.loading-spinner i[data-v-4f1c4879]{font-size:2rem;color:#4a6cf7;margin-bottom:1rem}.popup-slide-enter-active[data-v-4f1c4879],.popup-slide-leave-active[data-v-4f1c4879]{transition:all .3s ease}.popup-slide-enter-from[data-v-4f1c4879],.popup-slide-leave-to[data-v-4f1c4879]{opacity:0;transform:translateY(20px)}@media (max-width:768px){.game-mode-list[data-v-4f1c4879]{grid-template-columns:1fr}.stats-grid[data-v-4f1c4879]{grid-template-columns:1fr 1fr}.popup-content[data-v-4f1c4879]{padding:1.5rem}.region-selector[data-v-4f1c4879]{grid-template-columns:1fr 1fr}}@media (max-width:480px){.stats-grid[data-v-4f1c4879]{grid-template-columns:1fr}.record-item[data-v-4f1c4879]{flex-direction:column;align-items:flex-start}.record-date[data-v-4f1c4879]{margin-top:.5rem;align-self:flex-end}}.progress-timer[data-v-d16f4fe8]{display:flex;flex-direction:column;width:100%;position:absolute;top:0;left:0;right:0;z-index:10}.timer-bar[data-v-d16f4fe8]{height:8px;background-color:#e2e8f0;width:100%;position:relative;display:flex;justify-content:center;align-items:center}.progress-bar-left[data-v-d16f4fe8],.progress-bar-right[data-v-d16f4fe8]{height:100%;background:linear-gradient(90deg,#3b82f6);position:absolute;top:0;transition:width 1s linear}.progress-bar-left[data-v-d16f4fe8]{border-top-left-radius:40px;border-bottom-left-radius:40px;right:50%}.progress-bar-right[data-v-d16f4fe8]{border-top-right-radius:40px;border-bottom-right-radius:40px;left:50%}.timer-display[data-v-d16f4fe8]{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:1.1rem;color:#1e293b;background-color:hsla(0,0%,100%,.8);padding:4px 8px;border-radius:4px}.progress-timer.warning .progress-bar-left[data-v-d16f4fe8],.progress-timer.warning .progress-bar-right[data-v-d16f4fe8]{background:linear-gradient(90deg,#f59e0b)}.progress-timer.danger .progress-bar-left[data-v-d16f4fe8],.progress-timer.danger .progress-bar-right[data-v-d16f4fe8]{background:linear-gradient(90deg,#ef4444);animation:pulse-d16f4fe8 1s infinite}.progress-timer.danger .timer-display[data-v-d16f4fe8],.progress-timer.warning .timer-display[data-v-d16f4fe8]{color:#b91c1c;animation:shake-d16f4fe8 .5s ease-in-out}@keyframes pulse-d16f4fe8{0%{opacity:1}50%{opacity:.8}to{opacity:1}}@keyframes shake-d16f4fe8{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}@media (max-width:768px){.timer-bar[data-v-d16f4fe8]{height:6px}.timer-display[data-v-d16f4fe8]{font-size:.9rem;top:8px;right:8px}}.game-result[data-v-2ca4ef28]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.result-overlay[data-v-2ca4ef28]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeIn-2ca4ef28 .5s ease-out}.result-card[data-v-2ca4ef28]{width:90%;max-width:800px;max-height:90vh;background-color:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.3);overflow:auto;animation:slideUp-2ca4ef28 .5s ease-out}.result-header[data-v-2ca4ef28]{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:#fff;z-index:10}.result-header h2[data-v-2ca4ef28]{font-size:1.75rem;font-weight:700;margin:0;color:#1e293b;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.close-button[data-v-2ca4ef28]{width:36px;height:36px;border-radius:50%;border:1px solid #e2e8f0;background-color:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.close-button[data-v-2ca4ef28]:hover{background-color:#f1f5f9;color:#334155;transform:rotate(90deg)}.result-content[data-v-2ca4ef28]{padding:2rem}.summary-section[data-v-2ca4ef28]{margin-bottom:2.5rem}.summary-card[data-v-2ca4ef28]{display:flex;align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 8px 20px rgba(59,130,246,.2);color:#fff}.summary-icon[data-v-2ca4ef28]{font-size:3rem;margin-right:1.5rem;opacity:.9}.summary-details[data-v-2ca4ef28]{flex:1}.summary-details h3[data-v-2ca4ef28]{font-size:1.2rem;margin:0;margin-bottom:.5rem;opacity:.9;font-weight:500}.total-score[data-v-2ca4ef28]{font-size:2.5rem;font-weight:700;line-height:1}.score-distribution[data-v-2ca4ef28]{display:flex;justify-content:space-between;gap:1rem;text-align:center}.average-time[data-v-2ca4ef28],.correct-count[data-v-2ca4ef28],.wrong-count[data-v-2ca4ef28]{flex:1;background-color:#f8fafc;border-radius:12px;padding:1.25rem;box-shadow:0 4px 10px rgba(0,0,0,.05);transition:transform .3s ease}.average-time[data-v-2ca4ef28]:hover,.correct-count[data-v-2ca4ef28]:hover,.wrong-count[data-v-2ca4ef28]:hover{transform:translateY(-5px)}.count-value[data-v-2ca4ef28],.time-value[data-v-2ca4ef28]{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.correct-count .count-value[data-v-2ca4ef28]{color:#10b981}.wrong-count .count-value[data-v-2ca4ef28]{color:#ef4444}.average-time .time-value[data-v-2ca4ef28]{color:#6366f1;font-size:1.25rem}.count-label[data-v-2ca4ef28],.time-label[data-v-2ca4ef28]{font-size:.9rem;color:#64748b;font-weight:500}.section-title[data-v-2ca4ef28]{font-size:1.25rem;margin-top:0;margin-bottom:1.25rem;color:#1e293b;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.rounds-section[data-v-2ca4ef28]{margin-bottom:2.5rem}.rounds-list[data-v-2ca4ef28]{display:flex;flex-direction:column;gap:.75rem}.round-item[data-v-2ca4ef28]{display:grid;grid-template-columns:.8fr 2fr .8fr 1fr .6fr;align-items:center;padding:1rem;border-radius:10px;background-color:#f8fafc;box-shadow:0 2px 6px rgba(0,0,0,.05);transition:transform .2s ease}.round-item[data-v-2ca4ef28]:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.round-item.correct[data-v-2ca4ef28]{border-left:4px solid #10b981}.round-item.wrong[data-v-2ca4ef28]{border-left:4px solid #ef4444}.round-number[data-v-2ca4ef28]{font-weight:600;color:#1e293b}.round-location[data-v-2ca4ef28]{color:#334155;font-weight:500}.round-score[data-v-2ca4ef28]{font-weight:600;color:#1e293b}.round-time[data-v-2ca4ef28]{color:#64748b}.round-status[data-v-2ca4ef28]{display:flex;justify-content:center;font-size:1.25rem}.round-item.correct .round-status i[data-v-2ca4ef28]{color:#10b981}.round-item.wrong .round-status i[data-v-2ca4ef28]{color:#ef4444}.rank-section[data-v-2ca4ef28]{margin-bottom:1.5rem}.rank-info[data-v-2ca4ef28]{display:flex;justify-content:space-between;gap:1rem}.rank-card[data-v-2ca4ef28]{flex:1;padding:1.25rem;background-color:#f8fafc;border-radius:12px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.05);transition:transform .3s ease}.rank-card[data-v-2ca4ef28]:hover{transform:translateY(-5px)}.rank-value[data-v-2ca4ef28]{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.rank-change[data-v-2ca4ef28]{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.rank-change.positive[data-v-2ca4ef28]{color:#10b981}.rank-change.negative[data-v-2ca4ef28]{color:#ef4444}.rank-label[data-v-2ca4ef28]{font-size:.9rem;color:#64748b;font-weight:500}.result-actions[data-v-2ca4ef28]{display:flex;justify-content:center;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e2e8f0;background-color:#fff;position:sticky;bottom:0;z-index:10}.main-button[data-v-2ca4ef28],.replay-button[data-v-2ca4ef28]{padding:.75rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;border:none}.replay-button[data-v-2ca4ef28]{background-color:#3b82f6;color:#fff;box-shadow:0 4px 10px rgba(59,130,246,.3)}.replay-button[data-v-2ca4ef28]:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 6px 15px rgba(59,130,246,.4)}.main-button[data-v-2ca4ef28]{background-color:#f1f5f9;color:#334155}.main-button[data-v-2ca4ef28]:hover{background-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.05)}@keyframes fadeIn-2ca4ef28{0%{opacity:0}to{opacity:1}}@keyframes slideUp-2ca4ef28{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width:768px){.result-card[data-v-2ca4ef28]{width:95%;max-height:85vh}.result-header[data-v-2ca4ef28]{padding:1rem 1.5rem}.result-header h2[data-v-2ca4ef28]{font-size:1.5rem}.result-content[data-v-2ca4ef28]{padding:1.5rem}.summary-card[data-v-2ca4ef28]{padding:1.25rem}.summary-icon[data-v-2ca4ef28]{font-size:2.5rem;margin-right:1rem}.total-score[data-v-2ca4ef28]{font-size:2rem}.score-distribution[data-v-2ca4ef28]{flex-direction:column}.round-item[data-v-2ca4ef28]{grid-template-columns:1fr;grid-template-rows:auto auto;gap:.5rem;padding:1rem}.round-number[data-v-2ca4ef28]{grid-row:1;grid-column:1}.round-location[data-v-2ca4ef28]{grid-row:2;grid-column:1/span 3;margin-top:.25rem}.round-score[data-v-2ca4ef28]{grid-row:1;grid-column:2;text-align:right}.round-time[data-v-2ca4ef28]{grid-row:3;grid-column:1;font-size:.85rem;margin-top:.25rem}.round-status[data-v-2ca4ef28]{grid-row:3;grid-column:3;justify-content:flex-end}.rank-info[data-v-2ca4ef28]{flex-direction:column}.result-actions[data-v-2ca4ef28]{flex-direction:column;padding:1rem 1.5rem}.main-button[data-v-2ca4ef28],.replay-button[data-v-2ca4ef28]{width:100%;justify-content:center}}@media (max-width:480px){.round-item[data-v-2ca4ef28]{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:.5rem;padding:.875rem}.round-number[data-v-2ca4ef28]{grid-row:1;grid-column:1}.round-score[data-v-2ca4ef28]{grid-row:1;grid-column:2;text-align:right}.round-location[data-v-2ca4ef28]{grid-row:2;grid-column:1/span 2;font-size:.9rem}.round-time[data-v-2ca4ef28]{grid-row:3;grid-column:1;font-size:.8rem}.round-status[data-v-2ca4ef28]{grid-row:3;grid-column:2;font-size:1rem}}.hint-container[data-v-b525371a]{padding:.75rem 1rem;background-color:#fffbeb;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);border-left:4px solid #f59e0b;animation:fadeIn-b525371a .3s ease-out;margin-bottom:1rem;position:relative;z-index:10;width:calc(100% - 2rem);max-width:600px;margin-left:auto;margin-right:auto}.hint-badge[data-v-b525371a]{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#b45309;margin-bottom:.5rem}.hint-badge i[data-v-b525371a]{color:#f59e0b}.hint-content[data-v-b525371a]{font-size:1rem;color:#78350f;line-height:1.5}@keyframes fadeIn-b525371a{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.next-round-button-container[data-v-11ae620e]{margin-top:1rem;text-align:center;animation:fadeIn-11ae620e .3s ease-out}.countdown-bar[data-v-11ae620e]{width:100%;height:6px;background-color:#e0e0e0;border-radius:3px;overflow:hidden;margin-bottom:1rem}.countdown-progress[data-v-11ae620e]{height:100%;background-color:#3b82f6;transition:width .05s linear}.next-round-button[data-v-11ae620e]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none;background-color:#3b82f6;color:#fff;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px rgba(59,130,246,.25)}.next-round-button[data-v-11ae620e]:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 6px 8px rgba(59,130,246,.3)}.next-round-button[data-v-11ae620e]:active{transform:translateY(0);box-shadow:0 2px 4px rgba(59,130,246,.2)}@keyframes fadeIn-11ae620e{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.intro-overlay[data-v-5fa29aaf]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;z-index:20}.intro-content[data-v-5fa29aaf]{background-color:#fff;padding:30px;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.3);text-align:center;max-width:500px;width:90%}.start-btn[data-v-5fa29aaf]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:12px 30px;font-size:1.1rem;font-weight:700;border-radius:25px;margin-top:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(52,152,219,.4)}.start-btn[data-v-5fa29aaf]:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(52,152,219,.6)}@media (max-width:480px){.intro-content[data-v-5fa29aaf]{padding:25px}}.countdown-overlay[data-v-71c791f6]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center;z-index:25}.fade-leave-active[data-v-71c791f6]{transition:opacity .8s}.fade-leave-to[data-v-71c791f6]{opacity:0}.countdown[data-v-71c791f6]{font-size:7rem;font-weight:700;color:#000}@media (max-width:768px){.countdown[data-v-71c791f6]{font-size:5rem}}@media (max-width:480px){.countdown[data-v-71c791f6]{font-size:4rem}}.photo-play-game[data-v-1b1ef25f]{display:flex;flex-direction:column;height:100vh;background-color:#f5f5f5}.game-header[data-v-1b1ef25f]{justify-content:space-between;padding:10px 20px;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;flex-wrap:wrap;row-gap:5px}.exit-button[data-v-1b1ef25f],.game-header[data-v-1b1ef25f],.header-left[data-v-1b1ef25f]{display:flex;align-items:center}.exit-button[data-v-1b1ef25f]{padding:8px 16px;margin-right:16px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s}.exit-button[data-v-1b1ef25f]:hover{background-color:#d32f2f}.exit-button i[data-v-1b1ef25f]{margin-right:8px}.game-info[data-v-1b1ef25f]{display:flex;flex-direction:column}.game-info h2[data-v-1b1ef25f]{margin:0;font-size:1.2rem;color:#333}.game-details[data-v-1b1ef25f]{display:flex;margin-top:4px}.region-badge[data-v-1b1ef25f]{display:flex;align-items:center;padding:4px 8px;background-color:#e3f2fd;color:#1976d2;border-radius:4px;font-size:.8rem}.region-badge i[data-v-1b1ef25f]{margin-right:4px}.header-center[data-v-1b1ef25f]{flex:1;display:flex;justify-content:center}.round-info[data-v-1b1ef25f]{display:flex;flex-direction:column;align-items:center}.round-number[data-v-1b1ef25f]{font-weight:700;color:#333;margin-bottom:4px}.round-progress[data-v-1b1ef25f]{width:200px;height:6px;background-color:#e0e0e0;border-radius:3px;overflow:hidden}.progress-bar[data-v-1b1ef25f]{height:100%;background-color:#4caf50;transition:width .3s ease}.game-content[data-v-1b1ef25f]{display:flex;flex:1;padding:20px;overflow:hidden;position:relative}.photo-section[data-v-1b1ef25f]{flex:1;display:flex;flex-direction:column;margin-right:20px;position:relative;overflow:hidden;border-radius:8px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.photo-section.correct-highlight[data-v-1b1ef25f]{background-color:rgba(220,242,220,.8)}.photo-section.incorrect-highlight[data-v-1b1ef25f]{background-color:hsla(0,100%,96%,.8)}.photo-section.timeout-highlight[data-v-1b1ef25f]{background-color:rgba(255,243,224,.8)}.correct-region-display[data-v-1b1ef25f]{padding:10px;background-color:#10b981;color:#fff;padding:2px;font-weight:700;text-align:center;z-index:1;font-size:15px;border-radius:4px;margin-left:10px}.map-section[data-v-1b1ef25f]{flex:1;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.game-footer[data-v-1b1ef25f]{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#fff;box-shadow:0 -2px 4px rgba(0,0,0,.1)}.score-display[data-v-1b1ef25f],.selected-region[data-v-1b1ef25f]{display:flex;align-items:center;font-weight:700;color:#333}.score-display i[data-v-1b1ef25f],.selected-region i[data-v-1b1ef25f]{margin-right:8px;color:#1976d2}.score-display i[data-v-1b1ef25f]{color:#ffc107}.confirmation-modal[data-v-1b1ef25f]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1000}.confirmation-backdrop[data-v-1b1ef25f]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}.confirmation-dialog[data-v-1b1ef25f]{position:relative;width:400px;padding:24px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.confirmation-dialog h3[data-v-1b1ef25f]{margin-top:0;color:#333}.confirmation-actions[data-v-1b1ef25f]{display:flex;justify-content:flex-end;margin-top:24px}.cancel-button[data-v-1b1ef25f],.confirm-button[data-v-1b1ef25f]{padding:8px 16px;margin-left:12px;border:none;border-radius:4px;cursor:pointer;font-weight:700}.cancel-button[data-v-1b1ef25f]{background-color:#e0e0e0;color:#333}.cancel-button[data-v-1b1ef25f]:hover{background-color:#d5d5d5}.confirm-button[data-v-1b1ef25f]{background-color:#f44336;color:#fff}.confirm-button[data-v-1b1ef25f]:hover{background-color:#d32f2f}.toggle-map-button[data-v-1b1ef25f]{position:fixed;bottom:20px;right:20px;padding:10px 16px;border-radius:24px;border:none;background:#3b82f6;color:#fff;font-weight:700;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(0,0,0,.2);z-index:101;cursor:pointer;transition:all .2s ease;display:none}.toggle-map-button[data-v-1b1ef25f]:hover{transform:translateY(-2px);background:#2563eb;box-shadow:0 6px 20px rgba(59,130,246,.4)}@media (max-width:1024px){.game-content[data-v-1b1ef25f]{flex-direction:column;position:relative;padding:10px}.photo-section[data-v-1b1ef25f]{flex:1;width:100%;margin-right:0;margin-bottom:0;padding-bottom:60px;height:calc(100vh - 160px);overflow-y:auto}.button-text[data-v-1b1ef25f],.header-center[data-v-1b1ef25f]{display:none}.game-footer[data-v-1b1ef25f]{flex-direction:column;align-items:flex-start}.score-display[data-v-1b1ef25f]{margin-top:8px}.toggle-map-button[data-v-1b1ef25f]{display:flex}.photo-mode-hint-display[data-v-1b1ef25f]{position:relative;z-index:5}.photo-mode-next-round-button[data-v-1b1ef25f]{position:absolute;bottom:10px;left:0;right:0;z-index:10}.correct-region-display[data-v-1b1ef25f]{padding:5px;font-size:13px;margin:5px 0;width:auto;flex-basis:100%;order:2}.region-label[data-v-1b1ef25f]{display:none}.header-right[data-v-1b1ef25f]{display:flex;flex-wrap:wrap;justify-content:flex-end}.map-section[data-v-1b1ef25f]{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:320px;z-index:100;transform:translateX(100%);transition:transform .3s ease}.map-section.map-open[data-v-1b1ef25f]{transform:translateX(0)}}.photo-mode-practice[data-v-369d5a69],.photo-mode-rank[data-v-7e3b341a]{width:100%;height:100vh;display:flex;flex-direction:column}.theme-mode-popup[data-v-e0a8768c]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(8px)}.popup-content[data-v-e0a8768c]{background:#fff;border-radius:24px;width:90%;max-width:1000px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.1);display:flex;flex-direction:column}.popup-header[data-v-e0a8768c]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 2rem;border-bottom:1px solid #f1f5f9}.popup-header h2[data-v-e0a8768c]{margin:0;font-size:1.6rem;color:#334155;font-weight:700}.close-button[data-v-e0a8768c]{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;font-size:1.2rem;color:#64748b;cursor:pointer;transition:background-color .2s,color .2s;display:flex;align-items:center;justify-content:center}.close-button[data-v-e0a8768c]:hover{background:#e2e8f0;color:#334155}.popup-body[data-v-e0a8768c]{display:flex;flex:1;overflow:hidden}.theme-list-container[data-v-e0a8768c]{width:40%;border-right:2px solid #e2e8f0;padding:1rem;overflow-y:auto;display:flex;flex-direction:column}.section-title[data-v-e0a8768c]{font-size:1.2rem;color:#334155;margin-bottom:1.2rem;font-weight:600}.theme-list[data-v-e0a8768c]{overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;flex:1;padding-right:.5rem;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.theme-list[data-v-e0a8768c]::-webkit-scrollbar{width:8px;display:block}.theme-list[data-v-e0a8768c]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.theme-list[data-v-e0a8768c]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.theme-list[data-v-e0a8768c]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.theme-item[data-v-e0a8768c]{border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px rgba(0,0,0,.03);position:relative;min-height:180px}.theme-item[data-v-e0a8768c]:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.06)}.theme-item.selected[data-v-e0a8768c]{box-shadow:0 0 0 3px #f59e0b,0 8px 16px rgba(0,0,0,.06)}.theme-image-container[data-v-e0a8768c]{position:relative;height:180px;overflow:hidden;width:100%;border-radius:12px}.theme-image[data-v-e0a8768c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;display:block}.theme-item:hover .theme-image[data-v-e0a8768c]{transform:scale(1.05)}.theme-overlay[data-v-e0a8768c]{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.5) 50%,transparent);color:#fff;text-align:center}.theme-overlay h4[data-v-e0a8768c]{margin:0;font-size:1.1rem;font-weight:600;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.theme-completion-indicator[data-v-e0a8768c]{position:absolute;top:1rem;right:1rem;font-size:1.2rem;color:#22c55e}.theme-detail-container[data-v-e0a8768c]{width:60%;padding:1rem 2rem;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1.5rem;background-color:#fff}.theme-detail-header[data-v-e0a8768c]{background-size:cover;background-position:50%;padding:2rem;border-radius:12px;position:relative}.theme-detail-header-bg[data-v-e0a8768c]{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;filter:blur(.8px);opacity:.8;z-index:0}.theme-detail-header-overlay[data-v-e0a8768c]{position:relative;z-index:1;background:linear-gradient(0deg,rgba(0,0,0,.6) 0,rgba(0,0,0,.4) 50%,transparent);padding:1rem;border-radius:12px}.theme-detail-header h3[data-v-e0a8768c]{font-size:1.5rem;color:#fff;margin:0 0 1rem 0;font-weight:700}.theme-progress[data-v-e0a8768c]{margin-top:1rem}.progress-text[data-v-e0a8768c]{display:flex;align-items:center;gap:.3rem;margin-bottom:.5rem}.progress-value[data-v-e0a8768c]{font-size:1.2rem;font-weight:700;color:#f59e0b}.progress-separator[data-v-e0a8768c]{color:#64748b}.progress-total[data-v-e0a8768c]{font-size:1.2rem;font-weight:600;color:#fff}.progress-label[data-v-e0a8768c]{margin-left:.5rem;color:#fff;font-size:.9rem}.progress-bar[data-v-e0a8768c]{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.progress-fill[data-v-e0a8768c]{height:100%;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;transition:width .3s ease}.theme-description[data-v-e0a8768c]{color:#64748b;line-height:1.6;font-size:1rem}.theme-locations[data-v-e0a8768c]{margin-top:.5rem}.locations-title[data-v-e0a8768c]{font-size:1.1rem;color:#334155;margin-bottom:1rem;font-weight:600}.locations-grid[data-v-e0a8768c]{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;width:100%;max-height:400px;overflow-y:auto}.locations-grid[data-v-e0a8768c]::-webkit-scrollbar{width:6px}.locations-grid[data-v-e0a8768c]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.locations-grid[data-v-e0a8768c]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.locations-grid[data-v-e0a8768c]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.location-item[data-v-e0a8768c]{display:flex;align-items:center;gap:.5rem;padding:.8rem;border-radius:8px;background:#f8fafc;transition:background-color .2s,transform .2s;width:100%;min-width:0}.location-item.unlocked[data-v-e0a8768c]{background:#f0fdf4}.location-icon[data-v-e0a8768c]{color:#94a3b8;font-size:.9rem;width:20px;display:flex;justify-content:center}.location-item.unlocked .location-icon[data-v-e0a8768c]{color:#22c55e}.location-info[data-v-e0a8768c]{display:flex;flex-direction:column;gap:.2rem}.location-name[data-v-e0a8768c]{font-size:.9rem;color:#64748b;font-weight:500}.location-item.unlocked .location-name[data-v-e0a8768c]{color:#334155;font-weight:600}.location-score[data-v-e0a8768c]{font-size:.8rem;color:#64748b}.location-achievement[data-v-e0a8768c]{font-size:.8rem;color:#22c55e}.achievement-badge[data-v-e0a8768c]{padding:.2rem .5rem;border-radius:4px;background:#22c55e;color:#fff;font-size:.7rem;font-weight:600}.theme-achievements[data-v-e0a8768c]{margin-top:.5rem}.achievements-title[data-v-e0a8768c]{font-size:1.1rem;color:#334155;margin-bottom:1rem;font-weight:600}.achievements-list[data-v-e0a8768c]{display:flex;flex-direction:column;gap:1rem}.achievement-item[data-v-e0a8768c]{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;background:#f8fafc;transition:background-color .2s}.achievement-item.achieved[data-v-e0a8768c]{background:#f0fdf4}.achievement-icon[data-v-e0a8768c]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.achievement-info[data-v-e0a8768c]{display:flex;flex-direction:column;gap:.2rem}.achievement-info h5[data-v-e0a8768c]{margin:0;font-size:1rem;color:#334155;font-weight:600}.achievement-info p[data-v-e0a8768c]{margin:0;font-size:.9rem;color:#64748b;line-height:1.4}.achievement-status[data-v-e0a8768c]{margin-left:auto;font-size:1.2rem;color:#94a3b8}.achievement-status i[data-v-e0a8768c]{font-size:1.2rem;color:#22c55e}.start-game-button[data-v-e0a8768c]{width:100%;height:60px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:16px;font-size:1.2rem;font-weight:600;margin-top:1rem;margin-bottom:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 10px rgba(245,158,11,.2);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.start-game-button[data-v-e0a8768c]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0));opacity:0;transition:opacity .3s ease}.start-game-button[data-v-e0a8768c]:hover:not(:disabled):after{opacity:1}.start-game-button[data-v-e0a8768c]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(245,158,11,.3)}.start-game-button[data-v-e0a8768c]:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.theme-detail-placeholder[data-v-e0a8768c]{width:60%;display:flex;align-items:center;justify-content:center;padding:2rem}.placeholder-content[data-v-e0a8768c]{text-align:center;color:#94a3b8}.placeholder-content i[data-v-e0a8768c]{font-size:3rem;margin-bottom:1rem}.placeholder-content p[data-v-e0a8768c]{font-size:1.1rem}@media (max-width:1200px){.locations-grid[data-v-e0a8768c]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.locations-grid[data-v-e0a8768c]{grid-template-columns:repeat(1,1fr)}.popup-body[data-v-e0a8768c]{flex-direction:column}.theme-list-container[data-v-e0a8768c]{width:100%;border-right:none;border-bottom:2px solid #e2e8f0;padding:1rem;max-height:300px}.theme-detail-container[data-v-e0a8768c],.theme-detail-placeholder[data-v-e0a8768c]{width:100%;padding:1rem}}@media (max-width:640px){.popup-header[data-v-e0a8768c]{padding:1rem}.popup-header h2[data-v-e0a8768c]{font-size:1.4rem}.theme-image-container[data-v-e0a8768c]{height:120px}.theme-overlay h4[data-v-e0a8768c]{font-size:1rem}.theme-detail-header h3[data-v-e0a8768c]{font-size:1.3rem}}.history-modal-overlay[data-v-f289c5ee]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.history-modal-content[data-v-f289c5ee]{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(0,0,0,.3)}.modal-header[data-v-f289c5ee]{padding:24px 32px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-f289c5ee]{margin:0;font-size:24px;font-weight:600;color:#1f2937}.close-button[data-v-f289c5ee]{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s,color .2s}.close-button[data-v-f289c5ee]:hover{background:#f3f4f6;color:#1f2937}.modal-body[data-v-f289c5ee]{flex:1;overflow-y:auto;padding:20px 32px}.error-container[data-v-f289c5ee],.loading-container[data-v-f289c5ee]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#6b7280}.loading-container i[data-v-f289c5ee]{font-size:48px;margin-bottom:16px}.error-container p[data-v-f289c5ee]{font-size:16px}.history-list[data-v-f289c5ee]{display:flex;flex-direction:column;gap:16px}.history-item[data-v-f289c5ee]{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border-radius:12px;transition:background-color .2s,transform .2s,box-shadow .2s}.history-item[data-v-f289c5ee]:hover{background:#f3f4f6;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.history-item.with-border[data-v-f289c5ee]{margin-bottom:4px}.history-info[data-v-f289c5ee]{display:flex;align-items:center;gap:16px;flex:1}.history-mode-badge[data-v-f289c5ee]{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.rank-mode[data-v-f289c5ee]{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.practice-mode[data-v-f289c5ee]{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.history-poi[data-v-f289c5ee]{font-weight:500;color:#1f2937;min-width:120px}.history-details[data-v-f289c5ee]{display:flex;gap:12px;font-size:14px;color:#6b7280}.history-score[data-v-f289c5ee]{margin:0;font-weight:600;font-size:16px;color:#1f2937;margin-left:auto}.history-meta[data-v-f289c5ee]{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-left:16px}.history-region[data-v-f289c5ee]{font-size:12px;color:#6b7280;padding:2px 8px;background:#e5e7eb;border-radius:4px}.history-date[data-v-f289c5ee]{font-size:12px;color:#9ca3af}.no-records[data-v-f289c5ee]{text-align:center;padding:60px 20px;color:#9ca3af}.no-records p[data-v-f289c5ee]{font-size:16px}.modal-footer[data-v-f289c5ee]{padding:20px 32px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px}.pagination[data-v-f289c5ee]{display:flex;justify-content:center;align-items:center;gap:8px}.page-button[data-v-f289c5ee]{background:#fff;border:1px solid #e5e7eb;padding:8px 12px;border-radius:8px;cursor:pointer;color:#6b7280;transition:background-color .2s,border-color .2s}.page-button[data-v-f289c5ee]:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.page-button[data-v-f289c5ee]:disabled{opacity:.3;cursor:not-allowed}.page-numbers[data-v-f289c5ee]{display:flex;gap:4px}.page-number[data-v-f289c5ee]{background:#fff;border:1px solid #e5e7eb;padding:8px 12px;border-radius:8px;cursor:pointer;color:#6b7280;min-width:40px;transition:background-color .2s,border-color .2s,color .2s}.page-number[data-v-f289c5ee]:hover{background:#f9fafb;border-color:#d1d5db}.page-number.active[data-v-f289c5ee]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6}.pagination-info[data-v-f289c5ee]{text-align:center;font-size:14px;color:#6b7280}.modal-fade-enter-active[data-v-f289c5ee],.modal-fade-leave-active[data-v-f289c5ee]{transition:opacity .3s}.modal-fade-enter-from[data-v-f289c5ee],.modal-fade-leave-to[data-v-f289c5ee]{opacity:0}.modal-fade-enter-active .history-modal-content[data-v-f289c5ee],.modal-fade-leave-active .history-modal-content[data-v-f289c5ee]{transition:transform .3s}.modal-fade-enter-from .history-modal-content[data-v-f289c5ee],.modal-fade-leave-to .history-modal-content[data-v-f289c5ee]{transform:scale(.9)}@media (max-width:768px){.history-modal-content[data-v-f289c5ee]{max-width:100%;margin:20px}.modal-body[data-v-f289c5ee],.modal-footer[data-v-f289c5ee],.modal-header[data-v-f289c5ee]{padding:16px 20px}.history-item[data-v-f289c5ee]{flex-direction:column;align-items:flex-start;gap:12px}.history-info[data-v-f289c5ee]{flex-wrap:wrap}.history-meta[data-v-f289c5ee]{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.page-numbers[data-v-f289c5ee]{overflow-x:auto}}.tutorial-overlay[data-v-704a4d98]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;transform:translateZ(0);contain:paint}.tutorial-container[data-v-704a4d98]{background:#fff;border-radius:24px;width:100%;max-width:700px;max-height:95vh;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;padding:.75rem;overflow:hidden;transform:translateZ(0);backface-visibility:hidden;contain:layout paint}.tutorial-modal-fade-enter-active[data-v-704a4d98],.tutorial-modal-fade-leave-active[data-v-704a4d98]{transition:opacity .12s ease;will-change:opacity}.tutorial-modal-fade-enter-from[data-v-704a4d98],.tutorial-modal-fade-leave-to[data-v-704a4d98]{opacity:0}.tutorial-modal-fade-enter-active .tutorial-container[data-v-704a4d98],.tutorial-modal-fade-leave-active .tutorial-container[data-v-704a4d98]{transition:transform .18s cubic-bezier(.22,.61,.36,1),opacity .12s ease;will-change:transform,opacity}.tutorial-modal-fade-enter-from .tutorial-container[data-v-704a4d98],.tutorial-modal-fade-leave-to .tutorial-container[data-v-704a4d98]{transform:translate3d(0,12px,0) scale(.97);opacity:0}.tutorial-modal-fade-enter-to .tutorial-container[data-v-704a4d98],.tutorial-modal-fade-leave-from .tutorial-container[data-v-704a4d98]{transform:translateZ(0) scale(1);opacity:1}.progress-dots[data-v-704a4d98]{display:flex;justify-content:center;gap:12px;padding:12px;flex-shrink:0}.dot[data-v-704a4d98]{width:10px;height:10px;border-radius:50%;background:#e5e7eb;cursor:pointer;transition:background-color .18s ease,width .18s ease}.dot.active[data-v-704a4d98]{background:#2563eb;width:32px;border-radius:5px}.dot[data-v-704a4d98]:hover{background:#cbd5e1}.close-button[data-v-704a4d98]{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.05);border:none;color:#6b7280;font-size:1.1rem;cursor:pointer;transition:background-color .2s,color .2s;display:flex;align-items:center;justify-content:center;z-index:10}.close-button[data-v-704a4d98]:hover{background:rgba(0,0,0,.1);color:#111827}.slide-wrapper[data-v-704a4d98]{flex:1;overflow:hidden;min-height:0;position:relative}.slide-content[data-v-704a4d98]{padding:0 16px 12px;text-align:center;transform:translateZ(0);backface-visibility:hidden;will-change:transform,opacity}.slide-swap-next-enter-active[data-v-704a4d98],.slide-swap-next-leave-active[data-v-704a4d98],.slide-swap-prev-enter-active[data-v-704a4d98],.slide-swap-prev-leave-active[data-v-704a4d98]{transition:transform .1s cubic-bezier(.22,.61,.36,1),opacity .1s ease;will-change:transform,opacity}.slide-swap-next-enter-from[data-v-704a4d98]{transform:translate3d(20px,0,0);opacity:0}.slide-swap-next-leave-to[data-v-704a4d98]{transform:translate3d(-14px,0,0);opacity:0}.slide-swap-prev-enter-from[data-v-704a4d98]{transform:translate3d(-20px,0,0);opacity:0}.slide-swap-prev-leave-to[data-v-704a4d98]{transform:translate3d(14px,0,0);opacity:0}.slide-swap-next-enter-to[data-v-704a4d98],.slide-swap-next-leave-from[data-v-704a4d98],.slide-swap-prev-enter-to[data-v-704a4d98],.slide-swap-prev-leave-from[data-v-704a4d98]{transform:translateZ(0);opacity:1}.slide-image-container[data-v-704a4d98]{width:100%;max-width:500px;margin:0 auto 24px;border-radius:16px;border-radius:13px;background:#f3f4f6;aspect-ratio:16/9;position:relative}.slide-image-container[data-v-704a4d98]:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 4px 12px rgba(0,0,0,.08);pointer-events:none}.slide-image[data-v-704a4d98]{width:100%;height:auto;display:block;border-radius:13px;-o-object-fit:cover;object-fit:cover}.slide-description[data-v-704a4d98]{padding:0}.slide-title[data-v-704a4d98]{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 12px 0;line-height:1.3}.slide-text[data-v-704a4d98]{font-size:1rem;color:#6b7280;line-height:1.6;margin:0}.navigation-controls[data-v-704a4d98]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 24px;flex-shrink:0;border-top:1px solid #e5e7eb;background:#fff;gap:10px}.nav-button[data-v-704a4d98]{padding:10px 20px;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;display:flex;align-items:center;gap:6px}.nav-button[data-v-704a4d98]:hover{transform:translateY(-2px)}.prev-button[data-v-704a4d98]{background:#f3f4f6;color:#6b7280;margin-right:auto}.prev-button[data-v-704a4d98]:hover{background:#e5e7eb;color:#111827}.complete-button[data-v-704a4d98],.next-button[data-v-704a4d98]{margin-left:auto}.next-button[data-v-704a4d98]{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 2px 8px rgba(37,99,235,.2)}.next-button[data-v-704a4d98]:hover{box-shadow:0 4px 12px rgba(37,99,235,.3)}.complete-button[data-v-704a4d98]{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;box-shadow:0 2px 8px rgba(16,185,129,.2)}.complete-button[data-v-704a4d98]:hover{box-shadow:0 4px 12px rgba(16,185,129,.3)}@media (prefers-reduced-motion:reduce){.slide-swap-next-enter-active[data-v-704a4d98],.slide-swap-next-leave-active[data-v-704a4d98],.slide-swap-prev-enter-active[data-v-704a4d98],.slide-swap-prev-leave-active[data-v-704a4d98],.tutorial-modal-fade-enter-active .tutorial-container[data-v-704a4d98],.tutorial-modal-fade-enter-active[data-v-704a4d98],.tutorial-modal-fade-leave-active .tutorial-container[data-v-704a4d98],.tutorial-modal-fade-leave-active[data-v-704a4d98]{transition-duration:.01ms!important}}@media (max-width:768px){.tutorial-overlay[data-v-704a4d98]{padding:15px}.tutorial-container[data-v-704a4d98]{max-width:90%;border-radius:20px;max-height:90vh;padding:.75rem}.progress-dots[data-v-704a4d98]{padding:16px}.slide-content[data-v-704a4d98]{padding:0 16px 16px}.slide-title[data-v-704a4d98]{font-size:1.3rem}.slide-text[data-v-704a4d98]{font-size:.95rem}.slide-image-container[data-v-704a4d98]{margin-bottom:20px}.navigation-controls[data-v-704a4d98]{padding:14px 16px 20px}.nav-button[data-v-704a4d98]{padding:9px 18px;font-size:.9rem}}@media (max-width:480px){.tutorial-overlay[data-v-704a4d98]{padding:12px}.tutorial-container[data-v-704a4d98]{max-width:100%;border-radius:16px;max-height:92vh;padding:.5rem}.progress-dots[data-v-704a4d98]{padding:12px;gap:10px}.dot[data-v-704a4d98]{width:8px;height:8px}.dot.active[data-v-704a4d98]{width:28px}.close-button[data-v-704a4d98]{width:32px;height:32px;top:12px;right:12px;font-size:1rem}.slide-content[data-v-704a4d98]{padding:0 12px 12px}.slide-title[data-v-704a4d98]{font-size:1.2rem;margin-bottom:10px}.slide-text[data-v-704a4d98]{font-size:.9rem}.slide-image-container[data-v-704a4d98]{margin-bottom:16px;border-radius:12px}.navigation-controls[data-v-704a4d98]{padding:12px 12px 16px;gap:8px}.nav-button[data-v-704a4d98]{padding:8px 16px;font-size:.85rem;min-width:100px;justify-content:center}.prev-button[data-v-704a4d98]{margin-right:0}.complete-button[data-v-704a4d98],.next-button[data-v-704a4d98]{margin-left:0}}.ranking-modal-overlay[data-v-b6ab50ee]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.82);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;transform:translateZ(0);contain:layout paint}.ranking-modal-content[data-v-b6ab50ee]{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(0,0,0,.3);transform:translateZ(0);backface-visibility:hidden;contain:layout paint}.modal-header[data-v-b6ab50ee]{padding:24px 32px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h2[data-v-b6ab50ee]{margin:0;font-size:24px;font-weight:600;color:#1f2937}.close-button[data-v-b6ab50ee]{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s,color .2s}.close-button[data-v-b6ab50ee]:hover{background:#f3f4f6;color:#1f2937}.tier-tabs[data-v-b6ab50ee]{display:flex;flex-wrap:wrap;padding:12px 20px;gap:8px;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.tier-tab[data-v-b6ab50ee]{display:flex;align-items:center;gap:6px;padding:8px 12px;border:2px solid transparent;border-radius:10px;background:#fff;cursor:pointer;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease;white-space:nowrap;font-weight:600;font-size:13px;color:#6b7280;flex-shrink:0}.tier-tab[data-v-b6ab50ee]:hover{background:#f3f4f6;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.tier-tab.active[data-v-b6ab50ee]{border-color:currentColor;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15)}.tier-tab.active.tier-bronze[data-v-b6ab50ee]{background:linear-gradient(135deg,#92400e,#b45309)}.tier-tab.active.tier-silver[data-v-b6ab50ee]{background:linear-gradient(135deg,#64748b,#94a3b8)}.tier-tab.active.tier-gold[data-v-b6ab50ee]{background:linear-gradient(135deg,#ca8a04,#fbbf24)}.tier-tab.active.tier-platinum[data-v-b6ab50ee]{background:linear-gradient(135deg,#0891b2,#06b6d4)}.tier-tab.active.tier-diamond[data-v-b6ab50ee]{background:linear-gradient(135deg,#0ea5e9,#3b82f6)}.tier-tab.active.tier-master[data-v-b6ab50ee]{background:linear-gradient(135deg,#7c3aed,#a855f7)}.tier-icon[data-v-b6ab50ee]{display:flex;align-items:center;justify-content:center}.tier-icon i[data-v-b6ab50ee]{font-size:16px}.tier-name[data-v-b6ab50ee]{font-size:14px}.modal-body[data-v-b6ab50ee]{flex:1;overflow-y:auto;padding:20px 32px}.error-container[data-v-b6ab50ee],.loading-container[data-v-b6ab50ee]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#6b7280}.loading-container i[data-v-b6ab50ee]{font-size:48px;margin-bottom:16px;color:#3b82f6}.error-container p[data-v-b6ab50ee]{font-size:16px}.my-rank-card[data-v-b6ab50ee]{background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #3b82f6;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 4px 12px rgba(59,130,246,.1)}.my-rank-header[data-v-b6ab50ee]{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-weight:600;color:#1f2937;font-size:16px}.my-rank-header i[data-v-b6ab50ee]{color:#3b82f6}.my-rank-info[data-v-b6ab50ee]{display:flex;flex-direction:column;gap:16px}.my-rank-tier[data-v-b6ab50ee]{display:flex;align-items:center}.my-rank-details[data-v-b6ab50ee]{display:flex;gap:24px;flex-wrap:wrap}.my-rank-item[data-v-b6ab50ee]{display:flex;flex-direction:column;gap:4px}.my-rank-item .label[data-v-b6ab50ee]{font-size:12px;color:#6b7280;font-weight:500}.my-rank-item .value[data-v-b6ab50ee]{font-size:16px;font-weight:600;color:#1f2937}.players-list[data-v-b6ab50ee]{display:flex;flex-direction:column;gap:8px}.player-item[data-v-b6ab50ee]{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:12px;transition:background-color .2s,transform .2s,box-shadow .2s;cursor:pointer}.player-item[data-v-b6ab50ee]:hover{background:#f3f4f6;transform:translateX(4px);box-shadow:0 2px 8px rgba(0,0,0,.08)}.player-item.is-me[data-v-b6ab50ee]{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(147,197,253,.05));border:2px solid #3b82f6}.player-item.with-border[data-v-b6ab50ee]{margin-bottom:4px}.player-rank[data-v-b6ab50ee]{font-size:18px;font-weight:700;color:#6b7280;min-width:40px;text-align:center}.player-item.is-me .player-rank[data-v-b6ab50ee]{color:#3b82f6}.player-info[data-v-b6ab50ee]{flex:1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.player-tier-badge[data-v-b6ab50ee]{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.player-tier-badge.tier-bronze[data-v-b6ab50ee]{background:linear-gradient(135deg,rgba(146,64,14,.15),rgba(180,83,9,.1));color:#92400e;border:1px solid rgba(146,64,14,.3)}.player-tier-badge.tier-silver[data-v-b6ab50ee]{background:linear-gradient(135deg,rgba(100,116,139,.15),rgba(148,163,184,.1));color:#64748b;border:1px solid rgba(100,116,139,.3)}.player-tier-badge.tier-gold[data-v-b6ab50ee]{background:linear-gradient(135deg,rgba(202,138,4,.15),rgba(251,191,36,.1));color:#ca8a04;border:1px solid rgba(202,138,4,.3)}.player-tier-badge.tier-platinum[data-v-b6ab50ee]{background:linear-gradient(135deg,rgba(8,145,178,.15),rgba(6,182,212,.1));color:#0891b2;border:1px solid rgba(8,145,178,.3)}.player-tier-badge.tier-diamond[data-v-b6ab50ee]{background:linear-gradient(135deg,rgba(14,165,233,.15),rgba(59,130,246,.1));color:#0ea5e9;border:1px solid rgba(14,165,233,.3)}.player-tier-badge.tier-master[data-v-b6ab50ee]{background:linear-gradient(135deg,rgba(124,58,237,.15),rgba(168,85,247,.1));color:#7c3aed;border:1px solid rgba(124,58,237,.3)}.player-tier-badge i[data-v-b6ab50ee]{font-size:12px}.player-nickname[data-v-b6ab50ee]{font-weight:600;color:#1f2937;font-size:15px}.my-badge[data-v-b6ab50ee]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700}.player-rating[data-v-b6ab50ee]{font-size:16px;font-weight:700;color:#1f2937;min-width:100px;text-align:right}.rank-badge[data-v-b6ab50ee]{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.rank-badge.tier-bronze[data-v-b6ab50ee]{background:linear-gradient(135deg,#92400e,#b45309);color:#fff}.rank-badge.tier-silver[data-v-b6ab50ee]{background:linear-gradient(135deg,#64748b,#94a3b8);color:#fff}.rank-badge.tier-gold[data-v-b6ab50ee]{background:linear-gradient(135deg,#ca8a04,#fbbf24);color:#fff}.rank-badge.tier-platinum[data-v-b6ab50ee]{background:linear-gradient(135deg,#0891b2,#06b6d4);color:#fff}.rank-badge.tier-diamond[data-v-b6ab50ee]{background:linear-gradient(135deg,#0ea5e9,#3b82f6);color:#fff}.rank-badge.tier-master[data-v-b6ab50ee]{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.rank-badge i[data-v-b6ab50ee]{font-size:16px}.no-players[data-v-b6ab50ee]{text-align:center;padding:60px 20px;color:#9ca3af}.no-players p[data-v-b6ab50ee]{font-size:16px}.modal-footer[data-v-b6ab50ee]{padding:20px 32px;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px}.pagination[data-v-b6ab50ee]{display:flex;justify-content:center;align-items:center;gap:8px}.page-button[data-v-b6ab50ee]{background:#fff;border:1px solid #e5e7eb;padding:8px 12px;border-radius:8px;cursor:pointer;color:#6b7280;transition:background-color .2s,border-color .2s}.page-button[data-v-b6ab50ee]:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.page-button[data-v-b6ab50ee]:disabled{opacity:.3;cursor:not-allowed}.page-numbers[data-v-b6ab50ee]{display:flex;gap:4px}.page-number[data-v-b6ab50ee]{background:#fff;border:1px solid #e5e7eb;padding:8px 12px;border-radius:8px;cursor:pointer;color:#6b7280;min-width:40px;transition:background-color .2s,border-color .2s,color .2s}.page-number[data-v-b6ab50ee]:hover{background:#f9fafb;border-color:#d1d5db}.page-number.active[data-v-b6ab50ee]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6}.pagination-info[data-v-b6ab50ee]{text-align:center;font-size:14px;color:#6b7280}.modal-fade-enter-active[data-v-b6ab50ee],.modal-fade-leave-active[data-v-b6ab50ee]{transition:opacity .22s ease;will-change:opacity}.modal-fade-enter-from[data-v-b6ab50ee],.modal-fade-leave-to[data-v-b6ab50ee]{opacity:0}.modal-fade-enter-active .ranking-modal-content[data-v-b6ab50ee],.modal-fade-leave-active .ranking-modal-content[data-v-b6ab50ee]{transition:transform .26s cubic-bezier(.22,.61,.36,1),opacity .22s ease;will-change:transform,opacity}.modal-fade-enter-from .ranking-modal-content[data-v-b6ab50ee],.modal-fade-leave-to .ranking-modal-content[data-v-b6ab50ee]{transform:translate3d(0,12px,0) scale(.96);opacity:0}.modal-fade-enter-to .ranking-modal-content[data-v-b6ab50ee],.modal-fade-leave-from .ranking-modal-content[data-v-b6ab50ee]{transform:translateZ(0) scale(1);opacity:1}@media (prefers-reduced-motion:reduce){.modal-fade-enter-active .ranking-modal-content[data-v-b6ab50ee],.modal-fade-enter-active[data-v-b6ab50ee],.modal-fade-leave-active .ranking-modal-content[data-v-b6ab50ee],.modal-fade-leave-active[data-v-b6ab50ee]{transition-duration:.01ms}}@media (max-width:768px){.ranking-modal-content[data-v-b6ab50ee]{max-width:100%;margin:20px}.modal-body[data-v-b6ab50ee],.modal-footer[data-v-b6ab50ee],.modal-header[data-v-b6ab50ee]{padding:16px 20px}.tier-tabs[data-v-b6ab50ee]{padding:10px 12px;gap:6px}.tier-tab[data-v-b6ab50ee]{padding:6px 10px;font-size:12px;gap:4px}.tier-icon i[data-v-b6ab50ee]{font-size:12px}.player-item[data-v-b6ab50ee]{flex-direction:column;align-items:flex-start;gap:12px}.player-info[data-v-b6ab50ee]{width:100%;flex-wrap:wrap}.player-rating[data-v-b6ab50ee]{width:100%;text-align:left}.my-rank-details[data-v-b6ab50ee]{flex-direction:column;gap:12px}.page-numbers[data-v-b6ab50ee]{overflow-x:auto}}.road-view-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#eef2f7);padding-bottom:40px;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header{position:fixed;top:0;left:0;right:0;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);box-shadow:0 1px 15px rgba(0,0,0,.03);z-index:100;transition:all .3s ease}.header-content{padding:1rem 1.5rem;max-width:1200px;margin:0 auto}.back-button,.header-content{display:flex;align-items:center}.back-button{background:none;border:none;color:#475569;font-size:1.2rem;cursor:pointer;transition:all .2s ease;margin-right:1rem;width:36px;height:36px;justify-content:center;border-radius:50%}.back-button:hover{background-color:#f1f5f9;transform:translateX(-3px)}.header-left{display:flex;align-items:center}.header-right{margin-left:auto}.header-right h3{margin:0;font-size:1.2rem;color:#334155;font-weight:600}.main-content{padding:90px 24px 24px;max-width:1200px;margin:0 auto}.section-title{font-size:1.5rem;color:#334155;margin-bottom:1.5rem;position:relative;display:inline-block;font-weight:600}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:3px}.game-modes{margin-bottom:2.5rem}.game-mode-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;width:100%}.game-mode-card{display:flex;align-items:center;background:#fff;border-radius:16px;padding:1.5rem;cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),background .3s;box-shadow:0 4px 12px rgba(0,0,0,.03);position:relative;overflow:hidden;height:100%;min-height:120px}.game-mode-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0));opacity:0;transition:opacity .3s ease}.mode-card-hover{box-shadow:0 8px 20px rgba(0,0,0,.08)}.game-mode-card.practice-mode.mode-card-hover{background:linear-gradient(135deg,rgba(74,222,128,.15),rgba(34,197,94,.08))}.game-mode-card.rank-mode.mode-card-hover{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(29,78,216,.08))}.game-mode-card.theme-mode.mode-card-hover{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(217,119,6,.08))}.game-mode-arrow,.game-mode-details,.game-mode-icon{position:relative;z-index:1}.game-mode-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-right:1.2rem;color:#fff;font-size:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.game-mode-icon:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0));opacity:0;transition:opacity .3s ease}.practice-color{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 4px 10px rgba(74,222,128,.2)}.rank-color{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 10px rgba(59,130,246,.2)}.theme-color{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 10px rgba(245,158,11,.2)}.game-mode-details{flex-grow:1}.game-mode-details h3{margin:0 0 .6rem 0;font-size:1.2rem;color:#334155;font-weight:600}.game-mode-details p{margin:0;color:#64748b;font-size:.95rem;line-height:1.5}.game-mode-arrow{color:#94a3b8;font-size:1.2rem;transition:transform .3s ease;margin-left:.5rem}.ad-space{margin:2rem 0}.ad-container{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.03);transition:all .3s ease}.ad-content{padding:1.5rem;display:flex;justify-content:center;align-items:center;min-height:90px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#94a3b8;font-size:.9rem}.records-section,.stats-section{margin:2.5rem 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.view-all-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 10px rgba(59,130,246,.2)}.view-all-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(59,130,246,.3)}.view-all-button i{font-size:.85rem;transition:transform .3s ease}.view-all-button:hover i{transform:translateX(3px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1rem;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.03);transition:all .3s cubic-bezier(.16,1,.3,1)}.stat-header{display:flex;align-items:center;gap:.8rem;color:#64748b;margin-bottom:1rem}.stat-header i{font-size:1.1rem;color:#3b82f6}.stat-value{font-size:1.4rem;font-weight:700;color:#334155;margin:0}.records-list{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.03)}.record-item{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;position:relative}.record-item.with-border{border-bottom:1px solid #f1f5f9}.record-info{display:flex;align-items:center;gap:1rem}.record-mode-badge{display:inline-block;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;font-weight:600}.rank-mode{background:#eff6ff;color:#3b82f6}.practice-mode{background:#f0fdf4;color:#22c55e}.theme-mode{background:#fef3c7;color:#f59e0b}.record-poi{color:#334155;font-weight:500;font-size:.95rem}.record-region{color:#64748b;font-size:.9rem;background:#f1f5f9;padding:.2rem .6rem;border-radius:6px}.record-score{font-weight:700;font-size:1.1rem;color:#334155;margin:0;margin-left:auto}.record-date{color:#94a3b8;font-size:.85rem}.no-records{padding:3rem 1rem;text-align:center;color:#94a3b8}.no-records p{font-size:1rem;margin:0}.game-mode-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.75);display:flex;align-items:center;justify-content:center;z-index:1000}.popup-content{background:#fff;border-radius:24px;width:90%;max-width:500px;max-height:95vh;overflow-y:auto;padding:1.25rem;box-shadow:0 20px 40px rgba(0,0,0,.1);position:relative;display:flex;flex-direction:column}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.popup-header h2{margin:0;font-size:1.6rem;color:#334155;font-weight:700}.close-button{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;font-size:1.2rem;color:#64748b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#e2e8f0;color:#334155}.popup-description{margin-bottom:1rem}.popup-description p{color:#64748b;line-height:1.6;font-size:1rem}.practice-mode-options h3,.rank-mode-options h3{font-size:1.2rem;color:#334155;margin-bottom:1.2rem;font-weight:600}.region-selector{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.region-selector button{padding:.6rem 1rem;border-radius:10px;background:#f1f5f9;border:none;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease,color .15s ease;font-size:.9rem;color:#334155;font-weight:500}.region-selector button:hover{background:#e2e8f0}.region-selector button.selected{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;box-shadow:0 4px 10px rgba(74,222,128,.2)}.rank-details{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:16px}.current-rank{font-size:1.1rem;font-weight:600;color:#334155}.rank-info-card{margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:20px;border:1px solid #e5e7eb;box-shadow:0 4px 12px rgba(0,0,0,.05)}.rank-info-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.rank-icon-container{position:relative;margin-bottom:.5rem}.rank-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.1)}.rank-icon i{font-size:2.5rem;transition:transform .2s ease}.rank-icon i.gold{color:#f59e0b;filter:drop-shadow(0 2px 4px rgba(245,158,11,.3))}.rank-icon i.silver{color:#94a3b8;filter:drop-shadow(0 2px 4px rgba(148,163,184,.3))}.rank-icon i.bronze{color:#b45309;filter:drop-shadow(0 2px 4px rgba(180,83,9,.3))}.rank-icon i.platinum{color:#06b6d4;filter:drop-shadow(0 2px 4px rgba(6,182,212,.3))}.rank-icon i.diamond{color:#6366f1;filter:drop-shadow(0 2px 4px rgba(99,102,241,.3))}.rank-icon i.master{color:#8b5cf6;filter:drop-shadow(0 2px 4px rgba(139,92,246,.3))}.rank-tier-info{text-align:center;padding-bottom:1rem;border-bottom:1px solid #e5e7eb;width:100%}.rank-label{font-size:.9rem;color:#6b7280;font-weight:500;display:block;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.rank-value{font-size:1.8rem;font-weight:700;color:#111827;margin:0;line-height:1.2}.rank-rating-info{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;padding-top:.5rem}.rating-item{display:flex;flex-direction:column;align-items:center;text-align:center}.rating-label{font-size:.85rem;color:#6b7280;font-weight:500;margin-bottom:6px}.rating-value{font-size:1.3rem;font-weight:700;color:#2563eb}.rank-loading{text-align:center;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.rank-loading i{font-size:2rem;color:#2563eb}.rank-loading p{color:#6b7280;font-size:.95rem;margin:0}@media (max-width:640px){.rank-info-card{padding:1.5rem}.rank-icon{width:70px;height:70px}.rank-icon i{font-size:2rem}.rank-value{font-size:1.5rem}.rank-rating-info{gap:1rem}.rating-value{font-size:1.1rem}}.start-game-button{width:100%;padding:1.2rem;background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border:none;border-radius:16px;font-size:1.2rem;font-weight:600;margin-top:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 10px rgba(74,222,128,.2);position:relative;overflow:hidden}.start-game-button.rank-color{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 10px rgba(59,130,246,.2)}.start-game-button:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.popup-slide-enter-active,.popup-slide-leave-active{transition:opacity .22s ease,transform .26s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.popup-slide-enter-from,.popup-slide-leave-to{opacity:0;transform:translateY(20px)}.tutorial-fade-enter-active,.tutorial-fade-leave-active{transition:opacity .3s ease}.tutorial-fade-enter-from,.tutorial-fade-leave-to{opacity:0}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(8px)}.loading-spinner{display:flex;flex-direction:column;align-items:center}.loading-spinner i{font-size:3rem;color:#3b82f6;margin-bottom:1rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.7}}.loading-spinner p{color:#334155;font-size:1.2rem;font-weight:500}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}.game-mode-list{justify-content:space-between}.stat-card{font-size:.9rem}}@media (max-width:768px){.game-mode-list{grid-template-columns:1fr}.game-mode-card{max-width:none;height:auto}}@media (max-width:640px){.header-content{padding:.8rem 1rem}.header-right h3{font-size:1rem}.popup-content{width:95%;padding:1.5rem}.region-selector{flex-direction:row}.region-selector button{flex-basis:calc(50% - 0.4rem)}.section-title{font-size:1.3rem}.stat-value{font-size:1.2rem}.record-info{flex-direction:column;align-items:flex-start;gap:.3rem}}@media (max-width:480px){.main-content{padding:80px 16px 16px}.stats-grid{gap:1rem}.record-item,.stat-card{padding:1.2rem}.region-selector button{flex-basis:100%}}.header[data-v-7488cec0]{position:fixed;top:0;left:0;right:0;height:80px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);z-index:100;box-shadow:0 2px 16px rgba(0,0,0,.04);transition:all var(--transition-normal)}.header-content[data-v-7488cec0]{max-width:1400px;margin:0 auto;height:100%;padding:0 var(--spacing-xl);display:flex;align-items:center;justify-content:space-between}.back-button[data-v-7488cec0]{width:48px;height:48px;border-radius:var(--radius-md);background:rgba(37,99,235,.05);border:1px solid rgba(37,99,235,.1);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.back-button[data-v-7488cec0]:hover{background:var(--color-primary);color:#fff;transform:translateX(-4px);box-shadow:0 4px 12px rgba(37,99,235,.2)}.logo-container[data-v-7488cec0]{position:absolute;left:50%;transform:translateX(-50%)}.header-logo[data-v-7488cec0]{height:50px;width:auto;filter:drop-shadow(0 2px 8px rgba(37,99,235,.15));transition:transform var(--transition-normal)}.header-logo[data-v-7488cec0]:hover{transform:scale(1.05)}.header-right[data-v-7488cec0]{margin-left:auto}.header-right h3[data-v-7488cec0]{margin:0;font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.practice-mode-options[data-v-7488cec0]{display:flex;flex-direction:column;gap:.75rem}.region-selector[data-v-7488cec0]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%}@media (max-width:640px){.practice-mode-options[data-v-7488cec0]{gap:.5rem}.region-selector[data-v-7488cec0]{gap:.4rem}.region-selector button[data-v-7488cec0]{padding:.45rem .5rem;font-size:.8rem}}.google-ads-space[data-v-7488cec0]{margin:var(--spacing-xl) 0;padding:0 var(--spacing-lg);width:100%}.info-note[data-v-7488cec0]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(37,99,235,.04));border:1px solid rgba(59,130,246,.2);border-radius:10px;font-size:.85rem;color:#64748b}.info-note i[data-v-7488cec0]{color:#3b82f6;font-size:1rem;flex-shrink:0}.popup-header[data-v-7488cec0]{margin:8px}@media (max-width:768px){.google-ads-space[data-v-7488cec0]{padding:0 var(--spacing-md);margin:var(--spacing-lg) 0}}.road-view-game[data-v-08a219c6]{width:100%;height:100%;position:absolute;background:#f5f7fa}.error-overlay[data-v-08a219c6],.loading-overlay[data-v-08a219c6]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:10}.loading-overlay[data-v-08a219c6]{background:hsla(0,0%,100%,.8)}.error-overlay[data-v-08a219c6]{background:rgba(0,0,0,.7)}.error-content[data-v-08a219c6],.loading-spinner[data-v-08a219c6]{display:flex;flex-direction:column;align-items:center;text-align:center}.error-icon i[data-v-08a219c6],.loading-spinner i[data-v-08a219c6]{font-size:3rem;margin-bottom:1rem}.loading-spinner i[data-v-08a219c6]{color:#3498db}.error-icon i[data-v-08a219c6]{color:#e74c3c}.loading-spinner p[data-v-08a219c6]{font-size:1.1rem;color:#333}.error-content[data-v-08a219c6]{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:90%;width:400px}.error-content h3[data-v-08a219c6]{margin:0 0 .5rem 0;color:#333;font-size:1.3rem}.error-content p[data-v-08a219c6]{margin:0 0 1.5rem 0;color:#666;line-height:1.5}.retry-btn[data-v-08a219c6]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.retry-btn[data-v-08a219c6]:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.2)}.retry-btn[data-v-08a219c6]:active{transform:translateY(-1px)}.result-map-section[data-v-03e06a98]{display:flex;flex-direction:column;gap:15px}.result-map-container[data-v-03e06a98]{width:100%;height:200px;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08);position:relative}.result-map[data-v-03e06a98]{width:100%;height:100%;background-color:#f5f7fa}@media (max-width:480px){.result-map-container[data-v-03e06a98]{height:180px}}.share-btn[data-v-57144642]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;min-height:44px;border:none;border-radius:14px;cursor:pointer;font-weight:700;font-size:.95rem;color:#111827;background:linear-gradient(135deg,#f59e0b,#fbbf24);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 6px 14px rgba(245,158,11,.28)}.share-btn[data-v-57144642]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 16px rgba(245,158,11,.38)}.share-btn[data-v-57144642]:disabled{opacity:.75;cursor:not-allowed;box-shadow:none}.result-overlay[data-v-098f3f42]{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:rgba(17,24,39,.78);z-index:25;backdrop-filter:blur(5px);animation:overlay-in-098f3f42 .2s ease}.result-content[data-v-098f3f42]{background:#fff;border-radius:22px;box-shadow:0 4px 6px rgba(0,0,0,.05),0 20px 48px rgba(0,0,0,.18);max-width:520px;width:92%;max-height:92vh;overflow-y:auto;overflow-x:hidden;animation:card-in-098f3f42 .3s cubic-bezier(.22,1,.36,1)}.brand-bar[data-v-098f3f42]{height:5px;background:linear-gradient(90deg,#33fbe8,#a5f3f0 60%,#e0fffe);border-radius:22px 22px 0 0}.result-header[data-v-098f3f42]{display:flex;align-items:center;gap:9px;padding:18px 22px 0}.header-icon[data-v-098f3f42]{width:30px;height:30px;border-radius:50%;background:#33fbe8;color:#111827;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}.result-title[data-v-098f3f42]{font-size:.95rem;font-weight:700;color:#6b7280;letter-spacing:.02em}.score-hero[data-v-098f3f42]{display:flex;flex-direction:column;align-items:center;padding:20px 22px 4px;gap:8px}.score-ring[data-v-098f3f42]{position:relative;width:120px;height:120px;border-radius:50%;border:4px solid #33fbe8;background:linear-gradient(135deg,#f0fffe,#fff);box-shadow:0 0 0 8px rgba(51,251,232,.1),0 8px 24px rgba(51,251,232,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;animation:ring-pop-098f3f42 .35s cubic-bezier(.34,1.56,.64,1) .1s both}.score-number[data-v-098f3f42]{font-size:2.2rem;font-weight:800;color:#111827;line-height:1}.score-unit[data-v-098f3f42]{font-size:.8rem;font-weight:600;color:#6b7280;line-height:1}.score-caption[data-v-098f3f42]{margin:0;font-size:.82rem;color:#9ca3af;font-weight:500}.stats-row[data-v-098f3f42]{display:flex;align-items:stretch;margin:16px 22px;background:#f0fffe;border:1px solid #b2f5f0;border-radius:14px;overflow:hidden}.stat-item[data-v-098f3f42]{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px}.stat-icon[data-v-098f3f42]{color:#0d9488;font-size:.85rem}.stat-value[data-v-098f3f42]{font-size:1.05rem;font-weight:700;color:#0f766e}.stat-label[data-v-098f3f42]{font-size:.72rem;color:#6b7280}.stat-divider[data-v-098f3f42]{width:1px;background:#b2f5f0;margin:12px 0}.location-section[data-v-098f3f42]{margin:0 22px 16px;border-radius:13px;border:1px solid #b2f5f0;overflow:hidden}.location-section-header[data-v-098f3f42]{display:flex;align-items:center;gap:7px;padding:9px 14px;background:#f0fffe;border-bottom:1px solid #b2f5f0;font-size:.78rem;font-weight:600;color:#0f766e}.location-section-header i[data-v-098f3f42]{color:#0d9488;filter:drop-shadow(0 0 3px rgba(13,148,136,.4))}.location-body[data-v-098f3f42]{padding:10px 14px}.location-poi[data-v-098f3f42]{margin:0 0 2px;font-size:.95rem;font-weight:700;color:#111827}.location-address[data-v-098f3f42]{margin:0;font-size:.82rem;color:#6b7280}.map-wrapper[data-v-098f3f42]{margin:0 22px 16px;border-radius:14px;overflow:hidden;border:1px solid #e5e7eb}.share-section[data-v-098f3f42]{margin:0 22px 14px;display:flex;align-items:center;gap:12px;background:#fffbeb;border:1px solid #fde68a;border-radius:13px;padding:10px 14px}.share-hint[data-v-098f3f42]{flex:1;margin:0;font-size:.78rem;color:#111827;font-weight:500;line-height:1.4;display:flex;align-items:flex-start;gap:6px}.share-hint i[data-v-098f3f42]{color:#f59e0b;margin-top:1px;flex-shrink:0}.share-section[data-v-098f3f42] .share-btn{flex-shrink:0;padding:9px 16px;font-size:.85rem;min-height:auto}.action-row[data-v-098f3f42]{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 22px 22px}.btn-restart[data-v-098f3f42]{display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 8px;border:none;border-radius:13px;cursor:pointer;font-weight:700;font-size:.92rem;color:#111827;background:linear-gradient(135deg,#33fbe8,#67fdf2);box-shadow:0 4px 14px rgba(51,251,232,.32);transition:transform .18s ease,box-shadow .18s ease}.btn-restart[data-v-098f3f42]:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgba(51,251,232,.42)}.btn-restart i[data-v-098f3f42]{font-size:.82rem}.btn-exit[data-v-098f3f42]{padding:13px 8px;border:1.5px solid #e5e7eb;border-radius:13px;cursor:pointer;font-weight:600;font-size:.92rem;color:#6b7280;background:#fff;transition:border-color .18s ease,color .18s ease,transform .18s ease}.btn-exit[data-v-098f3f42]:hover{border-color:#9ca3af;color:#374151;transform:translateY(-1px)}.btn-exit[data-v-098f3f42]:focus-visible,.btn-restart[data-v-098f3f42]:focus-visible{outline:2px solid #111827;outline-offset:2px}@media (max-width:480px){.score-ring[data-v-098f3f42]{width:100px;height:100px}.score-number[data-v-098f3f42]{font-size:2rem}.action-row[data-v-098f3f42]{grid-template-columns:1fr}}@keyframes overlay-in-098f3f42{0%{opacity:0}to{opacity:1}}@keyframes card-in-098f3f42{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ring-pop-098f3f42{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){.result-content[data-v-098f3f42],.result-overlay[data-v-098f3f42],.score-ring[data-v-098f3f42]{animation:none}.btn-exit[data-v-098f3f42],.btn-restart[data-v-098f3f42]{transition:none}}.result-overlay[data-v-6cbe74ac]{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:rgba(17,24,39,.78);z-index:25;backdrop-filter:blur(5px);animation:overlay-in-6cbe74ac .2s ease}.result-content[data-v-6cbe74ac]{background:#fff;border-radius:22px;box-shadow:0 4px 6px rgba(0,0,0,.05),0 20px 48px rgba(0,0,0,.18);width:92%;max-width:520px;max-height:92vh;overflow-y:auto;overflow-x:hidden;animation:card-in-6cbe74ac .3s cubic-bezier(.22,1,.36,1)}.brand-bar[data-v-6cbe74ac]{height:5px;background:linear-gradient(90deg,#33fbe8,#a5f3f0 60%,#e0fffe);border-radius:22px 22px 0 0}.result-header[data-v-6cbe74ac]{display:flex;align-items:center;gap:8px;padding:16px 22px 0}.header-icon-inline[data-v-6cbe74ac]{font-size:.82rem;color:#33fbe8;filter:drop-shadow(0 0 3px rgba(51,251,232,.5))}.result-title[data-v-6cbe74ac]{font-size:.88rem;font-weight:700;color:#6b7280;letter-spacing:.02em}.outcome-hero[data-v-6cbe74ac]{margin:14px 22px;border-radius:18px;padding:20px 16px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;border:1.5px solid transparent;animation:hero-in-6cbe74ac .32s cubic-bezier(.22,1,.36,1) 80ms both}.outcome-win[data-v-6cbe74ac]{background:linear-gradient(160deg,#f0fffe,#e8fffe);border-color:#33fbe8}.outcome-tie[data-v-6cbe74ac]{background:#f8fafc;border-color:#e5e7eb}.outcome-lose[data-v-6cbe74ac]{background:linear-gradient(160deg,#fffbeb,#fef9e7);border-color:#fde68a}.outcome-icon-wrap[data-v-6cbe74ac]{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.outcome-win .outcome-icon-wrap[data-v-6cbe74ac]{background:rgba(51,251,232,.15)}.outcome-tie .outcome-icon-wrap[data-v-6cbe74ac]{background:#f3f4f6}.outcome-lose .outcome-icon-wrap[data-v-6cbe74ac]{background:rgba(245,158,11,.12)}.outcome-icon[data-v-6cbe74ac]{font-size:1.4rem}.outcome-win .outcome-icon[data-v-6cbe74ac]{color:#0d9488}.outcome-tie .outcome-icon[data-v-6cbe74ac]{color:#6b7280}.outcome-lose .outcome-icon[data-v-6cbe74ac]{color:#d97706}.outcome-label-text[data-v-6cbe74ac]{margin:0;font-size:1.25rem;font-weight:800;color:#111827;line-height:1.2}.outcome-message-text[data-v-6cbe74ac]{margin:0;font-size:.85rem;color:#6b7280;font-weight:500}.outcome-delta-badge[data-v-6cbe74ac]{margin-top:4px;display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:700;color:#111827;background:rgba(0,0,0,.06)}.comparison-section[data-v-6cbe74ac]{display:grid;grid-template-columns:1fr 36px 1fr;align-items:center;gap:0;margin:0 22px 16px;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.compare-card[data-v-6cbe74ac]{padding:16px 12px;text-align:center;background:#f8fafc}.compare-card--me[data-v-6cbe74ac]{background:#f0fffe;border-left:1px solid #e5e7eb}.vs-col[data-v-6cbe74ac]{display:flex;align-items:center;justify-content:center;background:#fff;align-self:stretch;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb}.vs-text[data-v-6cbe74ac]{font-size:.7rem;font-weight:800;color:#d1d5db;letter-spacing:.05em}.card-name[data-v-6cbe74ac]{margin:0 0 8px;font-size:.78rem;font-weight:600;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-score-number[data-v-6cbe74ac]{margin:0;font-size:2rem;font-weight:800;color:#111827;line-height:1}.card-score-number--me[data-v-6cbe74ac]{color:#0d9488}.card-score-unit[data-v-6cbe74ac]{margin:2px 0 8px;font-size:.78rem;font-weight:500;color:#9ca3af}.card-meta[data-v-6cbe74ac]{margin:0;font-size:.72rem;color:#9ca3af}.map-wrapper[data-v-6cbe74ac]{margin:0 22px 16px;border-radius:14px;overflow:hidden;border:1px solid #e5e7eb}.cta-section[data-v-6cbe74ac]{margin:0 22px 10px;border-radius:14px;border:1px solid #e5e7eb;overflow:hidden}.cta-text-row[data-v-6cbe74ac]{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.cta-lock-icon[data-v-6cbe74ac]{font-size:.8rem;color:#9ca3af;flex-shrink:0}.cta-copy[data-v-6cbe74ac]{margin:0;font-size:.78rem;color:#6b7280;font-weight:500}.btn-login[data-v-6cbe74ac]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 16px;border:none;background:linear-gradient(135deg,#33fbe8,#67fdf2);color:#111827;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 3px 10px rgba(51,251,232,.28);transition:opacity .18s ease,box-shadow .18s ease}.btn-login[data-v-6cbe74ac]:hover{opacity:.88;box-shadow:0 5px 16px rgba(51,251,232,.38)}.footer-action[data-v-6cbe74ac]{padding:0 22px 22px}.btn-restart[data-v-6cbe74ac]{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:12px;border:1.5px solid #e5e7eb;border-radius:13px;background:#fff;color:#6b7280;font-weight:600;font-size:.88rem;cursor:pointer;transition:border-color .18s ease,color .18s ease,transform .18s ease}.btn-restart[data-v-6cbe74ac]:hover{border-color:#9ca3af;color:#374151;transform:translateY(-1px)}.btn-login[data-v-6cbe74ac]:focus-visible,.btn-restart[data-v-6cbe74ac]:focus-visible{outline:2px solid #111827;outline-offset:2px}@media (max-width:420px){.outcome-label-text[data-v-6cbe74ac]{font-size:1.1rem}.card-score-number[data-v-6cbe74ac]{font-size:1.6rem}}@keyframes overlay-in-6cbe74ac{0%{opacity:0}to{opacity:1}}@keyframes card-in-6cbe74ac{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hero-in-6cbe74ac{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.outcome-hero[data-v-6cbe74ac],.result-content[data-v-6cbe74ac],.result-overlay[data-v-6cbe74ac]{animation:none}.btn-login[data-v-6cbe74ac],.btn-restart[data-v-6cbe74ac]{transition:none;transform:none}}.road-view-practice[data-v-6b97fb55]{position:relative;width:100%;min-height:100svh;min-height:100dvh;height:100dvh;background-color:#f5f5f5;overflow:hidden}.top-ads-container[data-v-6b97fb55]{position:fixed;top:0;left:0;right:0;z-index:15;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-xs) 0;box-shadow:0 2px 8px rgba(0,0,0,.05)}.game-header[data-v-6b97fb55]{position:absolute;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:rgba(0,0,0,.7);color:#fff;backdrop-filter:blur(5px);transition:top .3s ease;height:56px;box-sizing:border-box}.road-reset-btn[data-v-6b97fb55]{position:absolute;top:68px;right:12px;width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;z-index:100;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.road-reset-btn[data-v-6b97fb55]:hover{transform:translateY(-1px);background:rgba(0,0,0,.6);box-shadow:0 6px 14px rgba(0,0,0,.25)}.road-reset-btn i[data-v-6b97fb55]{font-size:1rem}.poi-header[data-v-6b97fb55]{display:flex;align-items:center;gap:8px;font-size:.95rem;background:hsla(0,0%,100%,.12);padding:6px 10px;border-radius:12px}.poi-header.placeholder[data-v-6b97fb55]{opacity:.8}.poi-header i[data-v-6b97fb55]{color:#ff6b6b}.poi-text[data-v-6b97fb55]{color:#fff;font-weight:600;max-width:40vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.back-btn[data-v-6b97fb55]{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.back-btn[data-v-6b97fb55]:hover{background-color:hsla(0,0%,100%,.2);transform:scale(1.1)}.game-status[data-v-6b97fb55]{display:flex;align-items:center;gap:15px}.timer[data-v-6b97fb55]{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:700;padding:6px 12px;background-color:rgba(0,0,0,.4);border-radius:20px;transition:background-color .3s;box-shadow:0 2px 8px rgba(0,0,0,.2)}.timer-warning[data-v-6b97fb55]{background-color:rgba(255,50,50,.8);animation:pulse-6b97fb55 1s infinite}@keyframes pulse-6b97fb55{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.hints[data-v-6b97fb55]{display:flex;align-items:center;gap:10px}.hint-indicator[data-v-6b97fb55]{width:20px;height:20px;border-radius:50%;background-color:#ccc;display:flex;align-items:center;justify-content:center}.hint-indicator.active[data-v-6b97fb55]{background-color:#2ecc71}.hint-timer[data-v-6b97fb55]{font-size:.85rem;opacity:.9;background-color:rgba(0,0,0,.3);padding:4px 8px;border-radius:10px}.game-content[data-v-6b97fb55]{width:100%;height:100%;position:relative}.road-view-container[data-v-6b97fb55]{width:100%;height:100%;position:absolute;top:0;left:0}.map-toggle[data-v-6b97fb55]{position:fixed;bottom:30px;right:30px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:12px 20px;border-radius:25px;font-weight:700;font-size:1rem;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.3);transition:all .3s ease;z-index:10}.map-toggle[data-v-6b97fb55]:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.4)}.map-toggle[data-v-6b97fb55]:active{transform:translateY(-1px)}.map-toggle i[data-v-6b97fb55]{font-size:1.1rem}.modal-overlay[data-v-6b97fb55]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:30;backdrop-filter:blur(5px)}.modal-content[data-v-6b97fb55]{background-color:#fff;padding:30px;border-radius:15px;text-align:center;width:90%;max-width:400px;box-shadow:0 15px 30px rgba(0,0,0,.3);animation:popIn .5s cubic-bezier(.19,1,.22,1)}.modal-content h3[data-v-6b97fb55]{margin-top:0;color:#333}.modal-buttons[data-v-6b97fb55]{display:flex;justify-content:center;gap:15px;margin-top:25px}.modal-buttons button[data-v-6b97fb55]{padding:10px 25px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s ease}.modal-buttons button[data-v-6b97fb55]:first-child{background-color:#ecf0f1;color:#333}.modal-buttons button[data-v-6b97fb55]:first-child:hover{background-color:#bdc3c7}.modal-buttons button[data-v-6b97fb55]:last-child{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.modal-buttons button[data-v-6b97fb55]:last-child:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(231,76,60,.4)}@media (max-width:768px){.top-ads-container[data-v-6b97fb55]{padding:var(--spacing-xs) 0}}@media (max-width:480px){.top-ads-container[data-v-6b97fb55]{padding:4px 0}.game-header[data-v-6b97fb55]{padding:10px}.game-status[data-v-6b97fb55]{flex-direction:column;align-items:flex-end;gap:5px}.map-toggle[data-v-6b97fb55]{padding:10px 15px;font-size:.9rem;bottom:20px;right:20px}}.toast-message[data-v-6b97fb55]{position:absolute;top:20px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:#fff;padding:10px 20px;border-radius:10px;z-index:35;max-width:80%;text-align:center;animation:fadeIn-6b97fb55 .5s ease}@keyframes fadeIn-6b97fb55{0%{opacity:0}to{opacity:1}}.phone-hint-button[data-v-6b97fb55]{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff;border:none;padding:10px 20px;border-radius:25px;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 4px 10px rgba(255,152,0,.4);transition:all .3s ease;z-index:20;display:flex;align-items:center;gap:6px;min-width:180px;text-align:center;justify-content:center}.phone-hint-button[data-v-6b97fb55]:hover:not(:disabled){transform:translateX(-50%) translateY(-2px);box-shadow:0 6px 12px rgba(255,152,0,.6)}.phone-hint-button[data-v-6b97fb55]:active:not(:disabled){transform:translateX(-50%) translateY(-1px)}.phone-hint-button[data-v-6b97fb55]:disabled{background:linear-gradient(135deg,#ccc,#999);cursor:not-allowed;box-shadow:none;opacity:.8}.phone-hint-button i[data-v-6b97fb55]{font-size:.9rem}.result-overlay[data-v-1fd49919]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:30;display:flex;justify-content:center;align-items:center;animation:fadeIn-1fd49919 .4s ease}@keyframes fadeIn-1fd49919{0%{opacity:0}to{opacity:1}}.result-container[data-v-1fd49919]{background-color:#fff;border-radius:20px;width:95%;max-width:1000px;max-height:90vh;box-shadow:0 10px 30px rgba(0,0,0,.3);display:flex;flex-direction:column;animation:slideUp-1fd49919 .5s cubic-bezier(.19,1,.22,1);overflow:hidden}@keyframes slideUp-1fd49919{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.result-header[data-v-1fd49919]{padding:20px 25px;background:#fff;color:#0f172a;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e2e8f0}.result-header h2[data-v-1fd49919]{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.3px}.result-content[data-v-1fd49919]{padding:20px;flex:1;overflow-y:auto;min-height:0}.content-grid[data-v-1fd49919]{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;height:100%}.left-section[data-v-1fd49919],.right-section[data-v-1fd49919]{display:flex;flex-direction:column;gap:15px}.right-section[data-v-1fd49919]{min-height:0}.player-info-section[data-v-1fd49919]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;padding:12px 15px;border-radius:12px;display:flex;align-items:center;gap:12px;animation:slideInFromTop-1fd49919 .5s ease-out;box-shadow:0 1px 3px rgba(0,0,0,.05)}.player-avatar[data-v-1fd49919]{width:50px;height:50px;border-radius:50%;overflow:hidden;background:#e2e8f0;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid #cbd5e1;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .3s ease}.player-avatar[data-v-1fd49919]:hover{transform:scale(1.05)}.player-avatar img[data-v-1fd49919]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.default-avatar[data-v-1fd49919]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#cbd5e1;color:#64748b;font-size:1.3rem}.player-details[data-v-1fd49919]{flex:1}.player-label[data-v-1fd49919]{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:500;margin-bottom:2px}.player-name[data-v-1fd49919]{font-size:1.1rem;color:#0f172a;font-weight:700;letter-spacing:-.3px}.full-address-section[data-v-1fd49919],.poi-name-section[data-v-1fd49919]{background:linear-gradient(135deg,#dbeafe,#eff6ff);border:2px solid #93c5fd;padding:14px 18px;border-radius:12px;display:flex;align-items:center;gap:12px;animation:slideInFromRight-1fd49919 .6s ease-out;box-shadow:0 4px 12px rgba(59,130,246,.15);transition:all .3s ease}.full-address-section[data-v-1fd49919]:hover,.poi-name-section[data-v-1fd49919]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(59,130,246,.2)}.address-icon[data-v-1fd49919],.poi-icon[data-v-1fd49919]{width:42px;height:42px;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;flex-shrink:0;box-shadow:0 4px 12px rgba(59,130,246,.25);animation:subtlePulse-1fd49919 2s ease-in-out infinite}@keyframes subtlePulse-1fd49919{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.address-text[data-v-1fd49919],.poi-text[data-v-1fd49919]{flex:1}.address-label[data-v-1fd49919],.poi-label[data-v-1fd49919]{font-size:.75rem;color:#1e40af;margin-bottom:2px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.poi-name[data-v-1fd49919]{font-size:1.2rem;color:#1e3a8a;font-weight:700;letter-spacing:-.3px}.address-value[data-v-1fd49919]{font-size:1rem;color:#1e3a8a;font-weight:700;letter-spacing:-.3px;line-height:1.4}.rank-change-section[data-v-1fd49919]{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:12px;padding:15px;animation:slideInFromLeft-1fd49919 .6s ease-out .1s both;box-shadow:0 4px 12px rgba(251,191,36,.15);transition:all .3s ease}.rank-change-section.compact[data-v-1fd49919]{padding:12px 15px}.rank-change-section[data-v-1fd49919]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(251,191,36,.2)}.rank-change-header[data-v-1fd49919]{display:flex;align-items:center;gap:8px;color:#92400e;font-size:.9rem;font-weight:600;margin-bottom:12px;justify-content:center;text-transform:uppercase;letter-spacing:.5px}.rank-change-header i[data-v-1fd49919]{font-size:1rem;color:#f59e0b;animation:subtleRotate-1fd49919 3s ease-in-out infinite}@keyframes subtleRotate-1fd49919{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.rank-change-content[data-v-1fd49919]{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:nowrap}.rank-badge[data-v-1fd49919]{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 0;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.08)}.rank-badge.previous[data-v-1fd49919]{opacity:.7;border-color:#cbd5e1;transform:scale(.95)}.rank-badge.current[data-v-1fd49919]{border-color:#fbbf24;box-shadow:0 4px 16px rgba(251,191,36,.25);animation:emphasize-1fd49919 .6s ease-out .8s}@keyframes emphasize-1fd49919{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.rank-tier-icon[data-v-1fd49919]{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.tier-bronze[data-v-1fd49919]{background:#92400e}.tier-silver[data-v-1fd49919]{background:#64748b}.tier-gold[data-v-1fd49919]{background:#ca8a04}.tier-platinum[data-v-1fd49919]{background:#0891b2}.tier-diamond[data-v-1fd49919]{background:#0ea5e9}.tier-master[data-v-1fd49919]{background:#dc2626}.rank-text[data-v-1fd49919]{display:flex;flex-direction:column;gap:2px}.tier-name[data-v-1fd49919]{font-size:.95rem;font-weight:600;color:#0f172a}.tier-level[data-v-1fd49919]{font-size:.8rem;color:#64748b;font-weight:500}.rank-arrow[data-v-1fd49919]{color:#94a3b8;font-size:1.5rem;flex-shrink:0}.rank-change-fade-enter-active[data-v-1fd49919]{animation:rankChangeFadeIn-1fd49919 .8s ease-out}.rank-change-fade-leave-active[data-v-1fd49919]{animation:rankChangeFadeOut-1fd49919 .4s ease-in}@keyframes rankChangeFadeIn-1fd49919{0%{opacity:0;transform:translateY(-20px) scale(.9)}50%{transform:translateY(5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rankChangeFadeOut-1fd49919{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes slideInFromTop-1fd49919{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft-1fd49919{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight-1fd49919{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.result-score-section[data-v-1fd49919]{display:flex;flex-direction:column;gap:12px}.score-distance-row[data-v-1fd49919]{display:flex;gap:12px;align-items:stretch;flex-wrap:nowrap}.score-distance-row>div[data-v-1fd49919]{flex:1 1 0;min-width:0}.result-score-section.compact[data-v-1fd49919]{gap:10px}.distance-display[data-v-1fd49919],.rank-points-display[data-v-1fd49919],.score-display[data-v-1fd49919]{background-color:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:12px 15px;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.score-display[data-v-1fd49919]{animation:slideInFromLeft-1fd49919 .5s ease-out .2s both}.distance-display[data-v-1fd49919]{animation:slideInFromLeft-1fd49919 .5s ease-out .3s both}.rank-points-display[data-v-1fd49919]{animation:slideInFromLeft-1fd49919 .5s ease-out .4s both}.distance-display[data-v-1fd49919]:hover,.rank-points-display[data-v-1fd49919]:hover,.score-display[data-v-1fd49919]:hover{transform:translateX(3px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.result-score-section.compact .distance-display[data-v-1fd49919],.result-score-section.compact .rank-points-display[data-v-1fd49919],.result-score-section.compact .score-display[data-v-1fd49919]{padding:10px 12px}.distance-icon[data-v-1fd49919],.rank-icon[data-v-1fd49919],.score-icon[data-v-1fd49919]{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;flex-shrink:0;transition:transform .3s ease}.distance-display:hover .distance-icon[data-v-1fd49919],.rank-points-display:hover .rank-icon[data-v-1fd49919],.score-display:hover .score-icon[data-v-1fd49919]{transform:rotate(5deg) scale(1.1)}.score-icon[data-v-1fd49919]{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 4px 10px rgba(59,130,246,.3)}.distance-icon[data-v-1fd49919]{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 10px rgba(16,185,129,.3)}.rank-icon[data-v-1fd49919]{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 4px 10px rgba(139,92,246,.3)}.distance-label[data-v-1fd49919],.rank-points-label[data-v-1fd49919],.score-label[data-v-1fd49919]{font-size:.8rem;color:#64748b;font-weight:500;flex:1;text-align:left;text-transform:uppercase;letter-spacing:.5px}.score-value[data-v-1fd49919]{background:linear-gradient(135deg,#3b82f6,#1e40af);-webkit-background-clip:text;background-clip:text}.distance-value[data-v-1fd49919],.score-value[data-v-1fd49919]{font-size:1.4rem;font-weight:700;color:#0f172a;margin-left:auto;-webkit-text-fill-color:transparent}.distance-value[data-v-1fd49919]{background:linear-gradient(135deg,#10b981,#065f46);-webkit-background-clip:text;background-clip:text}.rank-points-value[data-v-1fd49919]{font-size:1.4rem;font-weight:700;color:#0f172a;margin-left:auto;display:flex;align-items:center;gap:6px}.current-points[data-v-1fd49919]{background:linear-gradient(135deg,#8b5cf6,#6d28d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.points-decrease[data-v-1fd49919],.points-increase[data-v-1fd49919]{color:#0f172a}.points-change[data-v-1fd49919]{font-size:1rem;font-weight:600;display:inline-block}.points-increase .points-change[data-v-1fd49919]{color:#10b981}.points-decrease .points-change[data-v-1fd49919]{color:#ef4444}.result-actions[data-v-1fd49919]{padding:20px;display:flex;justify-content:space-between;gap:15px;border-top:2px solid #e2e8f0;background-color:#fff;border-radius:0 0 20px 20px}.btn-exit[data-v-1fd49919],.btn-restart[data-v-1fd49919]{flex:1;padding:12px 20px;border-radius:10px;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:all .3s ease;border:2px solid transparent;font-size:.95rem;position:relative;overflow:hidden}.btn-restart[data-v-1fd49919]{background:#fff;color:#111827;border-color:#e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.1)}.btn-restart[data-v-1fd49919]:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.1)}.btn-restart[data-v-1fd49919]:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.1)}.btn-exit i[data-v-1fd49919],.btn-exit span[data-v-1fd49919],.btn-restart i[data-v-1fd49919],.btn-restart span[data-v-1fd49919]{position:relative;z-index:1}.btn-exit[data-v-1fd49919]{background:#fff;color:#111827;border-color:#e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.1)}.btn-exit[data-v-1fd49919]:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.1)}.btn-exit[data-v-1fd49919]:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.1)}@media (max-width:768px){.content-grid[data-v-1fd49919]{grid-template-columns:1fr;gap:15px}}@media (max-width:480px){.result-container[data-v-1fd49919]{width:98%}.result-header[data-v-1fd49919]{padding:12px 15px}.result-header h2[data-v-1fd49919]{font-size:1.3rem}.result-content[data-v-1fd49919]{padding:15px}.result-actions[data-v-1fd49919]{padding:12px 15px;flex-direction:column;gap:10px}.btn-exit[data-v-1fd49919],.btn-restart[data-v-1fd49919]{padding:10px;font-size:.9rem}.player-info-section[data-v-1fd49919]{padding:10px 12px}.player-avatar[data-v-1fd49919]{width:45px;height:45px}.player-name[data-v-1fd49919]{font-size:1rem}.rank-change-section[data-v-1fd49919]{padding:12px}.rank-badge[data-v-1fd49919]{min-width:100px;padding:10px 12px}.rank-tier-icon[data-v-1fd49919]{width:35px;height:35px;font-size:1rem}.tier-name[data-v-1fd49919]{font-size:.85rem}.tier-level[data-v-1fd49919]{font-size:.7rem}.full-address-section[data-v-1fd49919],.poi-name-section[data-v-1fd49919]{padding:10px 14px}.address-icon[data-v-1fd49919],.poi-icon[data-v-1fd49919]{width:38px;height:38px;font-size:1rem}.poi-name[data-v-1fd49919]{font-size:1.05rem}.address-value[data-v-1fd49919]{font-size:.9rem}.distance-icon[data-v-1fd49919],.rank-icon[data-v-1fd49919],.score-icon[data-v-1fd49919]{width:35px;height:35px;font-size:.95rem}.distance-value[data-v-1fd49919],.rank-points-value[data-v-1fd49919],.score-value[data-v-1fd49919]{font-size:1.2rem}}.rank-change-section.downgrade[data-v-1fd49919]{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #cbd5e1;box-shadow:0 4px 12px rgba(15,23,42,.08)}.rank-change-section.downgrade .rank-change-header[data-v-1fd49919]{color:#475569}.rank-change-section.downgrade .rank-change-header i[data-v-1fd49919]{color:#64748b}.rank-change-section.downgrade .rank-badge.current[data-v-1fd49919]{border-color:#94a3b8;box-shadow:0 4px 16px rgba(100,116,139,.2)}.road-view-practice[data-v-1b8da9aa]{position:relative;width:100%;min-height:100svh;min-height:100dvh;height:100dvh;background-color:#f5f5f5;overflow:hidden}.top-ads-container[data-v-1b8da9aa]{position:fixed;top:0;left:0;right:0;z-index:15;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-xs) 0;box-shadow:0 2px 8px rgba(0,0,0,.05)}.game-header[data-v-1b8da9aa]{position:absolute;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:rgba(0,0,0,.85);color:#fff;backdrop-filter:blur(5px);transition:top .3s ease;height:56px;box-sizing:border-box}.game-header h2[data-v-1b8da9aa]{color:#fff;font-size:1.2rem;font-weight:600;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.road-reset-btn[data-v-1b8da9aa]{position:absolute;right:12px;width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;z-index:100;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.road-reset-btn[data-v-1b8da9aa]:hover{transform:translateY(-1px);background:rgba(0,0,0,.6);box-shadow:0 6px 14px rgba(0,0,0,.25)}.road-reset-btn i[data-v-1b8da9aa]{font-size:1rem}.back-btn[data-v-1b8da9aa]{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.back-btn[data-v-1b8da9aa]:hover{background-color:hsla(0,0%,100%,.2);transform:scale(1.1)}.game-status[data-v-1b8da9aa]{display:flex;align-items:center;gap:15px}.timer[data-v-1b8da9aa]{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:700;padding:6px 12px;color:#fff;background-color:rgba(0,0,0,.4);border-radius:20px;transition:background-color .3s;box-shadow:0 2px 8px rgba(0,0,0,.2)}.timer-warning[data-v-1b8da9aa]{background-color:rgba(255,50,50,.8);animation:pulse-1b8da9aa 1s infinite}@keyframes pulse-1b8da9aa{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.game-content[data-v-1b8da9aa]{width:100%;height:100%;position:relative}.road-view-container[data-v-1b8da9aa]{width:100%;height:100%;position:absolute;top:0;left:0}.map-toggle[data-v-1b8da9aa]{position:fixed;bottom:30px;right:30px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:12px 20px;border-radius:25px;font-weight:700;font-size:1rem;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.3);transition:all .3s ease;z-index:10}.map-toggle[data-v-1b8da9aa]:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.4)}.map-toggle[data-v-1b8da9aa]:active{transform:translateY(-1px)}.map-toggle i[data-v-1b8da9aa]{font-size:1.1rem}@media (max-width:480px){.map-toggle[data-v-1b8da9aa]{padding:10px 15px;font-size:.9rem;bottom:20px;right:20px}}.timer-container[data-v-1b8da9aa]{position:absolute;left:50%;transform:translateX(-50%);z-index:20;transition:top .3s ease}.modal-overlay[data-v-1b8da9aa]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:30;backdrop-filter:blur(5px)}.modal-content[data-v-1b8da9aa]{background-color:#fff;padding:30px;border-radius:15px;text-align:center;width:90%;max-width:400px;box-shadow:0 15px 30px rgba(0,0,0,.3);animation:popIn .5s cubic-bezier(.19,1,.22,1)}.modal-content h3[data-v-1b8da9aa]{margin-top:0;color:#333}.exit-modal[data-v-1b8da9aa]{padding:24px 30px 30px}.exit-modal-icon[data-v-1b8da9aa]{width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(37,99,235,.1));border-radius:50%;display:flex;align-items:center;justify-content:center}.exit-modal-icon i[data-v-1b8da9aa]{font-size:26px;color:#3b82f6}.exit-modal h3[data-v-1b8da9aa]{margin-bottom:12px;font-size:1.3rem;color:#1f2937}.exit-modal p[data-v-1b8da9aa]{margin:0 0 8px 0;color:#6b7280;font-size:.95rem;line-height:1.5}.exit-confirm-text[data-v-1b8da9aa]{margin-top:4px!important;font-size:.9rem!important;color:#9ca3af!important}.stay-btn[data-v-1b8da9aa]{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important}.stay-btn[data-v-1b8da9aa]:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(59,130,246,.4)!important}.modal-buttons[data-v-1b8da9aa]{display:flex;justify-content:center;gap:15px;margin-top:25px}.modal-buttons button[data-v-1b8da9aa]{padding:10px 25px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:all .2s ease}.modal-buttons button[data-v-1b8da9aa]:first-child{background-color:#ecf0f1;color:#333}.modal-buttons button[data-v-1b8da9aa]:first-child:hover{background-color:#bdc3c7}.modal-buttons button[data-v-1b8da9aa]:last-child{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.modal-buttons button[data-v-1b8da9aa]:last-child:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(231,76,60,.4)}@media (max-width:768px){.top-ads-container[data-v-1b8da9aa]{padding:var(--spacing-xs) 0}}@media (max-width:480px){.top-ads-container[data-v-1b8da9aa]{padding:4px 0}.game-header[data-v-1b8da9aa]{padding:10px}.game-status[data-v-1b8da9aa]{flex-direction:column;align-items:flex-end;gap:5px}.map-toggle[data-v-1b8da9aa]{padding:10px 15px;font-size:.9rem;bottom:20px;right:20px}}.toast-message[data-v-1b8da9aa]{position:absolute;top:20px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:#fff;padding:10px 20px;border-radius:10px;z-index:35;max-width:80%;text-align:center;animation:fadeIn-1b8da9aa .5s ease}@keyframes fadeIn-1b8da9aa{0%{opacity:0}to{opacity:1}}.purchase-modal[data-v-54698974]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-overlay[data-v-54698974]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);animation:fadeIn-54698974 .3s ease}.modal-container[data-v-54698974]{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;z-index:1;box-shadow:0 10px 30px rgba(0,0,0,.3);animation:zoomIn-54698974 .3s ease}.modal-header[data-v-54698974]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #eee}.modal-header h3[data-v-54698974]{margin:0;font-size:1.3rem;color:#333}.close-button[data-v-54698974]{background:none;border:none;font-size:1.2rem;color:#999;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-button[data-v-54698974]:hover{background:#f5f5f5;color:#333}.modal-content[data-v-54698974]{padding:1.5rem}.item-preview[data-v-54698974]{display:flex;gap:1.5rem;margin-bottom:1.5rem;background:#f8f9fa;padding:1rem;border-radius:8px}.item-image-container[data-v-54698974]{position:relative;width:100px;height:100px;flex-shrink:0}.item-image[data-v-54698974]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.item-rarity[data-v-54698974]{position:absolute;top:-10px;left:-10px;padding:.3rem .6rem;font-size:.8rem;border-radius:4px;font-weight:600}.item-rarity.일반[data-v-54698974]{background:#e0e0e0;color:#333}.item-rarity.레어[data-v-54698974]{background:#2196f3;color:#fff}.item-rarity.에픽[data-v-54698974]{background:#9c27b0;color:#fff}.item-details[data-v-54698974]{flex:1}.item-name[data-v-54698974]{font-weight:600;font-size:1.1rem;margin-bottom:.5rem;color:#333}.item-description[data-v-54698974]{font-size:.9rem;color:#666;line-height:1.4}.purchase-info[data-v-54698974]{background:#fff;border:1px solid #eee;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.balance-info[data-v-54698974],.price-info[data-v-54698974]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.balance-info[data-v-54698974]{margin-bottom:0;padding-top:.8rem;border-top:1px solid #eee}.balance[data-v-54698974],.price[data-v-54698974]{display:flex;align-items:center;gap:.3rem;font-weight:600}.balance i[data-v-54698974],.price i[data-v-54698974]{color:#ffc107}.balance i.fa-gem[data-v-54698974],.price i.fa-gem[data-v-54698974]{color:#9c27b0}.confirmation-message[data-v-54698974]{text-align:center;margin-bottom:1rem}.confirmation-message p[data-v-54698974]{font-size:1.1rem;color:#333;margin:0}.modal-footer[data-v-54698974]{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #eee}.cancel-button[data-v-54698974],.confirm-button[data-v-54698974]{padding:.7rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.cancel-button[data-v-54698974]{background:#f0f2f5;color:#333}.cancel-button[data-v-54698974]:hover{background:#e0e0e0}.confirm-button[data-v-54698974]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.confirm-button[data-v-54698974]:hover{background:linear-gradient(135deg,#5a71d6,#6a4394);transform:translateY(-2px)}@keyframes fadeIn-54698974{0%{opacity:0}to{opacity:1}}@keyframes zoomIn-54698974{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:768px){.item-preview[data-v-54698974]{flex-direction:column;align-items:center;text-align:center;gap:1rem}.item-image-container[data-v-54698974]{width:80px;height:80px}.modal-footer[data-v-54698974]{flex-direction:column-reverse;gap:.5rem}.cancel-button[data-v-54698974],.confirm-button[data-v-54698974]{width:100%}}.shop-page[data-v-7eb48b0e]{min-height:100vh;background:var(--color-background)}.shop-layout[data-v-7eb48b0e]{display:flex;padding-top:70px;min-height:100vh}.sidebar[data-v-7eb48b0e]{width:280px;min-height:calc(100vh - 70px);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:sticky;top:70px;height:calc(100vh - 70px)}.sidebar-header[data-v-7eb48b0e]{padding:var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.sidebar-header h2[data-v-7eb48b0e]{font-family:var(--font-heading);font-size:var(--font-size-h2);color:var(--color-text-primary);margin:0}.category-list[data-v-7eb48b0e]{flex:1;padding:var(--spacing-md);overflow-y:auto}.category-item[data-v-7eb48b0e]{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:left;margin-bottom:var(--spacing-xs)}.category-item i[data-v-7eb48b0e]:first-child{width:20px;text-align:center;color:var(--color-text-tertiary);font-size:1rem}.category-name[data-v-7eb48b0e]{flex:1;font-size:var(--font-size-body);color:var(--color-text-secondary);font-weight:500}.category-item .arrow[data-v-7eb48b0e]{color:var(--color-text-tertiary);font-size:.75rem;opacity:0;transition:opacity var(--transition-fast)}.category-item[data-v-7eb48b0e]:hover:not(.disabled){background:var(--color-surface-hover)}.category-item:hover:not(.disabled) .arrow[data-v-7eb48b0e]{opacity:1}.category-item.active[data-v-7eb48b0e]{background:var(--color-primary)}.category-item.active .arrow[data-v-7eb48b0e],.category-item.active .category-name[data-v-7eb48b0e],.category-item.active i[data-v-7eb48b0e]:first-child{color:#fff}.category-item.active .arrow[data-v-7eb48b0e]{opacity:1}.category-item.disabled[data-v-7eb48b0e]{opacity:.5;cursor:not-allowed}.soon-badge[data-v-7eb48b0e]{font-size:.65rem;background:var(--color-border);color:var(--color-text-tertiary);padding:2px 6px;border-radius:4px}.sidebar-footer[data-v-7eb48b0e]{padding:var(--spacing-lg);border-top:1px solid var(--color-border)}.points-card[data-v-7eb48b0e]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-accent) 0,#ff9a76 100%);border-radius:var(--radius-lg)}.points-icon[data-v-7eb48b0e]{width:44px;height:44px;background:hsla(0,0%,100%,.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.points-icon i[data-v-7eb48b0e]{color:#fff;font-size:1.25rem}.points-info[data-v-7eb48b0e]{display:flex;flex-direction:column}.points-label[data-v-7eb48b0e]{font-size:var(--font-size-tiny);color:hsla(0,0%,100%,.8)}.points-value[data-v-7eb48b0e]{font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:700;color:#fff}.main-content[data-v-7eb48b0e]{flex:1;padding:var(--spacing-xl);overflow-y:auto}.content-header[data-v-7eb48b0e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.header-title h1[data-v-7eb48b0e]{font-family:var(--font-heading);font-size:var(--font-size-h2);color:var(--color-text-primary);margin:0}.item-count[data-v-7eb48b0e]{font-size:var(--font-size-small);color:var(--color-text-tertiary)}.filter-pills[data-v-7eb48b0e]{display:flex;gap:var(--spacing-xs)}.pill[data-v-7eb48b0e]{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-small);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pill.active[data-v-7eb48b0e],.pill[data-v-7eb48b0e]:hover{border-color:var(--color-primary)}.pill.active[data-v-7eb48b0e]{background:var(--color-primary);color:#fff}.loading-container[data-v-7eb48b0e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl)}.loader[data-v-7eb48b0e]{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin-7eb48b0e 1s linear infinite}@keyframes spin-7eb48b0e{to{transform:rotate(1turn)}}.loading-container p[data-v-7eb48b0e]{margin-top:var(--spacing-md);color:var(--color-text-secondary)}.items-container[data-v-7eb48b0e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.item-card[data-v-7eb48b0e]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.item-card[data-v-7eb48b0e]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.item-card.equipped[data-v-7eb48b0e]{border-color:var(--color-success);box-shadow:0 0 0 1px var(--color-success)}.item-image[data-v-7eb48b0e]{position:relative;height:180px;background:var(--color-background);display:flex;align-items:center;justify-content:center}.item-image img[data-v-7eb48b0e]{max-width:70%;max-height:70%;-o-object-fit:contain;object-fit:contain}.tag[data-v-7eb48b0e]{position:absolute;top:var(--spacing-sm);padding:4px 10px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600}.tag.new[data-v-7eb48b0e]{left:var(--spacing-sm);background:var(--color-error);color:#fff}.tag.equipped[data-v-7eb48b0e]{right:var(--spacing-sm);background:var(--color-success);color:#fff}.item-details[data-v-7eb48b0e]{padding:var(--spacing-md)}.item-top[data-v-7eb48b0e]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.rarity-badge[data-v-7eb48b0e]{font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:4px}.rarity-badge.common[data-v-7eb48b0e]{background:var(--color-border);color:var(--color-text-secondary)}.rarity-badge.rare[data-v-7eb48b0e]{background:var(--color-primary);color:#fff}.rarity-badge.epic[data-v-7eb48b0e]{background:#8b5cf6;color:#fff}.rarity-badge.legendary[data-v-7eb48b0e]{background:var(--color-accent);color:#fff}.item-details h3[data-v-7eb48b0e]{font-family:var(--font-heading);font-size:var(--font-size-body);font-weight:600;color:var(--color-text-primary);margin:0}.description[data-v-7eb48b0e]{font-size:var(--font-size-small);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-actions[data-v-7eb48b0e]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-background);border-top:1px solid var(--color-border)}.price-tag[data-v-7eb48b0e]{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:600;color:var(--color-text-primary)}.price-tag i[data-v-7eb48b0e]{color:var(--color-accent)}.owned-label[data-v-7eb48b0e]{color:var(--color-success)}.action-btn[data-v-7eb48b0e],.owned-label[data-v-7eb48b0e]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-small)}.action-btn[data-v-7eb48b0e]{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.action-btn.buy[data-v-7eb48b0e]{background:var(--color-primary);color:#fff}.action-btn.buy[data-v-7eb48b0e]:hover:not(:disabled){background:var(--color-primary-dark)}.action-btn.buy[data-v-7eb48b0e]:disabled{background:var(--color-border);color:var(--color-text-tertiary);cursor:not-allowed}.action-btn.equip[data-v-7eb48b0e]{background:var(--color-success);color:#fff}.action-btn.equip.active[data-v-7eb48b0e]{background:var(--color-text-tertiary)}.empty-container[data-v-7eb48b0e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-tertiary)}.empty-icon i[data-v-7eb48b0e]{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}@media (max-width:1024px){.sidebar[data-v-7eb48b0e]{width:240px}}@media (max-width:768px){.shop-layout[data-v-7eb48b0e]{flex-direction:column}.sidebar[data-v-7eb48b0e]{width:100%;position:relative;top:0;height:auto;min-height:auto}.category-list[data-v-7eb48b0e]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm)}.category-item[data-v-7eb48b0e]{flex:0 0 auto;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-full)}.category-item .arrow[data-v-7eb48b0e],.sidebar-footer[data-v-7eb48b0e]{display:none}.main-content[data-v-7eb48b0e]{padding:var(--spacing-md)}.items-container[data-v-7eb48b0e]{grid-template-columns:1fr}}.inventory-page[data-v-505ea000]{width:100%;min-height:100vh;background-color:#f5f7fa}.inventory-main[data-v-505ea000]{max-width:1200px;margin:0 auto;padding:2rem;background:#f5f7fa;min-height:100vh;display:flex;flex-direction:column}.inventory-header[data-v-505ea000]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.inventory-title[data-v-505ea000]{font-size:2rem;font-weight:700;color:#333;margin:0}.inventory-stats[data-v-505ea000]{display:flex;gap:1rem}.stat-item[data-v-505ea000]{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.6rem 1rem;border-radius:50px;box-shadow:0 2px 8px rgba(0,0,0,.05);font-weight:600}.stat-item i[data-v-505ea000]{color:#4285f4}.stat-item:last-child i[data-v-505ea000]{color:#fbbc05}.inventory-nav[data-v-505ea000]{display:flex;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:2rem;overflow:hidden}.nav-item[data-v-505ea000]{flex:1;display:flex;flex-direction:column;align-items:center;padding:1.2rem 0;cursor:pointer;transition:all .3s ease;gap:.5rem;color:#666;position:relative}.nav-item[data-v-505ea000]:hover{background:#f8f9fa;color:#333}.nav-item.active[data-v-505ea000]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.nav-item i[data-v-505ea000]{font-size:1.2rem}.item-count[data-v-505ea000]{position:absolute;top:10px;right:10px;background:#f0f2f5;color:#666;font-size:.8rem;font-weight:600;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}.nav-item.active .item-count[data-v-505ea000]{background:hsla(0,0%,100%,.2);color:#fff}.inventory-content[data-v-505ea000]{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:1.5rem;flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.category-header[data-v-505ea000]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.category-header h2[data-v-505ea000]{margin:0;font-size:1.5rem;color:#333}.search-controls[data-v-505ea000]{display:flex;gap:1rem;align-items:center}.search-bar[data-v-505ea000]{position:relative;width:250px}.search-bar i[data-v-505ea000]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999}.search-bar input[data-v-505ea000]{width:100%;padding:.6rem 2.5rem;border:1px solid #ddd;border-radius:50px;font-size:.9rem;transition:all .3s ease}.search-bar input[data-v-505ea000]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.2)}.clear-search[data-v-505ea000]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;font-size:.9rem}.sort-dropdown select[data-v-505ea000]{padding:.6rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:.9rem;cursor:pointer;background:#fff}.empty-state[data-v-505ea000]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;text-align:center}.empty-icon[data-v-505ea000]{font-size:3rem;color:#ddd;margin-bottom:1rem}.empty-state h3[data-v-505ea000]{margin:0 0 .5rem 0;font-size:1.3rem;color:#666}.empty-state p[data-v-505ea000]{margin:0 0 1.5rem 0;color:#999}.shop-button[data-v-505ea000]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.shop-button[data-v-505ea000]:hover{transform:translateY(-2px)}.items-grid[data-v-505ea000]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;flex:1}.inventory-item[data-v-505ea000]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease;border:1px solid #eee;display:flex;flex-direction:column;cursor:pointer}.inventory-item[data-v-505ea000]:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.inventory-item.active[data-v-505ea000]{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.2)}.item-image-container[data-v-505ea000]{position:relative;padding-top:100%;background:#f8f9fa}.item-image[data-v-505ea000]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:1rem}.item-rarity[data-v-505ea000]{position:absolute;top:10px;left:10px;padding:.3rem .6rem;font-size:.8rem;border-radius:4px;font-weight:600}.item-rarity.일반[data-v-505ea000]{background:#e0e0e0;color:#333}.item-rarity.레어[data-v-505ea000]{background:#2196f3;color:#fff}.item-rarity.에픽[data-v-505ea000]{background:#9c27b0;color:#fff}.equipped-badge[data-v-505ea000]{position:absolute;top:10px;right:10px;background:#4caf50;color:#fff;font-weight:600;font-size:.8rem;padding:.3rem .6rem;border-radius:4px}.item-details[data-v-505ea000]{padding:1rem}.item-name[data-v-505ea000]{font-weight:600;font-size:1rem;margin-bottom:.3rem;color:#333}.item-category[data-v-505ea000]{font-size:.85rem;color:#999}.item-details-panel[data-v-505ea000]{position:absolute;top:0;right:0;bottom:0;width:350px;background:#fff;box-shadow:-5px 0 15px rgba(0,0,0,.1);z-index:10;display:flex;flex-direction:column;transition:all .3s ease;animation:slideIn-505ea000 .3s ease}.details-header[data-v-505ea000]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee}.details-header h3[data-v-505ea000]{margin:0;font-size:1.3rem;color:#333}.close-details[data-v-505ea000]{background:none;border:none;font-size:1.2rem;color:#999;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-details[data-v-505ea000]:hover{background:#f5f5f5;color:#333}.details-content[data-v-505ea000]{padding:1.5rem;flex:1;overflow-y:auto}.selected-item-image[data-v-505ea000]{position:relative;width:200px;height:200px;margin:0 auto 1.5rem auto}.selected-item-image img[data-v-505ea000]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.selected-item-image .item-rarity[data-v-505ea000]{left:50%;transform:translateX(-50%)}.selected-item-info h4[data-v-505ea000]{margin:0 0 .8rem 0;font-size:1.2rem;color:#333;text-align:center}.item-description[data-v-505ea000]{color:#666;line-height:1.5;margin-bottom:1.5rem;text-align:center}.item-stats[data-v-505ea000]{background:#f8f9fa;padding:1rem;border-radius:8px}.stat-row[data-v-505ea000]{display:flex;justify-content:space-between;margin-bottom:.8rem}.stat-row[data-v-505ea000]:last-child{margin-bottom:0}.stat-label[data-v-505ea000]{font-weight:600;color:#666}.stat-value[data-v-505ea000]{color:#333}.details-actions[data-v-505ea000]{padding:1.5rem;border-top:1px solid #eee;display:flex;justify-content:center}.action-button[data-v-505ea000]{padding:.7rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;border:none;width:100%;justify-content:center}.equip-button[data-v-505ea000]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.equip-button[data-v-505ea000]:hover{transform:translateY(-2px)}.unequip-button[data-v-505ea000]{background:#f44336;color:#fff}.unequip-button[data-v-505ea000]:hover{transform:translateY(-2px)}@keyframes slideIn-505ea000{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (max-width:768px){.inventory-main[data-v-505ea000]{padding:1rem}.inventory-header[data-v-505ea000]{flex-direction:column;align-items:flex-start;gap:1rem}.nav-item[data-v-505ea000]{padding:1rem 0}.category-header[data-v-505ea000]{flex-direction:column;align-items:flex-start}.search-controls[data-v-505ea000]{width:100%;flex-direction:column;align-items:stretch}.search-bar[data-v-505ea000]{width:100%}.items-grid[data-v-505ea000]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.item-details-panel[data-v-505ea000]{width:100%}}.profile-page[data-v-a0d130d2]{min-height:100dvh;height:auto;width:100%;background:#f8f9fa}.profile-content[data-v-a0d130d2]{padding-top:80px;max-width:1100px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:2rem}.loading-container[data-v-a0d130d2]{display:flex;justify-content:center;align-items:center;min-height:60vh}.loading-spinner[data-v-a0d130d2]{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#6b7280;font-size:1rem}.loading-spinner i[data-v-a0d130d2]{font-size:2rem;color:#667eea}.profile-container[data-v-a0d130d2]{display:flex;flex-direction:column;gap:1.5rem}.profile-header[data-v-a0d130d2]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;gap:2rem;border:1px solid #e5e7eb}.profile-avatar-section[data-v-a0d130d2]{display:flex;align-items:center;gap:1.5rem;flex:1}.profile-avatar[data-v-a0d130d2]{position:relative}.profile-avatar img[data-v-a0d130d2]{width:80px;height:80px;border-radius:50%;border:3px solid #e5e7eb;-o-object-fit:cover;object-fit:cover;background:#f3f4f6}.edit-avatar-btn[data-v-a0d130d2]{position:absolute;bottom:0;right:0;background:#6b7280;color:#fff;border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;font-size:.75rem}.edit-avatar-btn[data-v-a0d130d2]:hover{background:#4b5563}.profile-info[data-v-a0d130d2]{flex:1}.profile-nickname[data-v-a0d130d2]{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .25rem 0}.profile-email[data-v-a0d130d2]{font-size:.875rem;color:#6b7280;margin:0 0 .75rem 0}.profile-dates[data-v-a0d130d2]{display:flex;gap:1.5rem;flex-wrap:wrap}.date-item[data-v-a0d130d2]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.date-item i[data-v-a0d130d2]{color:#9ca3af}.streak-section[data-v-a0d130d2]{display:flex;align-items:stretch;gap:1rem;flex-wrap:wrap;justify-content:flex-start}.streak-card[data-v-a0d130d2]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;min-width:160px;flex:1 1 220px}.streak-card.streak-active[data-v-a0d130d2]{border-color:#3b82f6;background:#eff6ff}.streak-card.longest-streak-card[data-v-a0d130d2]{border-color:#f59e0b;background:#fffbeb}.streak-icon[data-v-a0d130d2]{font-size:2rem}.streak-icon i[data-v-a0d130d2]{color:#d1d5db}.streak-card.longest-streak-card .streak-icon i[data-v-a0d130d2],.streak-icon i.fire-active[data-v-a0d130d2]{color:#f59e0b}.streak-content[data-v-a0d130d2]{display:flex;flex-direction:column}.streak-value[data-v-a0d130d2]{font-size:1.5rem;font-weight:600;color:#111827}.streak-label[data-v-a0d130d2]{font-size:.75rem;color:#6b7280}.point-inventory-section[data-v-a0d130d2]{display:grid;grid-template-columns:1fr auto;gap:1rem}.point-card[data-v-a0d130d2]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.point-icon[data-v-a0d130d2]{font-size:2rem;color:#f59e0b}.point-details[data-v-a0d130d2]{text-align:left;flex:1}.point-label[data-v-a0d130d2]{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.point-value[data-v-a0d130d2]{font-size:1.5rem;font-weight:600;color:#111827}.inventory-button[data-v-a0d130d2]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}.inventory-button[data-v-a0d130d2]:hover{border-color:#3b82f6;background:#eff6ff}.inventory-button i[data-v-a0d130d2]{font-size:1.5rem;color:#3b82f6}.inventory-button span[data-v-a0d130d2]{font-size:.875rem;font-weight:600;color:#111827}.rank-card-inline[data-v-a0d130d2]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:1.5rem}.rank-icon[data-v-a0d130d2]{font-size:2.5rem}.rank-details[data-v-a0d130d2]{flex:1}.rank-tier[data-v-a0d130d2]{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#111827}.rank-rating[data-v-a0d130d2]{font-size:1rem;font-weight:500;margin-bottom:.25rem;color:#3b82f6}.rank-percentage[data-v-a0d130d2]{font-size:.875rem;color:#6b7280}.roadview-stats-layout[data-v-a0d130d2]{display:flex;gap:1rem;align-items:flex-start}.compact-rank-card[data-v-a0d130d2]{flex:0 0 auto;min-width:280px;margin-bottom:0}.compact-stats-grid[data-v-a0d130d2]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;flex:1}.compact-stat-item[data-v-a0d130d2]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.compact-stat-item .stat-header[data-v-a0d130d2]{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:#111827;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.compact-stat-item .stat-header i[data-v-a0d130d2]{color:#6b7280;font-size:.75rem}.compact-stat-item .stat-details[data-v-a0d130d2]{display:flex;flex-direction:column;gap:.5rem}.compact-stat-item .stat-row[data-v-a0d130d2]{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.compact-stat-item .stat-label[data-v-a0d130d2]{color:#6b7280}.compact-stat-item .stat-value[data-v-a0d130d2]{font-weight:500;color:#111827}.statistics-section[data-v-a0d130d2]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.section-title[data-v-a0d130d2]{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1.5rem 0;display:flex;align-items:center;gap:.5rem}.section-title i[data-v-a0d130d2]{color:#3b82f6;font-size:1.125rem}.best-score-card[data-v-a0d130d2]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}.best-score-icon[data-v-a0d130d2]{font-size:2rem;color:#f59e0b}.best-score-content[data-v-a0d130d2]{flex:1}.best-score-label[data-v-a0d130d2]{font-size:.875rem;font-weight:500;margin-bottom:.25rem;color:#6b7280}.best-score-value[data-v-a0d130d2]{font-size:1.75rem;font-weight:600;color:#111827}.game-stats-container[data-v-a0d130d2]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.game-stats-card[data-v-a0d130d2]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem}.stats-title[data-v-a0d130d2]{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem 0;display:flex;align-items:center;gap:.5rem}.stats-title i[data-v-a0d130d2]{color:#3b82f6;font-size:.875rem}.stats-grid[data-v-a0d130d2]{display:flex;flex-direction:column;gap:1rem}.stat-item[data-v-a0d130d2]{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.875rem}.stat-item.full-width[data-v-a0d130d2]{width:100%}.stat-header[data-v-a0d130d2]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.stat-header i[data-v-a0d130d2]{color:#6b7280;font-size:.75rem}.stat-details[data-v-a0d130d2]{display:flex;flex-direction:column;gap:.5rem}.stat-row[data-v-a0d130d2]{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.stat-label[data-v-a0d130d2]{color:#6b7280}.stat-value[data-v-a0d130d2]{font-weight:500;color:#111827}.rank-counts[data-v-a0d130d2]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem}.rank-count-item[data-v-a0d130d2]{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:.875rem;display:flex;flex-direction:column;align-items:center;text-align:center}.rank-count-icon[data-v-a0d130d2]{font-size:1.5rem;margin-bottom:.5rem}.rank-count-value[data-v-a0d130d2]{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.25rem}.rank-count-label[data-v-a0d130d2]{font-size:.75rem;color:#6b7280}.mode-tabs[data-v-a0d130d2]{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:0}.mode-tab[data-v-a0d130d2]{background:none;border:none;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;display:flex;align-items:center;gap:.5rem}.mode-tab[data-v-a0d130d2]:hover{color:#111827}.mode-tab.active[data-v-a0d130d2]{color:#3b82f6;border-bottom-color:#3b82f6}.mode-tab i[data-v-a0d130d2]{font-size:.875rem}.tab-content[data-v-a0d130d2]{animation:fadeIn-a0d130d2 .3s ease-in}@keyframes fadeIn-a0d130d2{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.overall-stats[data-v-a0d130d2]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.overall-stat-card[data-v-a0d130d2]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;display:flex;align-items:center;gap:1rem}.overall-stat-icon[data-v-a0d130d2]{width:48px;height:48px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#3b82f6}.overall-stat-info[data-v-a0d130d2]{flex:1}.overall-stat-value[data-v-a0d130d2]{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:.25rem}.overall-stat-label[data-v-a0d130d2]{font-size:.875rem;color:#6b7280}.coming-soon[data-v-a0d130d2]{text-align:center;padding:3rem 1rem;color:#9ca3af}.coming-soon i[data-v-a0d130d2]{font-size:3rem;margin-bottom:1rem;opacity:.5}.coming-soon h3[data-v-a0d130d2]{font-size:1.25rem;font-weight:600;color:#6b7280;margin:0 0 .5rem 0}.coming-soon p[data-v-a0d130d2]{font-size:.875rem;margin:0}.multiplayer-stats[data-v-a0d130d2]{margin-top:1rem}.multiplayer-stats .stats-title[data-v-a0d130d2]{margin-bottom:1rem}.modal-overlay[data-v-a0d130d2]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.inventory-modal[data-v-a0d130d2]{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.modal-header[data-v-a0d130d2]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-a0d130d2]{font-size:1.25rem;font-weight:600;color:#111827;margin:0;display:flex;align-items:center;gap:.5rem}.modal-header h3 i[data-v-a0d130d2]{color:#3b82f6}.modal-close[data-v-a0d130d2]{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s}.modal-close[data-v-a0d130d2]:hover{background:#f3f4f6}.modal-body[data-v-a0d130d2]{padding:1.5rem;overflow-y:auto}.inventory-tabs[data-v-a0d130d2]{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:0}.inventory-tab[data-v-a0d130d2]{background:none;border:none;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;display:flex;align-items:center;gap:.5rem}.inventory-tab[data-v-a0d130d2]:hover{color:#111827}.inventory-tab.active[data-v-a0d130d2]{color:#3b82f6;border-bottom-color:#3b82f6}.inventory-tab i[data-v-a0d130d2]{font-size:.875rem}.inventory-tab.disabled[data-v-a0d130d2],.inventory-tab[data-v-a0d130d2]:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.inventory-tab.disabled[data-v-a0d130d2]:hover,.inventory-tab[data-v-a0d130d2]:disabled:hover{color:#6b7280}.inventory-loading[data-v-a0d130d2]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#6b7280;gap:1rem}.inventory-loading i[data-v-a0d130d2]{font-size:2rem;color:#3b82f6}.inventory-loading span[data-v-a0d130d2]{font-size:.875rem;font-weight:500}.inventory-grid[data-v-a0d130d2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;min-height:200px}.inventory-item[data-v-a0d130d2]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;position:relative;transition:all .2s ease}.inventory-item.clickable[data-v-a0d130d2]{cursor:pointer}.inventory-item.clickable[data-v-a0d130d2]:hover{border-color:#3b82f6;background:#fff;transform:translateY(-2px)}.inventory-item.equipped[data-v-a0d130d2]{border-color:#3b82f6;background:#eff6ff;cursor:default}.item-image[data-v-a0d130d2]{font-size:3rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;overflow:hidden;position:relative}.item-image-img[data-v-a0d130d2]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.item-icon-fallback[data-v-a0d130d2]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.item-info[data-v-a0d130d2]{width:100%}.item-name[data-v-a0d130d2]{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.25rem}.item-category[data-v-a0d130d2]{font-size:.75rem;color:#6b7280}.equipped-badge[data-v-a0d130d2]{position:absolute;top:.5rem;right:.5rem;background:#3b82f6;color:#fff;font-size:.65rem;padding:.25rem .5rem;border-radius:4px;font-weight:600}.empty-inventory[data-v-a0d130d2]{grid-column:1/-1;text-align:center;padding:3rem 1rem;color:#9ca3af}.empty-inventory i[data-v-a0d130d2]{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-inventory p[data-v-a0d130d2]{font-size:.875rem;margin:0}.modal-fade-enter-active[data-v-a0d130d2],.modal-fade-leave-active[data-v-a0d130d2]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-a0d130d2],.modal-fade-leave-to[data-v-a0d130d2]{opacity:0}.modal-fade-enter-active .inventory-modal[data-v-a0d130d2],.modal-fade-leave-active .inventory-modal[data-v-a0d130d2]{transition:transform .3s ease}.modal-fade-enter-from .inventory-modal[data-v-a0d130d2],.modal-fade-leave-to .inventory-modal[data-v-a0d130d2]{transform:scale(.95)}.toast-notification[data-v-a0d130d2]{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);background-color:#334155;color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;animation:slideUp-a0d130d2 .3s ease-out;font-size:14px;font-weight:500;max-width:90%;text-align:center}@keyframes slideUp-a0d130d2{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:1024px){.game-stats-container[data-v-a0d130d2],.overall-stats[data-v-a0d130d2]{grid-template-columns:1fr}.rank-card-inline[data-v-a0d130d2]{flex-direction:column;text-align:center}.rank-details[data-v-a0d130d2]{text-align:center}.roadview-stats-layout[data-v-a0d130d2]{flex-direction:column}.compact-rank-card[data-v-a0d130d2]{width:100%;min-width:auto}.compact-stats-grid[data-v-a0d130d2]{grid-template-columns:1fr}}@media (max-width:768px){.profile-header[data-v-a0d130d2]{flex-direction:column;align-items:flex-start}.profile-avatar-section[data-v-a0d130d2]{flex-direction:column;align-items:center;text-align:center}.profile-dates[data-v-a0d130d2]{justify-content:center}.streak-section[data-v-a0d130d2]{width:100%}.streak-card[data-v-a0d130d2]{width:100%;justify-content:center}.rank-counts[data-v-a0d130d2]{grid-template-columns:1fr}.mode-tabs[data-v-a0d130d2]{overflow-x:auto;-webkit-overflow-scrolling:touch}.mode-tab[data-v-a0d130d2]{flex-shrink:0;padding:.75rem 1rem;font-size:.8125rem}.point-inventory-section[data-v-a0d130d2]{grid-template-columns:1fr}.inventory-button[data-v-a0d130d2]{padding:1.25rem}.inventory-grid[data-v-a0d130d2]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.inventory-tabs[data-v-a0d130d2]{overflow-x:auto;-webkit-overflow-scrolling:touch}.inventory-tab[data-v-a0d130d2]{flex-shrink:0}}.friends-page[data-v-678bf19f]{width:100%;min-height:100vh;background-color:#f5f7fa}.friends-content[data-v-678bf19f]{padding-top:80px;max-width:1200px;margin:0 auto;padding-left:1rem;padding-right:1rem}.friends-container[data-v-678bf19f]{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);overflow:hidden}.friends-header[data-v-678bf19f]{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.friends-header h2[data-v-678bf19f]{margin:0;font-size:1.5rem;color:#333}.header-controls[data-v-678bf19f]{display:flex;gap:10px;align-items:center}.search-bar[data-v-678bf19f]{position:relative;width:250px}.search-bar i[data-v-678bf19f]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999}.search-bar input[data-v-678bf19f]{width:100%;padding:8px 12px 8px 35px;border:1px solid #ddd;border-radius:20px;font-size:.9rem}.search-bar input[data-v-678bf19f]:focus{outline:none;border-color:#4285f4}.add-friend-btn[data-v-678bf19f]{background:#4285f4;color:#fff;border:none;padding:8px 15px;border-radius:20px;display:flex;align-items:center;gap:5px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-friend-btn[data-v-678bf19f]:hover{background:#3367d6}.tabs[data-v-678bf19f]{display:flex;border-bottom:1px solid #eee}.tab[data-v-678bf19f]{padding:15px 20px;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease;position:relative}.tab[data-v-678bf19f]:hover{color:#333;background:#f8f9fa}.tab.active[data-v-678bf19f]{color:#4285f4;border-bottom:2px solid #4285f4}.request-badge[data-v-678bf19f]{background:#f44336;color:#fff;font-size:.7rem;padding:2px 6px;border-radius:10px;margin-left:5px}.friends-list[data-v-678bf19f],.requests-list[data-v-678bf19f]{padding:20px}.empty-state[data-v-678bf19f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;text-align:center}.empty-icon[data-v-678bf19f]{font-size:3rem;color:#ddd;margin-bottom:15px}.empty-state p[data-v-678bf19f]{margin:0 0 15px 0;color:#666}.friends-grid[data-v-678bf19f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.friend-card[data-v-678bf19f]{background:#f8f9fa;border-radius:8px;padding:15px;display:flex;align-items:center;position:relative;transition:all .2s ease}.friend-card[data-v-678bf19f]:hover{background:#f0f2f5;transform:translateY(-2px)}.friend-status[data-v-678bf19f]{position:absolute;top:10px;left:10px;width:10px;height:10px;border-radius:50%}.friend-status.online[data-v-678bf19f]{background:#4caf50}.friend-status.ingame[data-v-678bf19f]{background:#ff9800}.friend-status.offline[data-v-678bf19f]{background:#9e9e9e}.friend-avatar[data-v-678bf19f]{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:15px}.friend-avatar img[data-v-678bf19f]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.friend-info[data-v-678bf19f]{flex:1}.friend-name[data-v-678bf19f]{font-weight:600;color:#333;margin-bottom:3px;display:flex;align-items:center}.friend-level[data-v-678bf19f]{font-size:.8rem;color:#666;margin-left:8px}.friend-meta[data-v-678bf19f]{font-size:.85rem;color:#666}.friend-actions[data-v-678bf19f]{display:flex;gap:5px}.action-btn[data-v-678bf19f]{background:none;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;cursor:pointer;transition:all .2s ease}.action-btn[data-v-678bf19f]:hover{background:rgba(0,0,0,.1);color:#333}.invite-btn[data-v-678bf19f]:hover{color:#4285f4}.message-btn[data-v-678bf19f]:hover{color:#4caf50}.request-item[data-v-678bf19f]{display:flex;align-items:center;background:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:10px}.request-avatar[data-v-678bf19f]{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:15px}.request-avatar img[data-v-678bf19f]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.request-info[data-v-678bf19f]{flex:1}.request-name[data-v-678bf19f]{font-weight:600;color:#333;margin-bottom:3px}.request-meta[data-v-678bf19f]{font-size:.85rem;color:#666;display:flex;align-items:center}.request-time[data-v-678bf19f]{margin-right:10px}.mutual-friends[data-v-678bf19f]{display:flex;align-items:center}.mutual-friends[data-v-678bf19f]:before{content:"•";margin-right:5px}.request-actions[data-v-678bf19f]{display:flex;gap:10px}.accept-btn[data-v-678bf19f],.reject-btn[data-v-678bf19f]{padding:6px 12px;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.accept-btn[data-v-678bf19f]{background:#4285f4;color:#fff}.accept-btn[data-v-678bf19f]:hover{background:#3367d6}.reject-btn[data-v-678bf19f]{background:#f0f2f5;color:#333}.reject-btn[data-v-678bf19f]:hover{background:#e0e3e9}.modal-overlay[data-v-678bf19f]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-678bf19f]{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 15px 30px rgba(0,0,0,.2)}.modal-header[data-v-678bf19f]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.modal-header h3[data-v-678bf19f]{margin:0;font-size:1.3rem;color:#333}.close-btn[data-v-678bf19f]{background:none;border:none;font-size:1.2rem;color:#999;cursor:pointer}.modal-content[data-v-678bf19f]{padding:20px}.invite-section[data-v-678bf19f],.search-section[data-v-678bf19f]{margin-bottom:20px}.search-section label[data-v-678bf19f]{display:block;margin-bottom:10px;font-weight:600;color:#333}.search-input[data-v-678bf19f]{display:flex;gap:10px}.search-input input[data-v-678bf19f]{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:1rem}.search-btn[data-v-678bf19f]{background:#4285f4;color:#fff;border:none;border-radius:6px;width:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}.search-results[data-v-678bf19f]{margin-top:20px}.search-results h4[data-v-678bf19f]{margin:0 0 10px 0;color:#333;font-size:1.1rem}.result-item[data-v-678bf19f]{display:flex;align-items:center;padding:10px;border-radius:6px;transition:all .2s ease}.result-item[data-v-678bf19f]:hover{background:#f8f9fa}.result-avatar[data-v-678bf19f]{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:10px}.result-avatar img[data-v-678bf19f]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.result-info[data-v-678bf19f]{flex:1}.result-name[data-v-678bf19f]{font-weight:600;color:#333}.result-id[data-v-678bf19f]{font-size:.85rem;color:#666}.add-btn[data-v-678bf19f]{background:#4285f4;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-btn[data-v-678bf19f]:hover{background:#3367d6}.add-btn.sent[data-v-678bf19f]{background:#f0f2f5;color:#666;cursor:default}.divider[data-v-678bf19f]{display:flex;align-items:center;margin:20px 0;color:#999}.divider[data-v-678bf19f]:after,.divider[data-v-678bf19f]:before{content:"";flex:1;border-bottom:1px solid #eee}.divider span[data-v-678bf19f]{padding:0 10px}.invite-section h4[data-v-678bf19f]{margin:0 0 10px 0;color:#333;font-size:1.1rem}.invite-section p[data-v-678bf19f]{margin:0 0 15px 0;color:#666}.share-buttons[data-v-678bf19f]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.share-btn[data-v-678bf19f]{padding:10px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:5px;border:none}.share-btn.kakao[data-v-678bf19f]{background:#fee500;color:#3c1e1e}.share-btn.facebook[data-v-678bf19f]{background:#3b5998;color:#fff}.share-btn.email[data-v-678bf19f],.share-btn.link[data-v-678bf19f]{background:#f0f2f5;color:#333}.share-btn[data-v-678bf19f]:hover{transform:translateY(-2px)}@media (max-width:768px){.friends-header[data-v-678bf19f]{flex-direction:column;align-items:flex-start}.header-controls[data-v-678bf19f]{width:100%;flex-direction:column}.search-bar[data-v-678bf19f]{width:100%}.add-friend-btn[data-v-678bf19f]{width:100%;justify-content:center}.friends-grid[data-v-678bf19f]{grid-template-columns:1fr}.request-item[data-v-678bf19f]{flex-direction:column;align-items:flex-start;text-align:center}.request-avatar[data-v-678bf19f]{margin:0 auto 10px auto}.request-meta[data-v-678bf19f]{justify-content:center;flex-direction:column;gap:5px}.mutual-friends[data-v-678bf19f]:before{display:none}.request-actions[data-v-678bf19f]{width:100%;margin-top:10px}.accept-btn[data-v-678bf19f],.reject-btn[data-v-678bf19f]{flex:1}.share-buttons[data-v-678bf19f]{grid-template-columns:1fr}}.account-settings-page[data-v-483c3eaa]{width:100%;min-height:100vh;background-color:#f5f7fa}.settings-container[data-v-483c3eaa]{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);overflow:hidden}.settings-header[data-v-483c3eaa]{padding:20px;border-bottom:1px solid #eee}.settings-header h2[data-v-483c3eaa]{margin:0 0 8px 0;font-size:1.5rem;color:#333}.settings-header p[data-v-483c3eaa]{margin:0;color:#666}.settings-content[data-v-483c3eaa]{padding:20px}.settings-section[data-v-483c3eaa]{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #eee}.settings-section[data-v-483c3eaa]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.settings-section h3[data-v-483c3eaa]{margin:0 0 20px 0;font-size:1.2rem;color:#333}.form-group[data-v-483c3eaa]{margin-bottom:20px}.form-group label[data-v-483c3eaa]{display:block;margin-bottom:8px;font-weight:600;color:#555}.form-group input[data-v-483c3eaa],.form-group select[data-v-483c3eaa]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:all .2s ease}.form-group input[data-v-483c3eaa]:focus,.form-group select[data-v-483c3eaa]:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 3px rgba(66,133,244,.1)}.form-group input[data-v-483c3eaa]:disabled{background-color:#f5f5f5;cursor:not-allowed}.input-hint[data-v-483c3eaa]{margin:5px 0 0 0;font-size:.85rem;color:#888}.input-with-button[data-v-483c3eaa]{display:flex;gap:10px}.input-with-button input[data-v-483c3eaa]{flex:1}.edit-btn[data-v-483c3eaa],.save-btn[data-v-483c3eaa]{padding:0 15px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.edit-btn[data-v-483c3eaa]{background:#f0f2f5;color:#4285f4}.save-btn[data-v-483c3eaa]{background:#4285f4;color:#fff}.password-strength[data-v-483c3eaa]{margin-bottom:20px}.strength-label[data-v-483c3eaa]{margin-bottom:5px;font-size:.9rem;color:#666}.strength-meter[data-v-483c3eaa]{height:6px;background:#eee;border-radius:3px;overflow:hidden;margin-bottom:5px}.strength-bar[data-v-483c3eaa]{height:100%;transition:width .3s ease}.strength-bar.weak[data-v-483c3eaa]{background:#f44336}.strength-bar.fair[data-v-483c3eaa]{background:#ff9800}.strength-bar.good[data-v-483c3eaa]{background:#4caf50}.strength-bar.strong[data-v-483c3eaa]{background:#2196f3}.strength-text[data-v-483c3eaa]{font-size:.85rem;text-align:right}.strength-text.weak[data-v-483c3eaa]{color:#f44336}.strength-text.fair[data-v-483c3eaa]{color:#ff9800}.strength-text.good[data-v-483c3eaa]{color:#4caf50}.strength-text.strong[data-v-483c3eaa]{color:#2196f3}.form-actions[data-v-483c3eaa]{display:flex;justify-content:flex-end}.primary-btn[data-v-483c3eaa]{padding:10px 20px;background:#4285f4;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.primary-btn[data-v-483c3eaa]:hover{background:#3367d6}.primary-btn[data-v-483c3eaa]:disabled{background:#c5c5c5;cursor:not-allowed}.toggle-group[data-v-483c3eaa]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.toggle-label[data-v-483c3eaa]{flex:1}.toggle-label span[data-v-483c3eaa]{display:block;font-weight:600;color:#333;margin-bottom:3px}.toggle-label p[data-v-483c3eaa]{margin:0;font-size:.85rem;color:#666}.toggle[data-v-483c3eaa]{position:relative;display:inline-block;width:50px;height:26px}.toggle input[data-v-483c3eaa]{opacity:0;width:0;height:0}.toggle-slider[data-v-483c3eaa]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.toggle-slider[data-v-483c3eaa]:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.toggle input:checked+.toggle-slider[data-v-483c3eaa]{background-color:#4285f4}.toggle input:checked+.toggle-slider[data-v-483c3eaa]:before{transform:translateX(24px)}.settings-actions[data-v-483c3eaa]{display:flex;gap:15px;flex-wrap:wrap}.danger-btn[data-v-483c3eaa],.secondary-btn[data-v-483c3eaa]{padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;border:none}.secondary-btn[data-v-483c3eaa]{background:#f0f2f5;color:#333}.secondary-btn[data-v-483c3eaa]:hover{background:#e0e3e9}.danger-btn[data-v-483c3eaa]{background:#f8d7da;color:#dc3545}.danger-btn[data-v-483c3eaa]:hover{background:#f5c2c7}.modal-overlay[data-v-483c3eaa]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-483c3eaa]{background:#fff;border-radius:12px;width:90%;max-width:500px;box-shadow:0 15px 30px rgba(0,0,0,.2);overflow:hidden}.modal-header[data-v-483c3eaa]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.modal-header h3[data-v-483c3eaa]{margin:0;font-size:1.3rem;color:#333}.close-btn[data-v-483c3eaa]{background:none;border:none;font-size:1.2rem;color:#999;cursor:pointer}.modal-content[data-v-483c3eaa]{padding:20px;text-align:center}.warning-icon[data-v-483c3eaa]{font-size:3rem;color:#dc3545;margin-bottom:15px}.modal-text[data-v-483c3eaa]{margin-bottom:20px;color:#333;line-height:1.5}.confirm-input label[data-v-483c3eaa]{display:block;margin-bottom:10px;font-weight:600;color:#333}.confirm-input input[data-v-483c3eaa]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;text-align:center;font-size:1rem}.modal-footer[data-v-483c3eaa]{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid #eee}.cancel-btn[data-v-483c3eaa],.delete-btn[data-v-483c3eaa]{padding:8px 15px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.cancel-btn[data-v-483c3eaa]{background:#f0f2f5;color:#333}.delete-btn[data-v-483c3eaa]{background:#dc3545;color:#fff}.delete-btn[data-v-483c3eaa]:disabled{background:#e9a2a9;cursor:not-allowed}@media (max-width:768px){.toggle-group[data-v-483c3eaa]{flex-direction:column;align-items:flex-start;gap:10px}.toggle[data-v-483c3eaa]{align-self:flex-start}}#roadview[data-v-754d853b]{width:100%;height:300px}#initialMap[data-v-02a6ddf0],#roadview[data-v-02a6ddf0],#updatedMap[data-v-02a6ddf0]{width:100%;height:300px;margin-top:10px}.temp-login-container[data-v-11e0a1c6]{min-height:100vh;background:#f5f7fa;display:flex;justify-content:center;align-items:center;padding:2rem}.temp-login-card[data-v-11e0a1c6]{background:#fff;border-radius:8px;padding:2rem;max-width:400px;width:100%;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.1)}.card-header[data-v-11e0a1c6]{text-align:center;margin-bottom:2rem}.card-header h2[data-v-11e0a1c6]{color:#111827;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.card-header p[data-v-11e0a1c6]{color:#6b7280;font-size:.875rem}.login-section[data-v-11e0a1c6],.management-section[data-v-11e0a1c6]{margin-bottom:2rem}.form-group[data-v-11e0a1c6]{margin-bottom:1.5rem}.form-group label[data-v-11e0a1c6]{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.form-group input[data-v-11e0a1c6]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s ease}.form-group input[data-v-11e0a1c6]:focus{outline:none;border-color:#3b82f6}.form-group input[data-v-11e0a1c6]:disabled{background-color:#f8f9fa;cursor:not-allowed}.login-btn[data-v-11e0a1c6],.logout-btn[data-v-11e0a1c6],.reissue-btn[data-v-11e0a1c6]{width:100%;padding:.75rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:.5rem}.login-btn[data-v-11e0a1c6]{background:#3b82f6;color:#fff}.login-btn[data-v-11e0a1c6]:hover:not(:disabled){background:#2563eb}.login-btn[data-v-11e0a1c6]:disabled{opacity:.6;cursor:not-allowed}.reissue-btn[data-v-11e0a1c6]{background:#6b7280;color:#fff}.reissue-btn[data-v-11e0a1c6]:hover:not(:disabled){background:#4b5563}.logout-btn[data-v-11e0a1c6]{background:#ef4444;color:#fff}.logout-btn[data-v-11e0a1c6]:hover:not(:disabled){background:#dc2626}.user-info[data-v-11e0a1c6]{background:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:1rem}.user-info h3[data-v-11e0a1c6]{color:#111827;margin-bottom:.5rem;font-size:1rem;font-weight:600}.user-info p[data-v-11e0a1c6]{margin:.25rem 0;color:#6b7280;font-size:.875rem}.action-buttons[data-v-11e0a1c6]{display:grid;gap:.5rem}.error-message[data-v-11e0a1c6]{background:#f8d7da;color:#721c24;padding:.75rem;border-radius:8px;margin-bottom:1rem;border:1px solid #f5c6cb}.success-message[data-v-11e0a1c6]{background:#d4edda;color:#155724;padding:.75rem;border-radius:8px;margin-bottom:1rem;border:1px solid #c3e6cb}.navigation[data-v-11e0a1c6]{text-align:center}.main-link[data-v-11e0a1c6]{display:inline-block;padding:.5rem 1rem;background:#f3f4f6;color:#374151;text-decoration:none;border-radius:6px;font-weight:500;font-size:.875rem;transition:background-color .2s ease}.main-link[data-v-11e0a1c6]:hover{background:#e5e7eb}@media (max-width:768px){.temp-login-container[data-v-11e0a1c6]{padding:1rem}.temp-login-card[data-v-11e0a1c6]{padding:1.5rem}}.dev-test-page[data-v-9638543a]{min-height:100vh;background:#f5f7fa}.dev-test-content[data-v-9638543a]{padding-top:80px;min-height:calc(100vh - 80px)}.dev-test-container[data-v-9638543a]{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.page-title[data-v-9638543a]{font-size:2rem;font-weight:700;color:#111827;margin-bottom:.5rem}.page-description[data-v-9638543a]{font-size:1rem;color:#6b7280;margin-bottom:2rem}.test-sections[data-v-9638543a]{display:grid;gap:2rem}.test-section[data-v-9638543a]{background:#fff;border-radius:12px;padding:2rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.1)}.section-title[data-v-9638543a]{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:.5rem}.section-description[data-v-9638543a]{font-size:.875rem;color:#6b7280;margin-bottom:1.5rem}.test-button[data-v-9638543a]{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease-out;box-shadow:0 4px 12px rgba(59,130,246,.3);will-change:transform}.test-button[data-v-9638543a]:hover{transform:translate3d(0,-2px,0);box-shadow:0 6px 20px rgba(59,130,246,.4)}.component-grid[data-v-9638543a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}@media (max-width:768px){.dev-test-container[data-v-9638543a]{padding:1.5rem 1rem}.test-section[data-v-9638543a]{padding:1.5rem}.component-grid[data-v-9638543a]{grid-template-columns:1fr}}.round-results-a[data-v-126cea99]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f0f9ff,#e0f2fe);padding:1rem}.results-card[data-v-126cea99]{width:100%;height:100%;max-width:1200px;background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(37,99,235,.1),0 8px 24px rgba(0,0,0,.06);display:flex;flex-direction:column;overflow:hidden;animation:cardSlideUp-126cea99 .5s cubic-bezier(.16,1,.3,1)}@keyframes cardSlideUp-126cea99{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card-header[data-v-126cea99]{padding:1.5rem 2rem;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.header-badge[data-v-126cea99]{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.round-badge[data-v-126cea99]{background:hsla(0,0%,100%,.2);padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;backdrop-filter:blur(10px)}.final-badge[data-v-126cea99]{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#111827;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;animation:pulse-126cea99 2s infinite}@keyframes pulse-126cea99{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.location-title[data-v-126cea99]{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.location-address[data-v-126cea99]{margin:.5rem 0 0;font-size:.9rem;opacity:.85;display:flex;align-items:center;gap:.5rem}.location-address i[data-v-126cea99]{font-size:.8rem}.map-section[data-v-126cea99]{flex:1;position:relative;min-height:400px}.winner-float-card[data-v-126cea99]{position:absolute;top:1rem;right:1rem;background:#fff;border-radius:16px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 8px 32px rgba(0,0,0,.12);z-index:100;animation:floatIn-126cea99 .4s ease-out .3s both}@keyframes floatIn-126cea99{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.winner-icon[data-v-126cea99]{width:48px;height:48px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem}.winner-info[data-v-126cea99]{display:flex;flex-direction:column}.winner-label[data-v-126cea99]{font-size:.7rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.winner-name[data-v-126cea99]{font-size:1rem;font-weight:700;color:#111827}.winner-distance[data-v-126cea99]{font-size:.85rem;color:#2563eb;font-weight:600}.action-bar[data-v-126cea99]{padding:1.25rem 2rem;background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:space-between}.action-bar[data-v-126cea99],.ready-players[data-v-126cea99]{display:flex;align-items:center}.player-avatar[data-v-126cea99]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#e5e7eb,#d1d5db);background-size:cover;background-position:50%;border:2px solid #fff;margin-left:-8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.player-avatar[data-v-126cea99]:first-child{margin-left:0}.more-count[data-v-126cea99]{margin-left:.5rem;font-size:.8rem;color:#6b7280;font-weight:500}.progress-section[data-v-126cea99]{display:flex;align-items:center;gap:1rem}.timer-display[data-v-126cea99]{display:flex;align-items:center;gap:.75rem}.timer-ring[data-v-126cea99]{width:48px;height:48px;position:relative}.timer-ring svg[data-v-126cea99]{width:100%;height:100%;transform:rotate(-90deg)}.timer-bg[data-v-126cea99]{fill:none;stroke:#e5e7eb;stroke-width:3}.timer-progress[data-v-126cea99]{fill:none;stroke:#2563eb;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray 1s linear}.timer-text[data-v-126cea99]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:700;color:#111827}.timer-label[data-v-126cea99]{font-size:.85rem;color:#6b7280}.finish-btn[data-v-126cea99]{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#111827;border:none;padding:.875rem 1.5rem;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:0 4px 16px rgba(245,158,11,.3)}.finish-btn[data-v-126cea99]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,158,11,.4)}@media (max-width:768px){.round-results-a[data-v-126cea99]{padding:0}.results-card[data-v-126cea99]{border-radius:0}.card-header[data-v-126cea99]{padding:1.25rem 1.5rem}.location-title[data-v-126cea99]{font-size:1.25rem}.map-section[data-v-126cea99]{min-height:300px}.winner-float-card[data-v-126cea99]{top:.75rem;right:.75rem;padding:.75rem 1rem}.winner-icon[data-v-126cea99]{width:40px;height:40px;font-size:1rem}.action-bar[data-v-126cea99]{padding:1rem 1.5rem;flex-direction:column;gap:1rem}}.round-results-b[data-v-2dce5392]{width:100%;height:100%;background:linear-gradient(135deg,#0f172a,#1e293b);position:relative;overflow:hidden}.bg-effects[data-v-2dce5392]{position:absolute;inset:0;pointer-events:none}.bg-orb[data-v-2dce5392]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.orb-1[data-v-2dce5392]{width:400px;height:400px;background:#2563eb;top:-100px;left:-100px;animation:float-2dce5392 8s ease-in-out infinite}.orb-2[data-v-2dce5392]{width:300px;height:300px;background:#f59e0b;bottom:-50px;right:-50px;animation:float-2dce5392 6s ease-in-out infinite reverse}@keyframes float-2dce5392{0%,to{transform:translate(0)}50%{transform:translate(20px,20px)}}.bg-grid[data-v-2dce5392]{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:40px 40px}.game-container[data-v-2dce5392]{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;padding:1rem}.scoreboard-header[data-v-2dce5392]{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);border-radius:16px;border:1px solid hsla(0,0%,100%,.1);margin-bottom:1rem}.round-indicator[data-v-2dce5392]{display:flex;align-items:center;gap:.75rem}.round-progress-ring[data-v-2dce5392]{width:60px;height:60px;position:relative}.round-progress-ring svg[data-v-2dce5392]{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg[data-v-2dce5392]{fill:none;stroke:hsla(0,0%,100%,.1);stroke-width:6}.ring-fill[data-v-2dce5392]{fill:none;stroke:#2563eb;stroke-width:6;stroke-linecap:round;transition:stroke-dasharray .5s ease}.round-number[data-v-2dce5392]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:baseline;color:#fff}.round-number .current[data-v-2dce5392]{font-size:1.25rem;font-weight:700}.round-number .separator[data-v-2dce5392]{font-size:.8rem;margin:0 2px;opacity:.5}.round-number .total[data-v-2dce5392]{font-size:.8rem;opacity:.7}.final-indicator[data-v-2dce5392]{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#111827;padding:.4rem .8rem;border-radius:8px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:.4rem;animation:glow-2dce5392 2s ease-in-out infinite}@keyframes glow-2dce5392{0%,to{box-shadow:0 0 10px rgba(245,158,11,.5)}50%{box-shadow:0 0 25px rgba(245,158,11,.8)}}.location-display[data-v-2dce5392]{flex:1;display:flex;align-items:center;gap:1rem}.location-icon[data-v-2dce5392]{width:48px;height:48px;background:rgba(37,99,235,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#60a5fa;font-size:1.25rem}.location-text h2[data-v-2dce5392]{margin:0;font-size:1.25rem;font-weight:700;color:#fff}.location-text p[data-v-2dce5392]{margin:.25rem 0 0;font-size:.85rem;color:hsla(0,0%,100%,.6)}.winner-highlight[data-v-2dce5392]{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(251,191,36,.1));border-radius:12px;border:1px solid rgba(245,158,11,.3)}.crown-animation[data-v-2dce5392]{color:#fbbf24;font-size:1.5rem;animation:bounce-2dce5392 1s ease infinite}@keyframes bounce-2dce5392{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.winner-details[data-v-2dce5392]{display:flex;flex-direction:column}.winner-details .label[data-v-2dce5392]{font-size:.65rem;color:#fbbf24;font-weight:600;letter-spacing:.1em}.winner-details .name[data-v-2dce5392]{font-size:1rem;font-weight:700;color:#fff}.winner-details .score[data-v-2dce5392]{font-size:.85rem;color:#60a5fa;font-weight:600}.game-arena[data-v-2dce5392]{flex:1;display:flex;gap:1rem;min-height:0}.map-wrapper[data-v-2dce5392]{flex:1;position:relative;border-radius:16px;overflow:hidden}.map-overlay-border[data-v-2dce5392]{position:absolute;inset:0;border:2px solid hsla(0,0%,100%,.1);border-radius:16px;pointer-events:none}.player-ranking[data-v-2dce5392]{width:240px;background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);border-radius:16px;padding:1rem;border:1px solid hsla(0,0%,100%,.1)}.ranking-title[data-v-2dce5392]{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:hsla(0,0%,100%,.7);display:flex;align-items:center;gap:.5rem}.ranking-title i[data-v-2dce5392]{color:#f59e0b}.ranking-list[data-v-2dce5392]{display:flex;flex-direction:column;gap:.5rem}.ranking-item[data-v-2dce5392]{display:flex;align-items:center;gap:.75rem;padding:.6rem;border-radius:10px;background:hsla(0,0%,100%,.03);transition:all .2s ease}.ranking-item.top-three[data-v-2dce5392]{background:hsla(0,0%,100%,.08)}.rank-badge[data-v-2dce5392]{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;background:hsla(0,0%,100%,.1)}.rank-badge.rank-1[data-v-2dce5392]{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111827}.rank-badge.rank-2[data-v-2dce5392]{background:linear-gradient(135deg,#94a3b8,#64748b)}.rank-badge.rank-3[data-v-2dce5392]{background:linear-gradient(135deg,#d97706,#b45309)}.player-marker[data-v-2dce5392]{width:32px;height:32px;border-radius:50%;background:hsla(0,0%,100%,.1);background-size:cover;background-position:50%}.player-info[data-v-2dce5392]{flex:1;min-width:0}.player-name[data-v-2dce5392]{display:block;font-size:.85rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-score[data-v-2dce5392]{display:block;font-size:.75rem;color:#60a5fa}.game-controls[data-v-2dce5392]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);border-radius:16px;border:1px solid hsla(0,0%,100%,.1);margin-top:1rem}.ready-status[data-v-2dce5392]{display:flex;align-items:center;gap:.75rem}.ready-avatars[data-v-2dce5392]{display:flex}.ready-avatar[data-v-2dce5392]{width:36px;height:36px;border-radius:50%;background:hsla(0,0%,100%,.1);background-size:cover;background-position:50%;margin-left:-8px;border:2px solid #1e293b;position:relative}.ready-avatar[data-v-2dce5392]:first-child{margin-left:0}.ready-avatar i[data-v-2dce5392]{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.5rem;color:#fff}.ready-count[data-v-2dce5392]{font-size:.85rem;color:hsla(0,0%,100%,.7)}.action-area[data-v-2dce5392],.countdown-display[data-v-2dce5392]{display:flex;align-items:center;gap:1rem}.countdown-bar[data-v-2dce5392]{width:120px;height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden}.countdown-fill[data-v-2dce5392]{height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:3px;transition:width 1s linear}.countdown-info[data-v-2dce5392]{display:flex;align-items:baseline;gap:.4rem}.countdown-number[data-v-2dce5392]{font-size:1.25rem;font-weight:700;color:#fff}.countdown-text[data-v-2dce5392]{font-size:.8rem;color:hsla(0,0%,100%,.6)}.final-button[data-v-2dce5392]{position:relative;background:transparent;border:none;padding:.875rem 1.5rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:.6rem;overflow:hidden}.final-button .btn-bg[data-v-2dce5392]{position:absolute;inset:0;background:linear-gradient(135deg,#f59e0b,#fbbf24);transition:transform .3s ease}.final-button:hover .btn-bg[data-v-2dce5392]{transform:scale(1.05)}.final-button .btn-text[data-v-2dce5392],.final-button i[data-v-2dce5392]{position:relative;z-index:1;color:#111827;font-weight:700}.final-button i[data-v-2dce5392]{font-size:1.1rem}@media (max-width:992px){.player-ranking[data-v-2dce5392]{display:none}}@media (max-width:768px){.game-container[data-v-2dce5392]{padding:.75rem}.scoreboard-header[data-v-2dce5392]{flex-wrap:wrap;padding:1rem;gap:1rem}.winner-highlight[data-v-2dce5392]{width:100%}.round-progress-ring[data-v-2dce5392]{width:50px;height:50px}.location-text h2[data-v-2dce5392]{font-size:1rem}.game-controls[data-v-2dce5392]{flex-direction:column;gap:1rem;padding:1rem}}.round-results-c[data-v-164f6a5c]{width:100%;height:100%;background:#f3f4f6;overflow:hidden}.dashboard-grid[data-v-164f6a5c]{display:grid;grid-template-columns:280px 1fr 300px;height:100%;gap:1rem;padding:1rem}.sidebar-right[data-v-164f6a5c],.sidebar[data-v-164f6a5c]{display:flex;flex-direction:column;gap:1rem;overflow-y:auto}.widget[data-v-164f6a5c]{background:#fff;border-radius:16px;padding:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid #e5e7eb}.widget-header[data-v-164f6a5c]{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;color:#6b7280;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.widget-header i[data-v-164f6a5c]{color:#2563eb}.round-widget .widget-label[data-v-164f6a5c]{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.1em}.final-tag[data-v-164f6a5c]{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#111827;padding:.2rem .5rem;border-radius:6px;font-size:.65rem;font-weight:700;margin-left:auto}.round-display[data-v-164f6a5c]{display:flex;align-items:baseline;gap:.25rem;margin:.5rem 0}.round-current[data-v-164f6a5c]{font-size:2.5rem;font-weight:800;color:#111827;line-height:1}.round-divider[data-v-164f6a5c]{font-size:1.5rem;color:#d1d5db}.round-total[data-v-164f6a5c]{font-size:1.25rem;color:#9ca3af}.round-progress-bar[data-v-164f6a5c]{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-top:.75rem}.progress-fill[data-v-164f6a5c]{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:3px;transition:width .5s ease}.location-widget[data-v-164f6a5c]{text-align:center}.widget-icon[data-v-164f6a5c]{width:56px;height:56px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#2563eb;font-size:1.5rem}.location-name[data-v-164f6a5c]{font-size:1.1rem;font-weight:700;color:#111827;margin:0 0 .5rem}.location-address[data-v-164f6a5c]{font-size:.8rem;color:#6b7280;margin:0;line-height:1.4}.winner-widget .widget-header i[data-v-164f6a5c],.winner-widget .widget-header[data-v-164f6a5c]{color:#f59e0b}.winner-content[data-v-164f6a5c]{text-align:center}.winner-name[data-v-164f6a5c]{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:.5rem}.winner-stat[data-v-164f6a5c]{display:inline-flex;align-items:baseline;gap:.25rem;background:#f0fdf4;padding:.5rem 1rem;border-radius:20px}.stat-value[data-v-164f6a5c]{font-size:1.25rem;font-weight:700;color:#10b981}.stat-unit[data-v-164f6a5c]{font-size:.8rem;color:#6b7280}.timer-widget[data-v-164f6a5c]{text-align:center}.timer-circle[data-v-164f6a5c]{width:100px;height:100px;margin:0 auto .75rem;position:relative}.timer-circle svg[data-v-164f6a5c]{width:100%;height:100%;transform:rotate(-90deg)}.timer-bg-circle[data-v-164f6a5c]{fill:none;stroke:#e5e7eb;stroke-width:8}.timer-progress-circle[data-v-164f6a5c]{fill:none;stroke:#2563eb;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1s linear}.timer-value[data-v-164f6a5c]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.timer-number[data-v-164f6a5c]{display:block;font-size:1.75rem;font-weight:800;color:#111827;line-height:1}.timer-unit[data-v-164f6a5c]{font-size:.7rem;color:#9ca3af}.timer-label[data-v-164f6a5c]{font-size:.8rem;color:#6b7280}.final-results-btn[data-v-164f6a5c]{width:100%;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#111827;border:none;padding:1rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;box-shadow:0 4px 12px rgba(245,158,11,.3)}.final-results-btn[data-v-164f6a5c]:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(245,158,11,.4)}.main-content[data-v-164f6a5c]{display:flex;flex-direction:column;min-height:0}.map-panel[data-v-164f6a5c]{flex:1;background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid #e5e7eb}.map-header[data-v-164f6a5c]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.map-header h2[data-v-164f6a5c]{margin:0;font-size:1rem;font-weight:600;color:#111827}.map-legend[data-v-164f6a5c]{display:flex;gap:1rem}.legend-item[data-v-164f6a5c]{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#6b7280}.legend-dot[data-v-164f6a5c]{width:10px;height:10px;border-radius:50%}.legend-dot.answer[data-v-164f6a5c]{background:#ef4444}.legend-dot.player[data-v-164f6a5c]{background:#2563eb}.map-container[data-v-164f6a5c]{flex:1;min-height:400px}.players-widget[data-v-164f6a5c]{flex:1;display:flex;flex-direction:column;min-height:0}.players-list[data-v-164f6a5c]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.player-row[data-v-164f6a5c]{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:10px;background:#f9fafb;transition:all .2s ease}.player-row.is-current[data-v-164f6a5c]{background:#dbeafe;border:1px solid #93c5fd}.player-rank[data-v-164f6a5c]{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;background:#e5e7eb;color:#6b7280}.player-rank.rank-1[data-v-164f6a5c]{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#111827}.player-rank.rank-2[data-v-164f6a5c]{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.player-rank.rank-3[data-v-164f6a5c]{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.player-avatar[data-v-164f6a5c]{width:36px;height:36px;border-radius:50%;background:#e5e7eb;background-size:cover;background-position:50%}.player-details[data-v-164f6a5c]{flex:1;min-width:0}.player-name[data-v-164f6a5c]{display:block;font-size:.9rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-stats[data-v-164f6a5c]{display:flex;gap:.75rem;margin-top:.25rem}.player-stats .stat[data-v-164f6a5c]{font-size:.75rem;color:#6b7280;display:flex;align-items:center;gap:.25rem}.player-stats .stat i[data-v-164f6a5c]{color:#f59e0b;font-size:.65rem}.player-stats .stat.total[data-v-164f6a5c]{color:#2563eb}.ready-widget[data-v-164f6a5c]{margin-top:auto}.ready-avatars[data-v-164f6a5c]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.ready-avatar[data-v-164f6a5c]{width:32px;height:32px;border-radius:50%;background:#e5e7eb;background-size:cover;background-position:50%;border:2px solid #10b981}.ready-count[data-v-164f6a5c]{font-size:.8rem;color:#6b7280;text-align:center}@media (max-width:1200px){.dashboard-grid[data-v-164f6a5c]{grid-template-columns:240px 1fr 260px}}@media (max-width:992px){.dashboard-grid[data-v-164f6a5c]{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.sidebar[data-v-164f6a5c]{flex-direction:row;flex-wrap:wrap;overflow-x:auto;padding-bottom:.5rem}.sidebar .widget[data-v-164f6a5c]{flex:1;min-width:200px}.sidebar-right[data-v-164f6a5c]{display:none}}@media (max-width:768px){.dashboard-grid[data-v-164f6a5c]{padding:.5rem;gap:.5rem}.widget[data-v-164f6a5c]{padding:1rem;border-radius:12px}.round-current[data-v-164f6a5c]{font-size:2rem}.timer-circle[data-v-164f6a5c]{width:80px;height:80px}}.round-results-d[data-v-3c4e2a66]{width:100%;height:100%;display:flex;flex-direction:column;background:#f8fafc;position:relative;overflow:hidden}.compact-header[data-v-3c4e2a66]{position:absolute;top:0;left:0;right:0;z-index:100;padding:1rem;background:linear-gradient(180deg,hsla(0,0%,100%,.98),hsla(0,0%,100%,.9) 70%,transparent)}.header-content[data-v-3c4e2a66]{display:flex;align-items:center;gap:1rem;max-width:1400px;margin:0 auto}.round-chip[data-v-3c4e2a66]{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.5rem 1rem;border-radius:24px;box-shadow:0 2px 12px rgba(0,0,0,.08);flex-shrink:0}.chip-label[data-v-3c4e2a66]{font-size:.65rem;color:#6b7280;font-weight:600;letter-spacing:.05em}.chip-value[data-v-3c4e2a66]{font-size:1rem;font-weight:800;color:#111827}.final-chip[data-v-3c4e2a66]{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#111827;padding:.2rem .5rem;border-radius:6px;font-size:.6rem;font-weight:700}.location-info[data-v-3c4e2a66]{flex:1;min-width:0}.location-title[data-v-3c4e2a66]{margin:0;font-size:1.25rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-sub[data-v-3c4e2a66]{margin:.25rem 0 0;font-size:.8rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.winner-chip[data-v-3c4e2a66]{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#fef3c7,#fde68a);padding:.5rem 1rem;border-radius:24px;box-shadow:0 2px 12px rgba(245,158,11,.2);flex-shrink:0}.winner-chip i[data-v-3c4e2a66]{color:#f59e0b}.winner-name[data-v-3c4e2a66]{font-weight:700;color:#111827;font-size:.9rem}.winner-distance[data-v-3c4e2a66]{font-size:.8rem;color:#2563eb;font-weight:600}.map-fullscreen[data-v-3c4e2a66]{flex:1;position:relative}.map-bottom-gradient[data-v-3c4e2a66]{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(0deg,#f8fafc,transparent);pointer-events:none;z-index:10}.floating-control-bar[data-v-3c4e2a66]{position:absolute;bottom:0;left:0;right:0;z-index:100;padding:1rem 1.5rem 1.5rem}.control-content[data-v-3c4e2a66]{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:.875rem 1.25rem;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.12);max-width:600px;margin:0 auto}.ready-section[data-v-3c4e2a66]{display:flex;align-items:center;gap:.75rem}.avatar-stack[data-v-3c4e2a66]{display:flex}.stacked-avatar[data-v-3c4e2a66]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#e5e7eb,#d1d5db);background-size:cover;background-position:50%;border:2px solid #fff;margin-left:-8px;box-shadow:0 2px 6px rgba(0,0,0,.1)}.stacked-avatar[data-v-3c4e2a66]:first-child{margin-left:0}.ready-text[data-v-3c4e2a66]{font-size:.8rem;color:#6b7280;font-weight:500}.action-section[data-v-3c4e2a66]{display:flex;align-items:center}.countdown-pill[data-v-3c4e2a66]{display:flex;align-items:center;gap:1rem;background:#f3f4f6;padding:.5rem 1rem;border-radius:16px}.countdown-inner[data-v-3c4e2a66]{display:flex;align-items:baseline;gap:.2rem}.countdown-num[data-v-3c4e2a66]{font-size:1.5rem;font-weight:800;color:#111827;line-height:1}.countdown-label[data-v-3c4e2a66]{font-size:.7rem;color:#6b7280}.countdown-bar[data-v-3c4e2a66]{width:80px;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.bar-fill[data-v-3c4e2a66]{height:100%;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:3px;transition:width 1s linear}.final-btn[data-v-3c4e2a66]{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#111827;border:none;padding:.75rem 1.5rem;border-radius:14px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px rgba(245,158,11,.3)}.final-btn[data-v-3c4e2a66]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,158,11,.4)}@media (max-width:768px){.compact-header[data-v-3c4e2a66]{padding:.75rem}.header-content[data-v-3c4e2a66]{flex-wrap:wrap;gap:.5rem}.round-chip[data-v-3c4e2a66]{padding:.4rem .75rem}.chip-value[data-v-3c4e2a66]{font-size:.9rem}.location-info[data-v-3c4e2a66]{order:-1;width:100%;flex:none;text-align:center;margin-bottom:.25rem}.location-title[data-v-3c4e2a66]{font-size:1.1rem}.winner-chip[data-v-3c4e2a66]{padding:.4rem .75rem;font-size:.85rem}.floating-control-bar[data-v-3c4e2a66]{padding:.75rem 1rem 1rem}.control-content[data-v-3c4e2a66]{padding:.75rem 1rem;border-radius:16px}.countdown-bar[data-v-3c4e2a66]{width:60px}}@media (max-width:480px){.compact-header[data-v-3c4e2a66]{padding:.5rem}.location-title[data-v-3c4e2a66]{font-size:1rem}.location-sub[data-v-3c4e2a66]{font-size:.75rem}.winner-chip[data-v-3c4e2a66]{display:none}.stacked-avatar[data-v-3c4e2a66]{width:28px;height:28px}.countdown-pill[data-v-3c4e2a66]{padding:.4rem .75rem;gap:.75rem}.countdown-num[data-v-3c4e2a66]{font-size:1.25rem}.countdown-bar[data-v-3c4e2a66]{width:50px;height:5px}.final-btn[data-v-3c4e2a66]{padding:.6rem 1rem;font-size:.85rem}}.round-results-b2[data-v-1a2955b2]{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#f8fafc,#f1f5f9);overflow:hidden}.results-header[data-v-1a2955b2]{background:#fff;border-bottom:1px solid #e2e8f0;padding:.875rem 1.5rem;flex-shrink:0}.header-inner[data-v-1a2955b2]{display:flex;align-items:center;gap:1.5rem;max-width:1600px;margin:0 auto}.round-badge[data-v-1a2955b2]{display:flex;align-items:center;gap:.35rem;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:.5rem 1rem;border-radius:12px;flex-shrink:0}.round-text[data-v-1a2955b2]{font-size:.65rem;font-weight:700;color:#64748b;letter-spacing:.08em}.round-current[data-v-1a2955b2]{font-size:1.25rem;font-weight:800;color:#0f172a}.round-divider[data-v-1a2955b2]{font-size:1rem;color:#94a3b8;font-weight:300}.round-total[data-v-1a2955b2]{font-size:1rem;font-weight:600;color:#64748b}.final-label[data-v-1a2955b2]{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#422006;padding:.2rem .5rem;border-radius:6px;font-size:.6rem;font-weight:800;margin-left:.5rem}.location-display[data-v-1a2955b2]{flex:1;min-width:0}.poi-name[data-v-1a2955b2]{margin:0;font-size:1.35rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.full-address[data-v-1a2955b2]{margin:.2rem 0 0;font-size:.85rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content[data-v-1a2955b2]{flex:1;display:flex;gap:1rem;padding:1rem;min-height:0;overflow:hidden}.map-section[data-v-1a2955b2]{flex:1;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08)}.winner-overlay[data-v-1a2955b2]{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);z-index:50}.winner-content[data-v-1a2955b2]{display:flex;align-items:center;gap:.75rem;background:#fff;padding:.75rem 1.25rem;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.12)}.crown-icon[data-v-1a2955b2]{color:#f59e0b;font-size:1.1rem}.winner-name[data-v-1a2955b2]{font-weight:700;color:#0f172a}.winner-distance[data-v-1a2955b2]{color:#2563eb;font-weight:600;font-size:.9rem}.side-panel[data-v-1a2955b2]{width:280px;display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.my-result-card[data-v-1a2955b2],.ranking-card[data-v-1a2955b2],.ready-status-card[data-v-1a2955b2]{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06)}.card-header[data-v-1a2955b2]{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;border-bottom:1px solid #f1f5f9;font-weight:600;font-size:.9rem;color:#334155}.card-header i[data-v-1a2955b2]{color:#3b82f6}.card-body[data-v-1a2955b2]{padding:1rem}.result-row[data-v-1a2955b2]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.result-row .label[data-v-1a2955b2]{color:#64748b;font-size:.85rem}.result-row .value[data-v-1a2955b2]{font-weight:700}.result-row .value.distance[data-v-1a2955b2]{color:#2563eb}.result-row .value.score[data-v-1a2955b2]{color:#059669}.ranking-list[data-v-1a2955b2]{padding:.5rem}.ranking-item[data-v-1a2955b2]{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;border-radius:10px;transition:background .2s}.ranking-item[data-v-1a2955b2]:hover{background:#f8fafc}.ranking-item.is-me[data-v-1a2955b2]{background:#eff6ff}.rank[data-v-1a2955b2]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:700;font-size:.8rem;background:#f1f5f9;color:#64748b}.rank.rank-1[data-v-1a2955b2]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.rank.rank-2[data-v-1a2955b2]{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#4b5563}.rank.rank-3[data-v-1a2955b2]{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#9a3412}.player-avatar[data-v-1a2955b2]{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);background-size:cover;background-position:50%}.player-name[data-v-1a2955b2]{flex:1;font-size:.85rem;font-weight:500;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-distance[data-v-1a2955b2]{font-size:.8rem;font-weight:600;color:#3b82f6}.ready-status-card[data-v-1a2955b2]{padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem}.ready-avatars[data-v-1a2955b2]{display:flex}.ready-avatar[data-v-1a2955b2]{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);background-size:cover;background-position:50%;border:2px solid #fff;margin-left:-8px}.ready-avatar[data-v-1a2955b2]:first-child{margin-left:0}.ready-label[data-v-1a2955b2]{font-size:.8rem;color:#64748b;font-weight:500}.action-footer[data-v-1a2955b2]{background:#fff;border-top:1px solid #e2e8f0;padding:.875rem 1.5rem;flex-shrink:0}.footer-inner[data-v-1a2955b2]{display:flex;align-items:center;justify-content:center;gap:2rem;max-width:1600px;margin:0 auto}.mobile-my-result[data-v-1a2955b2],.mobile-ready[data-v-1a2955b2]{display:none}.action-controls[data-v-1a2955b2]{display:flex;align-items:center;gap:1rem}.timer-display[data-v-1a2955b2]{display:flex;align-items:center;gap:.75rem}.timer-circle[data-v-1a2955b2]{width:48px;height:48px;border-radius:50%;background:conic-gradient(#3b82f6 calc(var(--progress)*1%),#e2e8f0 calc(var(--progress)*1%));display:flex;align-items:center;justify-content:center;position:relative}.timer-circle[data-v-1a2955b2]:before{content:"";position:absolute;width:40px;height:40px;border-radius:50%;background:#fff}.timer-value[data-v-1a2955b2]{position:relative;z-index:1;font-size:1.1rem;font-weight:800;color:#0f172a}.timer-label[data-v-1a2955b2]{font-size:.85rem;color:#64748b;font-weight:500}.final-result-btn[data-v-1a2955b2]{display:flex;align-items:center;gap:.625rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#422006;border:none;padding:.875rem 1.75rem;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 16px rgba(245,158,11,.35)}.final-result-btn[data-v-1a2955b2]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,158,11,.45)}@media (max-width:1024px){.side-panel[data-v-1a2955b2]{width:240px}}@media (max-width:768px){.results-header[data-v-1a2955b2]{padding:.75rem 1rem}.header-inner[data-v-1a2955b2]{flex-direction:column;align-items:flex-start;gap:.625rem}.round-badge[data-v-1a2955b2]{padding:.4rem .75rem}.round-current[data-v-1a2955b2]{font-size:1.1rem}.location-display[data-v-1a2955b2]{width:100%}.poi-name[data-v-1a2955b2]{font-size:1.15rem}.full-address[data-v-1a2955b2]{font-size:.8rem}.main-content[data-v-1a2955b2]{padding:.75rem}.side-panel[data-v-1a2955b2]{display:none}.map-section[data-v-1a2955b2]{border-radius:16px}.winner-overlay[data-v-1a2955b2]{bottom:.75rem}.winner-content[data-v-1a2955b2]{padding:.625rem 1rem;border-radius:12px}.action-footer[data-v-1a2955b2]{padding:.75rem 1rem}.footer-inner[data-v-1a2955b2]{justify-content:space-between;gap:1rem}.mobile-my-result[data-v-1a2955b2]{display:flex;flex-direction:column;align-items:flex-start}.my-label[data-v-1a2955b2]{font-size:.7rem;color:#64748b}.my-distance[data-v-1a2955b2]{font-size:1rem;font-weight:700;color:#2563eb}.mobile-ready[data-v-1a2955b2]{display:flex;align-items:baseline;gap:.2rem}.ready-count[data-v-1a2955b2]{font-size:1rem;font-weight:700;color:#0f172a}.ready-text[data-v-1a2955b2]{font-size:.75rem;color:#64748b}.timer-circle[data-v-1a2955b2]{width:42px;height:42px}.timer-circle[data-v-1a2955b2]:before{width:36px;height:36px}.timer-value[data-v-1a2955b2]{font-size:1rem}.timer-label[data-v-1a2955b2]{display:none}.final-result-btn[data-v-1a2955b2]{padding:.7rem 1.25rem;font-size:.9rem}}@media (max-width:480px){.results-header[data-v-1a2955b2]{padding:.625rem .75rem}.round-badge[data-v-1a2955b2]{padding:.35rem .6rem}.round-text[data-v-1a2955b2]{font-size:.6rem}.poi-name[data-v-1a2955b2],.round-current[data-v-1a2955b2]{font-size:1rem}.winner-content[data-v-1a2955b2]{padding:.5rem .875rem;font-size:.85rem}.crown-icon[data-v-1a2955b2]{font-size:1rem}.footer-inner[data-v-1a2955b2]{gap:.75rem}.timer-circle[data-v-1a2955b2]{width:38px;height:38px}.timer-circle[data-v-1a2955b2]:before{width:32px;height:32px}.timer-value[data-v-1a2955b2]{font-size:.9rem}.final-result-btn[data-v-1a2955b2]{padding:.625rem 1rem;font-size:.85rem;border-radius:12px}}.design-test-page[data-v-20d2303b]{min-height:100vh;background:#f3f4f6;display:flex;flex-direction:column}.test-header[data-v-20d2303b]{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e5e7eb}.back-btn[data-v-20d2303b]{width:40px;height:40px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.back-btn[data-v-20d2303b]:hover{background:#f3f4f6}.test-header h1[data-v-20d2303b]{flex:1;margin:0;font-size:1.25rem;font-weight:700;color:#111827}.reset-btn[data-v-20d2303b]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:.875rem;cursor:pointer;transition:all .2s}.reset-btn[data-v-20d2303b]:hover{background:#f3f4f6}.design-tabs[data-v-20d2303b]{display:flex;gap:.5rem;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #e5e7eb;overflow-x:auto}.tab-btn[data-v-20d2303b]{flex:1;min-width:140px;padding:1rem;border-radius:12px;border:2px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s;text-align:left}.tab-btn[data-v-20d2303b]:hover{border-color:#93c5fd;background:#f0f9ff}.tab-btn.active[data-v-20d2303b]{border-color:#2563eb;background:#dbeafe}.tab-name[data-v-20d2303b]{display:block;font-size:1rem;font-weight:700;color:#111827;margin-bottom:.25rem}.tab-desc[data-v-20d2303b]{display:block;font-size:.75rem;color:#6b7280}.tab-btn.active .tab-name[data-v-20d2303b]{color:#2563eb}.control-panel[data-v-20d2303b]{display:flex;gap:1.5rem;padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.control-group[data-v-20d2303b]{display:flex;align-items:center;gap:.75rem}.control-group label[data-v-20d2303b]{font-size:.875rem;font-weight:600;color:#374151}.control-input[data-v-20d2303b]{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.25rem}.control-input button[data-v-20d2303b]{width:28px;height:28px;border-radius:6px;border:none;background:#f3f4f6;color:#374151;cursor:pointer;font-weight:600;transition:all .2s}.control-input button[data-v-20d2303b]:hover{background:#e5e7eb}.control-input span[data-v-20d2303b]{min-width:60px;text-align:center;font-size:.875rem;font-weight:600;color:#111827}.toggle-btn[data-v-20d2303b]{padding:.5rem 1rem;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.toggle-btn.active[data-v-20d2303b]{background:#2563eb;border-color:#2563eb;color:#fff}.preview-container[data-v-20d2303b]{flex:1;min-height:600px;margin:1rem;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);background:#fff}@media (max-width:768px){.test-header[data-v-20d2303b]{padding:.75rem 1rem}.test-header h1[data-v-20d2303b]{font-size:1rem}.design-tabs[data-v-20d2303b]{padding:.75rem 1rem;gap:.5rem}.tab-btn[data-v-20d2303b]{min-width:100px;padding:.75rem}.control-panel[data-v-20d2303b]{padding:.75rem 1rem;gap:1rem}.preview-container[data-v-20d2303b]{margin:.5rem;min-height:500px}}.room-card-neon[data-v-077ac378]{position:relative;background:rgba(15,23,42,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:1rem 1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;border:2px solid transparent}.card-glow[data-v-077ac378]{position:absolute;inset:-2px;border-radius:18px;opacity:0;transition:opacity .3s ease;z-index:-1}.room-card-neon.is-public[data-v-077ac378]{border-color:rgba(6,182,212,.4);background:linear-gradient(135deg,rgba(6,182,212,.1),rgba(15,23,42,.9))}.room-card-neon.is-public .card-glow[data-v-077ac378]{background:linear-gradient(135deg,#06b6d4,#22d3ee)}.room-card-neon.is-public[data-v-077ac378]:hover{border-color:#06b6d4;box-shadow:0 0 30px rgba(6,182,212,.4);transform:translateY(-4px)}.room-card-neon.is-public:hover .card-glow[data-v-077ac378]{opacity:.15}.room-card-neon.is-private[data-v-077ac378]{border-color:rgba(139,92,246,.4);background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(15,23,42,.9))}.room-card-neon.is-private .card-glow[data-v-077ac378]{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.room-card-neon.is-private[data-v-077ac378]:hover{border-color:#8b5cf6;box-shadow:0 0 30px rgba(139,92,246,.4);transform:translateY(-4px)}.room-card-neon.is-private:hover .card-glow[data-v-077ac378]{opacity:.15}.room-card-neon.is-playing[data-v-077ac378]{border-color:rgba(245,158,11,.3);background:linear-gradient(135deg,rgba(245,158,11,.05),rgba(15,23,42,.7));opacity:.7;cursor:not-allowed}.room-card-neon.is-playing .card-glow[data-v-077ac378]{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.card-content[data-v-077ac378]{position:relative;z-index:1}.card-header[data-v-077ac378]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.room-info[data-v-077ac378]{flex:1;min-width:0}.room-name[data-v-077ac378]{margin:0 0 .25rem 0;font-size:1.05rem;font-weight:700;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-host[data-v-077ac378]{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:#94a3b8}.room-host i[data-v-077ac378]{color:#fbbf24;font-size:.7rem}.status-indicator[data-v-077ac378]{display:flex;align-items:center;gap:.4rem;padding:.3rem .6rem;border-radius:8px;font-size:.7rem;font-weight:600}.is-public .status-indicator[data-v-077ac378]{background:rgba(6,182,212,.2);color:#22d3ee}.is-private .status-indicator[data-v-077ac378]{background:rgba(139,92,246,.2);color:#a78bfa}.is-playing .status-indicator[data-v-077ac378]{background:rgba(245,158,11,.2);color:#fbbf24}.status-icon i[data-v-077ac378]{font-size:.75rem}.is-public .status-icon i[data-v-077ac378]{animation:pulse-077ac378 2s infinite}@keyframes pulse-077ac378{0%,to{opacity:1}50%{opacity:.5}}.card-badges[data-v-077ac378]{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.badge[data-v-077ac378]{display:flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:6px;font-size:.7rem;font-weight:600;background:hsla(0,0%,100%,.1);color:#e2e8f0;border:1px solid hsla(0,0%,100%,.1)}.badge i[data-v-077ac378]{font-size:.65rem}.private-badge[data-v-077ac378]{background:rgba(139,92,246,.2);border-color:rgba(139,92,246,.3);color:#c4b5fd}.card-footer[data-v-077ac378],.player-count[data-v-077ac378]{display:flex;align-items:center}.player-count[data-v-077ac378]{flex:1;gap:.6rem}.player-bar[data-v-077ac378]{flex:1;height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden}.player-fill[data-v-077ac378]{height:100%;border-radius:3px;transition:width .3s ease}.is-public .player-fill[data-v-077ac378]{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.is-private .player-fill[data-v-077ac378]{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.is-playing .player-fill[data-v-077ac378]{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.player-text[data-v-077ac378]{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#94a3b8;white-space:nowrap}.player-text i[data-v-077ac378]{font-size:.7rem}@media (max-width:768px){.room-card-neon[data-v-077ac378]{padding:.75rem 1rem}.room-name[data-v-077ac378]{font-size:.9rem}.room-host[data-v-077ac378]{font-size:.7rem}.badge[data-v-077ac378],.status-indicator[data-v-077ac378]{padding:.2rem .5rem;font-size:.65rem}}.room-card-minimal[data-v-719487c2]{position:relative;background:#fff;border-radius:12px;padding:0;cursor:pointer;transition:all .25s ease;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.room-card-minimal[data-v-719487c2]:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.status-bar[data-v-719487c2]{position:absolute;left:0;top:0;bottom:0;width:4px}.room-card-minimal.is-public .status-bar[data-v-719487c2]{background:linear-gradient(180deg,#10b981,#34d399)}.room-card-minimal.is-public[data-v-719487c2]:hover{border-color:#10b981}.room-card-minimal.is-private .status-bar[data-v-719487c2]{background:linear-gradient(180deg,#6366f1,#818cf8)}.room-card-minimal.is-private[data-v-719487c2]:hover{border-color:#6366f1}.room-card-minimal.is-playing[data-v-719487c2]{opacity:.6;cursor:not-allowed}.room-card-minimal.is-playing .status-bar[data-v-719487c2]{background:linear-gradient(180deg,#f59e0b,#fbbf24)}.room-card-minimal.is-playing[data-v-719487c2]:hover{transform:none;box-shadow:0 1px 3px rgba(0,0,0,.05)}.card-content[data-v-719487c2]{padding:.875rem 1rem .875rem 1.25rem}.card-main[data-v-719487c2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.room-info[data-v-719487c2]{flex:1;min-width:0}.title-row[data-v-719487c2]{display:flex;align-items:center;gap:.4rem}.room-name[data-v-719487c2]{margin:0;font-size:.95rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lock-icon[data-v-719487c2]{color:#6366f1;font-size:.75rem}.room-host[data-v-719487c2]{font-size:.75rem;color:#64748b}.card-right[data-v-719487c2]{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.player-count[data-v-719487c2]{display:flex;align-items:baseline;font-weight:700}.count-number[data-v-719487c2]{font-size:1.1rem;color:#1e293b}.count-divider[data-v-719487c2]{font-size:.85rem;color:#94a3b8;margin:0 .1rem}.count-max[data-v-719487c2]{font-size:.85rem;color:#94a3b8}.status-chip[data-v-719487c2]{font-size:.65rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.is-public .status-chip[data-v-719487c2]{background:#ecfdf5;color:#059669}.is-private .status-chip[data-v-719487c2]{background:#eef2ff;color:#4f46e5}.is-playing .status-chip[data-v-719487c2]{background:#fef3c7;color:#d97706}.card-tags[data-v-719487c2]{display:flex;gap:.4rem}.tag[data-v-719487c2]{font-size:.7rem;font-weight:500;padding:.15rem .5rem;background:#f1f5f9;color:#475569;border-radius:4px}@media (max-width:768px){.card-content[data-v-719487c2]{padding:.65rem .75rem .65rem 1rem}.room-name[data-v-719487c2]{font-size:.85rem}.room-host[data-v-719487c2]{font-size:.7rem}.count-number[data-v-719487c2]{font-size:.95rem}.tag[data-v-719487c2]{font-size:.65rem;padding:.1rem .4rem}}.room-card-gradient[data-v-2fd5fefb]{position:relative;border-radius:20px;padding:1.25rem;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.card-bg[data-v-2fd5fefb]{position:absolute;inset:0;border-radius:20px;transition:opacity .35s ease}.room-card-gradient.is-public .card-bg[data-v-2fd5fefb]{background:linear-gradient(135deg,#ecfdf5,#d1fae5 50%,#a7f3d0)}.room-card-gradient.is-public[data-v-2fd5fefb]{box-shadow:0 4px 20px rgba(16,185,129,.15)}.room-card-gradient.is-public[data-v-2fd5fefb]:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 40px rgba(16,185,129,.25)}.room-card-gradient.is-private .card-bg[data-v-2fd5fefb]{background:linear-gradient(135deg,#eef2ff,#e0e7ff 50%,#c7d2fe)}.room-card-gradient.is-private[data-v-2fd5fefb]{box-shadow:0 4px 20px rgba(99,102,241,.15)}.room-card-gradient.is-private[data-v-2fd5fefb]:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 40px rgba(99,102,241,.25)}.room-card-gradient.is-playing .card-bg[data-v-2fd5fefb]{background:linear-gradient(135deg,#fefce8,#fef3c7 50%,#fde68a)}.room-card-gradient.is-playing[data-v-2fd5fefb]{box-shadow:0 4px 20px rgba(245,158,11,.1);opacity:.75;cursor:not-allowed}.room-card-gradient.is-playing[data-v-2fd5fefb]:hover{transform:none}.card-content[data-v-2fd5fefb]{position:relative;z-index:1}.card-top[data-v-2fd5fefb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.status-badge[data-v-2fd5fefb]{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.is-public .status-badge[data-v-2fd5fefb]{background:rgba(16,185,129,.15);color:#059669}.is-private .status-badge[data-v-2fd5fefb]{background:rgba(99,102,241,.15);color:#4f46e5}.is-playing .status-badge[data-v-2fd5fefb]{background:rgba(245,158,11,.15);color:#d97706}.status-badge i[data-v-2fd5fefb]{font-size:.8rem}.private-indicator[data-v-2fd5fefb]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(99,102,241,.1);border-radius:50%;color:#6366f1;font-size:.85rem}.room-title h3[data-v-2fd5fefb]{margin:0 0 .6rem 0;font-size:1.15rem;font-weight:700;color:#1e293b;line-height:1.3}.room-meta[data-v-2fd5fefb]{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;flex-wrap:wrap}.meta-item[data-v-2fd5fefb]{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:#64748b}.meta-item i[data-v-2fd5fefb]{font-size:.75rem}.meta-divider[data-v-2fd5fefb]{width:3px;height:3px;background:#cbd5e1;border-radius:50%}.card-bottom[data-v-2fd5fefb]{padding-top:.75rem;border-top:1px solid rgba(0,0,0,.06)}.player-progress[data-v-2fd5fefb]{display:flex;align-items:center;gap:.75rem}.progress-track[data-v-2fd5fefb]{flex:1;height:8px;background:rgba(0,0,0,.08);border-radius:4px;overflow:hidden}.progress-fill[data-v-2fd5fefb]{height:100%;border-radius:4px;transition:width .4s ease}.is-public .progress-fill[data-v-2fd5fefb]{background:linear-gradient(90deg,#10b981,#34d399)}.is-private .progress-fill[data-v-2fd5fefb]{background:linear-gradient(90deg,#6366f1,#818cf8)}.is-playing .progress-fill[data-v-2fd5fefb]{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.player-label[data-v-2fd5fefb]{font-size:.75rem;font-weight:600;color:#475569;white-space:nowrap}@media (max-width:768px){.room-card-gradient[data-v-2fd5fefb]{padding:1rem;border-radius:16px}.room-title h3[data-v-2fd5fefb]{font-size:.95rem}.meta-item[data-v-2fd5fefb]{font-size:.7rem}.status-badge[data-v-2fd5fefb]{padding:.25rem .6rem;font-size:.7rem}.private-indicator[data-v-2fd5fefb]{width:28px;height:28px;font-size:.75rem}}.room-card-hud[data-v-69aaa172]{position:relative;background:linear-gradient(135deg,#0c1222,#1a2744);padding:1rem 1.25rem;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.room-card-hud[data-v-69aaa172]:hover{transform:scale(1.02)}.hud-border[data-v-69aaa172]{position:absolute;inset:0;pointer-events:none}.corner[data-v-69aaa172]{position:absolute;width:20px;height:20px;border:2px solid}.corner-tl[data-v-69aaa172]{top:0;left:0;border-right:none;border-bottom:none}.corner-tr[data-v-69aaa172]{top:0;right:12px;border-left:none;border-bottom:none}.corner-bl[data-v-69aaa172]{bottom:12px;left:0;border-right:none;border-top:none}.corner-br[data-v-69aaa172]{bottom:0;right:0;border-left:none;border-top:none}.room-card-hud.is-public .corner[data-v-69aaa172]{border-color:#22d3ee}.room-card-hud.is-public[data-v-69aaa172]{box-shadow:0 0 20px rgba(34,211,238,.2),inset 0 0 30px rgba(34,211,238,.05)}.room-card-hud.is-public[data-v-69aaa172]:hover{box-shadow:0 0 40px rgba(34,211,238,.4),inset 0 0 40px rgba(34,211,238,.1)}.room-card-hud.is-private .corner[data-v-69aaa172]{border-color:#a78bfa}.room-card-hud.is-private[data-v-69aaa172]{box-shadow:0 0 20px rgba(167,139,250,.2),inset 0 0 30px rgba(167,139,250,.05)}.room-card-hud.is-private[data-v-69aaa172]:hover{box-shadow:0 0 40px rgba(167,139,250,.4),inset 0 0 40px rgba(167,139,250,.1)}.room-card-hud.is-playing .corner[data-v-69aaa172]{border-color:#fbbf24}.room-card-hud.is-playing[data-v-69aaa172]{opacity:.7;cursor:not-allowed;box-shadow:0 0 20px rgba(251,191,36,.15)}.room-card-hud.is-playing[data-v-69aaa172]:hover{transform:none}.hud-scanline[data-v-69aaa172]{position:absolute;top:0;left:0;right:0;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,hsla(0,0%,100%,.015) 0,hsla(0,0%,100%,.015) 4px);pointer-events:none}.hud-content[data-v-69aaa172]{position:relative;z-index:1}.hud-header[data-v-69aaa172]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}.room-id[data-v-69aaa172]{font-family:Orbitron,monospace;display:flex;align-items:center;gap:.3rem}.id-label[data-v-69aaa172]{font-size:.6rem;color:#64748b;letter-spacing:.1em}.id-hash[data-v-69aaa172]{font-size:.7rem;font-weight:700}.is-public .id-hash[data-v-69aaa172]{color:#22d3ee}.is-private .id-hash[data-v-69aaa172]{color:#a78bfa}.is-playing .id-hash[data-v-69aaa172]{color:#fbbf24}.status-display[data-v-69aaa172]{display:flex;align-items:center;gap:.4rem}.status-dot[data-v-69aaa172]{width:8px;height:8px;border-radius:50%;animation:blink-69aaa172 1.5s infinite}.is-public .status-dot[data-v-69aaa172]{background:#22d3ee;box-shadow:0 0 8px #22d3ee}.is-private .status-dot[data-v-69aaa172]{background:#a78bfa;box-shadow:0 0 8px #a78bfa}.is-playing .status-dot[data-v-69aaa172]{background:#fbbf24;box-shadow:0 0 8px #fbbf24;animation:none}@keyframes blink-69aaa172{0%,to{opacity:1}50%{opacity:.4}}.status-text[data-v-69aaa172]{font-family:Orbitron,monospace;font-size:.65rem;font-weight:700;letter-spacing:.1em}.is-public .status-text[data-v-69aaa172]{color:#22d3ee}.is-private .status-text[data-v-69aaa172]{color:#a78bfa}.is-playing .status-text[data-v-69aaa172]{color:#fbbf24}.room-name-display[data-v-69aaa172]{display:flex;align-items:center;gap:.3rem;margin-bottom:.6rem}.name-bracket[data-v-69aaa172]{font-family:Orbitron,monospace;font-size:1.1rem;color:#475569}.room-name[data-v-69aaa172]{margin:0;font-family:Orbitron,monospace;font-size:.95rem;font-weight:700;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.secure-icon[data-v-69aaa172]{margin-left:.4rem;color:#a78bfa;font-size:.75rem}.hud-stats[data-v-69aaa172]{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem;flex-wrap:wrap}.stat-item[data-v-69aaa172]{display:flex;align-items:center;gap:.3rem}.stat-icon[data-v-69aaa172]{font-size:.7rem;color:#64748b}.stat-value[data-v-69aaa172]{font-size:.75rem;color:#94a3b8}.stat-divider[data-v-69aaa172]{color:#334155;font-size:.7rem}.hud-footer[data-v-69aaa172]{display:flex;justify-content:space-between;align-items:center;padding-top:.6rem;border-top:1px solid rgba(100,116,139,.2)}.player-display[data-v-69aaa172]{display:flex;flex-direction:column;gap:.3rem}.player-slots[data-v-69aaa172]{display:flex;gap:4px}.player-slot[data-v-69aaa172]{width:12px;height:6px;background:rgba(100,116,139,.3);border-radius:2px}.player-slot.filled[data-v-69aaa172]{background:currentColor}.is-public .player-slot.filled[data-v-69aaa172]{color:#22d3ee}.is-private .player-slot.filled[data-v-69aaa172]{color:#a78bfa}.is-playing .player-slot.filled[data-v-69aaa172]{color:#fbbf24}.player-count[data-v-69aaa172]{font-family:Orbitron,monospace;font-size:.6rem;color:#64748b;letter-spacing:.05em}.action-hint[data-v-69aaa172]{font-family:Orbitron,monospace;font-size:.6rem;letter-spacing:.1em;animation:flicker-69aaa172 3s infinite}.is-public .action-hint[data-v-69aaa172]{color:#22d3ee}.is-private .action-hint[data-v-69aaa172]{color:#a78bfa}.is-playing .action-hint[data-v-69aaa172]{color:#fbbf24;animation:none}@keyframes flicker-69aaa172{0%,to{opacity:1}92%{opacity:1}93%{opacity:.3}94%{opacity:1}}@media (max-width:768px){.room-card-hud[data-v-69aaa172]{padding:.75rem 1rem}.room-name[data-v-69aaa172]{font-size:.85rem}.stat-item[data-v-69aaa172]{font-size:.65rem}.player-slot[data-v-69aaa172]{width:10px;height:5px}}.room-card-soft[data-v-d62123ce]{background:#fff;border-radius:24px;padding:1.25rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(0,0,0,.06)}.room-card-soft[data-v-d62123ce]:hover{transform:translateY(-8px)}.room-card-soft.is-public[data-v-d62123ce]{background:linear-gradient(145deg,#fff,#f0fdf4);box-shadow:0 4px 20px rgba(16,185,129,.1)}.room-card-soft.is-public[data-v-d62123ce]:hover{box-shadow:0 20px 60px rgba(16,185,129,.2)}.room-card-soft.is-private[data-v-d62123ce]{background:linear-gradient(145deg,#fff,#f5f3ff);box-shadow:0 4px 20px rgba(139,92,246,.1)}.room-card-soft.is-private[data-v-d62123ce]:hover{box-shadow:0 20px 60px rgba(139,92,246,.2)}.room-card-soft.is-playing[data-v-d62123ce]{background:linear-gradient(145deg,#fff,#fffbeb);box-shadow:0 4px 20px rgba(245,158,11,.1);opacity:.75;cursor:not-allowed}.room-card-soft.is-playing[data-v-d62123ce]:hover{transform:none;box-shadow:0 4px 20px rgba(245,158,11,.1)}.card-inner[data-v-d62123ce]{display:flex;gap:1rem;align-items:center}.card-icon[data-v-d62123ce]{position:relative;flex-shrink:0}.icon-circle[data-v-d62123ce]{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:transform .3s ease}.room-card-soft:hover .icon-circle[data-v-d62123ce]{transform:scale(1.1)}.is-public .icon-circle[data-v-d62123ce]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.is-private .icon-circle[data-v-d62123ce]{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed}.is-playing .icon-circle[data-v-d62123ce]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.lock-badge[data-v-d62123ce]{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background:#7c3aed;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.55rem;border:2px solid #fff}.card-body[data-v-d62123ce]{flex:1;min-width:0}.room-name[data-v-d62123ce]{margin:0 0 .25rem 0;font-size:1.05rem;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-host[data-v-d62123ce]{margin:0 0 .6rem 0;font-size:.8rem;color:#64748b}.room-tags[data-v-d62123ce]{display:flex;gap:.5rem;flex-wrap:wrap}.tag[data-v-d62123ce]{display:flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:20px;font-size:.7rem;font-weight:600}.is-public .tag[data-v-d62123ce]{background:rgba(16,185,129,.1);color:#059669}.is-private .tag[data-v-d62123ce]{background:rgba(124,58,237,.1);color:#7c3aed}.is-playing .tag[data-v-d62123ce]{background:rgba(217,119,6,.1);color:#d97706}.tag i[data-v-d62123ce]{font-size:.65rem}.card-side[data-v-d62123ce]{display:flex;flex-direction:column;align-items:flex-end;gap:.6rem;flex-shrink:0}.player-info[data-v-d62123ce]{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.player-icons[data-v-d62123ce]{display:flex;gap:2px}.player-icons i[data-v-d62123ce]{font-size:.85rem;color:#e2e8f0;transition:color .2s ease}.player-icons i.active[data-v-d62123ce]{color:currentColor}.is-public .player-icons i.active[data-v-d62123ce]{color:#10b981}.is-private .player-icons i.active[data-v-d62123ce]{color:#8b5cf6}.is-playing .player-icons i.active[data-v-d62123ce]{color:#f59e0b}.player-text[data-v-d62123ce]{font-size:.7rem;font-weight:600;color:#64748b}.status-pill[data-v-d62123ce]{padding:.35rem .8rem;border-radius:20px;font-size:.7rem;font-weight:700}.is-public .status-pill[data-v-d62123ce]{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.is-private .status-pill[data-v-d62123ce]{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.is-playing .status-pill[data-v-d62123ce]{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}@media (max-width:768px){.room-card-soft[data-v-d62123ce]{padding:1rem;border-radius:20px}.card-inner[data-v-d62123ce]{flex-wrap:wrap}.icon-circle[data-v-d62123ce]{width:44px;height:44px;font-size:1.1rem}.room-name[data-v-d62123ce]{font-size:.9rem}.room-host[data-v-d62123ce]{font-size:.7rem}.card-side[data-v-d62123ce]{flex-direction:row;width:100%;justify-content:space-between;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.05)}.player-info[data-v-d62123ce]{flex-direction:row;align-items:center;gap:.5rem}}.room-card-hud-light[data-v-1a210308]{position:relative;background:#fff;border-radius:4px;padding:0;cursor:pointer;transition:all .25s ease;overflow:hidden;border:1px solid #e5e7eb;display:flex}.room-card-hud-light[data-v-1a210308]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.08)}.status-bar[data-v-1a210308]{width:5px;flex-shrink:0}.is-public .status-bar[data-v-1a210308]{background:linear-gradient(180deg,#10b981,#059669)}.is-private .status-bar[data-v-1a210308]{background:linear-gradient(180deg,#6366f1,#4f46e5)}.is-playing .status-bar[data-v-1a210308]{background:linear-gradient(180deg,#f59e0b,#d97706)}.is-playing[data-v-1a210308]{opacity:.65;cursor:not-allowed}.is-playing[data-v-1a210308]:hover{transform:none;box-shadow:none}.card-content[data-v-1a210308]{flex:1;padding:.875rem 1rem;display:flex;flex-direction:column;gap:.5rem}.card-header[data-v-1a210308]{display:flex;justify-content:space-between;align-items:center}.room-id-badge[data-v-1a210308]{background:#f3f4f6;padding:.2rem .5rem;border-radius:2px}.id-hash[data-v-1a210308]{font-family:JetBrains Mono,Consolas,monospace;font-size:.65rem;font-weight:600;color:#6b7280;letter-spacing:.02em}.status-chip[data-v-1a210308]{display:flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:2px;font-size:.65rem;font-weight:600;letter-spacing:.02em}.is-public .status-chip[data-v-1a210308]{background:#ecfdf5;color:#059669}.is-private .status-chip[data-v-1a210308]{background:#eef2ff;color:#4f46e5}.is-playing .status-chip[data-v-1a210308]{background:#fef3c7;color:#d97706}.status-dot[data-v-1a210308]{width:6px;height:6px;border-radius:50%;background:currentColor}.is-public .status-dot[data-v-1a210308]{animation:pulse-1a210308 2s infinite}@keyframes pulse-1a210308{0%,to{opacity:1}50%{opacity:.4}}.room-main[data-v-1a210308]{display:flex;justify-content:space-between;align-items:flex-start}.room-info[data-v-1a210308]{flex:1;min-width:0}.room-name[data-v-1a210308]{margin:0 0 .25rem 0;font-size:.95rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-host[data-v-1a210308]{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#6b7280}.room-host i[data-v-1a210308]{font-size:.65rem}.lock-indicator[data-v-1a210308]{width:28px;height:28px;background:#eef2ff;border:1px solid #c7d2fe;display:flex;align-items:center;justify-content:center;border-radius:2px}.lock-indicator i[data-v-1a210308]{color:#6366f1;font-size:.7rem}.room-meta[data-v-1a210308]{display:flex;align-items:center;gap:.6rem}.meta-tag[data-v-1a210308]{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:#6b7280}.meta-tag i[data-v-1a210308]{font-size:.65rem;color:#9ca3af}.meta-divider[data-v-1a210308]{width:3px;height:3px;background:#d1d5db;border-radius:50%}.card-footer[data-v-1a210308]{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid #f3f4f6}.player-bar-wrapper[data-v-1a210308]{display:flex;align-items:center;gap:.5rem;flex:1}.player-bar[data-v-1a210308]{flex:1;max-width:100px;height:4px;background:#f3f4f6;border-radius:2px;overflow:hidden}.player-fill[data-v-1a210308]{height:100%;transition:width .3s ease}.is-public .player-fill[data-v-1a210308]{background:#10b981}.is-private .player-fill[data-v-1a210308]{background:#6366f1}.is-playing .player-fill[data-v-1a210308]{background:#f59e0b}.player-count[data-v-1a210308]{font-family:JetBrains Mono,Consolas,monospace;font-size:.7rem;font-weight:600;color:#374151}.join-text[data-v-1a210308]{font-size:.7rem;font-weight:600;transition:transform .2s ease}.is-public .join-text[data-v-1a210308]{color:#059669}.is-private .join-text[data-v-1a210308]{color:#4f46e5}.room-card-hud-light:hover .join-text[data-v-1a210308]:not(.disabled){transform:translateX(3px)}.join-text.disabled[data-v-1a210308]{color:#9ca3af}@media (max-width:768px){.card-content[data-v-1a210308]{padding:.75rem .875rem}.room-name[data-v-1a210308]{font-size:.85rem}}.room-card-explorer[data-v-27704764]{position:relative;background:linear-gradient(145deg,#fffbf5,#fef7ed);border-radius:12px;padding:0;cursor:pointer;transition:all .3s ease;overflow:hidden;border:2px solid #f5e6d3;box-shadow:0 2px 8px hsla(30,35%,55%,.1)}.room-card-explorer[data-v-27704764]:hover{transform:translateY(-4px);box-shadow:0 8px 24px hsla(30,35%,55%,.2);border-color:#e8d5c4}.card-pattern[data-v-27704764]{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m30 0 30 30-30 30L0 30z' fill='%23b4a284'/%3E%3C/svg%3E");background-size:30px 30px;pointer-events:none}.is-playing[data-v-27704764]{opacity:.7;cursor:not-allowed}.is-playing[data-v-27704764]:hover{transform:none;box-shadow:0 2px 8px hsla(30,35%,55%,.1)}.card-content[data-v-27704764]{position:relative;padding:1rem;z-index:1}.card-ribbon[data-v-27704764]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.room-number[data-v-27704764]{font-family:Georgia,serif;font-size:.7rem;font-weight:600;color:#92785e;letter-spacing:.05em}.status-badge[data-v-27704764]{display:flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:15px;font-size:.7rem;font-weight:600}.is-public .status-badge[data-v-27704764]{background:#d5f0e5;color:#2d7a5f}.is-private .status-badge[data-v-27704764]{background:#e8e0f5;color:#6b4c9a}.is-playing .status-badge[data-v-27704764]{background:#fde8c8;color:#b5722d}.room-header[data-v-27704764]{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px dashed #e8d5c4}.room-title[data-v-27704764]{margin:0 0 .35rem 0;font-family:Georgia,serif;font-size:1.05rem;font-weight:700;color:#4a3f35;line-height:1.3}.host-line[data-v-27704764]{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#8b7355}.host-line i[data-v-27704764]{color:#b5945a;font-size:.8rem}.host-line strong[data-v-27704764]{color:#5c4d3d}.info-cards[data-v-27704764]{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.info-card[data-v-27704764]{display:flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:rgba(180,148,90,.1);border:1px solid rgba(180,148,90,.2);border-radius:6px;font-size:.7rem;color:#6b5a45}.info-card i[data-v-27704764]{color:#b5945a;font-size:.7rem}.crew-section[data-v-27704764]{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;margin-bottom:.6rem;border-top:1px solid #f0e4d8;border-bottom:1px solid #f0e4d8}.crew-label[data-v-27704764]{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:#8b7355}.crew-label i[data-v-27704764]{color:#b5945a}.crew-display[data-v-27704764]{display:flex;align-items:center;gap:.6rem}.crew-avatars[data-v-27704764]{display:flex;gap:3px}.crew-avatar[data-v-27704764]{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.55rem;border:1.5px solid;transition:all .2s ease}.crew-avatar[data-v-27704764]:not(.filled){background:#faf5ef;border-color:#e0d5c8;color:#d1c4b5}.crew-avatar.filled[data-v-27704764]{border-color:transparent}.is-public .crew-avatar.filled[data-v-27704764]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.is-private .crew-avatar.filled[data-v-27704764]{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.is-playing .crew-avatar.filled[data-v-27704764]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.crew-count[data-v-27704764]{font-family:Georgia,serif;font-size:.8rem;font-weight:700;color:#5c4d3d}.card-action[data-v-27704764]{margin-top:.25rem}.action-btn[data-v-27704764]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem;border-radius:8px;font-size:.8rem;font-weight:600;transition:all .2s ease}.is-public .action-btn[data-v-27704764]:not(.disabled){background:linear-gradient(135deg,#10b981,#059669);color:#fff}.is-private .action-btn[data-v-27704764]:not(.disabled){background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.room-card-explorer:hover .action-btn[data-v-27704764]:not(.disabled){transform:scale(1.02)}.action-btn.disabled[data-v-27704764]{background:#f0e4d8;color:#a0917f}@media (max-width:768px){.card-content[data-v-27704764]{padding:.85rem}.room-title[data-v-27704764]{font-size:.95rem}.crew-avatar[data-v-27704764]{width:20px;height:20px}}.room-card-board[data-v-33e489a0]{position:relative;background:#f8f6f3;border-radius:12px;cursor:pointer;transition:all .3s ease;overflow:hidden;border:3px solid;box-shadow:0 4px 0 rgba(0,0,0,.1),0 8px 20px rgba(0,0,0,.1)}.room-card-board[data-v-33e489a0]:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 8px 0 rgba(0,0,0,.1),0 16px 30px rgba(0,0,0,.15)}.is-public[data-v-33e489a0]{border-color:#22c55e;background:linear-gradient(180deg,#f0fdf4,#dcfce7)}.is-private[data-v-33e489a0]{border-color:#8b5cf6;background:linear-gradient(180deg,#faf5ff,#f3e8ff)}.is-playing[data-v-33e489a0]{border-color:#f59e0b;background:linear-gradient(180deg,#fffbeb,#fef3c7);opacity:.8;cursor:not-allowed}.is-playing[data-v-33e489a0]:hover{transform:none;box-shadow:0 4px 0 rgba(0,0,0,.1),0 8px 20px rgba(0,0,0,.1)}.card-inner[data-v-33e489a0]{padding:.5rem}.card-top[data-v-33e489a0]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.35rem}.corner-emblem[data-v-33e489a0]{width:24px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;border-radius:4px}.is-public .corner-emblem[data-v-33e489a0]{background:#22c55e;color:#fff}.is-private .corner-emblem[data-v-33e489a0]{background:#8b5cf6;color:#fff}.is-playing .corner-emblem[data-v-33e489a0]{background:#f59e0b;color:#fff}.corner-emblem.inverted[data-v-33e489a0]{transform:rotate(180deg)}.card-title-area[data-v-33e489a0]{flex:1;text-align:center}.mode-label[data-v-33e489a0]{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#64748b}.card-illustration[data-v-33e489a0]{position:relative;margin:0 .25rem .5rem;border-radius:8px;overflow:hidden;border:2px solid rgba(0,0,0,.1)}.illustration-bg[data-v-33e489a0]{height:70px;display:flex;align-items:center;justify-content:center;font-size:2rem}.is-public .illustration-bg[data-v-33e489a0]{background:linear-gradient(135deg,#86efac,#22c55e);color:#fff}.is-private .illustration-bg[data-v-33e489a0]{background:linear-gradient(135deg,#c4b5fd,#8b5cf6);color:#fff}.is-playing .illustration-bg[data-v-33e489a0]{background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#fff}.status-ribbon[data-v-33e489a0]{position:absolute;top:8px;right:-25px;background:#dc2626;color:#fff;font-size:.55rem;font-weight:700;padding:.2rem 1.5rem;transform:rotate(45deg)}.private-seal[data-v-33e489a0]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:rgba(139,92,246,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;border:3px solid #fff;box-shadow:0 2px 10px rgba(139,92,246,.4)}.card-info[data-v-33e489a0]{text-align:center;padding:0 .25rem;margin-bottom:.5rem}.room-name[data-v-33e489a0]{margin:0 0 .35rem 0;font-size:.9rem;font-weight:700;color:#1e293b;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.host-chip[data-v-33e489a0]{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;background:rgba(0,0,0,.05);border-radius:12px;font-size:.7rem;color:#64748b}.host-chip i[data-v-33e489a0]{color:#fbbf24;font-size:.6rem}.card-bottom[data-v-33e489a0]{display:flex;justify-content:space-between;align-items:center;padding:.4rem .25rem;border-top:1px dashed rgba(0,0,0,.1);margin-bottom:.25rem}.stat-chip[data-v-33e489a0]{display:flex;align-items:center;gap:.25rem;font-size:.65rem;color:#64748b}.stat-chip i[data-v-33e489a0]{font-size:.6rem}.player-tokens[data-v-33e489a0]{display:flex;gap:3px}.token[data-v-33e489a0]{width:10px;height:10px;border-radius:50%;border:2px solid;transition:all .2s ease}.token[data-v-33e489a0]:not(.active){background:transparent}.is-public .token[data-v-33e489a0]{border-color:#22c55e}.is-public .token.active[data-v-33e489a0]{background:#22c55e}.is-private .token[data-v-33e489a0]{border-color:#8b5cf6}.is-private .token.active[data-v-33e489a0]{background:#8b5cf6}.is-playing .token[data-v-33e489a0]{border-color:#f59e0b}.is-playing .token.active[data-v-33e489a0]{background:#f59e0b}.card-footer-corners[data-v-33e489a0]{display:flex;justify-content:space-between}.bottom-left[data-v-33e489a0],.bottom-right[data-v-33e489a0]{font-size:.65rem}@media (max-width:768px){.room-name[data-v-33e489a0]{font-size:.8rem}.illustration-bg[data-v-33e489a0]{height:60px;font-size:1.5rem}}.room-card-tile[data-v-698ba876]{display:flex;align-items:stretch;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;overflow:hidden;border:1px solid #e5e7eb}.room-card-tile[data-v-698ba876]:hover{border-color:#d1d5db;box-shadow:0 4px 12px rgba(0,0,0,.08)}.room-card-tile[data-v-698ba876]:active{transform:scale(.99)}.tile-icon[data-v-698ba876]{width:64px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.tile-icon>i[data-v-698ba876]{font-size:1.4rem;color:#fff}.is-public .tile-icon[data-v-698ba876]{background:linear-gradient(135deg,#34d399,#10b981)}.is-private .tile-icon[data-v-698ba876]{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.is-playing .tile-icon[data-v-698ba876]{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.icon-badge[data-v-698ba876]{position:absolute;top:6px;right:6px;width:18px;height:18px;background:hsla(0,0%,100%,.9);border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-badge i[data-v-698ba876]{font-size:.55rem;color:#8b5cf6}.is-playing[data-v-698ba876]{opacity:.7;cursor:not-allowed}.is-playing[data-v-698ba876]:hover{box-shadow:none}.tile-content[data-v-698ba876]{flex:1;display:flex;padding:.75rem .85rem;gap:.75rem;min-width:0}.content-main[data-v-698ba876]{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.room-title[data-v-698ba876]{margin:0 0 .25rem 0;font-size:.9rem;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-meta[data-v-698ba876]{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#6b7280}.host-name[data-v-698ba876]{font-weight:500}.meta-dot[data-v-698ba876]{color:#d1d5db}.game-type[data-v-698ba876]{color:#9ca3af}.content-stats[data-v-698ba876]{display:flex;gap:.75rem;align-items:center;flex-shrink:0}.stat-block[data-v-698ba876]{display:flex;flex-direction:column;align-items:center;gap:.15rem}.player-stat .stat-value[data-v-698ba876]{display:flex;align-items:baseline;font-weight:700}.player-stat .current[data-v-698ba876]{font-size:1rem;color:#1f2937}.player-stat .separator[data-v-698ba876]{font-size:.75rem;color:#9ca3af;margin:0 .1rem}.player-stat .max[data-v-698ba876]{font-size:.75rem;color:#9ca3af}.stat-label[data-v-698ba876]{font-size:.6rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.03em}.status-stat[data-v-698ba876]{padding:.4rem .6rem;border-radius:6px;background:#f3f4f6}.status-stat.playing[data-v-698ba876]{background:#fef3c7}.stat-icon i[data-v-698ba876]{font-size:.5rem}.is-public .stat-icon i[data-v-698ba876]{color:#10b981}.is-private .stat-icon i[data-v-698ba876]{color:#8b5cf6}.is-playing .stat-icon i[data-v-698ba876]{color:#f59e0b;animation:blink-698ba876 1.5s infinite}@keyframes blink-698ba876{0%,to{opacity:1}50%{opacity:.3}}.tile-action[data-v-698ba876]{width:36px;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-left:1px solid #f3f4f6;color:#d1d5db;transition:all .2s ease}.room-card-tile:hover .tile-action[data-v-698ba876]{color:#9ca3af}.is-public:hover .tile-action[data-v-698ba876]{background:#ecfdf5;color:#10b981}.is-private:hover .tile-action[data-v-698ba876]{background:#f5f3ff;color:#8b5cf6}.tile-action i[data-v-698ba876]{font-size:.85rem;transition:transform .2s ease}.room-card-tile:hover .tile-action i[data-v-698ba876]{transform:translateX(2px)}@media (max-width:768px){.tile-icon[data-v-698ba876]{width:52px}.tile-icon>i[data-v-698ba876]{font-size:1.2rem}.tile-content[data-v-698ba876]{padding:.6rem .7rem;flex-direction:column;gap:.5rem}.content-stats[data-v-698ba876]{justify-content:flex-start}.room-title[data-v-698ba876]{font-size:.85rem}.tile-action[data-v-698ba876]{width:32px}}.design-test-page[data-v-61aa8f01]{min-height:100vh;padding:2rem;background:#f8fafc}.test-header[data-v-61aa8f01]{text-align:center;margin-bottom:2rem}.test-header h1[data-v-61aa8f01]{margin:0 0 .5rem 0;font-size:2rem;font-weight:800;color:#1e293b}.test-header p[data-v-61aa8f01]{margin:0;color:#64748b;font-size:1rem}.design-controls[data-v-61aa8f01]{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.control-group[data-v-61aa8f01]{display:flex;align-items:center;gap:.75rem}.control-group label[data-v-61aa8f01]{font-size:.9rem;font-weight:600;color:#475569}.control-group select[data-v-61aa8f01]{padding:.5rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;color:#1e293b;background:#fff;cursor:pointer;transition:border-color .2s}.control-group select[data-v-61aa8f01]:hover{border-color:#cbd5e1}.control-group select[data-v-61aa8f01]:focus{outline:none;border-color:#3b82f6}.test-container[data-v-61aa8f01]{max-width:1400px;margin:0 auto;padding:2rem;border-radius:20px;transition:all .3s ease}.test-container.light[data-v-61aa8f01]{background:#f8fafc}.test-container.dark[data-v-61aa8f01]{background:linear-gradient(135deg,#0f172a,#1e293b)}.test-container.gradient[data-v-61aa8f01]{background:linear-gradient(135deg,#667eea,#764ba2)}.design-section[data-v-61aa8f01]{margin-bottom:3rem}.design-section h2[data-v-61aa8f01]{font-size:1.5rem;font-weight:700;margin:0 0 .5rem 0}.test-container.light .design-desc[data-v-61aa8f01],.test-container.light .design-section h2[data-v-61aa8f01]{color:#1e293b}.test-container.dark .design-section h2[data-v-61aa8f01],.test-container.gradient .design-section h2[data-v-61aa8f01]{color:#f1f5f9}.design-desc[data-v-61aa8f01]{font-size:.9rem;margin:0 0 1.25rem 0}.design-section.highlight[data-v-61aa8f01]{padding:1.5rem;border-radius:16px;position:relative}.design-section.highlight[data-v-61aa8f01]:before{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.test-container.light .design-section.highlight[data-v-61aa8f01]{background:rgba(59,130,246,.03)}.test-container.dark .design-section.highlight[data-v-61aa8f01],.test-container.gradient .design-section.highlight[data-v-61aa8f01]{background:hsla(0,0%,100%,.03)}.test-container.light .design-desc[data-v-61aa8f01]{color:#64748b}.test-container.dark .design-desc[data-v-61aa8f01],.test-container.gradient .design-desc[data-v-61aa8f01]{color:#94a3b8}.cards-grid[data-v-61aa8f01]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));transition:gap .3s ease}.test-container.tight .cards-grid[data-v-61aa8f01]{gap:.75rem}.test-container.normal .cards-grid[data-v-61aa8f01]{gap:1.25rem}.test-container.wide .cards-grid[data-v-61aa8f01]{gap:2rem}.click-toast[data-v-61aa8f01]{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#1e293b;color:#fff;border-radius:50px;font-size:.9rem;font-weight:600;box-shadow:0 4px 20px rgba(0,0,0,.2);z-index:1000}.click-toast i[data-v-61aa8f01]{color:#3b82f6}.toast-enter-active[data-v-61aa8f01],.toast-leave-active[data-v-61aa8f01]{transition:all .3s ease}.toast-enter-from[data-v-61aa8f01],.toast-leave-to[data-v-61aa8f01]{opacity:0;transform:translateX(-50%) translateY(20px)}@media (max-width:768px){.design-test-page[data-v-61aa8f01]{padding:1rem}.test-header h1[data-v-61aa8f01]{font-size:1.5rem}.design-controls[data-v-61aa8f01]{flex-direction:column;gap:1rem}.test-container[data-v-61aa8f01]{padding:1rem}.design-section h2[data-v-61aa8f01]{font-size:1.2rem}.cards-grid[data-v-61aa8f01]{grid-template-columns:1fr}}.hud-rooms-panel[data-v-b5b03abe]{position:relative;background:linear-gradient(135deg,#0c1222,#1a2744);border-radius:0;padding:1.5rem;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));font-family:Orbitron,monospace;height:100%;display:flex;flex-direction:column}.hud-border[data-v-b5b03abe]{position:absolute;inset:0;pointer-events:none}.corner[data-v-b5b03abe]{position:absolute;width:24px;height:24px;border:2px solid #22d3ee}.corner-tl[data-v-b5b03abe]{top:0;left:0;border-right:none;border-bottom:none}.corner-tr[data-v-b5b03abe]{top:0;right:16px;border-left:none;border-bottom:none}.corner-bl[data-v-b5b03abe]{bottom:16px;left:0;border-right:none;border-top:none}.corner-br[data-v-b5b03abe]{bottom:0;right:0;border-left:none;border-top:none}.hud-scanline[data-v-b5b03abe]{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(34,211,238,.02) 0,rgba(34,211,238,.02) 4px);pointer-events:none;z-index:1}.hud-header[data-v-b5b03abe]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(34,211,238,.2);position:relative;z-index:2;flex-wrap:wrap;gap:1rem}.header-title[data-v-b5b03abe]{display:flex;align-items:center;gap:.5rem}.header-title h2[data-v-b5b03abe]{margin:0;font-size:1.3rem;font-weight:800;color:#22d3ee;letter-spacing:.15em;text-shadow:0 0 20px rgba(34,211,238,.5)}.title-bracket[data-v-b5b03abe]{color:#64748b;font-size:1.5rem;font-weight:300}.loading-indicator[data-v-b5b03abe]{display:flex;align-items:center;gap:.5rem;margin-left:1rem}.loading-dot[data-v-b5b03abe]{width:8px;height:8px;background:#22d3ee;border-radius:50%;animation:pulse-b5b03abe 1s infinite;box-shadow:0 0 10px #22d3ee}@keyframes pulse-b5b03abe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.loading-text[data-v-b5b03abe]{color:#22d3ee;font-size:.7rem;letter-spacing:.1em;animation:blink-b5b03abe 1s infinite}@keyframes blink-b5b03abe{0%,to{opacity:1}50%{opacity:.3}}.header-controls[data-v-b5b03abe]{display:flex;align-items:center;gap:.75rem}.hud-search[data-v-b5b03abe]{display:flex;align-items:center;gap:.5rem;background:rgba(34,211,238,.05);border:1px solid rgba(34,211,238,.3);padding:.5rem .75rem;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.hud-search i[data-v-b5b03abe]{color:#22d3ee;font-size:.8rem}.hud-search input[data-v-b5b03abe]{background:transparent;border:none;color:#e2e8f0;font-family:Orbitron,monospace;font-size:.75rem;width:150px;outline:none;letter-spacing:.05em}.hud-search input[data-v-b5b03abe]::-moz-placeholder{color:#64748b}.hud-search input[data-v-b5b03abe]::placeholder{color:#64748b}.hud-refresh[data-v-b5b03abe]{display:flex;align-items:center;gap:.4rem;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.4);color:#22d3ee;padding:.5rem .75rem;font-family:Orbitron,monospace;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));letter-spacing:.05em}.hud-refresh[data-v-b5b03abe]:hover:not(:disabled){background:rgba(34,211,238,.2);box-shadow:0 0 20px rgba(34,211,238,.3)}.hud-refresh[data-v-b5b03abe]:disabled{opacity:.5;cursor:not-allowed}.hud-refresh i.spinning[data-v-b5b03abe]{animation:spin-b5b03abe 1s linear infinite}@keyframes spin-b5b03abe{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hud-rooms-container[data-v-b5b03abe]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:2;padding-right:.5rem;scrollbar-width:thin;scrollbar-color:#22d3ee transparent}.hud-rooms-container[data-v-b5b03abe]::-webkit-scrollbar{width:4px}.hud-rooms-container[data-v-b5b03abe]::-webkit-scrollbar-track{background:rgba(34,211,238,.1)}.hud-rooms-container[data-v-b5b03abe]::-webkit-scrollbar-thumb{background:#22d3ee;border-radius:2px}.hud-room-card[data-v-b5b03abe]{position:relative;background:linear-gradient(135deg,rgba(34,211,238,.05),rgba(15,23,42,.8));padding:1rem 1.25rem;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.hud-room-card .card-border[data-v-b5b03abe]{position:absolute;inset:0;pointer-events:none}.hud-room-card .corner[data-v-b5b03abe]{width:16px;height:16px}.hud-room-card .card-scanline[data-v-b5b03abe]{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,hsla(0,0%,100%,.01) 0,hsla(0,0%,100%,.01) 2px);pointer-events:none}.hud-room-card.is-public[data-v-b5b03abe]{border-color:rgba(34,211,238,.3)}.hud-room-card.is-public .corner[data-v-b5b03abe]{border-color:#22d3ee}.hud-room-card.is-public[data-v-b5b03abe]:hover{background:linear-gradient(135deg,rgba(34,211,238,.1),rgba(15,23,42,.9));box-shadow:0 0 30px rgba(34,211,238,.2),inset 0 0 20px rgba(34,211,238,.05);transform:translateX(4px)}.hud-room-card.is-private .corner[data-v-b5b03abe]{border-color:#a78bfa}.hud-room-card.is-private[data-v-b5b03abe]{background:linear-gradient(135deg,rgba(167,139,250,.05),rgba(15,23,42,.8))}.hud-room-card.is-private[data-v-b5b03abe]:hover{background:linear-gradient(135deg,rgba(167,139,250,.1),rgba(15,23,42,.9));box-shadow:0 0 30px rgba(167,139,250,.2),inset 0 0 20px rgba(167,139,250,.05);transform:translateX(4px)}.hud-room-card.is-playing .corner[data-v-b5b03abe]{border-color:#fbbf24}.hud-room-card.is-playing[data-v-b5b03abe]{background:linear-gradient(135deg,rgba(251,191,36,.03),rgba(15,23,42,.6));opacity:.6;cursor:not-allowed}.hud-room-card.is-playing[data-v-b5b03abe]:hover{transform:none}.card-content[data-v-b5b03abe]{position:relative;z-index:1}.card-header[data-v-b5b03abe]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.room-id[data-v-b5b03abe]{display:flex;align-items:center;gap:.25rem}.id-label[data-v-b5b03abe]{font-size:.6rem;color:#64748b;letter-spacing:.1em}.id-value[data-v-b5b03abe]{font-size:.7rem;font-weight:700;letter-spacing:.05em}.is-public .id-value[data-v-b5b03abe]{color:#22d3ee}.is-private .id-value[data-v-b5b03abe]{color:#a78bfa}.is-playing .id-value[data-v-b5b03abe]{color:#fbbf24}.status-indicator[data-v-b5b03abe]{display:flex;align-items:center;gap:.35rem}.status-dot[data-v-b5b03abe]{width:6px;height:6px;border-radius:50%}.status-public .status-dot[data-v-b5b03abe]{background:#22d3ee;box-shadow:0 0 8px #22d3ee;animation:pulse-b5b03abe 1.5s infinite}.status-private .status-dot[data-v-b5b03abe]{background:#a78bfa;box-shadow:0 0 8px #a78bfa;animation:pulse-b5b03abe 1.5s infinite}.status-playing .status-dot[data-v-b5b03abe]{background:#fbbf24;box-shadow:0 0 8px #fbbf24}.status-text[data-v-b5b03abe]{font-size:.6rem;font-weight:700;letter-spacing:.1em}.status-public .status-text[data-v-b5b03abe]{color:#22d3ee}.status-private .status-text[data-v-b5b03abe]{color:#a78bfa}.status-playing .status-text[data-v-b5b03abe]{color:#fbbf24}.room-title[data-v-b5b03abe]{display:flex;align-items:center;gap:.25rem;margin-bottom:.5rem}.room-title .bracket[data-v-b5b03abe]{color:#475569;font-size:1rem}.room-title h3[data-v-b5b03abe]{margin:0;font-size:.9rem;font-weight:700;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.lock-icon[data-v-b5b03abe]{margin-left:.5rem;color:#a78bfa;font-size:.7rem}.room-meta[data-v-b5b03abe]{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.meta-item[data-v-b5b03abe]{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:#94a3b8}.meta-item i[data-v-b5b03abe]{font-size:.65rem;color:#64748b}.meta-divider[data-v-b5b03abe]{color:#334155;font-size:.6rem}.card-footer[data-v-b5b03abe]{display:flex;align-items:center;gap:.75rem;padding-top:.5rem;border-top:1px solid rgba(100,116,139,.15)}.player-slots[data-v-b5b03abe]{display:flex;gap:3px}.slot[data-v-b5b03abe]{width:10px;height:5px;background:rgba(100,116,139,.3);border-radius:1px}.slot.filled[data-v-b5b03abe]{background:currentColor}.is-public .slot.filled[data-v-b5b03abe]{color:#22d3ee}.is-private .slot.filled[data-v-b5b03abe]{color:#a78bfa}.is-playing .slot.filled[data-v-b5b03abe]{color:#fbbf24}.player-count[data-v-b5b03abe]{font-size:.6rem;color:#64748b;letter-spacing:.05em}.join-hint[data-v-b5b03abe]{margin-left:auto;font-size:.55rem;letter-spacing:.1em;animation:flicker-b5b03abe 3s infinite}.is-public .join-hint[data-v-b5b03abe]{color:#22d3ee}.is-private .join-hint[data-v-b5b03abe]{color:#a78bfa}.join-hint.disabled[data-v-b5b03abe]{color:#fbbf24;animation:none}@keyframes flicker-b5b03abe{0%,to{opacity:1}92%{opacity:1}93%{opacity:.3}94%{opacity:1}}.hud-empty[data-v-b5b03abe]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2}.empty-icon[data-v-b5b03abe]{width:80px;height:80px;background:rgba(34,211,238,.1);border:2px solid rgba(34,211,238,.3);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.empty-icon i[data-v-b5b03abe]{font-size:2rem;color:#22d3ee;animation:pulse-b5b03abe 2s infinite}.empty-text[data-v-b5b03abe]{margin:0 0 .5rem 0;font-size:1rem;font-weight:700;color:#64748b;letter-spacing:.15em}.empty-subtext[data-v-b5b03abe]{margin:0;font-size:.7rem;color:#475569;letter-spacing:.1em}.hud-modal-overlay[data-v-b5b03abe]{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-b5b03abe .2s ease}@keyframes fadeIn-b5b03abe{0%{opacity:0}to{opacity:1}}.hud-modal[data-v-b5b03abe]{position:relative;background:linear-gradient(135deg,#0c1222,#1a2744);padding:2rem;width:90%;max-width:400px;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));animation:slideIn-b5b03abe .3s ease}@keyframes slideIn-b5b03abe{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hud-modal .modal-border[data-v-b5b03abe]{position:absolute;inset:0;pointer-events:none}.hud-modal .corner[data-v-b5b03abe]{border-color:#a78bfa}.hud-modal .modal-scanline[data-v-b5b03abe]{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(167,139,250,.02) 0,rgba(167,139,250,.02) 4px);pointer-events:none}.modal-content[data-v-b5b03abe]{position:relative;z-index:1}.modal-header[data-v-b5b03abe]{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(167,139,250,.2)}.modal-header i[data-v-b5b03abe]{font-size:1.5rem;color:#a78bfa}.modal-header h3[data-v-b5b03abe]{margin:0;font-size:1rem;font-weight:700;color:#a78bfa;letter-spacing:.1em}.hud-input-group[data-v-b5b03abe]{margin-bottom:1.5rem}.hud-input-group label[data-v-b5b03abe]{display:block;font-size:.7rem;color:#64748b;letter-spacing:.1em;margin-bottom:.5rem}.hud-input-group input[data-v-b5b03abe]{width:100%;background:rgba(167,139,250,.05);border:1px solid rgba(167,139,250,.3);padding:.75rem 1rem;color:#e2e8f0;font-family:Orbitron,monospace;font-size:.9rem;letter-spacing:.2em;outline:none;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.hud-input-group input[data-v-b5b03abe]:focus{border-color:#a78bfa;box-shadow:0 0 20px rgba(167,139,250,.2)}.hud-input-group input[data-v-b5b03abe]::-moz-placeholder{color:#475569}.hud-input-group input[data-v-b5b03abe]::placeholder{color:#475569}.modal-actions[data-v-b5b03abe]{display:flex;gap:1rem}.hud-btn[data-v-b5b03abe]{flex:1;padding:.75rem 1rem;font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.hud-btn.cancel[data-v-b5b03abe]{background:rgba(100,116,139,.1);border:1px solid rgba(100,116,139,.3);color:#94a3b8}.hud-btn.cancel[data-v-b5b03abe]:hover{background:rgba(100,116,139,.2);border-color:#94a3b8}.hud-btn.confirm[data-v-b5b03abe]{background:rgba(167,139,250,.2);border:1px solid rgba(167,139,250,.5);color:#a78bfa}.hud-btn.confirm[data-v-b5b03abe]:hover{background:rgba(167,139,250,.3);box-shadow:0 0 20px rgba(167,139,250,.3)}@media (max-width:768px){.hud-rooms-panel[data-v-b5b03abe]{padding:1rem}.hud-header[data-v-b5b03abe]{flex-direction:column;align-items:flex-start;gap:.75rem}.header-controls[data-v-b5b03abe]{width:100%;justify-content:space-between}.hud-search[data-v-b5b03abe]{flex:1}.hud-search input[data-v-b5b03abe]{width:100%}.header-title h2[data-v-b5b03abe]{font-size:1rem}.room-title h3[data-v-b5b03abe]{max-width:150px;font-size:.8rem}.card-footer[data-v-b5b03abe]{flex-wrap:wrap}.join-hint[data-v-b5b03abe]{width:100%;text-align:center;margin-left:0;margin-top:.5rem}}.hud-modal-overlay[data-v-26965092]{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-26965092 .2s ease;padding:1rem}@keyframes fadeIn-26965092{0%{opacity:0}to{opacity:1}}.hud-modal[data-v-26965092]{position:relative;background:linear-gradient(135deg,#0c1222,#1a2744);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));animation:slideIn-26965092 .3s ease;font-family:Orbitron,monospace}@keyframes slideIn-26965092{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.hud-modal[data-v-26965092]::-webkit-scrollbar{width:4px}.hud-modal[data-v-26965092]::-webkit-scrollbar-track{background:rgba(34,211,238,.1)}.hud-modal[data-v-26965092]::-webkit-scrollbar-thumb{background:#22d3ee}.hud-border[data-v-26965092]{position:absolute;inset:0;pointer-events:none;z-index:10}.corner[data-v-26965092]{position:absolute;width:28px;height:28px;border:2px solid #22d3ee}.corner-tl[data-v-26965092]{top:0;left:0;border-right:none;border-bottom:none}.corner-tr[data-v-26965092]{top:0;right:24px;border-left:none;border-bottom:none}.corner-bl[data-v-26965092]{bottom:24px;left:0;border-right:none;border-top:none}.corner-br[data-v-26965092]{bottom:0;right:0;border-left:none;border-top:none}.hud-scanline[data-v-26965092]{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(34,211,238,.02) 0,rgba(34,211,238,.02) 4px);pointer-events:none;z-index:1}.modal-content[data-v-26965092]{position:relative;z-index:2;padding:1.5rem}.modal-header[data-v-26965092]{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;margin-bottom:1.25rem;border-bottom:1px solid rgba(34,211,238,.2)}.header-title[data-v-26965092]{display:flex;align-items:center;gap:.75rem}.header-title i[data-v-26965092]{font-size:1.5rem;color:#22d3ee}.header-title h2[data-v-26965092]{margin:0;font-size:1.2rem;font-weight:800;color:#22d3ee;letter-spacing:.1em;text-shadow:0 0 20px rgba(34,211,238,.5)}.close-btn[data-v-26965092]{width:36px;height:36px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.close-btn[data-v-26965092]:hover{background:rgba(239,68,68,.2);box-shadow:0 0 15px rgba(239,68,68,.3)}.modal-body[data-v-26965092]{display:flex;flex-direction:column;gap:1.25rem}.hud-form-group[data-v-26965092]{display:flex;flex-direction:column;gap:.6rem}.hud-form-group label[data-v-26965092]{display:flex;align-items:center;gap:.5rem}.label-icon[data-v-26965092]{color:#64748b;font-size:.75rem}.label-text[data-v-26965092]{font-size:.7rem;font-weight:600;color:#94a3b8;letter-spacing:.1em}.hud-input-wrapper[data-v-26965092]{position:relative}.hud-input-wrapper input[data-v-26965092]{width:100%;background:rgba(34,211,238,.05);border:1px solid rgba(34,211,238,.3);padding:.75rem 1rem;color:#e2e8f0;font-family:Orbitron,monospace;font-size:.85rem;letter-spacing:.05em;outline:none;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.hud-input-wrapper input[data-v-26965092]:focus{border-color:#22d3ee;box-shadow:0 0 20px rgba(34,211,238,.2)}.hud-input-wrapper input[data-v-26965092]::-moz-placeholder{color:#475569;font-size:.75rem}.hud-input-wrapper input[data-v-26965092]::placeholder{color:#475569;font-size:.75rem}.char-count[data-v-26965092]{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.6rem;color:#64748b;letter-spacing:.05em}.hud-radio-group[data-v-26965092]{display:flex;gap:.75rem}.hud-radio-option[data-v-26965092]{flex:1;background:rgba(34,211,238,.05);border:1px solid rgba(34,211,238,.2);padding:.75rem;cursor:pointer;transition:all .3s ease;position:relative;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));display:flex;flex-direction:column;align-items:center;gap:.5rem}.hud-radio-option[data-v-26965092]:hover:not(.disabled){background:rgba(34,211,238,.1);border-color:rgba(34,211,238,.4)}.hud-radio-option.selected[data-v-26965092]{background:rgba(34,211,238,.15);border-color:#22d3ee;box-shadow:0 0 20px rgba(34,211,238,.2)}.hud-radio-option.disabled[data-v-26965092]{opacity:.4;cursor:not-allowed}.option-icon[data-v-26965092]{font-size:1.25rem;color:#64748b;transition:color .3s ease}.hud-radio-option.selected .option-icon[data-v-26965092]{color:#22d3ee}.option-label[data-v-26965092]{font-size:.7rem;font-weight:600;color:#94a3b8;letter-spacing:.08em}.hud-radio-option.selected .option-label[data-v-26965092]{color:#22d3ee}.option-indicator[data-v-26965092]{position:absolute;top:.5rem;right:.5rem;width:8px;height:8px;border-radius:50%;background:#22d3ee;opacity:0;transition:opacity .3s ease;box-shadow:0 0 10px #22d3ee}.hud-radio-option.selected .option-indicator[data-v-26965092]{opacity:1}.coming-soon[data-v-26965092]{position:absolute;top:.3rem;right:.3rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.45rem;padding:.15rem .35rem;border-radius:2px;font-weight:700;letter-spacing:.05em}.settings-grid[data-v-26965092]{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.hud-form-group.compact[data-v-26965092]{gap:.4rem}.hud-counter[data-v-26965092]{display:flex;align-items:center;gap:.5rem}.counter-btn[data-v-26965092]{width:32px;height:32px;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.3);color:#22d3ee;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));font-size:.7rem}.counter-btn[data-v-26965092]:hover:not(:disabled){background:rgba(34,211,238,.2);box-shadow:0 0 15px rgba(34,211,238,.3)}.counter-btn[data-v-26965092]:disabled{opacity:.3;cursor:not-allowed}.counter-display[data-v-26965092]{flex:1;text-align:center;display:flex;flex-direction:column;gap:.1rem}.counter-value[data-v-26965092]{font-size:1rem;font-weight:800;color:#22d3ee;text-shadow:0 0 10px rgba(34,211,238,.5)}.counter-unit[data-v-26965092]{font-size:.5rem;color:#64748b;letter-spacing:.1em}.hud-options[data-v-26965092]{display:flex;flex-direction:column;gap:.6rem}.hud-toggle[data-v-26965092]{display:flex;align-items:center;gap:.75rem;background:rgba(100,116,139,.05);border:1px solid rgba(100,116,139,.2);padding:.65rem .85rem;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.hud-toggle[data-v-26965092]:hover{background:rgba(100,116,139,.1)}.hud-toggle.active[data-v-26965092]{background:rgba(167,139,250,.1);border-color:rgba(167,139,250,.4)}.toggle-icon[data-v-26965092]{font-size:.85rem;color:#64748b;width:20px;text-align:center}.hud-toggle.active .toggle-icon[data-v-26965092]{color:#a78bfa}.toggle-label[data-v-26965092]{flex:1;font-size:.7rem;font-weight:600;color:#94a3b8;letter-spacing:.05em}.hud-toggle.active .toggle-label[data-v-26965092]{color:#a78bfa}.toggle-switch[data-v-26965092]{width:36px}.switch-track[data-v-26965092]{width:100%;height:16px;background:rgba(100,116,139,.3);border-radius:8px;position:relative;transition:background .3s ease}.hud-toggle.active .switch-track[data-v-26965092]{background:rgba(167,139,250,.4)}.switch-thumb[data-v-26965092]{position:absolute;top:2px;left:2px;width:12px;height:12px;background:#64748b;border-radius:50%;transition:all .3s ease}.hud-toggle.active .switch-thumb[data-v-26965092]{left:calc(100% - 14px);background:#a78bfa;box-shadow:0 0 10px #a78bfa}.password-section[data-v-26965092]{padding:.75rem;background:rgba(167,139,250,.05);border:1px solid rgba(167,139,250,.2);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.password-section .hud-input-wrapper input[data-v-26965092]{background:rgba(167,139,250,.05);border-color:rgba(167,139,250,.3)}.password-section .hud-input-wrapper input[data-v-26965092]:focus{border-color:#a78bfa;box-shadow:0 0 20px rgba(167,139,250,.2)}.slide-enter-active[data-v-26965092],.slide-leave-active[data-v-26965092]{transition:all .3s ease}.slide-enter-from[data-v-26965092],.slide-leave-to[data-v-26965092]{opacity:0;transform:translateY(-10px)}.modal-footer[data-v-26965092]{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(34,211,238,.2)}.hud-btn[data-v-26965092]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1rem;font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.hud-btn.cancel[data-v-26965092]{background:rgba(100,116,139,.1);border:1px solid rgba(100,116,139,.3);color:#94a3b8}.hud-btn.cancel[data-v-26965092]:hover{background:rgba(100,116,139,.2);border-color:#94a3b8}.hud-btn.confirm[data-v-26965092]{background:linear-gradient(135deg,rgba(34,211,238,.2),rgba(34,211,238,.1));border:1px solid rgba(34,211,238,.5);color:#22d3ee}.hud-btn.confirm[data-v-26965092]:hover:not(:disabled){background:linear-gradient(135deg,rgba(34,211,238,.3),rgba(34,211,238,.15));box-shadow:0 0 25px rgba(34,211,238,.3)}.hud-btn.confirm[data-v-26965092]:disabled{opacity:.4;cursor:not-allowed}.hud-btn i[data-v-26965092]{font-size:.8rem}@media (max-width:640px){.hud-modal[data-v-26965092]{max-height:85vh}.modal-content[data-v-26965092]{padding:1rem}.header-title h2[data-v-26965092]{font-size:.95rem}.settings-grid[data-v-26965092]{grid-template-columns:1fr}.hud-radio-group[data-v-26965092]{flex-direction:column}.hud-btn[data-v-26965092]{padding:.75rem;font-size:.7rem}.counter-value[data-v-26965092]{font-size:.9rem}}.hud-lobby[data-v-0961149e]{min-height:100vh;background:linear-gradient(135deg,#0c1222,#1a2744);font-family:Orbitron,monospace;position:relative;overflow:hidden}.hud-bg-grid[data-v-0961149e]{position:fixed;inset:0;background-image:linear-gradient(rgba(34,211,238,.03) 1px,transparent 0),linear-gradient(90deg,rgba(34,211,238,.03) 1px,transparent 0);background-size:50px 50px;pointer-events:none}.hud-bg-scanline[data-v-0961149e]{position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(34,211,238,.01) 0,rgba(34,211,238,.01) 4px);pointer-events:none}.hud-header[data-v-0961149e]{position:fixed;top:0;left:0;right:0;height:70px;background:linear-gradient(180deg,rgba(12,18,34,.98),rgba(12,18,34,.9));backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid rgba(34,211,238,.2)}.hud-header-border[data-v-0961149e]{position:absolute;inset:0;pointer-events:none}.corner[data-v-0961149e]{position:absolute;width:20px;height:20px;border:2px solid #22d3ee}.corner-tl[data-v-0961149e]{top:0;left:0;border-right:none;border-bottom:none}.corner-tr[data-v-0961149e]{top:0;right:0;border-left:none;border-bottom:none}.corner-bl[data-v-0961149e]{bottom:0;left:0;border-right:none;border-top:none}.corner-br[data-v-0961149e]{bottom:0;right:0;border-left:none;border-top:none}.header-content[data-v-0961149e]{max-width:1600px;margin:0 auto;height:100%;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.hud-back-btn[data-v-0961149e]{display:flex;align-items:center;gap:.5rem;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.3);color:#22d3ee;padding:.5rem 1rem;font-family:Orbitron,monospace;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));letter-spacing:.1em}.hud-back-btn[data-v-0961149e]:hover{background:rgba(34,211,238,.2);box-shadow:0 0 20px rgba(34,211,238,.3)}.header-center[data-v-0961149e]{position:absolute;left:50%;transform:translateX(-50%)}.logo-section[data-v-0961149e]{display:flex;align-items:center;gap:.75rem}.logo-icon[data-v-0961149e]{width:40px;height:40px;background:linear-gradient(135deg,rgba(34,211,238,.2),rgba(34,211,238,.1));border:1px solid rgba(34,211,238,.4);display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.logo-icon i[data-v-0961149e]{font-size:1.1rem;color:#22d3ee}.logo-text[data-v-0961149e]{display:flex;flex-direction:column}.logo-main[data-v-0961149e]{font-size:1.1rem;font-weight:800;color:#22d3ee;letter-spacing:.2em;text-shadow:0 0 20px rgba(34,211,238,.5)}.logo-sub[data-v-0961149e]{font-size:.55rem;color:#64748b;letter-spacing:.15em}.header-right[data-v-0961149e]{display:flex;align-items:center}.online-status[data-v-0961149e]{display:flex;align-items:center;gap:.5rem;background:rgba(34,211,238,.05);border:1px solid rgba(34,211,238,.2);padding:.4rem .75rem;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.status-dot[data-v-0961149e]{width:8px;height:8px;background:#22d3ee;border-radius:50%;box-shadow:0 0 10px #22d3ee;animation:pulse-0961149e 2s infinite}@keyframes pulse-0961149e{0%,to{opacity:1}50%{opacity:.5}}.status-text[data-v-0961149e]{font-size:.65rem;font-weight:600;color:#22d3ee;letter-spacing:.1em}.hud-main[data-v-0961149e]{padding:90px 1.5rem 1.5rem;max-width:1600px;margin:0 auto;min-height:100vh}.main-layout[data-v-0961149e]{display:flex;gap:1.5rem;height:calc(100vh - 110px)}.left-panel[data-v-0961149e]{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0}.right-panel[data-v-0961149e]{width:350px;flex-shrink:0}.hud-create-btn[data-v-0961149e]{position:relative;background:linear-gradient(135deg,rgba(34,211,238,.15),rgba(34,211,238,.05));border:2px solid rgba(34,211,238,.5);padding:1rem 1.5rem;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));overflow:hidden}.btn-glow[data-v-0961149e]{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(34,211,238,.2),transparent);transform:translateX(-100%);transition:transform .6s ease}.hud-create-btn:hover .btn-glow[data-v-0961149e]{transform:translateX(100%)}.hud-create-btn[data-v-0961149e]:hover{border-color:#22d3ee;box-shadow:0 0 30px rgba(34,211,238,.3)}.btn-content[data-v-0961149e]{position:relative;display:flex;align-items:center;justify-content:center;gap:.75rem;color:#22d3ee;font-family:Orbitron,monospace;font-size:.85rem;font-weight:700;letter-spacing:.1em}.btn-content i[data-v-0961149e]{font-size:1rem}.hud-chat-panel[data-v-0961149e]{position:relative;background:linear-gradient(135deg,#0c1222,#1a2744);height:100%;display:flex;flex-direction:column;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.chat-border[data-v-0961149e]{position:absolute;inset:0;pointer-events:none}.hud-chat-panel .corner[data-v-0961149e]{border-color:#a78bfa}.chat-scanline[data-v-0961149e]{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(167,139,250,.02) 0,rgba(167,139,250,.02) 4px);pointer-events:none}.chat-header[data-v-0961149e]{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(167,139,250,.2);position:relative;z-index:1}.chat-title[data-v-0961149e]{display:flex;align-items:center;gap:.5rem;color:#a78bfa;font-size:.8rem;font-weight:700;letter-spacing:.1em}.chat-title i[data-v-0961149e]{font-size:.9rem}.chat-status[data-v-0961149e]{margin-left:auto}.online-count[data-v-0961149e]{font-size:.6rem;color:#64748b;letter-spacing:.1em}.chat-close[data-v-0961149e]{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.chat-close[data-v-0961149e]:hover{background:rgba(239,68,68,.2)}.chat-messages[data-v-0961149e]{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.6rem;position:relative;z-index:1}.chat-messages[data-v-0961149e]::-webkit-scrollbar{width:3px}.chat-messages[data-v-0961149e]::-webkit-scrollbar-thumb{background:#a78bfa}.chat-message[data-v-0961149e]{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem .75rem;background:rgba(167,139,250,.05);border-left:2px solid rgba(167,139,250,.3)}.chat-message.system[data-v-0961149e]{background:rgba(34,211,238,.05);border-left-color:rgba(34,211,238,.3)}.chat-message.own[data-v-0961149e]{background:rgba(34,211,238,.1);border-left-color:#22d3ee}.system-text[data-v-0961149e]{color:#22d3ee;font-size:.65rem;letter-spacing:.05em;font-style:italic}.msg-sender[data-v-0961149e]{color:#a78bfa;font-size:.65rem;font-weight:700;letter-spacing:.05em}.msg-text[data-v-0961149e]{color:#e2e8f0;font-size:.7rem;word-break:break-word}.chat-input-area[data-v-0961149e]{display:flex;gap:.5rem;padding:1rem;border-top:1px solid rgba(167,139,250,.2);position:relative;z-index:1}.chat-input-area input[data-v-0961149e]{flex:1;background:rgba(167,139,250,.05);border:1px solid rgba(167,139,250,.3);padding:.6rem .85rem;color:#e2e8f0;font-family:Orbitron,monospace;font-size:.7rem;outline:none;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.chat-input-area input[data-v-0961149e]:focus{border-color:#a78bfa;box-shadow:0 0 15px rgba(167,139,250,.2)}.chat-input-area input[data-v-0961149e]::-moz-placeholder{color:#475569}.chat-input-area input[data-v-0961149e]::placeholder{color:#475569}.send-btn[data-v-0961149e]{width:40px;height:40px;background:rgba(167,139,250,.2);border:1px solid rgba(167,139,250,.5);color:#a78bfa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.send-btn[data-v-0961149e]:hover{background:rgba(167,139,250,.3);box-shadow:0 0 15px rgba(167,139,250,.3)}.mobile-chat-toggle[data-v-0961149e]{position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;background:linear-gradient(135deg,rgba(167,139,250,.3),rgba(167,139,250,.1));border:2px solid rgba(167,139,250,.5);color:#a78bfa;display:none;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;z-index:50;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);transition:all .3s ease}.mobile-chat-toggle[data-v-0961149e]:hover{box-shadow:0 0 30px rgba(167,139,250,.4)}.unread-badge[data-v-0961149e]{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:.6rem;padding:.15rem .4rem;border-radius:10px;font-weight:700}.hud-loading-overlay[data-v-0961149e]{position:fixed;inset:0;background:rgba(12,18,34,.95);display:flex;align-items:center;justify-content:center;z-index:2000}.loading-content[data-v-0961149e]{text-align:center}.loading-spinner[data-v-0961149e]{position:relative;width:80px;height:80px;margin:0 auto 1.5rem}.spinner-ring[data-v-0961149e]{position:absolute;inset:0;border:2px solid transparent;border-top-color:#22d3ee;border-radius:50%;animation:spin-0961149e 1.5s linear infinite}.spinner-ring[data-v-0961149e]:nth-child(2){inset:8px;border-top-color:#a78bfa;animation-duration:1.2s;animation-direction:reverse}.spinner-ring[data-v-0961149e]:nth-child(3){inset:16px;border-top-color:#fbbf24;animation-duration:.9s}@keyframes spin-0961149e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text[data-v-0961149e]{color:#22d3ee;font-size:.8rem;font-weight:700;letter-spacing:.15em;animation:blink-0961149e 1s infinite}@keyframes blink-0961149e{0%,to{opacity:1}50%{opacity:.5}}.hud-error-toast[data-v-0961149e]{position:fixed;top:90px;right:1.5rem;display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(239,68,68,.1));border:1px solid rgba(239,68,68,.5);padding:.85rem 1.25rem;color:#ef4444;font-size:.75rem;z-index:1000;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.hud-error-toast i[data-v-0961149e]{font-size:1rem}.hud-error-toast button[data-v-0961149e]{background:none;border:none;color:#ef4444;cursor:pointer;padding:.25rem}.toast-enter-active[data-v-0961149e],.toast-leave-active[data-v-0961149e]{transition:all .3s ease}.toast-enter-from[data-v-0961149e],.toast-leave-to[data-v-0961149e]{opacity:0;transform:translateX(20px)}@media (max-width:1024px){.right-panel[data-v-0961149e]{position:fixed;top:70px;right:0;bottom:0;width:100%;max-width:400px;z-index:200;transform:translateX(100%);transition:transform .3s ease}.right-panel.mobile-visible[data-v-0961149e]{transform:translateX(0)}.mobile-chat-toggle[data-v-0961149e]{display:flex}}@media (max-width:768px){.header-content[data-v-0961149e]{padding:0 1rem}.header-center[data-v-0961149e]{position:static;transform:none}.hud-back-btn span[data-v-0961149e],.logo-text[data-v-0961149e]{display:none}.hud-main[data-v-0961149e]{padding:80px 1rem 1rem}.main-layout[data-v-0961149e]{height:auto;min-height:calc(100vh - 100px)}.hud-create-btn[data-v-0961149e]{padding:.85rem 1rem}.btn-content[data-v-0961149e]{font-size:.75rem}}.hud-room[data-v-4d27372c]{min-height:100vh;background:linear-gradient(135deg,#0c1222,#1a2744);font-family:Orbitron,monospace;position:relative;overflow:hidden}.hud-bg-grid[data-v-4d27372c]{position:fixed;inset:0;background-image:linear-gradient(rgba(34,211,238,.03) 1px,transparent 0),linear-gradient(90deg,rgba(34,211,238,.03) 1px,transparent 0);background-size:50px 50px;pointer-events:none}.hud-bg-scanline[data-v-4d27372c]{position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(34,211,238,.01) 0,rgba(34,211,238,.01) 4px);pointer-events:none}.hud-header[data-v-4d27372c]{position:fixed;top:0;left:0;right:0;height:80px;background:linear-gradient(180deg,rgba(12,18,34,.98),rgba(12,18,34,.9));backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid rgba(34,211,238,.2)}.header-border[data-v-4d27372c]{position:absolute;inset:0;pointer-events:none}.corner[data-v-4d27372c]{position:absolute;width:20px;height:20px;border:2px solid #22d3ee}.corner-tl[data-v-4d27372c]{top:0;left:0;border-right:none;border-bottom:none}.corner-tr[data-v-4d27372c]{top:0;right:0;border-left:none;border-bottom:none}.corner-bl[data-v-4d27372c]{bottom:0;left:0;border-right:none;border-top:none}.corner-br[data-v-4d27372c]{bottom:0;right:0;border-left:none;border-top:none}.header-content[data-v-4d27372c]{max-width:1600px;margin:0 auto;height:100%;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.header-left[data-v-4d27372c]{display:flex;align-items:center;gap:1.5rem}.hud-back-btn[data-v-4d27372c]{display:flex;align-items:center;gap:.5rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.5rem 1rem;font-family:Orbitron,monospace;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));letter-spacing:.1em}.hud-back-btn[data-v-4d27372c]:hover{background:rgba(239,68,68,.2);box-shadow:0 0 20px rgba(239,68,68,.3)}.room-info[data-v-4d27372c]{display:flex;flex-direction:column;gap:.25rem}.room-id[data-v-4d27372c]{display:flex;align-items:center;gap:.3rem}.id-label[data-v-4d27372c]{font-size:.55rem;color:#64748b;letter-spacing:.1em}.id-value[data-v-4d27372c]{font-size:.65rem;font-weight:700;color:#22d3ee}.room-title[data-v-4d27372c]{margin:0;font-size:1rem;font-weight:700;color:#f1f5f9;letter-spacing:.05em}.header-center[data-v-4d27372c]{position:absolute;left:50%;transform:translateX(-50%)}.game-mode-display[data-v-4d27372c]{display:flex;align-items:center;gap:.75rem;background:rgba(34,211,238,.05);border:1px solid rgba(34,211,238,.2);padding:.5rem 1rem;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.mode-icon[data-v-4d27372c]{font-size:1.25rem;color:#22d3ee}.mode-info[data-v-4d27372c]{display:flex;flex-direction:column;gap:.1rem}.mode-label[data-v-4d27372c]{font-size:.7rem;font-weight:700;color:#22d3ee;letter-spacing:.1em}.mode-sub[data-v-4d27372c]{font-size:.55rem;color:#64748b;letter-spacing:.05em}.header-right[data-v-4d27372c]{display:flex;align-items:center;gap:.75rem}.hud-settings-btn[data-v-4d27372c]{width:40px;height:40px;background:rgba(100,116,139,.1);border:1px solid rgba(100,116,139,.3);color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.hud-settings-btn[data-v-4d27372c]:hover{background:rgba(100,116,139,.2);color:#e2e8f0}.hud-start-btn[data-v-4d27372c]{position:relative;display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,rgba(34,211,238,.2),rgba(34,211,238,.1));border:2px solid rgba(34,211,238,.5);color:#22d3ee;padding:.6rem 1.25rem;font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));letter-spacing:.1em;overflow:hidden}.hud-start-btn .btn-glow[data-v-4d27372c]{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(34,211,238,.3),transparent);transform:translateX(-100%);animation:glow-slide-4d27372c 2s infinite}@keyframes glow-slide-4d27372c{0%{transform:translateX(-100%)}50%,to{transform:translateX(100%)}}.hud-start-btn[data-v-4d27372c]:hover:not(:disabled){background:linear-gradient(135deg,rgba(34,211,238,.3),rgba(34,211,238,.15));box-shadow:0 0 30px rgba(34,211,238,.4)}.hud-start-btn[data-v-4d27372c]:disabled{opacity:.4;cursor:not-allowed}.hud-start-btn:disabled .btn-glow[data-v-4d27372c]{animation:none}.hud-main[data-v-4d27372c]{padding:100px 1.5rem 1.5rem;max-width:1600px;margin:0 auto;min-height:100vh}.main-layout[data-v-4d27372c]{display:flex;gap:1.5rem;height:calc(100vh - 120px)}.left-panel[data-v-4d27372c]{flex:1;min-width:0}.right-panel[data-v-4d27372c]{width:350px;flex-shrink:0}.players-panel[data-v-4d27372c]{position:relative;background:linear-gradient(135deg,#0c1222,#1a2744);height:100%;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));display:flex;flex-direction:column}.panel-border[data-v-4d27372c],.panel-scanline[data-v-4d27372c]{position:absolute;inset:0;pointer-events:none}.panel-scanline[data-v-4d27372c]{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(34,211,238,.02) 0,rgba(34,211,238,.02) 4px)}.panel-scanline.purple[data-v-4d27372c]{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(167,139,250,.02) 0,rgba(167,139,250,.02) 4px)}.panel-header[data-v-4d27372c]{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(34,211,238,.2);position:relative;z-index:1}.panel-title[data-v-4d27372c]{display:flex;align-items:center;gap:.6rem;color:#22d3ee;font-size:.9rem;font-weight:700;letter-spacing:.1em}.player-count[data-v-4d27372c]{font-size:.8rem;font-weight:700;color:#22d3ee;background:rgba(34,211,238,.1);padding:.35rem .75rem;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.player-slots[data-v-4d27372c]{flex:1;overflow-y:auto;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:1}.player-slot[data-v-4d27372c]{display:flex;align-items:center;gap:1rem;background:rgba(100,116,139,.05);border:1px solid rgba(100,116,139,.2);padding:.85rem 1rem;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.player-slot.filled[data-v-4d27372c]{background:rgba(34,211,238,.05);border-color:rgba(34,211,238,.3)}.player-slot.host[data-v-4d27372c]{background:rgba(251,191,36,.05);border-color:rgba(251,191,36,.3)}.player-slot.me[data-v-4d27372c]{box-shadow:0 0 20px rgba(34,211,238,.2)}.slot-indicator[data-v-4d27372c]{width:36px;height:36px;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.3);display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.slot-indicator.empty[data-v-4d27372c]{background:rgba(100,116,139,.1);border-color:rgba(100,116,139,.2)}.slot-number[data-v-4d27372c]{font-size:.7rem;font-weight:700;color:#22d3ee}.slot-indicator.empty .slot-number[data-v-4d27372c]{color:#64748b}.player-info[data-v-4d27372c]{flex:1;display:flex;align-items:center;gap:.85rem}.player-avatar[data-v-4d27372c]{position:relative;width:44px;height:44px;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.3);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.1rem;color:#22d3ee}.host .player-avatar[data-v-4d27372c]{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.3);color:#fbbf24}.host-badge[data-v-4d27372c]{position:absolute;bottom:-4px;right:-4px;width:18px;height:18px;background:#fbbf24;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.5rem;color:#0c1222;border:2px solid #0c1222}.player-details[data-v-4d27372c]{display:flex;flex-direction:column;gap:.2rem}.player-name[data-v-4d27372c]{font-size:.85rem;font-weight:700;color:#f1f5f9;letter-spacing:.05em}.player-status[data-v-4d27372c]{display:flex;align-items:center;gap:.35rem;font-size:.6rem;color:#64748b;letter-spacing:.1em}.status-dot[data-v-4d27372c]{width:6px;height:6px;background:#22d3ee;border-radius:50%;box-shadow:0 0 6px #22d3ee;animation:pulse-4d27372c 2s infinite}@keyframes pulse-4d27372c{0%,to{opacity:1}50%{opacity:.5}}.player-actions[data-v-4d27372c]{margin-left:auto}.kick-btn[data-v-4d27372c]{width:32px;height:32px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:.75rem}.kick-btn[data-v-4d27372c]:hover{background:rgba(239,68,68,.2);box-shadow:0 0 15px rgba(239,68,68,.3)}.empty-slot[data-v-4d27372c]{flex:1;display:flex;align-items:center;gap:.6rem;color:#475569;font-size:.75rem;letter-spacing:.1em}.empty-slot i[data-v-4d27372c]{font-size:1rem}.chat-panel[data-v-4d27372c]{position:relative;background:linear-gradient(135deg,#0c1222,#1a2744);height:100%;display:flex;flex-direction:column;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.chat-panel .corner[data-v-4d27372c]{border-color:#a78bfa}.chat-header[data-v-4d27372c]{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(167,139,250,.2);position:relative;z-index:1}.chat-title[data-v-4d27372c]{display:flex;align-items:center;gap:.5rem;color:#a78bfa;font-size:.8rem;font-weight:700;letter-spacing:.1em}.chat-close[data-v-4d27372c]{margin-left:auto;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.chat-messages[data-v-4d27372c]{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.6rem;position:relative;z-index:1}.chat-messages[data-v-4d27372c]::-webkit-scrollbar{width:3px}.chat-messages[data-v-4d27372c]::-webkit-scrollbar-thumb{background:#a78bfa}.chat-message[data-v-4d27372c]{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem .75rem;background:rgba(167,139,250,.05);border-left:2px solid rgba(167,139,250,.3)}.chat-message.system[data-v-4d27372c]{background:rgba(34,211,238,.05);border-left-color:rgba(34,211,238,.3)}.chat-message.own[data-v-4d27372c]{background:rgba(34,211,238,.1);border-left-color:#22d3ee}.system-text[data-v-4d27372c]{color:#22d3ee;font-size:.65rem;letter-spacing:.05em;font-style:italic}.msg-sender[data-v-4d27372c]{color:#a78bfa;font-size:.65rem;font-weight:700}.msg-text[data-v-4d27372c]{color:#e2e8f0;font-size:.7rem;word-break:break-word}.chat-input-area[data-v-4d27372c]{display:flex;gap:.5rem;padding:1rem;border-top:1px solid rgba(167,139,250,.2);position:relative;z-index:1}.chat-input-area input[data-v-4d27372c]{flex:1;background:rgba(167,139,250,.05);border:1px solid rgba(167,139,250,.3);padding:.6rem .85rem;color:#e2e8f0;font-family:Orbitron,monospace;font-size:.7rem;outline:none;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.chat-input-area input[data-v-4d27372c]:focus{border-color:#a78bfa;box-shadow:0 0 15px rgba(167,139,250,.2)}.send-btn[data-v-4d27372c]{width:40px;height:40px;background:rgba(167,139,250,.2);border:1px solid rgba(167,139,250,.5);color:#a78bfa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.send-btn[data-v-4d27372c]:hover{background:rgba(167,139,250,.3);box-shadow:0 0 15px rgba(167,139,250,.3)}.mobile-bottom-bar[data-v-4d27372c]{position:fixed;bottom:0;left:0;right:0;height:60px;background:linear-gradient(180deg,rgba(12,18,34,.95),rgba(12,18,34,.98));border-top:1px solid rgba(34,211,238,.2);display:none;z-index:100}.mobile-nav-btn[data-v-4d27372c]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:transparent;border:none;color:#64748b;font-family:Orbitron,monospace;font-size:.55rem;cursor:pointer;transition:all .3s ease;position:relative}.mobile-nav-btn i[data-v-4d27372c]{font-size:1.1rem}.mobile-nav-btn.active[data-v-4d27372c]{color:#22d3ee}.unread-badge[data-v-4d27372c]{position:absolute;top:8px;right:30%;background:#ef4444;color:#fff;font-size:.5rem;padding:.1rem .3rem;border-radius:8px;font-weight:700}.countdown-overlay[data-v-4d27372c]{position:fixed;inset:0;background:rgba(12,18,34,.95);display:flex;align-items:center;justify-content:center;z-index:2000}.countdown-content[data-v-4d27372c]{text-align:center}.countdown-rings[data-v-4d27372c]{position:relative;width:150px;height:150px;margin:0 auto 2rem}.ring[data-v-4d27372c]{position:absolute;inset:0;border:3px solid transparent;border-radius:50%;animation:spin-4d27372c 2s linear infinite}.ring-1[data-v-4d27372c]{border-top-color:#22d3ee}.ring-2[data-v-4d27372c]{inset:15px;border-top-color:#a78bfa;animation-duration:1.5s;animation-direction:reverse}.ring-3[data-v-4d27372c]{inset:30px;border-top-color:#fbbf24;animation-duration:1s}@keyframes spin-4d27372c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.countdown-number[data-v-4d27372c]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;font-weight:900;color:#22d3ee;text-shadow:0 0 40px rgba(34,211,238,.5)}.countdown-text[data-v-4d27372c]{margin:0;font-size:1rem;font-weight:700;color:#22d3ee;letter-spacing:.2em;animation:blink-4d27372c 1s infinite}@keyframes blink-4d27372c{0%,to{opacity:1}50%{opacity:.5}}.countdown-enter-active[data-v-4d27372c],.countdown-leave-active[data-v-4d27372c]{transition:all .3s ease}.countdown-enter-from[data-v-4d27372c],.countdown-leave-to[data-v-4d27372c]{opacity:0}.hud-modal-overlay[data-v-4d27372c]{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.hud-settings-modal[data-v-4d27372c]{position:relative;background:linear-gradient(135deg,#0c1222,#1a2744);width:100%;max-width:500px;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}.modal-border[data-v-4d27372c],.modal-scanline[data-v-4d27372c]{position:absolute;inset:0;pointer-events:none}.modal-scanline[data-v-4d27372c]{background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(34,211,238,.02) 0,rgba(34,211,238,.02) 4px)}.modal-content[data-v-4d27372c]{position:relative;z-index:1;padding:1.5rem}.modal-header[data-v-4d27372c]{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid rgba(34,211,238,.2)}.modal-header i[data-v-4d27372c]{font-size:1.25rem;color:#22d3ee}.modal-header h2[data-v-4d27372c]{margin:0;font-size:1rem;font-weight:700;color:#22d3ee;letter-spacing:.1em}.close-btn[data-v-4d27372c]{margin-left:auto;width:32px;height:32px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.close-btn[data-v-4d27372c]:hover{background:rgba(239,68,68,.2)}.settings-note[data-v-4d27372c]{color:#64748b;font-size:.75rem;text-align:center;padding:2rem 0}.modal-footer[data-v-4d27372c]{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid rgba(34,211,238,.2)}.hud-btn[data-v-4d27372c]{background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.3);color:#22d3ee;padding:.6rem 1.25rem;font-family:Orbitron,monospace;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));letter-spacing:.1em}.hud-btn[data-v-4d27372c]:hover{background:rgba(34,211,238,.2);box-shadow:0 0 15px rgba(34,211,238,.3)}.modal-enter-active[data-v-4d27372c],.modal-leave-active[data-v-4d27372c]{transition:all .3s ease}.modal-enter-from[data-v-4d27372c],.modal-leave-to[data-v-4d27372c]{opacity:0}.modal-enter-from .hud-settings-modal[data-v-4d27372c],.modal-leave-to .hud-settings-modal[data-v-4d27372c]{transform:scale(.95) translateY(-20px)}@media (max-width:1024px){.right-panel[data-v-4d27372c]{position:fixed;top:80px;right:0;bottom:60px;width:100%;max-width:400px;z-index:200;transform:translateX(100%);transition:transform .3s ease}.right-panel.mobile-visible[data-v-4d27372c]{transform:translateX(0)}.mobile-bottom-bar[data-v-4d27372c]{display:flex}.hud-main[data-v-4d27372c]{padding-bottom:80px}}@media (max-width:768px){.header-content[data-v-4d27372c]{padding:0 1rem}.header-center[data-v-4d27372c],.hud-back-btn span[data-v-4d27372c],.hud-start-btn span[data-v-4d27372c]{display:none}.hud-start-btn[data-v-4d27372c]{padding:.6rem}.room-title[data-v-4d27372c]{font-size:.85rem;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-main[data-v-4d27372c]{padding:90px 1rem 80px}.main-layout[data-v-4d27372c]{height:auto;min-height:calc(100vh - 170px)}}.hud-test-page[data-v-d0d5fee6]{min-height:100vh;background:linear-gradient(135deg,#0c1222,#1a2744);font-family:Orbitron,monospace;position:relative}.bg-grid[data-v-d0d5fee6]{position:fixed;inset:0;background-image:linear-gradient(rgba(34,211,238,.03) 1px,transparent 0),linear-gradient(90deg,rgba(34,211,238,.03) 1px,transparent 0);background-size:50px 50px;pointer-events:none}.bg-scanline[data-v-d0d5fee6]{position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(34,211,238,.01) 0,rgba(34,211,238,.01) 4px);pointer-events:none}.test-header[data-v-d0d5fee6]{position:fixed;top:0;left:0;right:0;height:80px;background:linear-gradient(180deg,rgba(12,18,34,.98),rgba(12,18,34,.9));backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid rgba(34,211,238,.2)}.header-border[data-v-d0d5fee6]{position:absolute;inset:0;pointer-events:none}.corner[data-v-d0d5fee6]{position:absolute;width:20px;height:20px;border:2px solid #22d3ee}.corner-tl[data-v-d0d5fee6]{top:0;left:0;border-right:none;border-bottom:none}.corner-tr[data-v-d0d5fee6]{top:0;right:0;border-left:none;border-bottom:none}.header-content[data-v-d0d5fee6]{max-width:1600px;margin:0 auto;height:100%;padding:0 1.5rem;display:flex;align-items:center;gap:2rem}.back-btn[data-v-d0d5fee6]{display:flex;align-items:center;gap:.5rem;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.3);color:#22d3ee;padding:.5rem 1rem;font-family:Orbitron,monospace;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));letter-spacing:.1em}.back-btn[data-v-d0d5fee6]:hover{background:rgba(34,211,238,.2);box-shadow:0 0 20px rgba(34,211,238,.3)}.page-title[data-v-d0d5fee6]{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.1rem;font-weight:800;color:#22d3ee;letter-spacing:.15em;text-shadow:0 0 20px rgba(34,211,238,.5)}.tab-nav[data-v-d0d5fee6]{display:flex;gap:.5rem;margin-left:auto}.tab-btn[data-v-d0d5fee6]{display:flex;align-items:center;gap:.4rem;background:rgba(100,116,139,.1);border:1px solid rgba(100,116,139,.2);color:#64748b;padding:.5rem 1rem;font-family:Orbitron,monospace;font-size:.65rem;font-weight:600;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));letter-spacing:.08em}.tab-btn[data-v-d0d5fee6]:hover{background:rgba(100,116,139,.2);color:#94a3b8}.tab-btn.active[data-v-d0d5fee6]{background:rgba(34,211,238,.15);border-color:rgba(34,211,238,.4);color:#22d3ee}.test-content[data-v-d0d5fee6]{padding:100px 1.5rem 2rem;max-width:1600px;margin:0 auto}.test-panel[data-v-d0d5fee6]{min-height:calc(100vh - 120px)}.panel-info[data-v-d0d5fee6]{margin-bottom:1.5rem;padding:1.5rem;background:rgba(34,211,238,.05);border:1px solid rgba(34,211,238,.2);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.panel-info h2[data-v-d0d5fee6]{margin:0 0 .5rem 0;font-size:1.2rem;font-weight:800;color:#22d3ee;letter-spacing:.1em}.panel-info p[data-v-d0d5fee6]{margin:0 0 1rem 0;font-size:.75rem;color:#94a3b8;letter-spacing:.05em}.launch-btn[data-v-d0d5fee6]{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,rgba(34,211,238,.2),rgba(34,211,238,.1));border:1px solid rgba(34,211,238,.5);color:#22d3ee;padding:.6rem 1.25rem;font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .3s ease;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));letter-spacing:.1em}.launch-btn[data-v-d0d5fee6]:hover{background:linear-gradient(135deg,rgba(34,211,238,.3),rgba(34,211,238,.15));box-shadow:0 0 25px rgba(34,211,238,.3)}.preview-frame[data-v-d0d5fee6]{border:1px solid rgba(34,211,238,.2);border-radius:4px;overflow:hidden;height:calc(100vh - 250px);min-height:500px}.components-gallery[data-v-d0d5fee6]{min-height:auto}.components-grid[data-v-d0d5fee6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.component-card[data-v-d0d5fee6]{background:rgba(12,18,34,.8);border:1px solid rgba(34,211,238,.2);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));overflow:hidden}.card-header[data-v-d0d5fee6]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:rgba(34,211,238,.05);border-bottom:1px solid rgba(34,211,238,.15)}.card-title[data-v-d0d5fee6]{font-size:.8rem;font-weight:700;color:#22d3ee;letter-spacing:.1em}.show-modal-btn[data-v-d0d5fee6]{display:flex;align-items:center;gap:.4rem;background:rgba(167,139,250,.15);border:1px solid rgba(167,139,250,.4);color:#a78bfa;padding:.35rem .75rem;font-family:Orbitron,monospace;font-size:.6rem;font-weight:600;cursor:pointer;transition:all .3s ease}.show-modal-btn[data-v-d0d5fee6]:hover{background:rgba(167,139,250,.25);box-shadow:0 0 15px rgba(167,139,250,.3)}.card-preview[data-v-d0d5fee6]{padding:1rem;overflow:auto}.modal-preview[data-v-d0d5fee6]{display:flex;align-items:center;justify-content:center;height:200px;color:#64748b;font-size:.75rem}@media (max-width:1024px){.tab-nav[data-v-d0d5fee6]{position:fixed;bottom:0;left:0;right:0;margin:0;padding:0;background:rgba(12,18,34,.98);border-top:1px solid rgba(34,211,238,.2);display:flex;z-index:100}.tab-btn[data-v-d0d5fee6]{flex:1;flex-direction:column;padding:.75rem .5rem;clip-path:none;border:none;border-radius:0;gap:.25rem}.tab-btn span[data-v-d0d5fee6]{font-size:.55rem}.test-content[data-v-d0d5fee6]{padding-bottom:80px}.components-grid[data-v-d0d5fee6]{grid-template-columns:1fr}}@media (max-width:768px){.header-content[data-v-d0d5fee6]{padding:0 1rem;gap:1rem}.back-btn span[data-v-d0d5fee6]{display:none}.page-title[data-v-d0d5fee6]{font-size:.9rem}.test-content[data-v-d0d5fee6]{padding:90px 1rem 80px}.preview-frame[data-v-d0d5fee6]{height:calc(100vh - 280px);min-height:400px}}.modal-overlay[data-v-4b2baa11]{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-container[data-v-4b2baa11]{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;animation:slideUp-4b2baa11 .3s ease}@keyframes slideUp-4b2baa11{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-4b2baa11]{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb}.header-title[data-v-4b2baa11]{display:flex;align-items:center;gap:.6rem}.title-icon[data-v-4b2baa11]{width:36px;height:36px;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem}.header-title h2[data-v-4b2baa11]{margin:0;font-size:1.1rem;font-weight:700;color:#111827}.close-btn[data-v-4b2baa11]{width:34px;height:34px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.close-btn[data-v-4b2baa11]:hover{background:#f3f4f6;color:#ef4444}.modal-body[data-v-4b2baa11]{padding:1.25rem 1.5rem;max-height:60vh;overflow-y:auto}.form-group[data-v-4b2baa11]{margin-bottom:1.25rem}.form-group label[data-v-4b2baa11]{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:#374151;margin-bottom:.5rem}.form-group label i[data-v-4b2baa11]{color:#10b981;font-size:.75rem}.input-wrapper[data-v-4b2baa11]{position:relative}.input-wrapper input[data-v-4b2baa11],.password-section input[data-v-4b2baa11]{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:10px;font-size:.9rem;outline:none;transition:all .2s ease;background:#fafafa}.input-wrapper input[data-v-4b2baa11]:focus,.password-section input[data-v-4b2baa11]:focus{border-color:#10b981;background:#fff;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.char-count[data-v-4b2baa11]{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.7rem;color:#9ca3af}.option-grid[data-v-4b2baa11]{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.option-card[data-v-4b2baa11]{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem;background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease}.option-card[data-v-4b2baa11]:hover:not(.disabled){border-color:#d1d5db;background:#f3f4f6}.option-card.selected[data-v-4b2baa11]{border-color:#10b981;background:#ecfdf5}.option-card i[data-v-4b2baa11]{font-size:1.25rem;color:#6b7280}.option-card.selected i[data-v-4b2baa11]{color:#10b981}.option-card span[data-v-4b2baa11]{font-size:.8rem;font-weight:600;color:#374151}.option-card.disabled[data-v-4b2baa11]{opacity:.5;cursor:not-allowed}.check-mark[data-v-4b2baa11]{position:absolute;top:6px;right:6px;width:18px;height:18px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center}.check-mark i[data-v-4b2baa11]{font-size:.5rem;color:#fff}.soon-badge[data-v-4b2baa11]{position:absolute;top:4px;right:4px;background:#f59e0b;color:#fff;font-size:.55rem;padding:.15rem .35rem;border-radius:4px;font-weight:700}.settings-row[data-v-4b2baa11]{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.form-group.compact[data-v-4b2baa11]{margin-bottom:0}.counter-control[data-v-4b2baa11]{display:flex;align-items:center;gap:.4rem;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;padding:.4rem}.counter-control button[data-v-4b2baa11]{width:28px;height:28px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.7rem}.counter-control button[data-v-4b2baa11]:hover:not(:disabled){background:#f3f4f6;color:#374151}.counter-control button[data-v-4b2baa11]:disabled{opacity:.4;cursor:not-allowed}.counter-value[data-v-4b2baa11]{flex:1;text-align:center;font-size:.85rem;font-weight:700;color:#111827}.toggle-group[data-v-4b2baa11]{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.toggle-item[data-v-4b2baa11]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease}.toggle-item[data-v-4b2baa11]:hover{background:#f3f4f6}.toggle-info[data-v-4b2baa11]{display:flex;align-items:center;gap:.5rem}.toggle-info i[data-v-4b2baa11]{color:#6b7280;font-size:.85rem}.toggle-info span[data-v-4b2baa11]{font-size:.85rem;font-weight:500;color:#374151}.toggle-switch[data-v-4b2baa11]{width:40px;height:22px;background:#d1d5db;border-radius:11px;position:relative;transition:all .2s ease}.toggle-switch.active[data-v-4b2baa11]{background:#10b981}.toggle-thumb[data-v-4b2baa11]{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.2)}.toggle-switch.active .toggle-thumb[data-v-4b2baa11]{left:20px}.password-section[data-v-4b2baa11]{padding:.75rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px}.password-section .form-group[data-v-4b2baa11]{margin-bottom:0}.slide-enter-active[data-v-4b2baa11],.slide-leave-active[data-v-4b2baa11]{transition:all .3s ease}.slide-enter-from[data-v-4b2baa11],.slide-leave-to[data-v-4b2baa11]{opacity:0;transform:translateY(-10px)}.modal-footer[data-v-4b2baa11]{display:flex;gap:.75rem;padding:1.25rem 1.5rem;background:#f8fafc;border-top:1px solid #e5e7eb}.btn-cancel[data-v-4b2baa11],.btn-create[data-v-4b2baa11]{flex:1;padding:.8rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel[data-v-4b2baa11]{background:#fff;border:1px solid #e5e7eb;color:#6b7280}.btn-cancel[data-v-4b2baa11]:hover{background:#f3f4f6;color:#374151}.btn-create[data-v-4b2baa11]{display:flex;align-items:center;justify-content:center;gap:.4rem;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;box-shadow:0 4px 12px rgba(16,185,129,.3)}.btn-create[data-v-4b2baa11]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,185,129,.4)}.btn-create[data-v-4b2baa11]:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width:480px){.modal-container[data-v-4b2baa11]{max-height:85vh}.settings-row[data-v-4b2baa11]{grid-template-columns:1fr}.counter-control[data-v-4b2baa11]{justify-content:center}}.lobby-f[data-v-7748cd8b]{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}.lobby-header[data-v-7748cd8b]{position:fixed;top:0;left:0;right:0;height:64px;background:#fff;border-bottom:1px solid #e5e7eb;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.05)}.header-inner[data-v-7748cd8b]{max-width:1400px;margin:0 auto;height:100%;padding:0 1.5rem;display:flex;align-items:center;gap:1rem}.back-btn[data-v-7748cd8b]{width:40px;height:40px;border-radius:10px;background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.back-btn[data-v-7748cd8b]:hover{background:#e5e7eb;color:#374151}.logo-area[data-v-7748cd8b]{display:flex;align-items:center;gap:.6rem}.logo-icon[data-v-7748cd8b]{width:36px;height:36px;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.logo-text[data-v-7748cd8b]{display:flex;flex-direction:column}.brand[data-v-7748cd8b]{font-size:1rem;font-weight:800;color:#111827;letter-spacing:-.02em}.sub[data-v-7748cd8b]{font-size:.65rem;color:#9ca3af;font-weight:500}.header-actions[data-v-7748cd8b]{margin-left:auto}.online-badge[data-v-7748cd8b]{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;font-size:.75rem;font-weight:600;color:#16a34a}.pulse-dot[data-v-7748cd8b]{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse-7748cd8b 2s infinite}@keyframes pulse-7748cd8b{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.lobby-main[data-v-7748cd8b]{padding:80px 1.5rem 2rem;max-width:1400px;margin:0 auto}.main-grid[data-v-7748cd8b]{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;min-height:calc(100vh - 120px)}.section-card[data-v-7748cd8b]{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;display:flex;flex-direction:column}.card-header[data-v-7748cd8b]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6;background:#fafafa}.header-title[data-v-7748cd8b]{display:flex;align-items:center;gap:.5rem}.header-title i[data-v-7748cd8b]{color:#10b981;font-size:1rem}.header-title h2[data-v-7748cd8b]{margin:0;font-size:1rem;font-weight:700;color:#111827}.room-count[data-v-7748cd8b]{background:#f3f4f6;padding:.15rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600;color:#6b7280}.header-actions[data-v-7748cd8b]{display:flex;align-items:center;gap:.5rem}.search-box[data-v-7748cd8b]{display:flex;align-items:center;gap:.4rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.4rem .6rem}.search-box i[data-v-7748cd8b]{color:#9ca3af;font-size:.8rem}.search-box input[data-v-7748cd8b]{border:none;outline:none;font-size:.8rem;width:140px;color:#374151}.search-box input[data-v-7748cd8b]::-moz-placeholder{color:#9ca3af}.search-box input[data-v-7748cd8b]::placeholder{color:#9ca3af}.refresh-btn[data-v-7748cd8b]{width:34px;height:34px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.refresh-btn[data-v-7748cd8b]:hover:not(:disabled){background:#f3f4f6;color:#374151}.rooms-section[data-v-7748cd8b]{display:flex;flex-direction:column;gap:1rem}.rooms-section .section-card[data-v-7748cd8b]{flex:1}.rooms-list[data-v-7748cd8b]{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.room-item[data-v-7748cd8b]{display:flex;background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s ease}.room-item[data-v-7748cd8b]:hover{border-color:#d1d5db;box-shadow:0 2px 8px rgba(0,0,0,.04);transform:translateY(-1px)}.room-status-bar[data-v-7748cd8b]{width:4px;flex-shrink:0}.is-public .room-status-bar[data-v-7748cd8b]{background:linear-gradient(180deg,#10b981,#059669)}.is-private .room-status-bar[data-v-7748cd8b]{background:linear-gradient(180deg,#6366f1,#4f46e5)}.is-playing .room-status-bar[data-v-7748cd8b]{background:linear-gradient(180deg,#f59e0b,#d97706)}.is-playing[data-v-7748cd8b]{opacity:.6;cursor:not-allowed}.is-playing[data-v-7748cd8b]:hover{transform:none;box-shadow:none}.room-content[data-v-7748cd8b]{flex:1;padding:.75rem 1rem}.room-header[data-v-7748cd8b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.room-id[data-v-7748cd8b]{font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600;color:#9ca3af}.room-badges[data-v-7748cd8b]{display:flex;gap:.3rem}.badge[data-v-7748cd8b]{padding:.15rem .4rem;border-radius:4px;font-size:.6rem;font-weight:600}.badge.waiting[data-v-7748cd8b]{background:#ecfdf5;color:#059669}.badge.playing[data-v-7748cd8b]{background:#fef3c7;color:#d97706}.badge.private[data-v-7748cd8b]{background:#eef2ff;color:#6366f1}.room-name[data-v-7748cd8b]{margin:0 0 .35rem 0;font-size:.9rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-meta[data-v-7748cd8b]{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem}.meta-item[data-v-7748cd8b]{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:#6b7280}.meta-item i[data-v-7748cd8b]{font-size:.65rem;color:#9ca3af}.meta-divider[data-v-7748cd8b]{color:#d1d5db}.room-footer[data-v-7748cd8b]{display:flex;align-items:center;gap:.5rem}.player-bar[data-v-7748cd8b]{flex:1;max-width:80px;height:4px;background:#f3f4f6;border-radius:2px;overflow:hidden}.bar-fill[data-v-7748cd8b]{height:100%;transition:width .3s ease}.is-public .bar-fill[data-v-7748cd8b]{background:#10b981}.is-private .bar-fill[data-v-7748cd8b]{background:#6366f1}.is-playing .bar-fill[data-v-7748cd8b]{background:#f59e0b}.player-count[data-v-7748cd8b]{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600;color:#374151}.join-hint[data-v-7748cd8b]{margin-left:auto;font-size:.65rem;font-weight:600;transition:transform .2s ease}.is-public .join-hint[data-v-7748cd8b]{color:#059669}.is-private .join-hint[data-v-7748cd8b]{color:#6366f1}.room-item:hover .join-hint[data-v-7748cd8b]{transform:translateX(3px)}.empty-rooms[data-v-7748cd8b]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#9ca3af}.empty-icon[data-v-7748cd8b]{width:64px;height:64px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.empty-icon i[data-v-7748cd8b]{font-size:1.5rem;color:#9ca3af}.empty-rooms p[data-v-7748cd8b]{margin:0 0 .25rem 0;font-weight:600;color:#6b7280}.empty-rooms span[data-v-7748cd8b]{font-size:.8rem}.create-room-btn[data-v-7748cd8b]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(16,185,129,.3)}.create-room-btn[data-v-7748cd8b]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,185,129,.4)}.chat-section[data-v-7748cd8b]{display:flex;flex-direction:column}.chat-card[data-v-7748cd8b]{flex:1;display:flex;flex-direction:column}.close-chat[data-v-7748cd8b]{width:32px;height:32px;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer}.chat-messages[data-v-7748cd8b]{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.4rem;min-height:200px}.chat-msg[data-v-7748cd8b]{padding:.4rem .6rem;border-radius:6px;font-size:.8rem}.chat-msg.system[data-v-7748cd8b]{background:#f3f4f6;text-align:center}.system-text[data-v-7748cd8b]{color:#6b7280;font-size:.7rem}.chat-msg[data-v-7748cd8b]:not(.system){background:#f8fafc;border-left:2px solid #e5e7eb}.chat-msg.own[data-v-7748cd8b]{background:#ecfdf5;border-left-color:#10b981}.msg-sender[data-v-7748cd8b]{font-size:.7rem;font-weight:600;color:#6b7280;margin-right:.4rem}.msg-content[data-v-7748cd8b]{color:#374151}.chat-input-area[data-v-7748cd8b]{display:flex;gap:.4rem;padding:.75rem;border-top:1px solid #f3f4f6}.chat-input-area input[data-v-7748cd8b]{flex:1;padding:.6rem .8rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.85rem;outline:none;transition:border-color .2s ease}.chat-input-area input[data-v-7748cd8b]:focus{border-color:#10b981}.send-btn[data-v-7748cd8b]{width:38px;height:38px;background:#10b981;border:none;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.send-btn[data-v-7748cd8b]:hover{background:#059669}.mobile-chat-btn[data-v-7748cd8b]{position:fixed;bottom:1.5rem;right:1.5rem;width:56px;height:56px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50%;color:#fff;font-size:1.2rem;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px rgba(16,185,129,.4);z-index:50}.unread[data-v-7748cd8b]{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:.6rem;padding:.15rem .4rem;border-radius:10px;font-weight:700}.modal-overlay[data-v-7748cd8b]{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.password-modal[data-v-7748cd8b]{background:#fff;border-radius:16px;width:90%;max-width:360px;overflow:hidden}.password-modal .modal-header[data-v-7748cd8b]{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e5e7eb}.password-modal .modal-header i[data-v-7748cd8b]{color:#6366f1}.password-modal .modal-header h3[data-v-7748cd8b]{margin:0;font-size:1rem;color:#111827}.password-modal .modal-body[data-v-7748cd8b]{padding:1.25rem}.password-modal input[data-v-7748cd8b]{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:10px;font-size:.95rem;outline:none}.password-modal input[data-v-7748cd8b]:focus{border-color:#6366f1}.password-modal .modal-footer[data-v-7748cd8b]{display:flex;gap:.6rem;padding:1rem 1.25rem;border-top:1px solid #e5e7eb}.btn-cancel[data-v-7748cd8b],.btn-confirm[data-v-7748cd8b]{flex:1;padding:.7rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel[data-v-7748cd8b]{background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.btn-confirm[data-v-7748cd8b]{background:#6366f1;border:none;color:#fff}.btn-confirm[data-v-7748cd8b]:hover{background:#4f46e5}.loading-overlay[data-v-7748cd8b]{position:fixed;inset:0;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;z-index:2000}.loading-spinner[data-v-7748cd8b]{text-align:center}.loading-spinner i[data-v-7748cd8b]{font-size:2.5rem;color:#10b981;margin-bottom:.75rem}.loading-spinner p[data-v-7748cd8b]{margin:0;font-weight:600;color:#374151}@media (max-width:900px){.main-grid[data-v-7748cd8b]{grid-template-columns:1fr}.chat-section[data-v-7748cd8b]{position:fixed;top:64px;right:0;bottom:0;width:100%;max-width:400px;background:#fff;transform:translateX(100%);transition:transform .3s ease;z-index:200;box-shadow:-4px 0 20px rgba(0,0,0,.1)}.chat-section.mobile-visible[data-v-7748cd8b]{transform:translateX(0)}.mobile-chat-btn[data-v-7748cd8b]{display:flex}}@media (max-width:640px){.header-inner[data-v-7748cd8b]{padding:0 1rem}.logo-text[data-v-7748cd8b]{display:none}.lobby-main[data-v-7748cd8b]{padding:74px 1rem 1.5rem}.search-box[data-v-7748cd8b]{display:none}.room-item[data-v-7748cd8b]{padding:0}}.room-f[data-v-b0a8d05c]{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}.room-header[data-v-b0a8d05c]{position:fixed;top:0;left:0;right:0;height:64px;background:#fff;border-bottom:1px solid #e5e7eb;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.05)}.header-inner[data-v-b0a8d05c]{max-width:1400px;margin:0 auto;height:100%;padding:0 1.5rem;display:flex;align-items:center;gap:1rem}.leave-btn[data-v-b0a8d05c]{display:flex;align-items:center;gap:.4rem;padding:.5rem .9rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.leave-btn[data-v-b0a8d05c]:hover{background:#fee2e2}.room-info-header[data-v-b0a8d05c]{display:flex;align-items:center;gap:.6rem}.room-id[data-v-b0a8d05c]{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600;color:#9ca3af;background:#f3f4f6;padding:.2rem .5rem;border-radius:4px}.room-title[data-v-b0a8d05c]{margin:0;font-size:1.05rem;font-weight:700;color:#111827}.header-actions[data-v-b0a8d05c]{margin-left:auto;display:flex;align-items:center;gap:.6rem}.mode-badge[data-v-b0a8d05c]{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;font-size:.75rem;font-weight:600;color:#059669}.mode-badge .divider[data-v-b0a8d05c]{color:#a7f3d0}.settings-btn[data-v-b0a8d05c]{width:36px;height:36px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.settings-btn[data-v-b0a8d05c]:hover{background:#e5e7eb;color:#374151}.room-main[data-v-b0a8d05c]{padding:80px 1.5rem 2rem;max-width:1400px;margin:0 auto}.main-grid[data-v-b0a8d05c]{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;min-height:calc(100vh - 120px)}.left-section[data-v-b0a8d05c]{display:flex;flex-direction:column;gap:1rem}.my-profile-card[data-v-b0a8d05c]{background:#fff;border-radius:16px;border:1px solid #e5e7eb;padding:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,.04)}.profile-header[data-v-b0a8d05c]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.profile-avatar[data-v-b0a8d05c]{position:relative;width:56px;height:56px;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem}.profile-avatar img[data-v-b0a8d05c]{width:100%;height:100%;border-radius:14px;-o-object-fit:cover;object-fit:cover}.online-dot[data-v-b0a8d05c]{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;background:#22c55e;border:3px solid #fff;border-radius:50%}.profile-info[data-v-b0a8d05c]{flex:1}.profile-name[data-v-b0a8d05c]{margin:0 0 .2rem 0;font-size:1.1rem;font-weight:700;color:#111827}.profile-role[data-v-b0a8d05c]{font-size:.75rem;font-weight:600;color:#10b981;background:#ecfdf5;padding:.2rem .5rem;border-radius:4px}.profile-stats[data-v-b0a8d05c]{display:flex;align-items:center;justify-content:space-between}.stat-item[data-v-b0a8d05c]{display:flex;flex-direction:column;align-items:center;flex:1}.stat-value[data-v-b0a8d05c]{font-size:1.25rem;font-weight:800;color:#111827}.stat-label[data-v-b0a8d05c]{font-size:.65rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.02em}.stat-divider[data-v-b0a8d05c]{width:1px;height:30px;background:#e5e7eb}.players-section[data-v-b0a8d05c]{flex:1;background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;display:flex;flex-direction:column}.section-header[data-v-b0a8d05c]{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.25rem;background:#fafafa;border-bottom:1px solid #f3f4f6}.header-title[data-v-b0a8d05c]{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;color:#111827}.header-title i[data-v-b0a8d05c]{color:#10b981}.player-count[data-v-b0a8d05c]{background:#f3f4f6;padding:.15rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600;color:#6b7280}.connection-status[data-v-b0a8d05c]{width:24px;height:24px;background:#fef3c7;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#f59e0b}.connection-status.connected[data-v-b0a8d05c]{background:#d1fae5;color:#10b981}.players-grid[data-v-b0a8d05c]{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.player-slot[data-v-b0a8d05c]{display:flex;align-items:center;gap:.75rem;padding:.7rem .9rem;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s ease}.player-slot.filled[data-v-b0a8d05c]{background:#fff}.player-slot.host[data-v-b0a8d05c]{border-color:#fcd34d;background:#fffbeb}.player-slot.me[data-v-b0a8d05c]{border-color:#10b981;background:#ecfdf5}.slot-number[data-v-b0a8d05c]{font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700;color:#10b981;min-width:20px}.slot-number.empty[data-v-b0a8d05c]{color:#d1d5db}.player-avatar[data-v-b0a8d05c]{position:relative;width:36px;height:36px;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem}.player-slot.host .player-avatar[data-v-b0a8d05c]{background:linear-gradient(135deg,#f59e0b,#d97706)}.player-avatar img[data-v-b0a8d05c]{width:100%;height:100%;border-radius:10px;-o-object-fit:cover;object-fit:cover}.host-crown[data-v-b0a8d05c]{position:absolute;top:-6px;right:-6px;width:16px;height:16px;background:#fbbf24;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.host-crown i[data-v-b0a8d05c]{font-size:.5rem;color:#fff}.player-info[data-v-b0a8d05c]{flex:1;min-width:0}.player-name[data-v-b0a8d05c]{display:block;font-size:.85rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-status[data-v-b0a8d05c]{font-size:.65rem;font-weight:600}.player-status.ready[data-v-b0a8d05c]{color:#10b981}.kick-btn[data-v-b0a8d05c]{width:28px;height:28px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem;transition:all .2s ease}.kick-btn[data-v-b0a8d05c]:hover{background:#fee2e2}.empty-slot[data-v-b0a8d05c]{flex:1;display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.8rem}.empty-slot i[data-v-b0a8d05c]{font-size:.9rem}.start-game-btn[data-v-b0a8d05c]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(16,185,129,.3)}.start-game-btn[data-v-b0a8d05c]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,185,129,.4)}.start-game-btn[data-v-b0a8d05c]:disabled{opacity:.5;cursor:not-allowed;transform:none}.min-players[data-v-b0a8d05c]{font-size:.75rem;font-weight:500;opacity:.8}.right-section[data-v-b0a8d05c]{display:flex;flex-direction:column}.chat-section[data-v-b0a8d05c]{flex:1;background:#fff;border-radius:16px;border:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.close-chat[data-v-b0a8d05c]{width:28px;height:28px;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer}.chat-messages[data-v-b0a8d05c]{flex:1;overflow-y:auto;padding:.6rem;display:flex;flex-direction:column;gap:.3rem;min-height:200px}.chat-msg[data-v-b0a8d05c]{padding:.35rem .5rem;border-radius:5px;font-size:.75rem}.chat-msg.system[data-v-b0a8d05c]{background:#f3f4f6;text-align:center}.system-text[data-v-b0a8d05c]{color:#6b7280;font-size:.65rem}.chat-msg[data-v-b0a8d05c]:not(.system){background:#f8fafc;border-left:2px solid #e5e7eb}.chat-msg.own[data-v-b0a8d05c]{background:#ecfdf5;border-left-color:#10b981}.msg-sender[data-v-b0a8d05c]{font-size:.65rem;font-weight:600;color:#6b7280;margin-right:.3rem}.msg-text[data-v-b0a8d05c]{color:#374151}.chat-input[data-v-b0a8d05c]{display:flex;gap:.35rem;padding:.6rem;border-top:1px solid #f3f4f6}.chat-input input[data-v-b0a8d05c]{flex:1;padding:.5rem .7rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.8rem;outline:none}.chat-input input[data-v-b0a8d05c]:focus{border-color:#10b981}.chat-input button[data-v-b0a8d05c]{width:32px;height:32px;background:#10b981;border:none;border-radius:6px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem}.chat-input button[data-v-b0a8d05c]:hover{background:#059669}.mobile-nav[data-v-b0a8d05c]{position:fixed;bottom:0;left:0;right:0;height:56px;background:#fff;border-top:1px solid #e5e7eb;display:none;z-index:100}.nav-btn[data-v-b0a8d05c]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;background:transparent;border:none;color:#9ca3af;font-size:.6rem;font-weight:600;cursor:pointer;position:relative}.nav-btn i[data-v-b0a8d05c]{font-size:1rem}.nav-btn.active[data-v-b0a8d05c]{color:#10b981}.unread[data-v-b0a8d05c]{position:absolute;top:6px;right:30%;background:#ef4444;color:#fff;font-size:.5rem;padding:.1rem .3rem;border-radius:8px;font-weight:700}.countdown-overlay[data-v-b0a8d05c]{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:2000}.countdown-content[data-v-b0a8d05c]{text-align:center}.countdown-ring[data-v-b0a8d05c]{width:120px;height:120px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 0 40px rgba(16,185,129,.5);animation:pulse-b0a8d05c 1s infinite}@keyframes pulse-b0a8d05c{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.countdown-number[data-v-b0a8d05c]{font-size:3.5rem;font-weight:900;color:#fff}.countdown-text[data-v-b0a8d05c]{margin:0;font-size:1.1rem;font-weight:700;color:#fff}.fade-enter-active[data-v-b0a8d05c],.fade-leave-active[data-v-b0a8d05c]{transition:opacity .3s ease}.fade-enter-from[data-v-b0a8d05c],.fade-leave-to[data-v-b0a8d05c]{opacity:0}@media (max-width:900px){.main-grid[data-v-b0a8d05c]{grid-template-columns:1fr}.right-section[data-v-b0a8d05c]{position:fixed;top:64px;right:0;bottom:56px;width:100%;max-width:360px;background:#fff;transform:translateX(100%);transition:transform .3s ease;z-index:200;box-shadow:-4px 0 20px rgba(0,0,0,.1)}.right-section.mobile-visible[data-v-b0a8d05c]{transform:translateX(0)}.mobile-nav[data-v-b0a8d05c]{display:flex}.room-main[data-v-b0a8d05c]{padding-bottom:72px}}@media (max-width:640px){.header-inner[data-v-b0a8d05c]{padding:0 1rem}.leave-btn span[data-v-b0a8d05c]{display:none}.room-title[data-v-b0a8d05c]{font-size:.9rem;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-main[data-v-b0a8d05c]{padding:74px 1rem 72px}.profile-stats[data-v-b0a8d05c]{flex-wrap:wrap;gap:.5rem}.stat-divider[data-v-b0a8d05c]{display:none}.stat-item[data-v-b0a8d05c]{flex:0 0 calc(50% - 0.25rem);padding:.5rem;background:#f9fafb;border-radius:8px}}.design-f-test[data-v-2e645be3]{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif}.test-header[data-v-2e645be3]{position:fixed;top:0;left:0;right:0;height:64px;background:#fff;border-bottom:1px solid #e5e7eb;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.05)}.header-inner[data-v-2e645be3]{max-width:1600px;margin:0 auto;height:100%;padding:0 1.5rem;display:flex;align-items:center;gap:1.5rem}.back-btn[data-v-2e645be3]{width:40px;height:40px;border-radius:10px;background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.back-btn[data-v-2e645be3]:hover{background:#e5e7eb;color:#374151}.header-title[data-v-2e645be3]{display:flex;align-items:center;gap:.75rem}.badge[data-v-2e645be3]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.65rem;font-weight:700;padding:.25rem .6rem;border-radius:6px;letter-spacing:.03em}.header-title h1[data-v-2e645be3]{margin:0;font-size:1.1rem;font-weight:700;color:#111827}.tab-nav[data-v-2e645be3]{display:flex;gap:.5rem;margin-left:auto}.tab-btn[data-v-2e645be3]{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:transparent;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tab-btn[data-v-2e645be3]:hover{background:#f3f4f6;color:#374151}.tab-btn.active[data-v-2e645be3]{background:#10b981;border-color:#10b981;color:#fff}.test-main[data-v-2e645be3]{padding:80px 1.5rem 2rem;max-width:1600px;margin:0 auto}.test-section[data-v-2e645be3]{display:grid;gap:1.5rem;min-height:calc(100vh - 120px)}.test-section.modal-test[data-v-2e645be3],.test-section[data-v-2e645be3]{grid-template-columns:320px 1fr}.section-info[data-v-2e645be3]{position:sticky;top:80px;align-self:start}.info-card[data-v-2e645be3]{background:#fff;border-radius:16px;border:1px solid #e5e7eb;padding:1.5rem}.info-card h2[data-v-2e645be3]{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem 0;font-size:1.1rem;color:#111827}.info-card h2 i[data-v-2e645be3]{color:#10b981}.info-card p[data-v-2e645be3]{margin:0 0 1rem 0;font-size:.85rem;color:#6b7280;line-height:1.5}.feature-list[data-v-2e645be3]{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem}.feature[data-v-2e645be3]{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#374151}.feature i[data-v-2e645be3]{color:#10b981;font-size:.7rem}.launch-btn[data-v-2e645be3]{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(16,185,129,.25)}.launch-btn[data-v-2e645be3]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,185,129,.35)}.preview-frame[data-v-2e645be3]{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;min-height:600px}.modal-preview-area[data-v-2e645be3]{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:16px;border:1px solid #e5e7eb;min-height:600px;padding:2rem}.modal-demo-bg[data-v-2e645be3]{position:relative;width:100%;max-width:500px}@media (max-width:1024px){.test-section[data-v-2e645be3]{grid-template-columns:1fr}.section-info[data-v-2e645be3]{position:static}.tab-nav[data-v-2e645be3]{position:fixed;bottom:0;left:0;right:0;margin:0;padding:.5rem;background:#fff;border-top:1px solid #e5e7eb;display:flex;z-index:100}.tab-btn[data-v-2e645be3]{flex:1;flex-direction:column;padding:.6rem .5rem;border:none;border-radius:0;gap:.2rem}.tab-btn span[data-v-2e645be3]{font-size:.65rem}.test-main[data-v-2e645be3]{padding-bottom:80px}}@media (max-width:640px){.header-inner[data-v-2e645be3]{padding:0 1rem;gap:1rem}.header-title h1[data-v-2e645be3]{font-size:.9rem}.test-main[data-v-2e645be3]{padding:74px 1rem 80px}}.admin-panel[data-v-7bd86c9a]{display:flex;min-height:100vh;background-color:#f9fafb;padding-top:60px}.close-button[data-v-7bd86c9a]{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:18px}.close-button[data-v-7bd86c9a]:hover{color:#f8fafc}.admin-user-info[data-v-7bd86c9a]{padding:20px;display:flex;align-items:center;border-bottom:1px solid #334155}.admin-avatar[data-v-7bd86c9a]{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:12px}.admin-avatar img[data-v-7bd86c9a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.admin-info[data-v-7bd86c9a]{flex:1}.admin-name[data-v-7bd86c9a]{margin:0 0 2px;font-weight:600;font-size:14px;color:#f8fafc}.admin-role[data-v-7bd86c9a]{margin:0;font-size:12px;color:#94a3b8}.sidebar-menu[data-v-7bd86c9a]{flex:1;padding:20px 0}.menu-item[data-v-7bd86c9a]{display:flex;align-items:center;padding:12px 20px;color:#cbd5e1;text-decoration:none;cursor:pointer;transition:all .2s ease}.menu-item[data-v-7bd86c9a]:hover{background-color:#334155;color:#f8fafc}.menu-item.active[data-v-7bd86c9a]{background-color:#3b82f6;color:#fff}.menu-item i[data-v-7bd86c9a]{width:20px;margin-right:12px;font-size:16px}.sidebar-footer[data-v-7bd86c9a]{padding:20px;border-top:1px solid #334155}.version-info[data-v-7bd86c9a]{font-size:12px;color:#64748b;margin-bottom:10px}.logout-button[data-v-7bd86c9a]{display:flex;align-items:center;width:100%;padding:12px;background-color:#475569;border:none;border-radius:6px;color:#f8fafc;cursor:pointer;font-size:14px;transition:all .2s ease}.logout-button[data-v-7bd86c9a]:hover{background-color:#64748b}.logout-button i[data-v-7bd86c9a]{margin-right:8px}.content-area[data-v-7bd86c9a]{flex:1;padding:20px;overflow-y:auto}@media (max-width:768px){.admin-panel[data-v-7bd86c9a]{flex-direction:column}.sidebar[data-v-7bd86c9a]{width:100%;height:auto;position:relative;top:0}.content-area[data-v-7bd86c9a]{padding:15px;margin-left:0}}.header[data-v-0f743c05]{position:fixed;top:0;left:0;right:0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);z-index:100;transition:all .3s ease}.header-content[data-v-0f743c05]{display:flex;align-items:center;padding:1rem 1.5rem;max-width:1200px;margin:0 auto}.header-left[data-v-0f743c05],.home-link[data-v-0f743c05]{display:flex;align-items:center}.home-link[data-v-0f743c05]{text-decoration:none}.logo[data-v-0f743c05]{font-size:20px;font-weight:700;color:#2563eb}.badge[data-v-0f743c05]{background:#e74c3c;color:#fff;padding:.1rem .4rem;border-radius:4px;font-size:.7rem;margin-left:.5rem}.main-nav[data-v-0f743c05]{margin-left:2rem;display:flex;gap:1.5rem}.nav-link[data-v-0f743c05]{text-decoration:none;color:#555;font-weight:500;font-size:1rem;transition:color .2s ease}.nav-link.router-link-active[data-v-0f743c05],.nav-link[data-v-0f743c05]:hover{color:#4a6cf7}.admin-link[data-v-0f743c05]{color:#6366f1;font-weight:600}.header-right[data-v-0f743c05]{margin-left:auto;display:flex;align-items:center;gap:1rem}.icon-button[data-v-0f743c05]{background:none;border:none;font-size:1.2rem;color:#555;cursor:pointer;position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.icon-button[data-v-0f743c05]:hover{background:#f0f2f5}.notification-badge[data-v-0f743c05]{position:absolute;top:0;right:0;background:#e74c3c;color:#fff;font-size:.7rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-profile[data-v-0f743c05]{cursor:pointer}.user-avatar[data-v-0f743c05]{width:36px;height:36px;border-radius:50%;background:#f0f2f5;overflow:hidden;display:flex;align-items:center;justify-content:center}.user-avatar img[data-v-0f743c05]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.overlay[data-v-0f743c05]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1001}.profile-menu[data-v-0f743c05]{position:fixed;top:0;right:0;bottom:0;width:300px;background:#fff;z-index:1002;padding:24px;overflow-y:auto}.profile-header[data-v-0f743c05]{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.profile-info[data-v-0f743c05]{display:flex;gap:12px}.profile-info img[data-v-0f743c05]{width:48px;height:48px;border-radius:50%}.profile-text h3[data-v-0f743c05]{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:4px;margin-top:0}.profile-text p[data-v-0f743c05]{font-size:14px;color:#6b7280;margin:0}.close-menu[data-v-0f743c05]{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer}.mobile-nav[data-v-0f743c05]{display:flex;flex-direction:column}.menu-item[data-v-0f743c05]{display:flex;align-items:center;padding:12px 0;color:#1f2937;text-decoration:none;font-weight:500;gap:12px;border-radius:8px;transition:background .2s}.menu-item[data-v-0f743c05]:hover{background:#f3f4f6}.menu-item i[data-v-0f743c05]{width:20px;text-align:center;font-size:18px;color:#6b7280}.menu-divider[data-v-0f743c05]{height:1px;background:#e5e7eb;margin:16px 0}.admin-menu-item[data-v-0f743c05]{color:#6366f1!important;font-weight:600}.admin-menu-item i[data-v-0f743c05]{color:#6366f1}.fade-enter-active[data-v-0f743c05],.fade-leave-active[data-v-0f743c05]{transition:opacity .3s}.fade-enter-from[data-v-0f743c05],.fade-leave-to[data-v-0f743c05]{opacity:0}.slide-menu-enter-active[data-v-0f743c05],.slide-menu-leave-active[data-v-0f743c05]{transition:transform .3s ease}.slide-menu-enter-from[data-v-0f743c05],.slide-menu-leave-to[data-v-0f743c05]{transform:translateX(100%)}@media (max-width:768px){.desktop-only[data-v-0f743c05]{display:none}.header-content[data-v-0f743c05]{padding:.8rem 1rem}}.game-mode-toggle-manager[data-v-2802ff82]{position:relative}.header-section[data-v-2802ff82]{margin-bottom:2rem}.section-title[data-v-2802ff82]{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.section-description[data-v-2802ff82]{color:#6b7280;font-size:.95rem}.modes-grid[data-v-2802ff82]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.mode-card[data-v-2802ff82]{background:#fff;border-radius:12px;padding:1.5rem;border:2px solid #e5e7eb;transition:all .3s ease}.mode-card[data-v-2802ff82]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.mode-card.active[data-v-2802ff82]{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.mode-header[data-v-2802ff82]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.mode-icon[data-v-2802ff82]{width:3rem;height:3rem;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.mode-info h3[data-v-2802ff82]{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.mode-info p[data-v-2802ff82]{color:#6b7280;font-size:.9rem;line-height:1.4}.mode-controls[data-v-2802ff82]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.status-badge[data-v-2802ff82]{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.status-badge.active[data-v-2802ff82]{background:#d1fae5;color:#065f46}.status-badge.inactive[data-v-2802ff82]{background:#f3f4f6;color:#6b7280}.toggle-switch[data-v-2802ff82]{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input[data-v-2802ff82]{opacity:0;width:0;height:0}.slider[data-v-2802ff82]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s;border-radius:24px}.slider[data-v-2802ff82]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider[data-v-2802ff82]{background-color:#10b981}input:checked+.slider[data-v-2802ff82]:before{transform:translateX(26px)}.mode-stats[data-v-2802ff82]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat-item[data-v-2802ff82]{text-align:center;padding:.75rem;background:hsla(0,0%,100%,.7);border-radius:8px}.stat-label[data-v-2802ff82]{display:block;font-size:.8rem;color:#6b7280;margin-bottom:.25rem}.stat-value[data-v-2802ff82]{display:block;font-size:1.1rem;font-weight:600;color:#1f2937}.mode-group-controls[data-v-2802ff82]{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;margin-bottom:1.5rem}.mode-group-controls h3[data-v-2802ff82]{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.mode-groups-grid[data-v-2802ff82]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.mode-group-card[data-v-2802ff82]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s ease}.mode-group-card[data-v-2802ff82]:hover{border-color:#667eea;box-shadow:0 2px 8px rgba(102,126,234,.1)}.mode-group-header[data-v-2802ff82]{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.mode-group-header i[data-v-2802ff82]{font-size:1.2rem;color:#667eea}.mode-group-header h4[data-v-2802ff82]{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.mode-group-buttons[data-v-2802ff82]{display:flex;gap:.5rem}.group-btn[data-v-2802ff82]{flex:1;padding:.5rem .75rem;border:none;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.25rem}.group-btn[data-v-2802ff82]:disabled{opacity:.5;cursor:not-allowed}.enable-btn[data-v-2802ff82]{background:#10b981;color:#fff}.enable-btn[data-v-2802ff82]:hover:not(:disabled){background:#059669}.disable-btn[data-v-2802ff82]{background:#f87171;color:#fff}.disable-btn[data-v-2802ff82]:hover:not(:disabled){background:#ef4444}.group-btn i[data-v-2802ff82]{font-size:.75rem}.bulk-controls[data-v-2802ff82]{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb}.bulk-controls h3[data-v-2802ff82]{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.bulk-buttons[data-v-2802ff82]{display:flex;gap:1rem}.bulk-btn[data-v-2802ff82]{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.bulk-btn[data-v-2802ff82]:disabled{opacity:.6;cursor:not-allowed}.enable-all[data-v-2802ff82]{background:#10b981;color:#fff}.enable-all[data-v-2802ff82]:hover:not(:disabled){background:#059669}.disable-all[data-v-2802ff82]{background:#f87171;color:#fff}.disable-all[data-v-2802ff82]:hover:not(:disabled){background:#ef4444}.loading-overlay[data-v-2802ff82]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:10}.loading-spinner[data-v-2802ff82]{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#6b7280}.loading-spinner i[data-v-2802ff82]{font-size:2rem}@media (max-width:768px){.modes-grid[data-v-2802ff82]{grid-template-columns:1fr}.bulk-buttons[data-v-2802ff82]{flex-direction:column}}.roadview-manager[data-v-57881d8c]{position:relative}.header-section[data-v-57881d8c]{margin-bottom:2rem}.section-title[data-v-57881d8c]{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.section-description[data-v-57881d8c]{color:#6b7280;font-size:.95rem}.tab-navigation[data-v-57881d8c]{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid #e5e7eb}.tab-btn[data-v-57881d8c]{padding:.75rem 1.5rem;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-weight:500;color:#6b7280}.tab-btn[data-v-57881d8c]:hover{color:#4f46e5}.tab-btn.active[data-v-57881d8c]{color:#4f46e5;border-bottom-color:#4f46e5}.form-container[data-v-57881d8c]{background:#fff;border-radius:12px;padding:2rem;border:1px solid #e5e7eb}.form-row[data-v-57881d8c]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group[data-v-57881d8c]{display:flex;flex-direction:column}.form-group label[data-v-57881d8c]{font-weight:600;color:#374151;margin-bottom:.5rem}.form-group input[data-v-57881d8c],.form-group select[data-v-57881d8c]{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:border-color .2s ease}.form-group input[data-v-57881d8c]:focus,.form-group select[data-v-57881d8c]:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.form-group input[readonly][data-v-57881d8c]{background-color:#f9fafb;color:#6b7280}.preview-section[data-v-57881d8c]{margin:2rem 0}.preview-section h3[data-v-57881d8c]{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.roadview-container[data-v-57881d8c]{width:100%;height:300px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.no-roadview[data-v-57881d8c]{color:#6b7280;font-style:italic}.form-actions[data-v-57881d8c]{display:flex;gap:1rem;justify-content:flex-end}.add-btn[data-v-57881d8c],.reset-btn[data-v-57881d8c]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.add-btn[data-v-57881d8c]{background:#10b981;color:#fff}.add-btn[data-v-57881d8c]:hover:not(:disabled){background:#059669}.add-btn[data-v-57881d8c]:disabled{opacity:.6;cursor:not-allowed}.reset-btn[data-v-57881d8c]{background:#6b7280;color:#fff}.reset-btn[data-v-57881d8c]:hover{background:#4b5563}.upload-container[data-v-57881d8c]{background:#fff;border-radius:12px;padding:2rem;border:1px solid #e5e7eb}.upload-info[data-v-57881d8c]{margin-bottom:2rem}.upload-info h3[data-v-57881d8c]{font-size:1.2rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.info-description[data-v-57881d8c]{color:#6b7280;font-size:.95rem;margin-bottom:1.5rem}.excel-format-table[data-v-57881d8c]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.table-title[data-v-57881d8c]{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.table-title i[data-v-57881d8c]{color:#4f46e5}.table-wrapper[data-v-57881d8c]{overflow-x:auto;margin-bottom:1rem}.format-table[data-v-57881d8c]{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.format-table thead[data-v-57881d8c]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.format-table th[data-v-57881d8c]{padding:1rem .75rem;text-align:center;font-weight:600;font-size:.85rem;white-space:nowrap;border-right:1px solid hsla(0,0%,100%,.2)}.format-table th[data-v-57881d8c]:last-child{border-right:none}.th-desc[data-v-57881d8c]{display:block;font-size:.75rem;font-weight:400;opacity:.9;margin-top:.25rem}.format-table tbody tr[data-v-57881d8c]{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.format-table tbody tr[data-v-57881d8c]:hover{background-color:#f8fafc}.format-table tbody tr[data-v-57881d8c]:last-child{border-bottom:none}.format-table td[data-v-57881d8c]{padding:.75rem;text-align:center;font-size:.9rem;color:#374151;border-right:1px solid #e5e7eb}.format-table td[data-v-57881d8c]:last-child{border-right:none}.empty-cell[data-v-57881d8c]{color:#9ca3af;font-style:italic}.table-note[data-v-57881d8c]{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;font-size:.875rem}.table-note i[data-v-57881d8c]{color:#3b82f6}.column-info[data-v-57881d8c]{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.column[data-v-57881d8c]{background:#f3f4f6;padding:.25rem .5rem;border-radius:4px;font-family:monospace;font-size:.85rem;color:#374151}.upload-area[data-v-57881d8c]{border:2px dashed #d1d5db;border-radius:8px;padding:3rem;text-align:center;cursor:pointer;transition:all .2s ease}.upload-area[data-v-57881d8c]:hover{border-color:#4f46e5;background-color:#f8fafc}.upload-content i[data-v-57881d8c]{font-size:3rem;color:#9ca3af;margin-bottom:1rem}.upload-content p[data-v-57881d8c]{font-size:1.1rem;color:#374151;margin-bottom:.5rem}.file-types[data-v-57881d8c]{color:#6b7280;font-size:.9rem}.file-info[data-v-57881d8c]{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f8fafc;border-radius:8px}.file-details[data-v-57881d8c]{display:flex;align-items:center;gap:.5rem}.remove-file[data-v-57881d8c]{background:none;border:none;color:#ef4444;cursor:pointer;padding:.25rem}.upload-btn[data-v-57881d8c]{background:#4f46e5;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem}.upload-btn[data-v-57881d8c]:hover:not(:disabled){background:#4338ca}.list-controls[data-v-57881d8c]{display:flex;gap:1rem;margin-bottom:1rem}.filter-select[data-v-57881d8c],.search-input[data-v-57881d8c]{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem}.search-input[data-v-57881d8c]{flex:1}.filter-select[data-v-57881d8c]{min-width:150px}.refresh-btn[data-v-57881d8c]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;white-space:nowrap}.refresh-btn[data-v-57881d8c]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.refresh-btn[data-v-57881d8c]:disabled{opacity:.6;cursor:not-allowed;transform:none}.refresh-btn i[data-v-57881d8c]{font-size:.9rem}.locations-table[data-v-57881d8c]{background:#fff;border-radius:12px;overflow-x:auto;border:1px solid #e5e7eb}.locations-table[data-v-57881d8c]::-webkit-scrollbar{height:8px}.locations-table[data-v-57881d8c]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.locations-table[data-v-57881d8c]::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.locations-table[data-v-57881d8c]::-webkit-scrollbar-thumb:hover{background:#555}.table-header[data-v-57881d8c],.table-row[data-v-57881d8c]{display:grid;grid-template-columns:.5fr 1.5fr 1fr 1fr 1.5fr 2fr 1fr 1.5fr 1fr;gap:.75rem;padding:1rem;align-items:center;font-size:.85rem;min-width:1400px}.col-id[data-v-57881d8c],.col-sido[data-v-57881d8c],.col-sigungu[data-v-57881d8c]{text-align:center}.col-detail[data-v-57881d8c],.col-full-address[data-v-57881d8c],.col-name[data-v-57881d8c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-coords[data-v-57881d8c]{font-family:monospace;font-size:.8rem}.col-actions[data-v-57881d8c]{display:flex;gap:.5rem;justify-content:center}.table-header[data-v-57881d8c]{background:#f9fafb;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.table-row[data-v-57881d8c]{border-bottom:1px solid #f3f4f6}.table-row[data-v-57881d8c]:hover{background:#f8fafc}.type-badge[data-v-57881d8c]{padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.type-badge.tourist_attraction[data-v-57881d8c]{background:#dbeafe;color:#1e40af}.type-badge.nature_leisure[data-v-57881d8c]{background:#d1fae5;color:#065f46}.type-badge.cultural_facility[data-v-57881d8c]{background:#e0e7ff;color:#3730a3}.type-badge.historical_site[data-v-57881d8c]{background:#fef3c7;color:#92400e}.type-badge.commercial_area[data-v-57881d8c]{background:#fce7f3;color:#be185d}.delete-btn[data-v-57881d8c],.edit-btn[data-v-57881d8c]{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.edit-btn[data-v-57881d8c]{background:#3b82f6;color:#fff}.edit-btn[data-v-57881d8c]:hover{background:#2563eb}.delete-btn[data-v-57881d8c]{background:#ef4444;color:#fff}.delete-btn[data-v-57881d8c]:hover{background:#dc2626}.pagination[data-v-57881d8c]{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.page-btn[data-v-57881d8c]{padding:.5rem;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease}.page-btn[data-v-57881d8c]:hover:not(:disabled){background:#f3f4f6}.page-btn[data-v-57881d8c]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-57881d8c]{font-weight:500;color:#374151}.loading-overlay[data-v-57881d8c]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:10}.loading-spinner[data-v-57881d8c]{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#6b7280}.loading-spinner i[data-v-57881d8c]{font-size:2rem}@media (max-width:768px){.form-row[data-v-57881d8c]{grid-template-columns:1fr}.locations-table[data-v-57881d8c]{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-header[data-v-57881d8c],.table-row[data-v-57881d8c]{min-width:1200px;font-size:.75rem;padding:.75rem .5rem}.list-controls[data-v-57881d8c]{flex-direction:column}.refresh-btn[data-v-57881d8c]{width:100%;justify-content:center}.excel-format-table[data-v-57881d8c]{padding:1rem}.format-table th[data-v-57881d8c]{padding:.75rem .5rem;font-size:.75rem}.th-desc[data-v-57881d8c]{font-size:.65rem}.format-table td[data-v-57881d8c]{padding:.5rem;font-size:.8rem}.table-wrapper[data-v-57881d8c]{-webkit-overflow-scrolling:touch}}.photo-manager[data-v-fb8cf014]{position:relative}.header-section[data-v-fb8cf014]{margin-bottom:2rem}.section-title[data-v-fb8cf014]{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.section-description[data-v-fb8cf014]{color:#6b7280;font-size:.95rem}.tab-navigation[data-v-fb8cf014]{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid #e5e7eb}.tab-btn[data-v-fb8cf014]{padding:.75rem 1.5rem;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-weight:500;color:#6b7280}.tab-btn[data-v-fb8cf014]:hover{color:#4f46e5}.tab-btn.active[data-v-fb8cf014]{color:#4f46e5;border-bottom-color:#4f46e5}.upload-container[data-v-fb8cf014]{background:#fff;border-radius:12px;padding:2rem;border:1px solid #e5e7eb;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.upload-area[data-v-fb8cf014]{border:2px dashed #d1d5db;border-radius:8px;height:300px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.upload-area[data-v-fb8cf014]:hover{border-color:#4f46e5;background-color:#f8fafc}.upload-placeholder[data-v-fb8cf014]{text-align:center;color:#6b7280}.upload-placeholder i[data-v-fb8cf014]{font-size:3rem;margin-bottom:1rem}.image-preview[data-v-fb8cf014]{width:100%;height:100%;position:relative}.image-preview img[data-v-fb8cf014]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px}.remove-image[data-v-fb8cf014]{position:absolute;top:.5rem;right:.5rem;background:rgba(239,68,68,.9);color:#fff;border:none;border-radius:50%;width:2rem;height:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.form-group[data-v-fb8cf014]{margin-bottom:1rem}.form-group label[data-v-fb8cf014]{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.form-group input[data-v-fb8cf014],.form-group select[data-v-fb8cf014],.form-group textarea[data-v-fb8cf014]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:border-color .2s ease}.form-group input[data-v-fb8cf014]:focus,.form-group select[data-v-fb8cf014]:focus,.form-group textarea[data-v-fb8cf014]:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.upload-btn[data-v-fb8cf014]{background:#10b981;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center}.upload-btn[data-v-fb8cf014]:hover:not(:disabled){background:#059669}.upload-btn[data-v-fb8cf014]:disabled{opacity:.6;cursor:not-allowed}.multiple-upload-area[data-v-fb8cf014]{border:2px dashed #d1d5db;border-radius:8px;padding:3rem;text-align:center;cursor:pointer;transition:all .2s ease;margin-bottom:2rem}.multiple-upload-area[data-v-fb8cf014]:hover{border-color:#4f46e5;background-color:#f8fafc}.upload-content i[data-v-fb8cf014]{font-size:3rem;color:#9ca3af;margin-bottom:1rem}.upload-content p[data-v-fb8cf014]{font-size:1.1rem;color:#374151;margin-bottom:.5rem}.file-types[data-v-fb8cf014]{color:#6b7280;font-size:.9rem}.files-grid[data-v-fb8cf014]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:2rem}.file-card[data-v-fb8cf014]{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.file-image[data-v-fb8cf014]{position:relative;height:200px}.file-image img[data-v-fb8cf014]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.remove-file[data-v-fb8cf014]{position:absolute;top:.5rem;right:.5rem;background:rgba(239,68,68,.9);color:#fff;border:none;border-radius:50%;width:1.5rem;height:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem}.file-info[data-v-fb8cf014]{padding:1rem}.file-description-input[data-v-fb8cf014],.file-name-input[data-v-fb8cf014],.file-region-select[data-v-fb8cf014]{width:100%;margin-bottom:.5rem;padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem}.upload-all-btn[data-v-fb8cf014]{background:#4f46e5;color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;justify-content:center;width:100%}.upload-all-btn[data-v-fb8cf014]:hover:not(:disabled){background:#4338ca}.list-controls[data-v-fb8cf014]{display:flex;gap:1rem;margin-bottom:1rem}.filter-select[data-v-fb8cf014],.search-input[data-v-fb8cf014]{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem}.search-input[data-v-fb8cf014]{flex:1}.filter-select[data-v-fb8cf014]{min-width:150px}.photos-grid[data-v-fb8cf014]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.photo-card[data-v-fb8cf014]{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;transition:all .3s ease}.photo-card[data-v-fb8cf014]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.photo-image[data-v-fb8cf014]{position:relative;height:200px;overflow:hidden}.photo-image img[data-v-fb8cf014]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.photo-overlay[data-v-fb8cf014]{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem;opacity:0;transition:opacity .2s ease}.photo-card:hover .photo-overlay[data-v-fb8cf014]{opacity:1}.delete-btn[data-v-fb8cf014],.edit-btn[data-v-fb8cf014]{padding:.5rem;border:none;border-radius:6px;cursor:pointer;color:#fff;transition:all .2s ease}.edit-btn[data-v-fb8cf014]{background:#3b82f6}.edit-btn[data-v-fb8cf014]:hover{background:#2563eb}.delete-btn[data-v-fb8cf014]{background:#ef4444}.delete-btn[data-v-fb8cf014]:hover{background:#dc2626}.photo-details[data-v-fb8cf014]{padding:1rem}.photo-details h4[data-v-fb8cf014]{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.region-badge[data-v-fb8cf014]{background:#e0e7ff;color:#3730a3;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.photo-details p[data-v-fb8cf014]{margin-top:.5rem;color:#6b7280;font-size:.9rem;line-height:1.4}.pagination[data-v-fb8cf014]{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}.page-btn[data-v-fb8cf014]{padding:.5rem;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease}.page-btn[data-v-fb8cf014]:hover:not(:disabled){background:#f3f4f6}.page-btn[data-v-fb8cf014]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-fb8cf014]{font-weight:500;color:#374151}.loading-overlay[data-v-fb8cf014]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:10}.loading-spinner[data-v-fb8cf014]{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#6b7280}.loading-spinner i[data-v-fb8cf014]{font-size:2rem}@media (max-width:768px){.upload-container[data-v-fb8cf014]{grid-template-columns:1fr}.list-controls[data-v-fb8cf014]{flex-direction:column}.files-grid[data-v-fb8cf014],.photos-grid[data-v-fb8cf014]{grid-template-columns:1fr}}.theme-manager[data-v-d286c17e]{position:relative}.header-section[data-v-d286c17e]{margin-bottom:2rem}.section-title[data-v-d286c17e]{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.section-description[data-v-d286c17e]{color:#6b7280;font-size:.95rem}.theme-grid[data-v-d286c17e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.theme-card[data-v-d286c17e]{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;transition:all .3s ease}.theme-card[data-v-d286c17e]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.theme-card.disabled[data-v-d286c17e]{opacity:.6}.theme-image[data-v-d286c17e]{position:relative;height:200px;overflow:hidden}.theme-image img[data-v-d286c17e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.theme-overlay[data-v-d286c17e]{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem;opacity:0;transition:opacity .2s ease}.theme-card:hover .theme-overlay[data-v-d286c17e]{opacity:1}.delete-btn[data-v-d286c17e],.edit-btn[data-v-d286c17e],.toggle-btn[data-v-d286c17e]{padding:.5rem;border:none;border-radius:6px;cursor:pointer;color:#fff;transition:all .2s ease}.edit-btn[data-v-d286c17e]{background:#3b82f6}.toggle-btn[data-v-d286c17e]{background:#6b7280}.toggle-btn.active[data-v-d286c17e]{background:#10b981}.delete-btn[data-v-d286c17e]{background:#ef4444}.theme-info[data-v-d286c17e]{padding:1rem}.theme-info h3[data-v-d286c17e]{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.theme-info p[data-v-d286c17e]{color:#6b7280;font-size:.9rem;margin-bottom:.75rem}.theme-stats[data-v-d286c17e]{display:flex;gap:1rem}.stat[data-v-d286c17e]{background:#f3f4f6;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;color:#374151}.add-theme-card[data-v-d286c17e]{border:2px dashed #d1d5db;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;min-height:300px}.add-theme-card[data-v-d286c17e]:hover{border-color:#4f46e5;background-color:#f8fafc}.add-content[data-v-d286c17e]{text-align:center;color:#6b7280}.add-content i[data-v-d286c17e]{font-size:3rem;margin-bottom:1rem}.modal-overlay[data-v-d286c17e]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-d286c17e]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header[data-v-d286c17e]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-d286c17e]{font-size:1.2rem;font-weight:600;color:#1f2937}.close-btn[data-v-d286c17e]{background:none;border:none;font-size:1.2rem;color:#6b7280;cursor:pointer}.modal-body[data-v-d286c17e]{padding:1.5rem}.form-section[data-v-d286c17e]{margin-bottom:2rem}.form-section h4[data-v-d286c17e]{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.form-group[data-v-d286c17e]{margin-bottom:1rem}.form-group label[data-v-d286c17e]{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.form-group input[data-v-d286c17e],.form-group textarea[data-v-d286c17e]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem}.banner-upload[data-v-d286c17e]{border:2px dashed #d1d5db;border-radius:8px;height:200px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.banner-upload[data-v-d286c17e]:hover{border-color:#4f46e5;background-color:#f8fafc}.upload-placeholder[data-v-d286c17e]{text-align:center;color:#6b7280}.upload-placeholder i[data-v-d286c17e]{font-size:2rem;margin-bottom:.5rem}.banner-preview[data-v-d286c17e]{width:100%;height:100%;position:relative}.banner-preview img[data-v-d286c17e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px}.remove-banner[data-v-d286c17e]{position:absolute;top:.5rem;right:.5rem;background:rgba(239,68,68,.9);color:#fff;border:none;border-radius:50%;width:2rem;height:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.coord-input-row[data-v-d286c17e]{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:.5rem;margin-bottom:1rem}.add-coord-btn[data-v-d286c17e]{background:#10b981;color:#fff;border:none;border-radius:6px;padding:.75rem;cursor:pointer}.add-coord-btn[data-v-d286c17e]:disabled{opacity:.6;cursor:not-allowed}.coordinates-list[data-v-d286c17e]{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px}.coord-item[data-v-d286c17e]{display:flex;align-items:center;padding:.75rem;border-bottom:1px solid #f3f4f6}.coord-item[data-v-d286c17e]:last-child{border-bottom:none}.coord-name[data-v-d286c17e]{font-weight:500;color:#1f2937;flex:1}.coord-pos[data-v-d286c17e]{color:#6b7280;font-size:.9rem;flex:1}.remove-coord[data-v-d286c17e]{background:#ef4444;color:#fff;border:none;border-radius:4px;padding:.25rem .5rem;cursor:pointer;font-size:.8rem}.modal-footer[data-v-d286c17e]{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb}.cancel-btn[data-v-d286c17e],.save-btn[data-v-d286c17e]{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn[data-v-d286c17e]{background:#6b7280;color:#fff}.save-btn[data-v-d286c17e]{background:#4f46e5;color:#fff}.save-btn[data-v-d286c17e]:disabled{opacity:.6;cursor:not-allowed}.loading-overlay[data-v-d286c17e]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:10}.loading-spinner[data-v-d286c17e]{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#6b7280}@media (max-width:768px){.coord-input-row[data-v-d286c17e],.theme-grid[data-v-d286c17e]{grid-template-columns:1fr}}.player-manager[data-v-8a044f58]{position:relative}.header-section[data-v-8a044f58]{margin-bottom:2rem}.section-title[data-v-8a044f58]{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.section-description[data-v-8a044f58]{color:#6b7280;font-size:.95rem}.stats-grid[data-v-8a044f58]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card[data-v-8a044f58]{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;display:flex;align-items:center;gap:1rem}.stat-icon[data-v-8a044f58]{width:3rem;height:3rem;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff}.stat-card.online .stat-icon[data-v-8a044f58]{background:#10b981}.stat-card.playing .stat-icon[data-v-8a044f58]{background:#3b82f6}.stat-card.lobby .stat-icon[data-v-8a044f58]{background:#f59e0b}.stat-card.waiting .stat-icon[data-v-8a044f58]{background:#6b7280}.stat-info h3[data-v-8a044f58]{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.stat-info p[data-v-8a044f58]{color:#6b7280;font-size:.9rem;margin:0}.tab-navigation[data-v-8a044f58]{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid #e5e7eb}.tab-btn[data-v-8a044f58]{padding:.75rem 1.5rem;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-weight:500;color:#6b7280}.tab-btn[data-v-8a044f58]:hover{color:#4f46e5}.tab-btn.active[data-v-8a044f58]{color:#4f46e5;border-bottom-color:#4f46e5}.section-controls[data-v-8a044f58]{display:flex;gap:1rem;margin-bottom:1rem}.search-input[data-v-8a044f58]{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem}.refresh-btn[data-v-8a044f58]{background:#4f46e5;color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500}.players-table[data-v-8a044f58],.rooms-table[data-v-8a044f58]{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb}.table-header[data-v-8a044f58],.table-row[data-v-8a044f58]{display:grid;gap:1rem;padding:1rem;align-items:center}.players-table .table-header[data-v-8a044f58],.players-table .table-row[data-v-8a044f58],.rooms-table .table-header[data-v-8a044f58],.rooms-table .table-row[data-v-8a044f58]{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.table-header[data-v-8a044f58]{background:#f9fafb;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.table-row[data-v-8a044f58]{border-bottom:1px solid #f3f4f6}.table-row[data-v-8a044f58]:hover{background:#f8fafc}.player-info[data-v-8a044f58]{display:flex;align-items:center;gap:.75rem}.player-avatar[data-v-8a044f58]{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden}.player-avatar img[data-v-8a044f58]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.player-details[data-v-8a044f58]{display:flex;flex-direction:column}.nickname[data-v-8a044f58]{font-weight:600;color:#1f2937}.user-id[data-v-8a044f58]{font-size:.8rem;color:#6b7280}.mode-badge[data-v-8a044f58],.room-status[data-v-8a044f58],.status-badge[data-v-8a044f58]{padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.status-badge.online[data-v-8a044f58]{background:#d1fae5;color:#065f46}.status-badge.playing[data-v-8a044f58]{background:#dbeafe;color:#1e40af}.status-badge.lobby[data-v-8a044f58]{background:#fef3c7;color:#92400e}.status-badge.waiting[data-v-8a044f58]{background:#f3f4f6;color:#6b7280}.close-room-btn[data-v-8a044f58],.kick-btn[data-v-8a044f58]{background:#ef4444;color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;gap:.25rem}.close-room-btn[data-v-8a044f58]:hover,.kick-btn[data-v-8a044f58]:hover{background:#dc2626}.games-grid[data-v-8a044f58]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.game-card[data-v-8a044f58]{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb}.game-header[data-v-8a044f58]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.game-header h3[data-v-8a044f58]{font-size:1.1rem;font-weight:600;color:#1f2937}.game-status[data-v-8a044f58]{background:#10b981;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.game-info[data-v-8a044f58]{margin-bottom:1rem}.game-detail[data-v-8a044f58]{display:flex;justify-content:space-between;margin-bottom:.5rem}.game-detail .label[data-v-8a044f58]{color:#6b7280;font-size:.9rem}.game-detail .value[data-v-8a044f58]{color:#1f2937;font-weight:500;font-size:.9rem}.players-list h4[data-v-8a044f58]{font-size:.95rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.player-chips[data-v-8a044f58]{display:flex;flex-wrap:wrap;gap:.5rem}.player-chip[data-v-8a044f58]{background:#f3f4f6;color:#374151;padding:.25rem .5rem;border-radius:12px;font-size:.8rem}.room-info h4[data-v-8a044f58]{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.room-id[data-v-8a044f58]{font-size:.8rem;color:#6b7280}.loading-overlay[data-v-8a044f58]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:10}.loading-spinner[data-v-8a044f58]{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#6b7280}@media (max-width:768px){.stats-grid[data-v-8a044f58]{grid-template-columns:repeat(2,1fr)}.table-header[data-v-8a044f58],.table-row[data-v-8a044f58]{grid-template-columns:1fr;gap:.5rem}.section-controls[data-v-8a044f58]{flex-direction:column}.games-grid[data-v-8a044f58]{grid-template-columns:1fr}}.banner-manager[data-v-1ee5e282]{position:relative}.header-section[data-v-1ee5e282]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:2rem;margin-bottom:2rem;color:#fff}.header-content[data-v-1ee5e282]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.header-text[data-v-1ee5e282]{flex:1}.section-title[data-v-1ee5e282]{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem}.section-title i[data-v-1ee5e282]{font-size:1.5rem}.section-description[data-v-1ee5e282]{color:hsla(0,0%,100%,.85);font-size:.95rem}.add-banner-btn[data-v-1ee5e282]{background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);color:#fff;border:1px solid hsla(0,0%,100%,.3);padding:.875rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.add-banner-btn[data-v-1ee5e282]:hover{background:hsla(0,0%,100%,.3);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.stats-cards[data-v-1ee5e282]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat-card[data-v-1ee5e282]{background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);border-radius:12px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;border:1px solid hsla(0,0%,100%,.2)}.stat-icon[data-v-1ee5e282]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.stat-icon.total[data-v-1ee5e282]{background:hsla(0,0%,100%,.2);color:#fff}.stat-icon.active[data-v-1ee5e282]{background:rgba(16,185,129,.3);color:#34d399}.stat-icon.inactive[data-v-1ee5e282]{background:rgba(239,68,68,.3);color:#fca5a5}.stat-info[data-v-1ee5e282]{display:flex;flex-direction:column}.stat-value[data-v-1ee5e282]{font-size:1.5rem;font-weight:700;color:#fff}.stat-label[data-v-1ee5e282]{font-size:.85rem;color:hsla(0,0%,100%,.75)}.banners-grid[data-v-1ee5e282]{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem}.banner-card[data-v-1ee5e282]{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e5e7eb;transition:all .3s ease;position:relative}.banner-card[data-v-1ee5e282]:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.15)}.banner-card.inactive[data-v-1ee5e282]{border-color:#fecaca}.banner-card.inactive .banner-image img[data-v-1ee5e282]{filter:grayscale(50%);opacity:.7}.banner-status-badge[data-v-1ee5e282]{position:absolute;top:1rem;left:1rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.375rem;z-index:10}.banner-status-badge.active[data-v-1ee5e282]{background:rgba(16,185,129,.9);color:#fff}.banner-status-badge.inactive[data-v-1ee5e282]{background:rgba(239,68,68,.9);color:#fff}.banner-order-badge[data-v-1ee5e282]{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,.7);color:#fff;padding:.375rem .625rem;border-radius:8px;font-size:.8rem;font-weight:700;z-index:10}.banner-image[data-v-1ee5e282]{position:relative;height:200px;overflow:hidden}.banner-image img[data-v-1ee5e282]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease}.banner-overlay[data-v-1ee5e282]{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.5rem;opacity:0;transition:opacity .2s ease}.banner-card:hover .banner-overlay[data-v-1ee5e282]{opacity:1}.delete-btn[data-v-1ee5e282],.edit-btn[data-v-1ee5e282],.toggle-btn[data-v-1ee5e282]{width:2.5rem;height:2.5rem;border:none;border-radius:8px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.edit-btn[data-v-1ee5e282]{background:rgba(59,130,246,.9)}.edit-btn[data-v-1ee5e282]:hover{background:#3b82f6}.toggle-btn[data-v-1ee5e282]{background:hsla(220,9%,46%,.9)}.toggle-btn.active[data-v-1ee5e282]{background:rgba(16,185,129,.9)}.toggle-btn[data-v-1ee5e282]:hover{background:#6b7280}.toggle-btn.active[data-v-1ee5e282]:hover{background:#10b981}.delete-btn[data-v-1ee5e282]{background:rgba(239,68,68,.9)}.delete-btn[data-v-1ee5e282]:hover{background:#ef4444}.banner-info[data-v-1ee5e282]{padding:1.25rem}.banner-info h3[data-v-1ee5e282]{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem;line-height:1.4}.banner-description[data-v-1ee5e282]{color:#6b7280;font-size:.9rem;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.banner-meta[data-v-1ee5e282]{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.meta-item[data-v-1ee5e282]{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#6b7280}.meta-item i[data-v-1ee5e282]{color:#667eea;font-size:.8rem;width:16px}.link-url[data-v-1ee5e282]{color:#667eea;text-decoration:none;transition:color .2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-url[data-v-1ee5e282]:hover{color:#764ba2;text-decoration:underline}.no-link[data-v-1ee5e282]{color:#9ca3af;font-style:italic}.banner-dates[data-v-1ee5e282]{display:flex;flex-direction:column;gap:.375rem}.date-item[data-v-1ee5e282]{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#9ca3af}.date-item i[data-v-1ee5e282]{color:#d1d5db;font-size:.75rem;width:14px}.modal-overlay[data-v-1ee5e282]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-1ee5e282]{background:#fff;border-radius:16px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto}.modal-header[data-v-1ee5e282]{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-1ee5e282]{font-size:1.3rem;font-weight:600;color:#1f2937}.close-btn[data-v-1ee5e282]{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.close-btn[data-v-1ee5e282]:hover{background:#f3f4f6;color:#374151}.modal-body[data-v-1ee5e282]{padding:2rem}.form-section[data-v-1ee5e282]{margin-bottom:2rem}.form-section h4[data-v-1ee5e282]{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.image-upload-area[data-v-1ee5e282]{border:2px dashed #d1d5db;border-radius:12px;height:200px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.image-upload-area[data-v-1ee5e282]:hover{border-color:#667eea;background-color:#f8fafc}.image-upload-area.drag-over[data-v-1ee5e282]{border-color:#667eea;background-color:#eff6ff;border-style:solid}.upload-placeholder[data-v-1ee5e282]{text-align:center;color:#6b7280}.upload-placeholder i[data-v-1ee5e282]{font-size:3rem;margin-bottom:1rem;color:#9ca3af}.upload-placeholder p[data-v-1ee5e282]{font-size:1.1rem;margin-bottom:.5rem}.drag-hint[data-v-1ee5e282]{font-size:.9rem;color:#9ca3af;margin-top:.5rem}.recommended-size[data-v-1ee5e282]{font-size:.85rem;color:#9ca3af}.url-upload-section[data-v-1ee5e282]{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.url-upload-section label[data-v-1ee5e282]{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.9rem}.url-input-group[data-v-1ee5e282]{display:flex;gap:.5rem}.url-input-group input[data-v-1ee5e282]{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;transition:border-color .2s ease}.url-input-group input[data-v-1ee5e282]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.url-load-btn[data-v-1ee5e282]{padding:.75rem 1rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.url-load-btn[data-v-1ee5e282]:hover:not(:disabled){background:#5a67d8}.url-load-btn[data-v-1ee5e282]:disabled{opacity:.5;cursor:not-allowed}.url-error[data-v-1ee5e282]{margin-top:.5rem;font-size:.85rem;color:#ef4444}.image-preview[data-v-1ee5e282]{width:100%;height:100%;position:relative}.image-preview img[data-v-1ee5e282]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}.remove-image[data-v-1ee5e282]{position:absolute;top:.5rem;right:.5rem;background:rgba(239,68,68,.9);color:#fff;border:none;border-radius:50%;width:2rem;height:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.form-group[data-v-1ee5e282]{margin-bottom:1rem}.form-group label[data-v-1ee5e282]{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.form-group label .required[data-v-1ee5e282]{color:#ef4444;font-weight:700}.input-hint[data-v-1ee5e282]{font-size:.8rem;color:#9ca3af;margin-top:.375rem}.form-group input[data-v-1ee5e282],.form-group textarea[data-v-1ee5e282]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:border-color .2s ease}.form-group input[data-v-1ee5e282]:focus,.form-group textarea[data-v-1ee5e282]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.checkbox-label[data-v-1ee5e282]{display:flex!important;align-items:center;gap:.5rem;cursor:pointer;font-weight:400!important}.checkbox-label input[type=checkbox][data-v-1ee5e282]{width:auto;margin:0}.banner-preview[data-v-1ee5e282]{background:#f8fafc;border-radius:12px;padding:1rem}.preview-banner[data-v-1ee5e282]{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s ease}.preview-banner[data-v-1ee5e282]:hover{transform:scale(1.02)}.preview-banner img[data-v-1ee5e282]{width:100%;height:150px;-o-object-fit:cover;object-fit:cover}.preview-content[data-v-1ee5e282]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;padding:1.5rem 1rem 1rem}.preview-content h3[data-v-1ee5e282]{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.preview-content p[data-v-1ee5e282]{font-size:.9rem;opacity:.9}.preview-note[data-v-1ee5e282]{margin-top:.75rem;font-size:.85rem;color:#6b7280;display:flex;align-items:center;gap:.5rem}.modal-footer[data-v-1ee5e282]{display:flex;justify-content:flex-end;gap:1rem;padding:2rem;border-top:1px solid #e5e7eb}.cancel-btn[data-v-1ee5e282],.save-btn[data-v-1ee5e282]{padding:.75rem 2rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn[data-v-1ee5e282]{background:#6b7280;color:#fff}.cancel-btn[data-v-1ee5e282]:hover{background:#4b5563}.save-btn[data-v-1ee5e282]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.save-btn[data-v-1ee5e282]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.save-btn[data-v-1ee5e282]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.loading-overlay[data-v-1ee5e282]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;border-radius:16px;z-index:10}.loading-spinner[data-v-1ee5e282]{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#6b7280}.loading-spinner i[data-v-1ee5e282]{font-size:2rem}.banners-empty[data-v-1ee5e282],.banners-error[data-v-1ee5e282],.banners-loading[data-v-1ee5e282]{display:flex;justify-content:center;align-items:center;min-height:300px;padding:3rem}.banners-loading .loading-spinner[data-v-1ee5e282]{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#6b7280}.banners-loading .loading-spinner i[data-v-1ee5e282]{font-size:2.5rem;color:#667eea}.banners-error .error-message[data-v-1ee5e282]{text-align:center;color:#ef4444}.banners-error .error-message i[data-v-1ee5e282]{font-size:3rem;margin-bottom:1rem;color:#ef4444}.banners-error .error-message p[data-v-1ee5e282]{margin:1rem 0;font-size:1.1rem}.banners-error .retry-btn[data-v-1ee5e282]{margin-top:1rem;padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.banners-error .retry-btn[data-v-1ee5e282]:hover{background:#5a67d8;transform:translateY(-2px)}.banners-empty .empty-message[data-v-1ee5e282]{text-align:center;color:#6b7280}.banners-empty .empty-message i[data-v-1ee5e282]{font-size:4rem;margin-bottom:1rem;color:#9ca3af}.banners-empty .empty-message p[data-v-1ee5e282]{font-size:1.2rem;margin:.5rem 0;color:#374151}.banners-empty .empty-hint[data-v-1ee5e282]{font-size:.95rem;color:#9ca3af}.delete-btn[data-v-1ee5e282]:disabled,.edit-btn[data-v-1ee5e282]:disabled,.toggle-btn[data-v-1ee5e282]:disabled{opacity:.5;cursor:not-allowed}@media (max-width:992px){.stats-cards[data-v-1ee5e282]{grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-card[data-v-1ee5e282]{padding:.75rem}.stat-icon[data-v-1ee5e282]{width:40px;height:40px;font-size:1rem}.stat-value[data-v-1ee5e282]{font-size:1.25rem}}@media (max-width:768px){.header-section[data-v-1ee5e282]{padding:1.5rem}.header-content[data-v-1ee5e282]{flex-direction:column;gap:1rem}.add-banner-btn[data-v-1ee5e282]{width:100%;justify-content:center}.stats-cards[data-v-1ee5e282]{grid-template-columns:1fr;gap:.5rem}.stat-card[data-v-1ee5e282]{padding:1rem}.banners-grid[data-v-1ee5e282]{grid-template-columns:1fr}.banner-dates[data-v-1ee5e282]{gap:.25rem}.detail-item[data-v-1ee5e282]{font-size:.8rem}.modal-content[data-v-1ee5e282]{width:95%;max-height:95vh}.modal-body[data-v-1ee5e282],.modal-footer[data-v-1ee5e282],.modal-header[data-v-1ee5e282]{padding:1.5rem}}.item-form-modal[data-v-74a19eeb]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-overlay[data-v-74a19eeb]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);animation:fadeIn-74a19eeb .3s ease}.modal-container[data-v-74a19eeb]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;z-index:1;box-shadow:0 10px 30px rgba(0,0,0,.3);animation:zoomIn-74a19eeb .3s ease}.modal-header[data-v-74a19eeb]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-74a19eeb]{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.close-button[data-v-74a19eeb]{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-button[data-v-74a19eeb]:hover{background:#f3f4f6;color:#374151}.modal-content[data-v-74a19eeb]{padding:1.5rem}.form-group[data-v-74a19eeb]{margin-bottom:1.5rem}.form-row[data-v-74a19eeb]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label[data-v-74a19eeb]{display:block;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.9rem}.form-group input[data-v-74a19eeb],.form-group select[data-v-74a19eeb],.form-group textarea[data-v-74a19eeb]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;transition:all .2s ease;background:#fff}.form-group input[data-v-74a19eeb]:focus,.form-group select[data-v-74a19eeb]:focus,.form-group textarea[data-v-74a19eeb]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.char-count[data-v-74a19eeb]{font-size:.8rem;color:#6b7280;text-align:right;margin-top:.25rem}.price-input-container[data-v-74a19eeb]{position:relative}.currency-icon[data-v-74a19eeb]{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#fbbf24;pointer-events:none}.price-input-container input[data-v-74a19eeb]{padding-right:2.5rem}.file-upload-section[data-v-74a19eeb]{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.file-input[data-v-74a19eeb]{display:none}.file-input-label[data-v-74a19eeb]{flex:1;padding:.75rem;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;background:#f9fafb;color:#6b7280;font-weight:500}.file-input-label[data-v-74a19eeb]:hover{border-color:#667eea;background:#f3f4f6;color:#667eea}.remove-file-btn[data-v-74a19eeb]{background:#ef4444;color:#fff;border:none;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-file-btn[data-v-74a19eeb]:hover{background:#dc2626}.image-preview-container[data-v-74a19eeb]{margin-bottom:1rem;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.image-preview[data-v-74a19eeb]{width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain;display:block}.file-hint[data-v-74a19eeb]{font-size:.85rem;color:#6b7280;margin-bottom:.5rem}.image-input-section[data-v-74a19eeb]{display:flex;gap:.5rem;margin-bottom:1rem;margin-top:.5rem}.image-input-section input[data-v-74a19eeb]{flex:1}.add-image-btn[data-v-74a19eeb]{background:#667eea;color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-weight:600;white-space:nowrap}.add-image-btn[data-v-74a19eeb]:hover{background:#5a67d8}.image-list[data-v-74a19eeb]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.image-item[data-v-74a19eeb]{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.image-item img[data-v-74a19eeb]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.remove-image-btn[data-v-74a19eeb]{position:absolute;top:.25rem;right:.25rem;background:rgba(239,68,68,.9);color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .2s ease}.remove-image-btn[data-v-74a19eeb]:hover{background:#dc2626}.form-actions[data-v-74a19eeb]{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb}.cancel-btn[data-v-74a19eeb],.save-btn[data-v-74a19eeb]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.cancel-btn[data-v-74a19eeb]{background:#f3f4f6;color:#374151}.cancel-btn[data-v-74a19eeb]:hover{background:#e5e7eb}.save-btn[data-v-74a19eeb]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.save-btn[data-v-74a19eeb]:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6a4394);transform:translateY(-2px)}.save-btn[data-v-74a19eeb]:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}@keyframes fadeIn-74a19eeb{0%{opacity:0}to{opacity:1}}@keyframes zoomIn-74a19eeb{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:768px){.modal-container[data-v-74a19eeb]{width:95%;margin:1rem}.form-row[data-v-74a19eeb]{grid-template-columns:1fr}.image-input-section[data-v-74a19eeb]{flex-direction:column}.form-actions[data-v-74a19eeb]{flex-direction:column-reverse}.cancel-btn[data-v-74a19eeb],.save-btn[data-v-74a19eeb]{width:100%}}.confirm-modal[data-v-a172ecc0]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-overlay[data-v-a172ecc0]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);animation:fadeIn-a172ecc0 .3s ease}.modal-container[data-v-a172ecc0]{background:#fff;border-radius:12px;width:90%;max-width:500px;position:relative;z-index:1;box-shadow:0 10px 30px rgba(0,0,0,.3);animation:zoomIn-a172ecc0 .3s ease}.modal-header[data-v-a172ecc0]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-a172ecc0]{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.close-button[data-v-a172ecc0]{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-button[data-v-a172ecc0]:hover{background:#f3f4f6;color:#374151}.modal-content[data-v-a172ecc0]{padding:1.5rem}.message-container[data-v-a172ecc0]{display:flex;gap:1rem;align-items:flex-start}.icon-container[data-v-a172ecc0]{flex-shrink:0;width:3rem;height:3rem;background:#fef3c7;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d97706;font-size:1.25rem}.message-text[data-v-a172ecc0]{flex:1}.message-text p[data-v-a172ecc0]{margin:0;color:#374151;line-height:1.5}.message-text p+p[data-v-a172ecc0]{margin-top:.5rem}.modal-footer[data-v-a172ecc0]{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid #e5e7eb}.cancel-button[data-v-a172ecc0],.confirm-button[data-v-a172ecc0]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.cancel-button[data-v-a172ecc0]{background:#f3f4f6;color:#374151}.cancel-button[data-v-a172ecc0]:hover{background:#e5e7eb}.confirm-button[data-v-a172ecc0]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.confirm-button[data-v-a172ecc0]:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px)}@keyframes fadeIn-a172ecc0{0%{opacity:0}to{opacity:1}}@keyframes zoomIn-a172ecc0{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:768px){.modal-container[data-v-a172ecc0]{width:95%;margin:1rem}.message-container[data-v-a172ecc0]{flex-direction:column;align-items:center;text-align:center}.modal-footer[data-v-a172ecc0]{flex-direction:column-reverse}.cancel-button[data-v-a172ecc0],.confirm-button[data-v-a172ecc0]{width:100%}}.shop-manager[data-v-673409dc]{position:relative}.header-section[data-v-673409dc]{margin-bottom:2rem}.section-title[data-v-673409dc]{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.section-description[data-v-673409dc]{color:#6b7280;font-size:.95rem}.control-panel[data-v-673409dc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.item-type-tabs[data-v-673409dc]{display:flex;background:#fff;border-radius:8px;padding:.25rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.type-tab[data-v-673409dc]{padding:.75rem 1rem;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-weight:500;color:#6b7280}.type-tab[data-v-673409dc]:hover{background:#f3f4f6;color:#374151}.type-tab.active[data-v-673409dc]{background:#667eea;color:#fff}.create-btn[data-v-673409dc]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.create-btn[data-v-673409dc]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.4)}.items-section[data-v-673409dc]{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.05)}.empty-state[data-v-673409dc],.loading-state[data-v-673409dc]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner[data-v-673409dc]{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#6b7280}.loading-spinner i[data-v-673409dc]{font-size:2rem}.empty-icon[data-v-673409dc]{font-size:4rem;color:#d1d5db;margin-bottom:1rem}.empty-state h3[data-v-673409dc]{font-size:1.25rem;color:#374151;margin-bottom:.5rem}.empty-state p[data-v-673409dc]{color:#6b7280;margin-bottom:1.5rem}.empty-create-btn[data-v-673409dc]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.empty-create-btn[data-v-673409dc]:hover{transform:translateY(-2px)}.items-grid[data-v-673409dc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.item-card[data-v-673409dc]{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s ease;background:#fff}.item-card[data-v-673409dc]:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.item-card.shop-hidden[data-v-673409dc]{opacity:.7;border-color:#fbbf24;background:#fefce8}.item-image-container[data-v-673409dc]{position:relative;height:200px;background:#f9fafb;display:flex;align-items:center;justify-content:center}.item-image[data-v-673409dc]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.item-status-badge[data-v-673409dc]{position:absolute;top:10px;right:10px;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.item-status-badge.in-shop[data-v-673409dc]{background:#d1fae5;color:#065f46}.item-status-badge.hidden[data-v-673409dc]{background:#fef3c7;color:#92400e}.item-details[data-v-673409dc]{padding:1rem}.item-name[data-v-673409dc]{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.item-description[data-v-673409dc]{color:#6b7280;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.item-price[data-v-673409dc]{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.item-price i[data-v-673409dc]{color:#fbbf24}.item-stock[data-v-673409dc]{font-size:.9rem;color:#6b7280}.item-actions[data-v-673409dc]{padding:1rem;border-top:1px solid #e5e7eb;display:flex;gap:.5rem;flex-wrap:wrap}.action-btn[data-v-673409dc]{flex:1;min-width:80px;padding:.5rem .75rem;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.25rem}.edit-btn[data-v-673409dc]{background:#3b82f6;color:#fff}.edit-btn[data-v-673409dc]:hover{background:#2563eb}.hide-btn[data-v-673409dc]{background:#f59e0b;color:#fff}.hide-btn[data-v-673409dc]:hover{background:#d97706}.restore-btn[data-v-673409dc]{background:#10b981;color:#fff}.restore-btn[data-v-673409dc]:hover{background:#059669}.delete-btn[data-v-673409dc]{background:#ef4444;color:#fff}.delete-btn[data-v-673409dc]:hover{background:#dc2626}.loading-overlay[data-v-673409dc]{position:absolute;background:hsla(0,0%,100%,.9);border-radius:12px;z-index:10}.delete-option-modal[data-v-673409dc],.loading-overlay[data-v-673409dc]{top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.delete-option-modal[data-v-673409dc]{position:fixed;z-index:9999}.delete-option-modal .modal-overlay[data-v-673409dc]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.delete-option-modal .modal-container[data-v-673409dc]{background:#fff;border-radius:12px;width:90%;max-width:500px;position:relative;z-index:1;box-shadow:0 10px 30px rgba(0,0,0,.3)}.delete-option-modal .modal-header[data-v-673409dc]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb}.delete-option-modal .modal-header h3[data-v-673409dc]{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.delete-option-modal .close-button[data-v-673409dc]{background:none;border:none;font-size:1.25rem;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.delete-option-modal .close-button[data-v-673409dc]:hover{background:#f3f4f6;color:#374151}.delete-option-modal .modal-content[data-v-673409dc]{padding:1.5rem}.delete-option-modal .message-container[data-v-673409dc]{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.delete-option-modal .icon-container[data-v-673409dc]{flex-shrink:0;width:3rem;height:3rem;background:#fef3c7;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d97706;font-size:1.25rem}.delete-option-modal .message-text[data-v-673409dc]{flex:1}.delete-option-modal .message-text p[data-v-673409dc]{margin:0;color:#374151;line-height:1.5}.delete-options[data-v-673409dc]{display:flex;flex-direction:column;gap:1rem}.option-label[data-v-673409dc]{display:flex;gap:1rem;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.option-label[data-v-673409dc]:hover{border-color:#667eea;background:#f3f4f6}.option-label[data-v-673409dc]:has(input:checked){border-color:#667eea;background:#eff6ff}.option-radio[data-v-673409dc]{margin-top:.25rem;cursor:pointer}.option-content[data-v-673409dc]{flex:1}.option-title[data-v-673409dc]{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.option-description[data-v-673409dc]{font-size:.9rem;color:#6b7280;margin:0;line-height:1.4}.delete-option-modal .modal-footer[data-v-673409dc]{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid #e5e7eb}.delete-option-modal .cancel-button[data-v-673409dc],.delete-option-modal .confirm-button[data-v-673409dc]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.delete-option-modal .cancel-button[data-v-673409dc]{background:#f3f4f6;color:#374151}.delete-option-modal .cancel-button[data-v-673409dc]:hover{background:#e5e7eb}.delete-option-modal .confirm-button[data-v-673409dc]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.delete-option-modal .confirm-button[data-v-673409dc]:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px)}.delete-option-modal .confirm-button[data-v-673409dc]:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}@media (max-width:768px){.control-panel[data-v-673409dc]{flex-direction:column;align-items:stretch}.item-type-tabs[data-v-673409dc]{justify-content:center;flex-wrap:wrap}.items-grid[data-v-673409dc]{grid-template-columns:1fr}.item-actions[data-v-673409dc]{flex-direction:column}.action-btn[data-v-673409dc]{min-width:auto}.delete-option-modal .modal-container[data-v-673409dc]{width:95%;margin:1rem}.delete-option-modal .modal-footer[data-v-673409dc]{flex-direction:column-reverse}.delete-option-modal .cancel-button[data-v-673409dc],.delete-option-modal .confirm-button[data-v-673409dc]{width:100%}}.game-results-manager[data-v-331b3255]{position:relative}.header-section[data-v-331b3255]{margin-bottom:2rem}.section-title[data-v-331b3255]{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.section-description[data-v-331b3255]{color:#6b7280;font-size:.95rem}.stats-summary[data-v-331b3255]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card[data-v-331b3255]{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;display:flex;align-items:center;gap:1rem}.stat-icon[data-v-331b3255]{width:3rem;height:3rem;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff}.stat-icon.roadview[data-v-331b3255]{background:#3b82f6}.stat-icon.photo[data-v-331b3255]{background:#10b981}.stat-icon.practice[data-v-331b3255]{background:#f59e0b}.stat-icon.rank[data-v-331b3255]{background:#8b5cf6}.stat-info h3[data-v-331b3255]{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.stat-info p[data-v-331b3255]{color:#6b7280;font-size:.9rem;margin:0}.avg-score[data-v-331b3255]{font-size:.8rem;color:#374151;font-weight:500}.filter-section[data-v-331b3255]{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;margin-bottom:2rem}.filter-row[data-v-331b3255]{display:grid;grid-template-columns:1fr 1fr 1fr 2fr auto;gap:1rem;align-items:center}.filter-select[data-v-331b3255],.search-input[data-v-331b3255]{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem}.filter-btn[data-v-331b3255]{background:#4f46e5;color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500}.results-table[data-v-331b3255]{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;margin-bottom:2rem}.table-header[data-v-331b3255],.table-row[data-v-331b3255]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1.5fr auto;gap:1rem;padding:1rem;align-items:center}.table-header[data-v-331b3255]{background:#f9fafb;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.table-row[data-v-331b3255]{border-bottom:1px solid #f3f4f6}.table-row[data-v-331b3255]:hover{background:#f8fafc}.player-info[data-v-331b3255]{display:flex;align-items:center;gap:.75rem}.player-avatar[data-v-331b3255]{width:2rem;height:2rem;border-radius:50%;-o-object-fit:cover;object-fit:cover}.player-details[data-v-331b3255]{display:flex;flex-direction:column}.nickname[data-v-331b3255]{font-weight:600;color:#1f2937;font-size:.9rem}.user-id[data-v-331b3255]{font-size:.75rem;color:#6b7280}.mode-badge[data-v-331b3255],.type-badge[data-v-331b3255]{padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.mode-badge.roadview[data-v-331b3255]{background:#dbeafe;color:#1e40af}.mode-badge.photo[data-v-331b3255]{background:#d1fae5;color:#065f46}.type-badge.practice[data-v-331b3255]{background:#fef3c7;color:#92400e}.type-badge.rank[data-v-331b3255]{background:#ede9fe;color:#6b21a8}.score[data-v-331b3255]{font-weight:600;font-size:.95rem}.score.excellent[data-v-331b3255]{color:#059669}.score.good[data-v-331b3255]{color:#2563eb}.score.average[data-v-331b3255]{color:#d97706}.score.poor[data-v-331b3255]{color:#dc2626}.detail-btn[data-v-331b3255]{background:#6b7280;color:#fff;border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.detail-btn[data-v-331b3255]:hover{background:#4b5563}.pagination[data-v-331b3255]{display:flex;align-items:center;justify-content:center;gap:1rem}.page-btn[data-v-331b3255]{padding:.5rem;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease}.page-btn[data-v-331b3255]:hover:not(:disabled){background:#f3f4f6}.page-btn[data-v-331b3255]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-331b3255]{font-weight:500;color:#374151}.modal-overlay[data-v-331b3255]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-331b3255]{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header[data-v-331b3255]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-331b3255]{font-size:1.2rem;font-weight:600;color:#1f2937}.close-btn[data-v-331b3255]{background:none;border:none;font-size:1.2rem;color:#6b7280;cursor:pointer}.modal-body[data-v-331b3255]{padding:1.5rem}.detail-section[data-v-331b3255]{margin-bottom:2rem}.detail-section h4[data-v-331b3255]{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.detail-grid[data-v-331b3255]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail-item[data-v-331b3255]{display:flex;justify-content:space-between;padding:.75rem;background:#f9fafb;border-radius:8px}.detail-item .label[data-v-331b3255]{color:#6b7280;font-size:.9rem}.detail-item .value[data-v-331b3255]{color:#1f2937;font-weight:500;font-size:.9rem}.score-value[data-v-331b3255]{color:#059669!important;font-weight:600!important}.rounds-list[data-v-331b3255]{display:flex;flex-direction:column;gap:.75rem}.round-item[data-v-331b3255]{background:#f9fafb;border-radius:8px;padding:1rem}.round-header[data-v-331b3255]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.round-number[data-v-331b3255]{font-weight:600;color:#1f2937}.round-score[data-v-331b3255]{font-weight:600;color:#059669}.round-details[data-v-331b3255]{display:flex;gap:1rem;font-size:.85rem;color:#6b7280}.loading-overlay[data-v-331b3255]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:10}.loading-spinner[data-v-331b3255]{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#6b7280}@media (max-width:768px){.stats-summary[data-v-331b3255]{grid-template-columns:repeat(2,1fr)}.filter-row[data-v-331b3255]{grid-template-columns:1fr;gap:.75rem}.table-header[data-v-331b3255],.table-row[data-v-331b3255]{grid-template-columns:1fr;gap:.5rem}.detail-grid[data-v-331b3255]{grid-template-columns:1fr}}.visitor-stats-manager[data-v-1b57df46]{position:relative}.header-section[data-v-1b57df46]{margin-bottom:2rem}.section-title[data-v-1b57df46]{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.section-description[data-v-1b57df46]{color:#6b7280;font-size:.95rem}.realtime-stats[data-v-1b57df46]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-1b57df46]{background:#fff;border-radius:16px;padding:2rem;border:1px solid #e5e7eb;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.stat-card[data-v-1b57df46]:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.stat-icon[data-v-1b57df46]{width:4rem;height:4rem;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.stat-card.current .stat-icon[data-v-1b57df46]{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.today .stat-icon[data-v-1b57df46]{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card.peak .stat-icon[data-v-1b57df46]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card.avg .stat-icon[data-v-1b57df46]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-info h3[data-v-1b57df46]{font-size:2rem;font-weight:700;color:#1f2937;margin:0}.stat-info p[data-v-1b57df46]{color:#6b7280;font-size:1rem;margin:.25rem 0}.stat-change[data-v-1b57df46]{display:flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600}.stat-change.positive[data-v-1b57df46]{color:#059669}.stat-change.negative[data-v-1b57df46]{color:#dc2626}.stat-period[data-v-1b57df46],.stat-time[data-v-1b57df46]{font-size:.85rem;color:#6b7280;font-weight:500}.filter-section[data-v-1b57df46]{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;margin-bottom:2rem}.filter-row[data-v-1b57df46]{display:flex;gap:1rem;align-items:center}.date-input[data-v-1b57df46],.period-select[data-v-1b57df46]{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem}.date-range[data-v-1b57df46],.refresh-btn[data-v-1b57df46]{display:flex;align-items:center;gap:.5rem}.refresh-btn[data-v-1b57df46]{background:#4f46e5;color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;margin-left:auto}.charts-section[data-v-1b57df46]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.chart-container[data-v-1b57df46]{background:#fff;border-radius:16px;padding:2rem;border:1px solid #e5e7eb}.chart-header[data-v-1b57df46]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-header h3[data-v-1b57df46]{font-size:1.1rem;font-weight:600;color:#1f2937}.chart-controls[data-v-1b57df46]{display:flex;gap:.5rem}.chart-type-btn[data-v-1b57df46]{background:#f3f4f6;border:none;padding:.5rem;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease}.chart-type-btn.active[data-v-1b57df46]{background:#4f46e5;color:#fff}.chart-placeholder[data-v-1b57df46]{height:300px;border-radius:8px;background:#f8fafc;display:flex;align-items:center;justify-content:center}.mock-chart[data-v-1b57df46]{width:100%;height:100%;display:flex;flex-direction:column;padding:1rem}.chart-bars[data-v-1b57df46]{flex:1;display:flex;align-items:end;gap:.25rem;margin-bottom:.5rem}.chart-bar[data-v-1b57df46]{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px 4px 0 0;position:relative;min-height:20px;transition:all .2s ease}.chart-bar[data-v-1b57df46]:hover{opacity:.8}.chart-bar.hourly[data-v-1b57df46]{background:linear-gradient(135deg,#4facfe,#00f2fe)}.bar-value[data-v-1b57df46]{position:absolute;top:-1.5rem;left:50%;transform:translateX(-50%);font-size:.7rem;color:#374151;font-weight:500;opacity:0;transition:opacity .2s ease}.chart-bar:hover .bar-value[data-v-1b57df46]{opacity:1}.chart-labels[data-v-1b57df46]{display:flex;justify-content:space-between;font-size:.75rem;color:#6b7280}.detailed-stats[data-v-1b57df46]{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden}.stats-header[data-v-1b57df46]{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid #e5e7eb}.stats-header h3[data-v-1b57df46]{font-size:1.2rem;font-weight:600;color:#1f2937}.export-btn[data-v-1b57df46]{background:#059669;color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500}.stats-table[data-v-1b57df46]{overflow-x:auto}.table-header[data-v-1b57df46],.table-row[data-v-1b57df46]{display:grid;grid-template-columns:1fr 1.2fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem 2rem;align-items:center}.table-header[data-v-1b57df46]{background:#f9fafb;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.table-row[data-v-1b57df46]{border-bottom:1px solid #f3f4f6}.table-row[data-v-1b57df46]:hover{background:#f8fafc}.visitor-count[data-v-1b57df46]{font-weight:600;color:#1f2937}.visitor-change[data-v-1b57df46]{font-size:.8rem;margin-left:.5rem}.visitor-change.positive[data-v-1b57df46]{color:#059669}.visitor-change.negative[data-v-1b57df46]{color:#dc2626}.loading-overlay[data-v-1b57df46]{position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;align-items:center;justify-content:center;border-radius:16px;z-index:10}.loading-spinner[data-v-1b57df46]{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#6b7280}.loading-spinner i[data-v-1b57df46]{font-size:2rem}@media (max-width:1200px){.charts-section[data-v-1b57df46]{grid-template-columns:1fr}}@media (max-width:768px){.realtime-stats[data-v-1b57df46]{grid-template-columns:repeat(2,1fr)}.filter-row[data-v-1b57df46]{flex-direction:column;align-items:stretch}.refresh-btn[data-v-1b57df46]{margin-left:0;align-self:center}.chart-container[data-v-1b57df46]{padding:1rem}.chart-placeholder[data-v-1b57df46]{height:200px}.table-header[data-v-1b57df46],.table-row[data-v-1b57df46]{grid-template-columns:1fr;gap:.5rem;padding:1rem}.stats-header[data-v-1b57df46]{padding:1rem;flex-direction:column;gap:1rem;align-items:stretch}}.adsense-bot-manager[data-v-78b8dd7b]{animation:fadeIn-78b8dd7b .3s ease}@keyframes fadeIn-78b8dd7b{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header-section[data-v-78b8dd7b]{margin-bottom:2rem}.section-title[data-v-78b8dd7b]{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.section-description[data-v-78b8dd7b]{color:#6b7280;font-size:.875rem}.info-section[data-v-78b8dd7b]{animation:slideIn-78b8dd7b .3s ease}@keyframes slideIn-78b8dd7b{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.info-item[data-v-78b8dd7b]{display:flex;align-items:center;gap:.5rem}.info-label[data-v-78b8dd7b]{min-width:100px}.info-value[data-v-78b8dd7b]{padding:.25rem .75rem;background-color:#f3f4f6;border-radius:.375rem}.form-section[data-v-78b8dd7b]{animation:slideIn-78b8dd7b .3s ease .1s both}.form-group[data-v-78b8dd7b]{margin-bottom:1rem}.form-input[data-v-78b8dd7b]:focus{outline:none}.create-btn[data-v-78b8dd7b]:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.create-btn[data-v-78b8dd7b]:not(:disabled):active{transform:translateY(0)}.message-alert[data-v-78b8dd7b]{animation:fadeIn-78b8dd7b .3s ease}.main-layout[data-v-78b8dd7b]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.left-section[data-v-78b8dd7b],.right-section[data-v-78b8dd7b]{display:flex;flex-direction:column}.test-section[data-v-78b8dd7b]{animation:slideIn-78b8dd7b .3s ease .2s both}.test-info[data-v-78b8dd7b]{font-size:.875rem}.result-section[data-v-78b8dd7b]{animation:slideIn-78b8dd7b .3s ease .3s both;height:-moz-fit-content;height:fit-content;max-height:80vh;overflow-y:auto}.cookie-status[data-v-78b8dd7b]{transition:all .3s ease}.profile-result[data-v-78b8dd7b]{margin-top:1rem}.result-content[data-v-78b8dd7b]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;max-height:500px;overflow-y:auto}.result-json[data-v-78b8dd7b]{margin:0;font-size:.75rem;font-family:Courier New,monospace;color:#111827;white-space:pre-wrap;word-break:break-all}.result-placeholder[data-v-78b8dd7b]{text-align:center;padding:3rem 1rem;color:#9ca3af}.result-placeholder i[data-v-78b8dd7b]{font-size:2rem;margin-bottom:.5rem;opacity:.5}.result-placeholder p[data-v-78b8dd7b]{font-size:.875rem;margin:0}@media (max-width:1024px){.main-layout[data-v-78b8dd7b]{grid-template-columns:1fr}}.admin-page[data-v-aac8b026]{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100dvh;overflow-y:auto}.dashboard-title[data-v-aac8b026]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-content[data-v-aac8b026]{padding-top:80px}.admin-nav button[data-v-aac8b026]{position:relative;transition:all .2s ease}.admin-nav button[data-v-aac8b026]:hover{background-color:rgba(79,70,229,.05)}.admin-nav button i[data-v-aac8b026]{transition:transform .2s ease}.admin-nav button:hover i[data-v-aac8b026]{transform:scale(1.1)}.test-lab-section[data-v-aac8b026]{animation:fadeIn-aac8b026 .3s ease}@keyframes fadeIn-aac8b026{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.test-section[data-v-aac8b026]{border-bottom:1px solid #e5e7eb;padding-bottom:2rem}.test-section[data-v-aac8b026]:last-child{border-bottom:none;padding-bottom:0}.test-button[data-v-aac8b026]{padding:1rem 1.5rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.1)}.test-button[data-v-aac8b026]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.test-button.bronze[data-v-aac8b026]{background:linear-gradient(135deg,#cd7f32,#8b5a2b);color:#fff}.test-button.gold[data-v-aac8b026]{background:linear-gradient(135deg,gold,#ffed4e);color:#333}.test-button.platinum[data-v-aac8b026]{background:linear-gradient(135deg,#e5e4e2,#b4b4b4);color:#333}.test-button.diamond[data-v-aac8b026]{background:linear-gradient(135deg,#b9f2ff,#7dd3fc);color:#333}.test-button.secondary[data-v-aac8b026]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.component-preview-grid[data-v-aac8b026]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.preview-card[data-v-aac8b026]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.preview-card h4[data-v-aac8b026]{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem}.preview-content[data-v-aac8b026]{display:flex;gap:.75rem;flex-wrap:wrap}.btn-primary[data-v-aac8b026]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:8px;border:none;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-primary[data-v-aac8b026]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-secondary[data-v-aac8b026]{background:#f3f4f6;color:#374151;padding:.5rem 1rem;border-radius:8px;border:1px solid #d1d5db;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-secondary[data-v-aac8b026]:hover{background:#e5e7eb}.btn-danger[data-v-aac8b026]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:.5rem 1rem;border-radius:8px;border:none;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-danger[data-v-aac8b026]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.sample-card[data-v-aac8b026]{background:#fff;padding:1rem;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.1)}.sample-card p[data-v-aac8b026]{margin:0;color:#6b7280}.notice-detail-page[data-v-f88a4ccc]{min-height:100vh;background-color:var(--color-background);transition:background-color var(--transition-slow)}.main-content[data-v-f88a4ccc]{padding-top:80px;max-width:1400px;margin:0 auto;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.notice-container[data-v-f88a4ccc]{padding:var(--spacing-2xl) 0}.loading-container[data-v-f88a4ccc]{display:flex;justify-content:center;align-items:center;padding:var(--spacing-2xl)}.loading-spinner[data-v-f88a4ccc]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);color:var(--color-text-secondary)}.loading-spinner i[data-v-f88a4ccc]{font-size:2rem;color:var(--color-primary)}.error-container[data-v-f88a4ccc]{display:flex;justify-content:center;align-items:center;padding:var(--spacing-2xl)}.error-content[data-v-f88a4ccc]{text-align:center;max-width:400px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm)}.error-icon[data-v-f88a4ccc]{font-size:4rem;color:var(--color-error);margin-bottom:var(--spacing-lg)}.error-content h3[data-v-f88a4ccc]{font-family:var(--font-heading);font-size:var(--font-size-h3);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.error-content p[data-v-f88a4ccc]{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.retry-button[data-v-f88a4ccc]{background:var(--color-primary);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-sm)}.retry-button[data-v-f88a4ccc]:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.notice-detail[data-v-f88a4ccc]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.notice-detail[data-v-f88a4ccc]:hover{box-shadow:var(--shadow-md)}.notice-navigation[data-v-f88a4ccc]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);background:var(--color-surface-hover)}.back-button[data-v-f88a4ccc]{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.back-button[data-v-f88a4ccc]:hover{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.admin-actions[data-v-f88a4ccc]{display:flex;gap:var(--spacing-sm)}.delete-button[data-v-f88a4ccc],.edit-button[data-v-f88a4ccc]{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-sm)}.edit-button[data-v-f88a4ccc]{background:var(--color-info);color:#fff}.edit-button[data-v-f88a4ccc]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);filter:brightness(.9)}.delete-button[data-v-f88a4ccc]{background:var(--color-error);color:#fff}.delete-button[data-v-f88a4ccc]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);filter:brightness(.9)}.notice-header[data-v-f88a4ccc]{padding:var(--spacing-2xl);border-bottom:1px solid var(--color-border)}.notice-meta[data-v-f88a4ccc]{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.notice-category[data-v-f88a4ccc]{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:600}.notice-category.공지[data-v-f88a4ccc]{background:var(--color-info);color:#fff}.notice-category.이벤트[data-v-f88a4ccc]{background:var(--color-warning);color:#fff}.notice-category.업데이트[data-v-f88a4ccc]{background:var(--color-success);color:#fff}.notice-category.일반[data-v-f88a4ccc]{background:var(--color-surface-hover);color:var(--color-text-secondary);border:1px solid var(--color-border)}.notice-date[data-v-f88a4ccc]{color:var(--color-text-tertiary);font-size:var(--font-size-small)}.notice-title[data-v-f88a4ccc]{font-family:var(--font-heading);font-size:var(--font-size-display);font-weight:700;color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0;letter-spacing:-.02em}.notice-content[data-v-f88a4ccc]{padding:var(--spacing-2xl)}.content-body[data-v-f88a4ccc]{margin-bottom:var(--spacing-2xl)}.markdown-content[data-v-f88a4ccc] h1,.markdown-content[data-v-f88a4ccc] h2,.markdown-content[data-v-f88a4ccc] h3,.markdown-content[data-v-f88a4ccc] h4,.markdown-content[data-v-f88a4ccc] h5,.markdown-content[data-v-f88a4ccc] h6{font-family:var(--font-heading);font-weight:600;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary);line-height:var(--line-height-tight)}.markdown-content[data-v-f88a4ccc] h1{font-size:var(--font-size-h1);border-bottom:2px solid var(--color-border);padding-bottom:var(--spacing-sm)}.markdown-content[data-v-f88a4ccc] h2{font-size:var(--font-size-h2)}.markdown-content[data-v-f88a4ccc] h3{font-size:var(--font-size-h3)}.markdown-content[data-v-f88a4ccc] p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.markdown-content[data-v-f88a4ccc] ol,.markdown-content[data-v-f88a4ccc] ul{margin-left:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}.markdown-content[data-v-f88a4ccc] li{margin-bottom:var(--spacing-sm);line-height:var(--line-height-relaxed)}.markdown-content[data-v-f88a4ccc] blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--color-text-secondary);font-style:italic;background:var(--color-surface-hover);padding:var(--spacing-md);border-radius:var(--radius-sm)}.markdown-content[data-v-f88a4ccc] code{background:var(--color-surface-hover);padding:.2rem .4rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em;color:var(--color-primary)}.markdown-content[data-v-f88a4ccc] pre{background:var(--color-surface-hover);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin:var(--spacing-md) 0;border:1px solid var(--color-border)}.markdown-content[data-v-f88a4ccc] pre code{background:transparent;padding:0;color:var(--color-text-primary)}.markdown-content[data-v-f88a4ccc] a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:all var(--transition-normal)}.markdown-content[data-v-f88a4ccc] a:hover{border-bottom-color:var(--color-primary)}.markdown-content[data-v-f88a4ccc] img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-md) 0;box-shadow:var(--shadow-sm)}.markdown-content[data-v-f88a4ccc] hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-xl) 0}.markdown-content[data-v-f88a4ccc] table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0}.markdown-content[data-v-f88a4ccc] table td,.markdown-content[data-v-f88a4ccc] table th{border:1px solid var(--color-border);padding:var(--spacing-sm);text-align:left}.markdown-content[data-v-f88a4ccc] table th{background:var(--color-surface-hover);font-weight:600;color:var(--color-text-primary)}.notice-footer[data-v-f88a4ccc]{padding:var(--spacing-xl) var(--spacing-2xl);background:var(--color-surface-hover);border-top:1px solid var(--color-border)}.notice-info[data-v-f88a4ccc]{display:flex;justify-content:space-between;align-items:center;color:var(--color-text-secondary);font-size:var(--font-size-small)}.modal-overlay[data-v-f88a4ccc]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-f88a4ccc]{background:var(--color-surface);border-radius:var(--radius-lg);width:90%;max-width:400px;overflow:hidden;box-shadow:var(--shadow-xl)}.modal-header[data-v-f88a4ccc]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.modal-header h3[data-v-f88a4ccc]{margin:0;font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:600;color:var(--color-text-primary)}.modal-close[data-v-f88a4ccc]{background:none;border:none;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.modal-close[data-v-f88a4ccc]:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.modal-content[data-v-f88a4ccc]{padding:var(--spacing-xl)}.modal-content p[data-v-f88a4ccc]{margin:0 0 var(--spacing-md) 0;color:var(--color-text-primary)}.warning-text[data-v-f88a4ccc]{color:var(--color-error);font-weight:500}.modal-footer[data-v-f88a4ccc]{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-xl);border-top:1px solid var(--color-border)}.cancel-button[data-v-f88a4ccc],.confirm-delete-button[data-v-f88a4ccc]{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.cancel-button[data-v-f88a4ccc]{background:var(--color-surface-hover);color:var(--color-text-primary);border:1px solid var(--color-border)}.cancel-button[data-v-f88a4ccc]:hover{background:var(--color-border-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.confirm-delete-button[data-v-f88a4ccc]{background:var(--color-error);color:#fff}.confirm-delete-button[data-v-f88a4ccc]:hover{filter:brightness(.9);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width:768px){.main-content[data-v-f88a4ccc]{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.notice-navigation[data-v-f88a4ccc]{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.admin-actions[data-v-f88a4ccc]{justify-content:center}.notice-header[data-v-f88a4ccc]{padding:var(--spacing-lg)}.notice-title[data-v-f88a4ccc]{font-size:var(--font-size-h1)}.notice-content[data-v-f88a4ccc]{padding:var(--spacing-lg)}.notice-meta[data-v-f88a4ccc]{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.notice-footer[data-v-f88a4ccc]{padding:var(--spacing-lg)}}@media (max-width:480px){.notice-container[data-v-f88a4ccc]{padding:var(--spacing-md) 0}.notice-content[data-v-f88a4ccc],.notice-footer[data-v-f88a4ccc],.notice-header[data-v-f88a4ccc]{padding:var(--spacing-md)}.notice-title[data-v-f88a4ccc]{font-size:var(--font-size-h2)}.modal-container[data-v-f88a4ccc]{width:95%;margin:var(--spacing-md)}.modal-footer[data-v-f88a4ccc]{flex-direction:column-reverse}.cancel-button[data-v-f88a4ccc],.confirm-delete-button[data-v-f88a4ccc]{width:100%}}.notice-list-page[data-v-7c905a2a]{min-height:100vh;background-color:var(--color-background);transition:background-color var(--transition-slow)}.main-content[data-v-7c905a2a]{padding-top:80px;max-width:1200px;margin:0 auto;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.notice-container[data-v-7c905a2a]{padding:var(--spacing-2xl) 0}.notice-header[data-v-7c905a2a]{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-2xl);gap:var(--spacing-lg)}.header-content h1[data-v-7c905a2a]{font-family:var(--font-heading);font-size:var(--font-size-display);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);letter-spacing:-.02em}.page-description[data-v-7c905a2a]{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.write-button[data-v-7c905a2a]{background:var(--color-primary);color:#fff;text-decoration:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-normal);white-space:nowrap;box-shadow:var(--shadow-sm)}.write-button[data-v-7c905a2a]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--color-primary-dark)}.notice-filters[data-v-7c905a2a]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.filter-tabs[data-v-7c905a2a]{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.filter-tab[data-v-7c905a2a]{background:var(--color-surface-hover);border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm)}.filter-tab[data-v-7c905a2a]:hover{background:var(--color-border-light);border-color:var(--color-primary);color:var(--color-text-primary)}.filter-tab.active[data-v-7c905a2a]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.search-section[data-v-7c905a2a]{display:flex;justify-content:flex-end}.search-input-wrapper[data-v-7c905a2a]{position:relative;width:300px}.search-input[data-v-7c905a2a]{width:100%;padding:var(--spacing-md) var(--spacing-lg);padding-right:2.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-body);transition:all var(--transition-normal);background:var(--color-surface);color:var(--color-text-primary)}.search-input[data-v-7c905a2a]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(14,165,233,.1)}.search-icon[data-v-7c905a2a]{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary)}.loading-container[data-v-7c905a2a]{display:flex;justify-content:center;align-items:center;padding:var(--spacing-2xl)}.loading-spinner[data-v-7c905a2a]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);color:var(--color-text-secondary)}.loading-spinner i[data-v-7c905a2a]{font-size:2rem;color:var(--color-primary)}.notice-list[data-v-7c905a2a]{display:flex;flex-direction:column;gap:var(--spacing-md)}.notice-item[data-v-7c905a2a]{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);cursor:pointer;transition:all var(--transition-normal);border:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm)}.notice-item[data-v-7c905a2a]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.notice-content[data-v-7c905a2a]{flex:1}.notice-meta[data-v-7c905a2a]{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.notice-category[data-v-7c905a2a]{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:600}.notice-category.공지[data-v-7c905a2a]{background:var(--color-info);color:#fff}.notice-category.이벤트[data-v-7c905a2a]{background:var(--color-warning);color:#fff}.notice-category.업데이트[data-v-7c905a2a]{background:var(--color-success);color:#fff}.notice-category.일반[data-v-7c905a2a]{background:var(--color-surface-hover);color:var(--color-text-secondary);border:1px solid var(--color-border)}.notice-date[data-v-7c905a2a]{color:var(--color-text-tertiary);font-size:var(--font-size-small)}.notice-title[data-v-7c905a2a]{font-family:var(--font-heading);font-size:var(--font-size-h3);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.notice-preview[data-v-7c905a2a]{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed)}.notice-actions[data-v-7c905a2a]{color:var(--color-text-tertiary);font-size:1.25rem;transition:color var(--transition-normal)}.notice-item:hover .notice-actions[data-v-7c905a2a]{color:var(--color-primary)}.empty-state[data-v-7c905a2a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.empty-icon[data-v-7c905a2a]{font-size:4rem;color:var(--color-border-dark);margin-bottom:var(--spacing-lg)}.empty-state h3[data-v-7c905a2a]{font-family:var(--font-heading);font-size:var(--font-size-h3);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.empty-state p[data-v-7c905a2a]{color:var(--color-text-secondary);margin:0}.pagination[data-v-7c905a2a]{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-2xl)}.pagination-btn[data-v-7c905a2a],.pagination-number[data-v-7c905a2a]{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);min-width:2.5rem;display:flex;align-items:center;justify-content:center;font-weight:500}.pagination-btn[data-v-7c905a2a]:hover:not(:disabled),.pagination-number[data-v-7c905a2a]:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.pagination-btn[data-v-7c905a2a]:disabled{opacity:.5;cursor:not-allowed}.pagination-number.active[data-v-7c905a2a]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-numbers[data-v-7c905a2a]{display:flex;gap:var(--spacing-xs)}@media (max-width:768px){.main-content[data-v-7c905a2a]{padding-left:1rem;padding-right:1rem}.notice-header[data-v-7c905a2a]{flex-direction:column;align-items:stretch;gap:1.5rem}.search-input-wrapper[data-v-7c905a2a]{width:100%}.filter-tabs[data-v-7c905a2a]{justify-content:center}.notice-item[data-v-7c905a2a]{padding:1rem}.notice-meta[data-v-7c905a2a]{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width:480px){.notice-container[data-v-7c905a2a]{padding:1rem 0}.notice-filters[data-v-7c905a2a]{padding:1rem}.filter-tab[data-v-7c905a2a]{font-size:.8rem;padding:.4rem .8rem}.pagination[data-v-7c905a2a]{gap:.25rem}.pagination-btn[data-v-7c905a2a],.pagination-number[data-v-7c905a2a]{padding:.4rem .6rem;min-width:2rem;font-size:.9rem}}.notice-write-page[data-v-db84c546]{min-height:100vh;background-color:var(--color-background);transition:background-color var(--transition-slow)}.main-content[data-v-db84c546]{padding-top:80px;max-width:1400px;margin:0 auto;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.notice-container[data-v-db84c546]{padding:var(--spacing-2xl) 0}.notice-header[data-v-db84c546]{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-2xl);gap:var(--spacing-lg)}.header-content h1[data-v-db84c546]{font-family:var(--font-heading);font-size:var(--font-size-display);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);letter-spacing:-.02em}.page-description[data-v-db84c546]{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.back-button[data-v-db84c546]{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm);white-space:nowrap;box-shadow:var(--shadow-sm)}.back-button[data-v-db84c546]:hover{background:var(--color-surface-hover);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.loading-container[data-v-db84c546]{display:flex;justify-content:center;align-items:center;padding:4rem 2rem}.loading-spinner[data-v-db84c546]{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--color-text-secondary)}.loading-spinner i[data-v-db84c546]{font-size:2rem;color:var(--color-primary)}.notice-form-container[data-v-db84c546]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.notice-form-container[data-v-db84c546]:hover{box-shadow:var(--shadow-md)}.notice-form[data-v-db84c546]{max-width:none}.form-group[data-v-db84c546]{margin-bottom:var(--spacing-2xl)}.form-label[data-v-db84c546]{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-body)}.char-count[data-v-db84c546],.optional-text[data-v-db84c546]{font-weight:400;color:var(--color-text-tertiary);font-size:var(--font-size-small)}.form-input[data-v-db84c546]{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-body);transition:all var(--transition-normal);font-family:inherit;background:var(--color-surface);color:var(--color-text-primary)}.form-input[data-v-db84c546]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(14,165,233,.1)}.form-input.error[data-v-db84c546]{border-color:var(--color-error)}.error-message[data-v-db84c546]{color:var(--color-error);font-size:var(--font-size-small);margin-top:var(--spacing-sm)}.markdown-editor-wrapper[data-v-db84c546]{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-sm)}.editor-tabs[data-v-db84c546]{display:flex;background:var(--color-surface-hover);border-bottom:1px solid var(--color-border)}.tab-button[data-v-db84c546]{flex:1;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.tab-button[data-v-db84c546]:hover{color:var(--color-text-primary);background:var(--color-surface)}.tab-button.active[data-v-db84c546]{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-surface)}.tab-button i[data-v-db84c546]{font-size:var(--font-size-small)}.editor-area[data-v-db84c546],.preview-area[data-v-db84c546]{min-height:500px;padding:var(--spacing-lg)}.markdown-textarea[data-v-db84c546]{width:100%;min-height:500px;padding:var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-body);font-family:var(--font-mono);line-height:var(--line-height-relaxed);resize:vertical;background:var(--color-surface);color:var(--color-text-primary);transition:all var(--transition-normal)}.markdown-textarea[data-v-db84c546]:focus{outline:none;background:var(--color-surface-hover)}.markdown-textarea.error[data-v-db84c546]{border:1px solid var(--color-error)}.markdown-preview[data-v-db84c546]{color:var(--color-text-primary);line-height:var(--line-height-relaxed);font-size:var(--font-size-body)}.markdown-preview[data-v-db84c546] h1,.markdown-preview[data-v-db84c546] h2,.markdown-preview[data-v-db84c546] h3,.markdown-preview[data-v-db84c546] h4,.markdown-preview[data-v-db84c546] h5,.markdown-preview[data-v-db84c546] h6{font-family:var(--font-heading);font-weight:600;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary);line-height:var(--line-height-tight)}.markdown-preview[data-v-db84c546] h1{font-size:var(--font-size-h1);border-bottom:2px solid var(--color-border);padding-bottom:var(--spacing-sm)}.markdown-preview[data-v-db84c546] h2{font-size:var(--font-size-h2)}.markdown-preview[data-v-db84c546] h3{font-size:var(--font-size-h3)}.markdown-preview[data-v-db84c546] p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}.markdown-preview[data-v-db84c546] ol,.markdown-preview[data-v-db84c546] ul{margin-left:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}.markdown-preview[data-v-db84c546] li{margin-bottom:var(--spacing-sm)}.markdown-preview[data-v-db84c546] blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--color-text-secondary);font-style:italic}.markdown-preview[data-v-db84c546] code{background:var(--color-surface-hover);padding:.2rem .4rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em;color:var(--color-primary)}.markdown-preview[data-v-db84c546] pre{background:var(--color-surface-hover);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin:var(--spacing-md) 0}.markdown-preview[data-v-db84c546] pre code{background:transparent;padding:0;color:var(--color-text-primary)}.markdown-preview[data-v-db84c546] a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:all var(--transition-normal)}.markdown-preview[data-v-db84c546] a:hover{border-bottom-color:var(--color-primary)}.markdown-preview[data-v-db84c546] img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-md) 0}.markdown-preview[data-v-db84c546] hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-xl) 0}.markdown-preview .placeholder-text[data-v-db84c546]{color:var(--color-text-tertiary);font-style:italic}.markdown-preview .error-text[data-v-db84c546]{color:var(--color-error)}.image-upload-area[data-v-db84c546]{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-2xl);background:var(--color-surface-hover);transition:all var(--transition-normal);cursor:pointer;position:relative;margin-bottom:var(--spacing-md)}.image-upload-area.dragging[data-v-db84c546],.image-upload-area[data-v-db84c546]:hover{border-color:var(--color-primary);background:var(--color-surface)}.image-upload-area.dragging[data-v-db84c546]{box-shadow:0 0 0 3px rgba(14,165,233,.1)}.image-upload-area.uploading[data-v-db84c546]{cursor:wait;opacity:.7}.file-input-hidden[data-v-db84c546]{display:none}.upload-content[data-v-db84c546]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);text-align:center}.upload-icon[data-v-db84c546]{font-size:3rem;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.upload-text[data-v-db84c546]{font-size:var(--font-size-body);font-weight:600;color:var(--color-text-primary);margin:0}.upload-hint[data-v-db84c546]{font-size:var(--font-size-small);color:var(--color-text-tertiary)}.upload-loading[data-v-db84c546]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--color-text-secondary)}.upload-loading i[data-v-db84c546]{font-size:2rem;color:var(--color-primary)}.upload-loading p[data-v-db84c546]{margin:0;font-size:var(--font-size-body)}.upload-error[data-v-db84c546]{background:rgba(239,68,68,.1);border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--color-error);font-size:var(--font-size-small);display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.upload-error i[data-v-db84c546]{font-size:1rem}.image-help-text[data-v-db84c546]{color:var(--color-text-tertiary);font-size:var(--font-size-small)}.form-actions[data-v-db84c546]{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.cancel-button[data-v-db84c546],.save-button[data-v-db84c546]{padding:var(--spacing-md) var(--spacing-2xl);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-sm)}.cancel-button[data-v-db84c546]{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.cancel-button[data-v-db84c546]:hover{background:var(--color-surface-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.save-button[data-v-db84c546]{background:var(--color-primary);color:#fff}.save-button[data-v-db84c546]:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.save-button[data-v-db84c546]:disabled{background:var(--color-border-dark);color:var(--color-text-tertiary);cursor:not-allowed;transform:none;box-shadow:none}@media (max-width:768px){.main-content[data-v-db84c546]{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.notice-header[data-v-db84c546]{flex-direction:column;align-items:stretch;gap:var(--spacing-lg)}.notice-form-container[data-v-db84c546]{padding:var(--spacing-lg)}.editor-area[data-v-db84c546],.preview-area[data-v-db84c546]{min-height:400px;padding:var(--spacing-md)}.markdown-textarea[data-v-db84c546]{min-height:400px}.image-upload-area[data-v-db84c546]{padding:var(--spacing-lg)}.upload-icon[data-v-db84c546]{font-size:2rem}.form-actions[data-v-db84c546]{flex-direction:column-reverse}.cancel-button[data-v-db84c546],.save-button[data-v-db84c546]{width:100%;justify-content:center}}@media (max-width:480px){.notice-container[data-v-db84c546]{padding:var(--spacing-md) 0}.notice-form-container[data-v-db84c546]{padding:var(--spacing-md)}.editor-area[data-v-db84c546],.preview-area[data-v-db84c546]{min-height:300px;padding:var(--spacing-sm)}.markdown-textarea[data-v-db84c546]{min-height:300px;font-size:var(--font-size-small)}.images-grid[data-v-db84c546]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.shop-preview[data-v-c883acee]{min-height:100vh;background:var(--color-background)}.design-selector[data-v-c883acee]{position:sticky;top:70px;z-index:200;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md)}.selector-inner[data-v-c883acee]{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.selector-inner h2[data-v-c883acee]{font-family:var(--font-heading);font-size:var(--font-size-h2);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)}.selector-desc[data-v-c883acee]{color:var(--color-text-secondary);font-size:var(--font-size-small);margin:0 0 var(--spacing-lg)}.design-tabs[data-v-c883acee]{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.design-tab[data-v-c883acee]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}.design-tab[data-v-c883acee]:hover{border-color:var(--color-primary-light)}.design-tab.active[data-v-c883acee]{background:var(--color-primary);border-color:var(--color-primary)}.tab-letter[data-v-c883acee]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--radius-sm);font-family:var(--font-heading);font-weight:700;font-size:var(--font-size-small);color:var(--color-primary)}.design-tab.active .tab-letter[data-v-c883acee]{background:hsla(0,0%,100%,.2);color:#fff}.tab-name[data-v-c883acee]{font-size:var(--font-size-small);font-weight:600;color:var(--color-text-secondary)}.design-tab.active .tab-name[data-v-c883acee]{color:#fff}.design-description[data-v-c883acee]{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-background);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.desc-icon[data-v-c883acee]{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border-radius:var(--radius-lg);color:#fff;font-size:1.5rem;flex-shrink:0}.desc-content h3[data-v-c883acee]{font-family:var(--font-heading);font-size:var(--font-size-h3);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)}.desc-content p[data-v-c883acee]{font-size:var(--font-size-small);color:var(--color-text-secondary);margin:0 0 var(--spacing-md)}.feature-list[data-v-c883acee]{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-lg)}.feature-list li[data-v-c883acee]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-small);color:var(--color-text-secondary)}.feature-list li i[data-v-c883acee]{color:var(--color-success);font-size:.75rem}.preview-container[data-v-c883acee]{min-height:calc(100vh - 300px)}.fade-enter-active[data-v-c883acee],.fade-leave-active[data-v-c883acee]{transition:opacity .2s ease}.fade-enter-from[data-v-c883acee],.fade-leave-to[data-v-c883acee]{opacity:0}@media (max-width:768px){.design-tabs[data-v-c883acee]{flex-wrap:wrap}.design-tab[data-v-c883acee]{flex:1;min-width:calc(50% - var(--spacing-sm)/2);justify-content:center}.design-description[data-v-c883acee]{flex-direction:column}.desc-icon[data-v-c883acee]{width:48px;height:48px;font-size:1.25rem}.feature-list[data-v-c883acee]{flex-direction:column;gap:var(--spacing-xs)}}:root{--color-primary:#0ea5e9;--color-primary-light:#38bdf8;--color-primary-dark:#0284c7;--color-secondary:#06b6d4;--color-secondary-light:#22d3ee;--color-secondary-dark:#0891b2;--color-accent:coral;--color-accent-light:#ff9a76;--color-accent-dark:#e66a3c;--color-background:#fafafa;--color-surface:#fff;--color-surface-hover:#f8f9fa;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-border-dark:#d1d5db;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-shadow-light:rgba(0,0,0,.05);--color-shadow-medium:rgba(0,0,0,.1);--color-shadow-strong:rgba(0,0,0,.15);--font-heading:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-body:"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;--font-size-display:2.5rem;--font-size-h1:2rem;--font-size-h2:1.5rem;--font-size-h3:1.25rem;--font-size-body:1rem;--font-size-small:0.875rem;--font-size-tiny:0.75rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--shadow-sm:0 1px 2px var(--color-shadow-light);--shadow-md:0 2px 8px var(--color-shadow-light),0 1px 3px var(--color-shadow-medium);--shadow-lg:0 4px 12px var(--color-shadow-medium),0 2px 6px var(--color-shadow-light);--shadow-xl:0 8px 24px var(--color-shadow-medium),0 4px 12px var(--color-shadow-light)}.dark{color-scheme:dark}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-normal);background-color:var(--color-background);transition:background-color var(--transition-slow),color var(--transition-slow);min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:var(--line-height-tight);margin-bottom:var(--spacing-sm)}h1{font-size:var(--font-size-h1);font-weight:700}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}a{text-decoration:none;color:var(--color-primary);transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}button{font-family:var(--font-body);font-size:var(--font-size-body);cursor:pointer;border:none;outline:none;background:none;transition:all var(--transition-normal)}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font-family:var(--font-body);font-size:var(--font-size-body);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(14,165,233,.1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--radius-full);-webkit-transition:background var(--transition-normal);transition:background var(--transition-normal)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::selection{background-color:var(--color-primary);color:#fff}::-moz-selection{background-color:var(--color-primary);color:#fff}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}@media (max-width:768px){.container{padding:0 var(--spacing-md)}}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn .3s ease-out}.slide-in-right{animation:slideInFromRight .3s ease-out}.slide-in-left{animation:slideInFromLeft .3s ease-out}@media (max-width:1024px){:root{--font-size-display:2rem;--font-size-h1:1.75rem;--font-size-h2:1.375rem}}@media (max-width:768px){:root{--font-size-display:1.75rem;--font-size-h1:1.5rem;--font-size-h2:1.25rem;--font-size-h3:1.125rem;--spacing-xl:1.5rem;--spacing-2xl:2rem}.desktop-only{display:none!important}}@media (max-width:480px){:root{--font-size-display:1.5rem;--font-size-h1:1.25rem;--font-size-h2:1.125rem;--spacing-lg:1rem;--spacing-xl:1.25rem;--spacing-2xl:1.5rem}body{font-size:.9375rem}}