@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400;1,500&family=Noto+Sans+KR:wght@300;400;500;700&family=Roboto+Mono:wght@400;500&display=swap";[data-v-bd1f414e]:root{--primary-color: #2D5FC1;--primary-hover: #1E4A99;--secondary-color: #6B73FF;--accent-color: #FF6B6B;--accent-yellow: #FFD93D;--vote-option-a-light: #FF8E8E;--vote-option-b-primary: #4ECDC4;--vote-option-b-light: #6BCF9F;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #EEEEEE;--gray-300: #E0E0E0;--gray-400: #BDBDBD;--gray-500: #9E9E9E;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--text-primary: #1A1A1A;--text-secondary: #666666;--text-tertiary: #999999;--text-white: #FFFFFF;--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-tertiary: #F1F3F4;--bg-overlay: rgba(0, 0, 0, .5);--border-light: #E8E8E8;--border-medium: #DDDDDD;--border-dark: #CCCCCC;--success-color: #00C851;--warning-color: #FF8800;--error-color: #FF4444;--info-color: #33B5E5;--font-family-primary: "Roboto", "Noto Sans KR", AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;--font-family-mono: "Roboto Mono", "SF Mono", Monaco, Inconsolata, Consolas, "Courier New", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.43;--leading-relaxed: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 50%;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-medium: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}[data-v-bd1f414e],[data-v-bd1f414e]:before,[data-v-bd1f414e]:after{box-sizing:border-box;margin:0;padding:0}html[data-v-bd1f414e]{font-size:16px;line-height:var(--leading-normal);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body[data-v-bd1f414e]{font-family:var(--font-family-primary);font-weight:var(--font-normal);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-secondary);line-height:var(--leading-normal)}h1[data-v-bd1f414e],h2[data-v-bd1f414e],h3[data-v-bd1f414e],h4[data-v-bd1f414e],h5[data-v-bd1f414e],h6[data-v-bd1f414e]{font-weight:var(--font-semibold);line-height:var(--leading-tight);margin-bottom:var(--space-4)}h1[data-v-bd1f414e]{font-size:var(--text-3xl)}h2[data-v-bd1f414e]{font-size:var(--text-2xl)}h3[data-v-bd1f414e]{font-size:var(--text-xl)}h4[data-v-bd1f414e]{font-size:var(--text-lg)}h5[data-v-bd1f414e]{font-size:var(--text-md)}h6[data-v-bd1f414e]{font-size:var(--text-base)}p[data-v-bd1f414e]{margin-bottom:var(--space-4);line-height:var(--leading-normal)}a[data-v-bd1f414e]{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a[data-v-bd1f414e]:hover{color:var(--primary-hover)}.btn[data-v-bd1f414e]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;min-height:40px}.btn[data-v-bd1f414e]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-bd1f414e]{background-color:var(--primary-color);color:var(--text-white);border-color:var(--primary-color)}.btn-primary[data-v-bd1f414e]:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary[data-v-bd1f414e]{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-medium)}.btn-secondary[data-v-bd1f414e]:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-ghost[data-v-bd1f414e]{background-color:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost[data-v-bd1f414e]:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-sm[data-v-bd1f414e]{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);min-height:32px}.btn-lg[data-v-bd1f414e]{padding:var(--space-4) var(--space-6);font-size:var(--text-base);min-height:48px}.form-control[data-v-bd1f414e]{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border:1px solid var(--border-medium);border-radius:var(--radius-lg);background-color:var(--bg-primary);transition:all var(--transition-fast);min-height:40px}.form-control[data-v-bd1f414e]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2d5fc11a}.form-control[data-v-bd1f414e]::placeholder{color:var(--text-tertiary)}.form-group[data-v-bd1f414e]{margin-bottom:var(--space-5)}.form-label[data-v-bd1f414e]{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.card[data-v-bd1f414e]{background-color:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.card[data-v-bd1f414e]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header[data-v-bd1f414e]{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light)}.card-body[data-v-bd1f414e]{padding:var(--space-6)}.card-footer[data-v-bd1f414e]{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);background-color:var(--bg-secondary);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.container[data-v-bd1f414e]{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.container-sm[data-v-bd1f414e]{max-width:640px}.container-lg[data-v-bd1f414e]{max-width:1400px}.grid[data-v-bd1f414e]{display:grid;gap:var(--space-6)}.grid-cols-1[data-v-bd1f414e]{grid-template-columns:repeat(1,1fr)}.grid-cols-2[data-v-bd1f414e]{grid-template-columns:repeat(2,1fr)}.grid-cols-3[data-v-bd1f414e]{grid-template-columns:repeat(3,1fr)}.flex[data-v-bd1f414e]{display:flex}.flex-col[data-v-bd1f414e]{flex-direction:column}.items-center[data-v-bd1f414e]{align-items:center}.justify-center[data-v-bd1f414e]{justify-content:center}.justify-between[data-v-bd1f414e]{justify-content:space-between}.gap-2[data-v-bd1f414e]{gap:var(--space-2)}.gap-3[data-v-bd1f414e]{gap:var(--space-3)}.gap-4[data-v-bd1f414e]{gap:var(--space-4)}.p-4[data-v-bd1f414e]{padding:var(--space-4)}.p-6[data-v-bd1f414e]{padding:var(--space-6)}.px-4[data-v-bd1f414e]{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4[data-v-bd1f414e]{padding-top:var(--space-4);padding-bottom:var(--space-4)}.m-4[data-v-bd1f414e]{margin:var(--space-4)}.mb-4[data-v-bd1f414e]{margin-bottom:var(--space-4)}.mt-6[data-v-bd1f414e]{margin-top:var(--space-6)}.text-center[data-v-bd1f414e]{text-align:center}.text-left[data-v-bd1f414e]{text-align:left}.text-right[data-v-bd1f414e]{text-align:right}.text-sm[data-v-bd1f414e]{font-size:var(--text-sm)}.text-lg[data-v-bd1f414e]{font-size:var(--text-lg)}.font-medium[data-v-bd1f414e]{font-weight:var(--font-medium)}.font-semibold[data-v-bd1f414e]{font-weight:var(--font-semibold)}.text-primary[data-v-bd1f414e]{color:var(--text-primary)}.text-secondary[data-v-bd1f414e]{color:var(--text-secondary)}.text-tertiary[data-v-bd1f414e]{color:var(--text-tertiary)}.loading[data-v-bd1f414e]{display:flex;align-items:center;justify-content:center;padding:var(--space-20);color:var(--text-secondary)}.spinner[data-v-bd1f414e]{width:20px;height:20px;border:2px solid var(--border-light);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin-bd1f414e 1s linear infinite}@keyframes spin-bd1f414e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 640px){.container[data-v-bd1f414e]{padding:0 var(--space-6)}.sm\:grid-cols-2[data-v-bd1f414e]{grid-template-columns:repeat(2,1fr)}.sm\:text-base[data-v-bd1f414e]{font-size:var(--text-base)}}@media (min-width: 768px){.container[data-v-bd1f414e]{padding:0 var(--space-8)}.md\:grid-cols-2[data-v-bd1f414e]{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3[data-v-bd1f414e]{grid-template-columns:repeat(3,1fr)}.md\:flex-row[data-v-bd1f414e]{flex-direction:row}}@media (min-width: 1024px){.lg\:grid-cols-3[data-v-bd1f414e]{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4[data-v-bd1f414e]{grid-template-columns:repeat(4,1fr)}}#app[data-v-bd1f414e]{display:flex;flex-direction:column;min-height:100vh;background:#f5f5f5}.web-header[data-v-bd1f414e]{background:#ffffff;border-bottom:1px solid #e1e5e9;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.web-header-content[data-v-bd1f414e]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:64px}.web-brand .brand-link[data-v-bd1f414e]{display:flex;align-items:center;gap:8px;text-decoration:none;color:#333}.brand-icon[data-v-bd1f414e]{font-size:24px}.brand-title[data-v-bd1f414e]{font-size:20px;font-weight:700;color:#333}.web-nav[data-v-bd1f414e]{display:flex;gap:32px}.web-nav .nav-item[data-v-bd1f414e]{color:#666;text-decoration:none;font-weight:500;padding:8px 16px;border-radius:8px;transition:all .2s}.web-nav .nav-item[data-v-bd1f414e]:hover{background:#f8f9fa;color:#333}.web-nav .nav-item.router-link-active[data-v-bd1f414e]{background:var(--primary-color, #007bff);color:#fff}.web-user-section[data-v-bd1f414e]{display:flex;align-items:center;gap:16px}.user-profile-web[data-v-bd1f414e]{display:flex;align-items:center;gap:12px}.user-link-web[data-v-bd1f414e]{display:flex;align-items:center;gap:8px;text-decoration:none;color:#333;padding:6px 12px;border-radius:8px;transition:background .2s}.user-link-web[data-v-bd1f414e]:hover{background:#f8f9fa}.user-avatar-web[data-v-bd1f414e]{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-avatar-default-web[data-v-bd1f414e]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-name[data-v-bd1f414e]{font-weight:500;color:#333}.logout-btn-web[data-v-bd1f414e],.login-btn-web[data-v-bd1f414e]{padding:8px 16px;border:1px solid #e1e5e9;background:#ffffff;color:#666;text-decoration:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.logout-btn-web[data-v-bd1f414e]:hover,.login-btn-web[data-v-bd1f414e]:hover{background:#f8f9fa;border-color:#d1d5db}.login-btn-web[data-v-bd1f414e]{background:var(--primary-color, #007bff);color:#fff;border-color:var(--primary-color, #007bff)}.login-btn-web[data-v-bd1f414e]:hover{background:var(--secondary-color, #0056b3);border-color:var(--secondary-color, #0056b3)}.web-content[data-v-bd1f414e]{flex:1;min-height:calc(100vh - 64px)}.mobile-header[data-v-bd1f414e]{background:#ffffff;border-bottom:1px solid #e1e5e9;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000001a}.header-content[data-v-bd1f414e]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;max-width:480px;margin:0 auto}.brand-section[data-v-bd1f414e]{display:flex;align-items:center;gap:8px}.brand-emoji[data-v-bd1f414e]{font-size:20px}.brand-name[data-v-bd1f414e]{font-size:18px;font-weight:600;color:#333;letter-spacing:-.3px}.user-section[data-v-bd1f414e]{display:flex;align-items:center}.user-profile-mobile[data-v-bd1f414e]{display:flex;align-items:center;gap:8px}.user-link[data-v-bd1f414e]{text-decoration:none}.user-avatar-mobile[data-v-bd1f414e]{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 1px 3px #0003}.user-avatar-default-mobile[data-v-bd1f414e]{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#4ecdc4);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;box-shadow:0 1px 3px #0003}.logout-btn-mobile[data-v-bd1f414e]{background:none;border:none;padding:4px;cursor:pointer;font-size:16px;opacity:.7;transition:opacity .2s}.logout-btn-mobile[data-v-bd1f414e]:hover{opacity:1}.login-btn-mobile[data-v-bd1f414e]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffd93d;border-radius:50%;text-decoration:none;font-size:16px;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.login-btn-mobile[data-v-bd1f414e]:hover{transform:scale(1.05)}.main-content[data-v-bd1f414e]{flex:1}.mobile-content[data-v-bd1f414e]{padding-bottom:70px;min-height:calc(100vh - 140px)}.bottom-nav[data-v-bd1f414e]{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#ffffff;border-top:1px solid #e1e5e9;display:flex;justify-content:space-around;align-items:center;padding:8px 0 12px;box-shadow:0 -2px 8px #0000001a;z-index:100}.tab-item[data-v-bd1f414e]{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:#999;padding:4px 8px;border-radius:8px;transition:all .2s ease;min-width:48px}.tab-item[data-v-bd1f414e]:hover{background:#f8f9fa;transform:translateY(-1px)}.tab-item.router-link-active[data-v-bd1f414e]{color:#ffd93d}.tab-item.router-link-active .tab-icon[data-v-bd1f414e]{transform:scale(1.1)}.tab-icon[data-v-bd1f414e]{font-size:20px;font-style:normal;transition:transform .2s ease}.tab-label[data-v-bd1f414e]{font-size:10px;font-weight:500;line-height:1;letter-spacing:-.2px}@media (max-width: 480px){.header-content[data-v-bd1f414e]{padding:10px 12px}.brand-name[data-v-bd1f414e]{font-size:16px}.brand-emoji[data-v-bd1f414e]{font-size:18px}.user-avatar-mobile[data-v-bd1f414e],.user-avatar-default-mobile[data-v-bd1f414e]{width:28px;height:28px}.login-btn-mobile[data-v-bd1f414e]{width:32px;height:32px;font-size:14px}.bottom-nav[data-v-bd1f414e]{padding:6px 0 10px}.tab-icon[data-v-bd1f414e]{font-size:18px}.tab-label[data-v-bd1f414e]{font-size:9px}.main-content[data-v-bd1f414e]{padding-bottom:65px}}@media (min-width: 481px){.mobile-header[data-v-bd1f414e],.bottom-nav[data-v-bd1f414e]{max-width:480px;margin:0 auto}.mobile-content[data-v-bd1f414e]{max-width:480px;margin:0 auto;box-shadow:0 0 20px #0000001a}}@media (min-width: 768px){.mobile-content[data-v-bd1f414e]{background:#f5f5f5;margin-top:20px;margin-bottom:20px;border-radius:12px;overflow:hidden;padding-bottom:0}.mobile-header[data-v-bd1f414e]{border-radius:12px 12px 0 0}.bottom-nav[data-v-bd1f414e]{border-radius:0 0 12px 12px;position:relative;bottom:auto;transform:none;margin:0 auto}}.home-page[data-v-456b26ff]{background:#ffffff;min-height:100vh}.hero-banner[data-v-456b26ff]{background:#f8fafc;padding:80px 0;position:relative;display:flex;justify-content:center}.hero-banner .hero-container[data-v-456b26ff]{background:linear-gradient(135deg,#FF6B35 0%,#F7931E 50%,#FFD23F 100%);border-radius:30px;box-shadow:0 20px 60px #00000026;position:relative;overflow:hidden}.hero-banner .hero-container[data-v-456b26ff]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(255,255,255,.15) 0%,transparent 70%);pointer-events:none;z-index:1}.hero-container[data-v-456b26ff]{max-width:1200px;margin:0 auto;padding:80px;display:grid;grid-template-columns:1fr 320px;gap:60px;align-items:center;position:relative;z-index:2;color:#fff}.hero-text[data-v-456b26ff]{text-align:left}.hero-icon[data-v-456b26ff]{font-size:3rem;margin-bottom:16px;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.hero-title[data-v-456b26ff]{font-size:2.5rem;font-weight:900;line-height:1.2;margin-bottom:16px;text-shadow:0 4px 15px rgba(0,0,0,.4);color:#fff}.hero-subtitle[data-v-456b26ff]{font-size:1.2rem;font-weight:500;margin-bottom:16px;opacity:.95;line-height:1.4}.hero-description[data-v-456b26ff]{font-size:1rem;line-height:1.6;margin-bottom:24px;opacity:.9;max-width:400px}.hero-description strong[data-v-456b26ff]{color:#ffe066;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-buttons[data-v-456b26ff]{display:flex;gap:20px;flex-wrap:wrap}.btn-main[data-v-456b26ff]{background:linear-gradient(135deg,#FF4081,#E91E63);color:#fff;padding:14px 28px;border-radius:25px;text-decoration:none;font-weight:700;font-size:1rem;box-shadow:0 6px 20px #ff408166;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:none;cursor:pointer}.btn-main[data-v-456b26ff]:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff408199;background:linear-gradient(135deg,#F50057,#C2185B)}.btn-outline[data-v-456b26ff]{background:rgba(255,255,255,.1);color:#fff;padding:14px 28px;border:2px solid rgba(255,255,255,.8);border-radius:25px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline[data-v-456b26ff]:hover{background:rgba(255,255,255,.2);border-color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #ffffff4d}.hero-visual[data-v-456b26ff]{display:flex;justify-content:center;align-items:center;height:200px}.drink-battle[data-v-456b26ff]{display:flex;align-items:center;gap:30px;animation:float-456b26ff 3s ease-in-out infinite}.drink-left[data-v-456b26ff],.drink-right[data-v-456b26ff]{font-size:3rem;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4));animation:sway-456b26ff 2s ease-in-out infinite alternate}.drink-left[data-v-456b26ff]{animation-delay:0s}.drink-right[data-v-456b26ff]{animation-delay:.5s}.vs-text[data-v-456b26ff]{font-size:1.5rem;font-weight:900;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.5);background:rgba(255,255,255,.1);padding:8px 16px;border-radius:20px;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes float-456b26ff{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sway-456b26ff{0%{transform:rotate(-5deg) scale(1)}to{transform:rotate(5deg) scale(1.05)}}.main-content[data-v-456b26ff]{padding:50px 0;background:#f8fafc}.container[data-v-456b26ff]{max-width:1000px;margin:0 auto;padding:0 40px}.popular-games-section[data-v-456b26ff]{margin-bottom:80px}.section-header[data-v-456b26ff]{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;padding-bottom:20px;border-bottom:3px solid #e2e8f0}.section-header h2[data-v-456b26ff]{font-size:2rem;font-weight:700;color:#1a202c;margin:0}.view-all-link[data-v-456b26ff]{color:#ff6b35;text-decoration:none;font-weight:600;font-size:1rem;padding:8px 16px;border:2px solid #FF6B35;border-radius:20px;transition:all .3s ease}.view-all-link[data-v-456b26ff]:hover{background:#FF6B35;color:#fff;transform:translate(5px);box-shadow:0 4px 15px #ff6b354d}.best-tabs[data-v-456b26ff]{display:flex;gap:8px;margin:24px 0;padding:8px;background:#f8fafc;border-radius:12px;overflow-x:auto}.tab-button[data-v-456b26ff]{flex:1;min-width:120px;padding:12px 16px;border:none;border-radius:8px;background:transparent;color:#64748b;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-button[data-v-456b26ff]:hover{background:#e2e8f0;color:#475569}.tab-button.active[data-v-456b26ff]{background:linear-gradient(135deg,#FF6B35 0%,#F7931E 50%,#FFD23F 100%);color:#fff;box-shadow:0 2px 8px #ff6b354d}.tab-button.active[data-v-456b26ff]:hover{background:linear-gradient(135deg,#FF6B35 0%,#F7931E 50%,#FFD23F 100%);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b3566}.games-container[data-v-456b26ff]{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.game-item[data-v-456b26ff]{background:white;border-radius:15px;box-shadow:0 5px 25px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid #e2e8f0;overflow:hidden}.game-item[data-v-456b26ff]:hover{transform:translateY(-5px);box-shadow:0 15px 50px #00000026;border-color:#ff6b35}.game-content[data-v-456b26ff]{padding:24px}.game-title[data-v-456b26ff]{font-size:1.2rem;font-weight:600;color:#1a202c;margin-bottom:12px;line-height:1.3}.game-meta[data-v-456b26ff]{display:flex;gap:16px;margin-bottom:20px}.meta-item[data-v-456b26ff]{display:flex;align-items:center;gap:5px;font-size:.9rem;color:#64748b;font-weight:500;background:#f1f5f9;padding:5px 12px;border-radius:20px}.game-choices[data-v-456b26ff]{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.choice[data-v-456b26ff]{background:#f8fafc;border-radius:10px;padding:16px;border:2px solid transparent;transition:all .3s ease}.choice[data-v-456b26ff]:hover{border-color:#e2e8f0;background:#f1f5f9}.choice-a[data-v-456b26ff]:hover{border-color:#ff6b6b;background:rgba(255,107,107,.05)}.choice-b[data-v-456b26ff]:hover{border-color:#4ecdc4;background:rgba(78,205,196,.05)}.choice-text[data-v-456b26ff]{font-weight:600;color:#2d3748;margin-bottom:12px;line-height:1.4;font-size:1rem}.choice-stats[data-v-456b26ff]{display:flex;align-items:center;gap:10px}.vote-bar[data-v-456b26ff]{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.vote-fill-a[data-v-456b26ff]{height:100%;background:linear-gradient(90deg,#ff6b6b,#ff8e8e);transition:width .5s ease;border-radius:4px}.vote-fill-b[data-v-456b26ff]{height:100%;background:linear-gradient(90deg,#4ecdc4,#6bcf9f);transition:width .5s ease;border-radius:4px}.vote-percent[data-v-456b26ff]{font-weight:700;color:#4a5568;font-size:.9rem;min-width:35px;text-align:right}.vs-separator[data-v-456b26ff]{background:linear-gradient(135deg,#FF6B35,#F7931E);color:#fff;padding:10px 15px;border-radius:25px;font-weight:800;font-size:.9rem;box-shadow:0 3px 15px #ff6b3566}.empty-games[data-v-456b26ff]{text-align:center;padding:80px 40px;background:white;border-radius:15px;border:2px dashed #cbd5e0}.empty-icon[data-v-456b26ff]{font-size:4rem;margin-bottom:20px}.empty-games h3[data-v-456b26ff]{font-size:1.5rem;color:#2d3748;margin-bottom:10px}.empty-games p[data-v-456b26ff]{color:#64748b;margin-bottom:30px;font-size:1.1rem}.community-stats[data-v-456b26ff]{background:white;border-radius:16px;padding:40px;box-shadow:0 8px 32px #0000000d;border:1px solid #e2e8f0}.stats-grid[data-v-456b26ff]{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.stat-card[data-v-456b26ff]{text-align:center;padding:24px 16px;border-radius:12px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;transition:all .3s ease}.stat-card[data-v-456b26ff]:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a;border-color:#ff6b35}.stat-icon[data-v-456b26ff]{font-size:2.4rem;margin-bottom:12px;display:block}.stat-content h3[data-v-456b26ff]{font-size:2rem;font-weight:800;color:#ff6b35;margin-bottom:6px}.stat-content p[data-v-456b26ff]{font-size:.95rem;color:#64748b;font-weight:500;margin:0}@media (max-width: 1200px){.hero-container[data-v-456b26ff],.container[data-v-456b26ff]{max-width:900px;padding:0 30px}.games-container[data-v-456b26ff]{grid-template-columns:repeat(2,1fr);gap:25px}.stats-grid[data-v-456b26ff]{grid-template-columns:repeat(4,1fr);gap:25px}}@media (max-width: 1024px){.hero-container[data-v-456b26ff]{grid-template-columns:1fr;gap:40px;text-align:center;padding:0 30px}.container[data-v-456b26ff]{padding:0 30px}.hero-title[data-v-456b26ff]{font-size:2.8rem}.games-container[data-v-456b26ff]{grid-template-columns:1fr}.stats-grid[data-v-456b26ff]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-banner[data-v-456b26ff]{padding:60px 0}.hero-container[data-v-456b26ff],.container[data-v-456b26ff]{padding:0 20px}.hero-title[data-v-456b26ff]{font-size:2.2rem}.hero-subtitle[data-v-456b26ff]{font-size:1.2rem}.section-header[data-v-456b26ff]{flex-direction:column;gap:20px;text-align:center}.section-header h2[data-v-456b26ff]{font-size:2rem}.game-choices[data-v-456b26ff]{grid-template-columns:1fr;gap:15px}.vs-separator[data-v-456b26ff]{order:-1;align-self:center}.stats-grid[data-v-456b26ff]{grid-template-columns:1fr}.hero-buttons[data-v-456b26ff]{flex-direction:column;align-items:center}.btn-main[data-v-456b26ff],.btn-outline[data-v-456b26ff]{width:100%;max-width:300px}}.game-list-page[data-v-e2654527]{background:#ffffff;min-height:100vh}.page-header[data-v-e2654527]{background:#f8fafc;padding:80px 0;position:relative;display:flex;justify-content:center}.page-header .header-container[data-v-e2654527]{background:linear-gradient(135deg,#FF6B35 0%,#F7931E 50%,#FFD23F 100%);border-radius:30px;box-shadow:0 20px 60px #00000026;position:relative;overflow:hidden}.page-header .header-container[data-v-e2654527]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(255,255,255,.15) 0%,transparent 70%);pointer-events:none;z-index:1}.header-container[data-v-e2654527]{max-width:1200px;margin:0 auto;padding:60px 80px;position:relative;z-index:2;color:#fff}.header-content[data-v-e2654527]{text-align:center}.header-icon[data-v-e2654527]{font-size:3rem;margin-bottom:16px;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.page-title[data-v-e2654527]{font-size:2.2rem;font-weight:900;line-height:1.2;margin-bottom:16px;text-shadow:0 4px 15px rgba(0,0,0,.4);color:#fff}.page-subtitle[data-v-e2654527]{font-size:1.1rem;font-weight:500;opacity:.95;line-height:1.4;max-width:500px;margin:0 auto}.main-content[data-v-e2654527]{padding:60px 0;background:#f8fafc}.container[data-v-e2654527]{max-width:1000px;margin:0 auto;padding:0 40px}.filters-section[data-v-e2654527]{margin-bottom:50px}.filters-container[data-v-e2654527]{display:flex;justify-content:space-between;align-items:center;background:white;padding:30px;border-radius:15px;box-shadow:0 5px 25px #00000014;border:1px solid #e2e8f0}.search-section[data-v-e2654527]{flex:1;max-width:500px}.search-box[data-v-e2654527]{display:flex;gap:12px;align-items:center}.search-input[data-v-e2654527]{flex:1;padding:12px 18px;border:2px solid #e2e8f0;border-radius:25px;font-size:1rem;background:#f8fafc;transition:all .3s ease}.search-input[data-v-e2654527]:focus{outline:none;border-color:#ff6b35;background:white;box-shadow:0 0 0 3px #ff6b351a}.search-btn[data-v-e2654527]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#FF6B35,#F7931E);color:#fff;border:none;border-radius:25px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b354d}.search-btn[data-v-e2654527]:hover{background:linear-gradient(135deg,#E55A2B,#E8860D);transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3566}.search-btn span[data-v-e2654527]{font-size:1.1rem}.sort-section[data-v-e2654527]{display:flex;align-items:center;gap:12px}.sort-label[data-v-e2654527]{font-weight:600;color:#4a5568;font-size:1rem}.sort-select[data-v-e2654527]{padding:10px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;background:white;cursor:pointer;transition:all .3s ease;min-width:120px}.sort-select[data-v-e2654527]:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.period-label[data-v-e2654527]{font-weight:600;color:#4a5568;font-size:1rem;margin-left:20px}.period-select[data-v-e2654527]{padding:10px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;background:white;cursor:pointer;transition:all .3s ease;min-width:100px;margin-left:12px}.period-select[data-v-e2654527]:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.loading-section[data-v-e2654527]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;background:white;border-radius:15px;border:1px solid #e2e8f0}.loading-spinner[data-v-e2654527]{width:50px;height:50px;border:4px solid #f1f5f9;border-top:4px solid #FF6B35;border-radius:50%;animation:spin-e2654527 1s linear infinite;margin-bottom:20px}.loading-text[data-v-e2654527]{font-size:1.1rem;color:#64748b;font-weight:500}@keyframes spin-e2654527{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.games-section[data-v-e2654527]{margin-bottom:60px}.games-grid[data-v-e2654527]{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.game-item[data-v-e2654527]{background:white;border-radius:15px;box-shadow:0 5px 25px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid #e2e8f0;overflow:hidden}.game-item[data-v-e2654527]:hover{transform:translateY(-5px);box-shadow:0 15px 50px #00000026;border-color:#ff6b35}.game-content[data-v-e2654527]{padding:24px}.game-header[data-v-e2654527]{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.game-title[data-v-e2654527]{font-size:1.2rem;font-weight:600;color:#1a202c;margin-bottom:12px;line-height:1.3}.game-meta[data-v-e2654527]{display:flex;gap:16px}.meta-item[data-v-e2654527]{display:flex;align-items:center;gap:5px;font-size:.9rem;color:#64748b;font-weight:500;background:#f1f5f9;padding:5px 12px;border-radius:20px}.game-choices[data-v-e2654527]{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-bottom:20px}.choice[data-v-e2654527]{background:#f8fafc;border-radius:10px;padding:16px;border:2px solid transparent;transition:all .3s ease}.choice[data-v-e2654527]:hover{border-color:#e2e8f0;background:#f1f5f9}.choice-a[data-v-e2654527]:hover{border-color:#ff6b6b;background:rgba(255,107,107,.05)}.choice-b[data-v-e2654527]:hover{border-color:#4ecdc4;background:rgba(78,205,196,.05)}.choice-text[data-v-e2654527]{font-weight:600;color:#2d3748;margin-bottom:12px;line-height:1.4;font-size:1rem}.choice-stats[data-v-e2654527]{display:flex;align-items:center;gap:10px}.vote-bar[data-v-e2654527]{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.vote-fill-a[data-v-e2654527]{height:100%;background:linear-gradient(90deg,#ff6b6b,#ff8e8e);transition:width .5s ease;border-radius:4px}.vote-fill-b[data-v-e2654527]{height:100%;background:linear-gradient(90deg,#4ecdc4,#6bcf9f);transition:width .5s ease;border-radius:4px}.vote-percent[data-v-e2654527]{font-weight:700;color:#4a5568;font-size:.9rem;min-width:35px;text-align:right}.vs-separator[data-v-e2654527]{background:linear-gradient(135deg,#FF6B35,#F7931E);color:#fff;padding:10px 15px;border-radius:25px;font-weight:800;font-size:.9rem;box-shadow:0 3px 15px #ff6b3566}.game-footer[data-v-e2654527]{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e2e8f0;font-size:.85rem;color:#64748b}.author-info[data-v-e2654527],.date-info[data-v-e2654527],.like-info[data-v-e2654527]{display:flex;align-items:center;gap:5px}.empty-section[data-v-e2654527]{background:white;border-radius:15px;border:2px dashed #cbd5e0;padding:80px 40px}.empty-content[data-v-e2654527]{text-align:center}.empty-icon[data-v-e2654527]{font-size:4rem;margin-bottom:24px}.empty-title[data-v-e2654527]{font-size:1.5rem;color:#2d3748;margin-bottom:12px;font-weight:600}.empty-description[data-v-e2654527]{color:#64748b;margin-bottom:30px;font-size:1.1rem}.btn-create[data-v-e2654527]{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#FF6B35,#F7931E);color:#fff;text-decoration:none;border-radius:25px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #ff6b354d}.btn-create[data-v-e2654527]:hover{background:linear-gradient(135deg,#E55A2B,#E8860D);transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3566}.pagination-section[data-v-e2654527]{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 0;background:white;border-radius:15px;border:1px solid #e2e8f0}.pagination-container[data-v-e2654527]{display:flex;align-items:center;gap:8px}.pagination-numbers[data-v-e2654527]{display:flex;gap:4px}.pagination-btn[data-v-e2654527]{padding:10px 16px;border:2px solid #e2e8f0;border-radius:8px;background:white;color:#4a5568;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center}.pagination-btn[data-v-e2654527]:hover:not(:disabled){background:#f8fafc;border-color:#ff6b35;color:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 15px #ff6b3533}.pagination-btn[data-v-e2654527]:disabled{opacity:.4;cursor:not-allowed;background:#f1f5f9}.pagination-btn.active[data-v-e2654527]{background:linear-gradient(135deg,#FF6B35,#F7931E);color:#fff;border-color:#ff6b35;box-shadow:0 4px 15px #ff6b354d}.pagination-prev[data-v-e2654527],.pagination-next[data-v-e2654527]{padding:10px 20px;font-weight:600}.pagination-info[data-v-e2654527]{font-size:.9rem;color:#64748b;text-align:center}@media (max-width: 1400px){.header-container[data-v-e2654527],.container[data-v-e2654527]{max-width:1200px;padding:0 40px}.games-grid[data-v-e2654527]{grid-template-columns:repeat(2,1fr);gap:25px}}@media (max-width: 1024px){.header-container[data-v-e2654527],.container[data-v-e2654527]{padding:0 30px}.page-title[data-v-e2654527]{font-size:2rem}.games-grid[data-v-e2654527]{grid-template-columns:1fr}.filters-container[data-v-e2654527]{flex-direction:column;gap:20px;align-items:stretch}.search-section[data-v-e2654527]{max-width:none}}@media (max-width: 768px){.page-header[data-v-e2654527]{padding:40px 0}.header-container[data-v-e2654527],.container[data-v-e2654527]{padding:0 20px}.page-title[data-v-e2654527]{font-size:1.8rem}.page-subtitle[data-v-e2654527]{font-size:1rem}.game-choices[data-v-e2654527]{grid-template-columns:1fr;gap:15px}.vs-separator[data-v-e2654527]{order:-1;align-self:center}.game-footer[data-v-e2654527]{flex-direction:column;gap:8px;align-items:center}}.create-game-page[data-v-557bcb6e]{background:#ffffff;min-height:100vh}.page-header[data-v-557bcb6e]{background:#f8fafc;padding:80px 0;position:relative;display:flex;justify-content:center}.page-header .header-container[data-v-557bcb6e]{background:linear-gradient(135deg,#FF6B35 0%,#F7931E 50%,#FFD23F 100%);border-radius:30px;box-shadow:0 20px 60px #00000026;position:relative;overflow:hidden}.page-header .header-container[data-v-557bcb6e]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(255,255,255,.15) 0%,transparent 70%);pointer-events:none;z-index:1}.header-container[data-v-557bcb6e]{max-width:1200px;margin:0 auto;padding:60px 80px;position:relative;z-index:2;color:#fff}.header-icon[data-v-557bcb6e]{font-size:3rem;margin-bottom:16px;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.header-content[data-v-557bcb6e]{text-align:center}.page-title[data-v-557bcb6e]{font-size:2.4rem;font-weight:800;line-height:1.2;margin-bottom:16px;text-shadow:0 4px 20px rgba(0,0,0,.3);background:linear-gradient(45deg,#ffffff,#e8f4fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle[data-v-557bcb6e]{font-size:1.1rem;font-weight:400;opacity:.95;line-height:1.4;max-width:600px;margin:0 auto}.main-content[data-v-557bcb6e]{padding:60px 0;background:#f8fafc}.container[data-v-557bcb6e]{max-width:900px;margin:0 auto;padding:0 60px}.create-form-container[data-v-557bcb6e]{background:white;border-radius:20px;box-shadow:0 10px 40px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.form-header[data-v-557bcb6e]{text-align:center;padding:40px 40px 30px;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);border-bottom:1px solid #e2e8f0}.form-icon[data-v-557bcb6e]{font-size:3rem;margin-bottom:16px;display:block}.form-header h2[data-v-557bcb6e]{font-size:1.8rem;font-weight:700;color:#1a202c;margin-bottom:8px}.form-header p[data-v-557bcb6e]{color:#64748b;font-size:1rem;margin:0}form[data-v-557bcb6e]{padding:40px}.form-group[data-v-557bcb6e]{margin-bottom:30px}.form-label[data-v-557bcb6e]{display:block;margin-bottom:10px;color:#374151;font-weight:600;font-size:1rem}.form-input[data-v-557bcb6e],.form-textarea[data-v-557bcb6e]{width:100%;padding:15px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;background:#f8fafc;color:#374151;transition:all .3s ease;font-family:inherit}.form-input[data-v-557bcb6e]:focus,.form-textarea[data-v-557bcb6e]:focus{outline:none;border-color:#667eea;background:white;box-shadow:0 0 0 3px #667eea1a}.form-textarea[data-v-557bcb6e]{resize:vertical;min-height:100px;line-height:1.6}.char-count[data-v-557bcb6e]{text-align:right;font-size:.85rem;color:#9ca3af;margin-top:8px;font-weight:500}.options-section[data-v-557bcb6e]{margin:40px 0;padding:40px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:16px;border:1px solid #e2e8f0}.section-header[data-v-557bcb6e]{text-align:center;margin-bottom:40px}.section-icon[data-v-557bcb6e]{font-size:2.5rem;margin-bottom:16px;display:block}.section-header h3[data-v-557bcb6e]{font-size:1.8rem;font-weight:700;color:#1a202c;margin-bottom:8px}.section-header p[data-v-557bcb6e]{color:#64748b;font-size:1rem;margin:0}.choices-container[data-v-557bcb6e]{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:start}.choice-card[data-v-557bcb6e]{background:white;border-radius:16px;padding:30px;border:2px solid transparent;box-shadow:0 5px 25px #00000014;transition:all .3s ease}.choice-card[data-v-557bcb6e]:hover{border-color:#e2e8f0;box-shadow:0 10px 40px #0000001f;transform:translateY(-2px)}.choice-a[data-v-557bcb6e]:hover{border-color:#ff6b6b;box-shadow:0 10px 40px #ff6b6b33}.choice-b[data-v-557bcb6e]:hover{border-color:#4ecdc4;box-shadow:0 10px 40px #4ecdc433}.choice-header[data-v-557bcb6e]{display:flex;align-items:center;gap:12px;margin-bottom:24px}.choice-label[data-v-557bcb6e]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800;font-size:1.2rem;color:#fff;flex-shrink:0}.choice-a .choice-label[data-v-557bcb6e]{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}.choice-b .choice-label[data-v-557bcb6e]{background:linear-gradient(135deg,#4ecdc4,#6bcf9f)}.choice-header h4[data-v-557bcb6e]{font-size:1.2rem;font-weight:600;color:#1a202c;margin:0}.vs-divider[data-v-557bcb6e]{display:flex;align-items:center;justify-content:center;margin-top:60px}.vs-text[data-v-557bcb6e]{background:#667eea;color:#fff;padding:15px 20px;border-radius:25px;font-weight:800;font-size:1.1rem;box-shadow:0 5px 20px #667eea4d}.form-actions[data-v-557bcb6e]{display:flex;gap:20px;justify-content:center;margin-top:50px;padding-top:40px;border-top:2px solid #e2e8f0}.btn-primary[data-v-557bcb6e],.btn-secondary[data-v-557bcb6e]{display:flex;align-items:center;gap:10px;padding:16px 32px;border-radius:25px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none;font-family:inherit}.btn-primary[data-v-557bcb6e]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 6px 20px #667eea66}.btn-primary[data-v-557bcb6e]:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a42a0);transform:translateY(-2px);box-shadow:0 10px 30px #667eea80}.btn-secondary[data-v-557bcb6e]{background:white;color:#64748b;border:2px solid #e2e8f0;box-shadow:0 4px 15px #0000000d}.btn-secondary[data-v-557bcb6e]:hover{background:#f8fafc;border-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.btn-primary[data-v-557bcb6e]:disabled,.btn-secondary[data-v-557bcb6e]:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message[data-v-557bcb6e]{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;padding:16px 20px;border-radius:12px;margin-top:20px;text-align:center;border:2px solid #fca5a5;font-size:.95rem;font-weight:500;justify-content:center}.error-icon[data-v-557bcb6e]{font-size:1.2rem}.preview-modal[data-v-557bcb6e]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.preview-overlay[data-v-557bcb6e]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.preview-content[data-v-557bcb6e]{position:relative;background:white;border-radius:20px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:1px solid #e2e8f0}.preview-header[data-v-557bcb6e]{display:flex;justify-content:space-between;align-items:center;padding:30px 30px 20px;border-bottom:2px solid #e2e8f0}.preview-header h3[data-v-557bcb6e]{margin:0;color:#1a202c;font-size:1.4rem;font-weight:700}.close-btn[data-v-557bcb6e]{background:#f8fafc;border:2px solid #e2e8f0;font-size:1.5rem;color:#64748b;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-557bcb6e]:hover{background:#f1f5f9;color:#374151;border-color:#cbd5e0;transform:scale(1.1)}.preview-game[data-v-557bcb6e]{padding:30px}.preview-title[data-v-557bcb6e]{text-align:center;margin-bottom:20px;color:#1a202c;font-size:1.4rem;font-weight:700}.preview-description[data-v-557bcb6e]{text-align:center;color:#64748b;margin-bottom:30px;line-height:1.6;font-size:1rem;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.preview-choices[data-v-557bcb6e]{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}.preview-choice[data-v-557bcb6e]{background:#f8fafc;border-radius:16px;padding:24px;border:2px solid transparent;transition:all .3s ease}.preview-choice-a[data-v-557bcb6e]{border-color:#ff6b6b4d;background:linear-gradient(135deg,rgba(255,107,107,.05),rgba(255,142,142,.05))}.preview-choice-b[data-v-557bcb6e]{border-color:#4ecdc44d;background:linear-gradient(135deg,rgba(78,205,196,.05),rgba(107,207,159,.05))}.preview-choice-header[data-v-557bcb6e]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.preview-choice-label[data-v-557bcb6e]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800;color:#fff;font-size:1rem}.preview-choice-a .preview-choice-label[data-v-557bcb6e]{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}.preview-choice-b .preview-choice-label[data-v-557bcb6e]{background:linear-gradient(135deg,#4ecdc4,#6bcf9f)}.preview-choice-header h5[data-v-557bcb6e]{margin:0;color:#1a202c;font-size:1.1rem;font-weight:600}.preview-choice-desc[data-v-557bcb6e]{color:#64748b;font-size:.9rem;margin:0;line-height:1.5}.preview-vs[data-v-557bcb6e]{background:#667eea;color:#fff;padding:12px 16px;border-radius:20px;font-weight:800;font-size:1rem;box-shadow:0 4px 15px #667eea4d;text-align:center}@media (max-width: 1024px){.header-container[data-v-557bcb6e],.container[data-v-557bcb6e]{padding:0 30px}.page-title[data-v-557bcb6e]{font-size:2rem}.choices-container[data-v-557bcb6e]{grid-template-columns:1fr;gap:20px}.vs-divider[data-v-557bcb6e]{margin-top:0;order:-1}}@media (max-width: 768px){.page-header[data-v-557bcb6e]{padding:40px 0}.header-container[data-v-557bcb6e],.container[data-v-557bcb6e]{padding:0 20px}.page-title[data-v-557bcb6e]{font-size:1.8rem}.page-subtitle[data-v-557bcb6e]{font-size:1rem}.create-form-container[data-v-557bcb6e]{border-radius:16px}form[data-v-557bcb6e],.options-section[data-v-557bcb6e]{padding:30px 20px}.choice-card[data-v-557bcb6e]{padding:20px}.form-actions[data-v-557bcb6e]{flex-direction:column;align-items:stretch}.btn-primary[data-v-557bcb6e],.btn-secondary[data-v-557bcb6e]{justify-content:center}.preview-choices[data-v-557bcb6e]{grid-template-columns:1fr;gap:15px}.preview-vs[data-v-557bcb6e]{order:-1;align-self:center}}.login-page[data-v-d1b7dd20]{background:#ffffff;min-height:100vh}.page-header[data-v-d1b7dd20]{background:#f8fafc;padding:80px 0;position:relative;display:flex;justify-content:center}.page-header .header-container[data-v-d1b7dd20]{background:linear-gradient(135deg,#FF6B35 0%,#F7931E 50%,#FFD23F 100%);border-radius:30px;box-shadow:0 20px 60px #00000026;position:relative;overflow:hidden}.page-header .header-container[data-v-d1b7dd20]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(255,255,255,.15) 0%,transparent 70%);pointer-events:none;z-index:1}.header-container[data-v-d1b7dd20]{max-width:1200px;margin:0 auto;padding:60px 80px;position:relative;z-index:2;color:#fff}.header-icon[data-v-d1b7dd20]{font-size:3rem;margin-bottom:16px;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.header-content[data-v-d1b7dd20]{text-align:center}.page-title[data-v-d1b7dd20]{font-size:2.4rem;font-weight:800;line-height:1.2;margin-bottom:16px;text-shadow:0 4px 20px rgba(0,0,0,.3);background:linear-gradient(45deg,#ffffff,#e8f4fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle[data-v-d1b7dd20]{font-size:1.1rem;font-weight:400;opacity:.95;line-height:1.4;max-width:600px;margin:0 auto}.main-content[data-v-d1b7dd20]{padding:60px 0;background:#f8fafc}.container[data-v-d1b7dd20]{max-width:600px;margin:0 auto;padding:0 60px}.login-container[data-v-d1b7dd20]{background:white;border-radius:20px;box-shadow:0 10px 40px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.section-header[data-v-d1b7dd20]{text-align:center;margin-bottom:30px}.section-icon[data-v-d1b7dd20]{font-size:2.5rem;margin-bottom:16px;display:block}.section-header h2[data-v-d1b7dd20]{font-size:1.6rem;font-weight:700;color:#1a202c;margin-bottom:8px}.section-header p[data-v-d1b7dd20]{color:#64748b;font-size:1rem;margin:0}.login-section[data-v-d1b7dd20]{padding:40px;border-bottom:1px solid #e2e8f0}.social-buttons[data-v-d1b7dd20]{display:flex;flex-direction:column;gap:16px}.social-btn[data-v-d1b7dd20]{display:flex;align-items:center;gap:16px;padding:16px 24px;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;font-family:inherit;box-shadow:0 4px 15px #0000001a}.social-btn[data-v-d1b7dd20]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.social-btn[data-v-d1b7dd20]:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-icon[data-v-d1b7dd20]{font-size:1.2rem}.btn-text[data-v-d1b7dd20]{flex:1;text-align:center}.google-btn[data-v-d1b7dd20]{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff}.google-btn[data-v-d1b7dd20]:hover:not(:disabled){background:linear-gradient(135deg,#3367d6,#2e7d32)}.kakao-btn[data-v-d1b7dd20]{background:linear-gradient(135deg,#fee500,#fdd835);color:#333}.kakao-btn[data-v-d1b7dd20]:hover:not(:disabled){background:linear-gradient(135deg,#fbc02d,#f57f17)}.naver-btn[data-v-d1b7dd20]{background:linear-gradient(135deg,#03c75a,#00c853);color:#fff}.naver-btn[data-v-d1b7dd20]:hover:not(:disabled){background:linear-gradient(135deg,#00a152,#2e7d32)}.divider[data-v-d1b7dd20]{display:flex;align-items:center;gap:20px;padding:30px 40px}.divider-line[data-v-d1b7dd20]{flex:1;height:1px;background:#e2e8f0}.divider-text[data-v-d1b7dd20]{color:#64748b;font-weight:600;font-size:.9rem;background:white;padding:0 16px}.test-section[data-v-d1b7dd20]{padding:40px}.test-buttons[data-v-d1b7dd20]{display:flex;flex-direction:column;gap:16px}.test-btn[data-v-d1b7dd20]{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;font-family:inherit}.test-btn[data-v-d1b7dd20]:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 5px 20px #0000001a}.test-btn[data-v-d1b7dd20]:disabled{opacity:.6;cursor:not-allowed;transform:none}.test-icon[data-v-d1b7dd20]{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#e2e8f0;border-radius:50%}.test-info[data-v-d1b7dd20]{display:flex;flex-direction:column;align-items:flex-start;flex:1}.test-name[data-v-d1b7dd20]{font-weight:600;color:#1a202c;font-size:1rem;margin-bottom:4px}.test-provider[data-v-d1b7dd20]{font-size:.85rem;color:#64748b}.error-message[data-v-d1b7dd20]{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;padding:16px 24px;margin:20px 40px 40px;border-radius:12px;border:2px solid #fca5a5;font-size:.95rem;font-weight:500}.error-icon[data-v-d1b7dd20]{font-size:1.2rem}@media (max-width: 1024px){.header-container[data-v-d1b7dd20],.container[data-v-d1b7dd20]{padding:0 30px}.page-title[data-v-d1b7dd20]{font-size:2rem}}@media (max-width: 768px){.page-header[data-v-d1b7dd20]{padding:40px 0}.header-container[data-v-d1b7dd20],.container[data-v-d1b7dd20]{padding:0 20px}.page-title[data-v-d1b7dd20]{font-size:1.8rem}.page-subtitle[data-v-d1b7dd20]{font-size:1rem}.login-container[data-v-d1b7dd20]{border-radius:16px}.login-section[data-v-d1b7dd20],.test-section[data-v-d1b7dd20]{padding:30px 20px}.divider[data-v-d1b7dd20]{padding:20px}.error-message[data-v-d1b7dd20]{margin:20px 20px 30px}.social-btn[data-v-d1b7dd20],.test-btn[data-v-d1b7dd20]{padding:14px 20px}.btn-text[data-v-d1b7dd20]{font-size:.95rem}}@media (max-width: 480px){.container[data-v-d1b7dd20]{max-width:none}.social-buttons[data-v-d1b7dd20],.test-buttons[data-v-d1b7dd20]{gap:12px}.social-btn[data-v-d1b7dd20],.test-btn[data-v-d1b7dd20]{padding:12px 16px}.test-info[data-v-d1b7dd20]{gap:2px}.test-name[data-v-d1b7dd20]{font-size:.95rem}.test-provider[data-v-d1b7dd20]{font-size:.8rem}}.home-mobile[data-v-3451d227]{background:#f5f5f5;min-height:100vh}.hero-mobile[data-v-3451d227]{background:linear-gradient(135deg,#FF6B35 0%,#F7931E 50%,#FFD23F 100%);color:#333;padding:24px 16px 32px;margin-bottom:16px}.hero-content[data-v-3451d227]{text-align:center;max-width:480px;margin:0 auto}.hero-emoji[data-v-3451d227]{font-size:32px;margin-bottom:8px;animation:bounce-3451d227 2s infinite}@keyframes bounce-3451d227{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.hero-title-mobile[data-v-3451d227]{font-size:24px;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.hero-subtitle-mobile[data-v-3451d227]{font-size:14px;line-height:1.4;margin:0 0 20px;opacity:.8}.hero-buttons-mobile[data-v-3451d227]{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.hero-btn[data-v-3451d227]{padding:10px 20px;border-radius:20px;text-decoration:none;font-size:13px;font-weight:600;transition:all .2s;border:none;cursor:pointer}.hero-btn.primary[data-v-3451d227]{background:#ffffff;color:#333;box-shadow:0 2px 4px #0000001a}.hero-btn.primary[data-v-3451d227]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.hero-btn.secondary[data-v-3451d227]{background:rgba(255,255,255,.2);color:#333;border:1px solid rgba(255,255,255,.3)}.hero-btn.secondary[data-v-3451d227]:hover{background:rgba(255,255,255,.3);transform:translateY(-1px)}.stats-mobile[data-v-3451d227]{background:#ffffff;margin:0 12px 16px;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.stat-row[data-v-3451d227]{display:flex;justify-content:space-around;align-items:center}.stat-item[data-v-3451d227]{text-align:center;flex:1}.stat-number[data-v-3451d227]{font-size:20px;font-weight:700;color:#ff6b35;margin-bottom:4px}.stat-label[data-v-3451d227]{font-size:11px;color:#666;font-weight:500}.popular-games-mobile[data-v-3451d227]{padding:0 12px}.section-header[data-v-3451d227]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px}.section-title[data-v-3451d227]{font-size:16px;font-weight:600;color:#333;margin:0}.see-all-btn[data-v-3451d227]{font-size:12px;color:#666;text-decoration:none;padding:4px 8px;border-radius:8px;transition:background .2s}.see-all-btn[data-v-3451d227]:hover{background:#f8f9fa}.best-tabs-mobile[data-v-3451d227]{display:flex;gap:6px;margin:12px 0 16px;padding:6px;background:#f8fafc;border-radius:10px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.best-tabs-mobile[data-v-3451d227]::-webkit-scrollbar{display:none}.tab-button-mobile[data-v-3451d227]{flex:1;min-width:70px;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:#64748b;font-weight:500;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:2px}.tab-button-mobile span[data-v-3451d227]{font-size:10px}.tab-button-mobile[data-v-3451d227]:hover{background:#e2e8f0;color:#475569}.tab-button-mobile.active[data-v-3451d227]{background:linear-gradient(135deg,#FF6B35 0%,#F7931E 50%,#FFD23F 100%);color:#fff;box-shadow:0 2px 6px #ff6b354d}.tab-button-mobile.active[data-v-3451d227]:hover{background:linear-gradient(135deg,#FF6B35 0%,#F7931E 50%,#FFD23F 100%);transform:translateY(-1px);box-shadow:0 3px 8px #ff6b3566}.games-list-mobile[data-v-3451d227]{display:flex;flex-direction:column;gap:8px}.game-card-mobile[data-v-3451d227]{background:#ffffff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:transform .2s}.game-card-mobile[data-v-3451d227]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.game-header-mobile[data-v-3451d227]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.game-title-mobile[data-v-3451d227]{font-size:14px;font-weight:600;color:#333;margin:0 8px 0 0;line-height:1.3;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-stats-mobile[data-v-3451d227]{display:flex;gap:8px;flex-shrink:0}.stat-mobile[data-v-3451d227]{display:flex;align-items:center;gap:2px;font-size:11px;color:#666}.stat-icon-mobile[data-v-3451d227]{font-size:12px}.stat-value-mobile[data-v-3451d227]{font-weight:500}.game-options-mobile[data-v-3451d227]{display:flex;align-items:center;gap:8px;padding:12px;background:#f8f9fa;border-radius:8px}.option-mobile[data-v-3451d227]{flex:1;min-width:0}.option-content-mobile[data-v-3451d227]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.option-label[data-v-3451d227]{font-size:12px;font-weight:500;color:#333;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80px}.vote-percent[data-v-3451d227]{font-size:10px;font-weight:600;color:#666;margin-left:4px}.vote-bar-mobile[data-v-3451d227]{height:4px;background:#e9ecef;border-radius:2px;overflow:hidden}.vote-fill-a[data-v-3451d227]{height:100%;background:linear-gradient(90deg,#ff6b6b,#ff8e8e);border-radius:2px;transition:width .3s ease}.vote-fill-b[data-v-3451d227]{height:100%;background:linear-gradient(90deg,#4ecdc4,#6bcf9f);border-radius:2px;transition:width .3s ease}.vs-mobile[data-v-3451d227]{font-size:9px;font-weight:700;color:#999;background:#ffffff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #e9ecef}.no-games-mobile[data-v-3451d227]{text-align:center;padding:40px 20px;background:#ffffff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.empty-icon-mobile[data-v-3451d227]{font-size:32px;margin-bottom:12px}.empty-text-mobile[data-v-3451d227]{font-size:14px;color:#666;margin:0 0 16px}.create-first-btn[data-v-3451d227]{display:inline-block;padding:10px 20px;background:#FF6B35;color:#333;border-radius:20px;text-decoration:none;font-size:13px;font-weight:600;transition:transform .2s}.create-first-btn[data-v-3451d227]:hover{transform:translateY(-1px)}.game-list-mobile[data-v-f8d16bff]{background:#f5f5f5;min-height:100vh}.filter-section[data-v-f8d16bff]{background:#ffffff;padding:16px;border-bottom:1px solid #e1e5e9;position:sticky;top:60px;z-index:10}.search-container[data-v-f8d16bff]{display:flex;gap:8px;margin-bottom:12px}.search-input[data-v-f8d16bff]{flex:1;padding:10px 12px;border:1px solid #e1e5e9;border-radius:20px;background:#f8f9fa;font-size:14px;outline:none}.search-input[data-v-f8d16bff]:focus{border-color:#ffd93d;background:#ffffff}.search-btn[data-v-f8d16bff]{width:40px;height:40px;border:none;background:#ffd93d;border-radius:50%;font-size:16px;cursor:pointer;transition:transform .2s}.search-btn[data-v-f8d16bff]:hover{transform:scale(1.05)}.sort-tabs[data-v-f8d16bff]{display:flex;gap:4px}.sort-tab[data-v-f8d16bff]{flex:1;padding:8px 16px;border:none;background:#f8f9fa;color:#666;border-radius:16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.sort-tab.active[data-v-f8d16bff]{background:#ffd93d;color:#333}.sort-tab[data-v-f8d16bff]:hover:not(.active){background:#e9ecef}.period-tabs[data-v-f8d16bff]{display:flex;gap:4px;margin-top:8px}.period-tab[data-v-f8d16bff]{flex:1;padding:6px 12px;border:none;background:#f1f3f4;color:#666;border-radius:12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.period-tab.active[data-v-f8d16bff]{background:#ff9500;color:#fff}.period-tab[data-v-f8d16bff]:hover:not(.active){background:#e9ecef}.loading-container[data-v-f8d16bff]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.loading-spinner[data-v-f8d16bff]{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #ffd93d;border-radius:50%;animation:spin-f8d16bff 1s linear infinite;margin-bottom:16px}@keyframes spin-f8d16bff{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.games-list[data-v-f8d16bff]{padding:0 12px 12px}.game-card[data-v-f8d16bff]{background:#ffffff;margin-bottom:8px;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:transform .2s}.game-card[data-v-f8d16bff]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.card-header[data-v-f8d16bff]{padding:12px 16px 8px}.game-title[data-v-f8d16bff]{font-size:15px;font-weight:600;color:#333;margin:0 0 6px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-row[data-v-f8d16bff]{display:flex;gap:12px}.stat-item[data-v-f8d16bff]{display:flex;align-items:center;gap:4px;font-size:12px;color:#666}.stat-icon[data-v-f8d16bff]{font-size:13px}.stat-value[data-v-f8d16bff]{font-weight:500}.game-options-compact[data-v-f8d16bff]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8f9fa;margin:0 16px;border-radius:8px}.option-compact[data-v-f8d16bff]{flex:1;min-width:0}.option-content-compact[data-v-f8d16bff]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.option-label[data-v-f8d16bff]{font-size:13px;font-weight:500;color:#333;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.vote-percent[data-v-f8d16bff]{font-size:11px;font-weight:600;color:#666;margin-left:4px}.vote-bar-compact[data-v-f8d16bff]{height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}.vote-fill-a[data-v-f8d16bff]{height:100%;background:linear-gradient(90deg,#ff6b6b,#ff8e8e);border-radius:3px;transition:width .3s ease}.vote-fill-b[data-v-f8d16bff]{height:100%;background:linear-gradient(90deg,#4ecdc4,#6bcf9f);border-radius:3px;transition:width .3s ease}.vs-divider-compact[data-v-f8d16bff]{font-size:10px;font-weight:700;color:#999;background:#ffffff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #e9ecef}.card-footer[data-v-f8d16bff]{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 10px;background:#fafafa}.author-info[data-v-f8d16bff]{display:flex;align-items:center;gap:8px}.author-name[data-v-f8d16bff]{font-size:11px;font-weight:500;color:#333}.created-date[data-v-f8d16bff]{font-size:10px;color:#999}.like-info[data-v-f8d16bff]{display:flex;align-items:center;gap:3px}.like-icon[data-v-f8d16bff]{font-size:11px}.like-count[data-v-f8d16bff]{font-size:11px;font-weight:500;color:#666}.load-more[data-v-f8d16bff]{padding:20px;text-align:center}.load-more-btn[data-v-f8d16bff]{padding:12px 32px;background:#ffffff;border:1px solid #e1e5e9;border-radius:20px;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.load-more-btn[data-v-f8d16bff]:hover{background:#ffd93d;border-color:#ffd93d;color:#333}.empty-state[data-v-f8d16bff]{text-align:center;padding:80px 20px;color:#666}.empty-icon[data-v-f8d16bff]{font-size:48px;margin-bottom:16px}.empty-state h3[data-v-f8d16bff]{font-size:18px;font-weight:600;margin:0 0 8px;color:#333}.empty-state p[data-v-f8d16bff]{font-size:14px;color:#999;margin:0 0 24px}.create-btn[data-v-f8d16bff]{display:inline-block;padding:12px 24px;background:#ffd93d;color:#333;border-radius:20px;text-decoration:none;font-size:14px;font-weight:600;transition:transform .2s}.create-btn[data-v-f8d16bff]:hover{transform:translateY(-1px)}.pagination-section[data-v-f8d16bff]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:white;border-top:1px solid #e1e5e9}.pagination-container[data-v-f8d16bff]{display:flex;align-items:center;gap:4px}.pagination-numbers[data-v-f8d16bff]{display:flex;gap:2px}.pagination-btn[data-v-f8d16bff]{padding:8px 12px;border:1px solid #e1e5e9;border-radius:6px;background:white;color:#666;font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.pagination-btn[data-v-f8d16bff]:hover:not(:disabled){background:#f8f9fa;border-color:#ffd93d;color:#ffd93d;transform:translateY(-1px)}.pagination-btn[data-v-f8d16bff]:disabled{opacity:.4;cursor:not-allowed;background:#f1f3f4}.pagination-btn.active[data-v-f8d16bff]{background:#ffd93d;color:#333;border-color:#ffd93d;font-weight:600}.pagination-prev[data-v-f8d16bff],.pagination-next[data-v-f8d16bff]{padding:8px 16px;font-weight:600}.pagination-info[data-v-f8d16bff]{font-size:12px;color:#666;text-align:center}.create-game-mobile[data-v-c1c3bb15]{background:#f5f5f5;min-height:100vh}.create-form-mobile[data-v-c1c3bb15]{background:#ffffff}.header-mobile[data-v-c1c3bb15]{background:#ffd93d;padding:16px;text-align:center;border-bottom:1px solid #e1e5e9}.header-mobile h1[data-v-c1c3bb15]{font-size:18px;font-weight:600;color:#333;margin:0}.form-mobile[data-v-c1c3bb15]{padding:0}.form-section-mobile[data-v-c1c3bb15]{background:#ffffff;padding:16px;border-bottom:1px solid #e1e5e9}.form-label-mobile[data-v-c1c3bb15]{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.form-input-mobile[data-v-c1c3bb15],.form-textarea-mobile[data-v-c1c3bb15]{width:100%;padding:12px;border:1px solid #e1e5e9;border-radius:8px;font-size:14px;background:#f8f9fa;transition:all .2s}.form-input-mobile[data-v-c1c3bb15]:focus,.form-textarea-mobile[data-v-c1c3bb15]:focus{outline:none;border-color:#ffd93d;background:#ffffff}.form-textarea-mobile[data-v-c1c3bb15]{resize:vertical;min-height:80px}.char-count-mobile[data-v-c1c3bb15]{text-align:right;font-size:11px;color:#999;margin-top:4px}.option-section-mobile[data-v-c1c3bb15]{background:#ffffff;padding:16px;margin-bottom:8px;border-bottom:1px solid #e1e5e9}.option-header-mobile[data-v-c1c3bb15]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.option-badge-a[data-v-c1c3bb15],.option-badge-b[data-v-c1c3bb15]{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.option-badge-a[data-v-c1c3bb15]{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}.option-badge-b[data-v-c1c3bb15]{background:linear-gradient(135deg,#4ecdc4,#6bcf9f)}.option-header-mobile h3[data-v-c1c3bb15]{font-size:14px;font-weight:600;color:#333;margin:0}.option-input-mobile[data-v-c1c3bb15],.option-textarea-mobile[data-v-c1c3bb15]{width:100%;padding:12px;border:1px solid #e1e5e9;border-radius:8px;font-size:14px;background:#f8f9fa;margin-bottom:8px;transition:all .2s}.option-input-mobile[data-v-c1c3bb15]:focus,.option-textarea-mobile[data-v-c1c3bb15]:focus{outline:none;border-color:#ffd93d;background:#ffffff}.option-textarea-mobile[data-v-c1c3bb15]{resize:vertical;min-height:60px}.vs-divider-mobile[data-v-c1c3bb15]{display:flex;align-items:center;justify-content:center;padding:16px;background:#f8f9fa}.vs-divider-mobile span[data-v-c1c3bb15]{background:#ffffff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;color:#666;border:1px solid #e1e5e9}.actions-mobile[data-v-c1c3bb15]{background:#ffffff;padding:16px;display:flex;gap:8px}.preview-btn-mobile[data-v-c1c3bb15]{flex:1;padding:12px;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .2s}.preview-btn-mobile[data-v-c1c3bb15]:hover{background:#e9ecef}.submit-btn-mobile[data-v-c1c3bb15]{flex:2;padding:12px;background:#ffd93d;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#333;cursor:pointer;transition:all .2s}.submit-btn-mobile[data-v-c1c3bb15]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #ffd93d4d}.submit-btn-mobile[data-v-c1c3bb15]:disabled{opacity:.6;cursor:not-allowed}.error-message-mobile[data-v-c1c3bb15]{background:rgba(255,68,68,.1);color:#d32f2f;padding:12px 16px;margin:0 16px 16px;border-radius:8px;font-size:13px;border:1px solid rgba(255,68,68,.2)}.preview-modal-mobile[data-v-c1c3bb15]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000}.preview-overlay-mobile[data-v-c1c3bb15]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5)}.preview-content-mobile[data-v-c1c3bb15]{position:absolute;bottom:0;left:0;right:0;background:#ffffff;border-radius:16px 16px 0 0;max-height:80vh;overflow-y:auto}.preview-header-mobile[data-v-c1c3bb15]{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e1e5e9;background:#ffd93d;border-radius:16px 16px 0 0}.preview-header-mobile h3[data-v-c1c3bb15]{margin:0;font-size:16px;font-weight:600;color:#333}.close-btn-mobile[data-v-c1c3bb15]{background:none;border:none;font-size:20px;color:#333;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s}.close-btn-mobile[data-v-c1c3bb15]:hover{background:rgba(0,0,0,.1)}.preview-body-mobile[data-v-c1c3bb15]{padding:16px}.preview-title-mobile[data-v-c1c3bb15]{font-size:16px;font-weight:600;color:#333;text-align:center;margin:0 0 8px}.preview-desc-mobile[data-v-c1c3bb15]{font-size:14px;color:#666;text-align:center;margin:0 0 16px}.preview-options-mobile[data-v-c1c3bb15]{display:flex;flex-direction:column;gap:12px}.preview-option-mobile[data-v-c1c3bb15]{padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e1e5e9}.option-a-preview[data-v-c1c3bb15]{border-left:4px solid #ff6b6b}.option-b-preview[data-v-c1c3bb15]{border-left:4px solid #4ecdc4}.preview-option-header[data-v-c1c3bb15]{display:flex;align-items:center;gap:8px;margin-bottom:4px}.preview-option-header h5[data-v-c1c3bb15]{font-size:14px;font-weight:600;color:#333;margin:0}.preview-option-desc[data-v-c1c3bb15]{font-size:13px;color:#666;margin:0 0 0 32px}.preview-vs-mobile[data-v-c1c3bb15]{text-align:center;font-size:12px;font-weight:700;color:#999;padding:8px 0}.login-mobile[data-v-2cfcaefd]{background:#f5f5f5;min-height:100vh}.login-container-mobile[data-v-2cfcaefd]{background:#ffffff;min-height:100vh;display:flex;flex-direction:column}.header-mobile[data-v-2cfcaefd]{background:linear-gradient(135deg,#ffd93d 0%,#ff6b6b 100%);padding:24px 16px 32px;text-align:center;color:#333}.brand-mobile[data-v-2cfcaefd]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.brand-emoji[data-v-2cfcaefd]{font-size:28px;animation:bounce-2cfcaefd 2s infinite}@keyframes bounce-2cfcaefd{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.brand-mobile h1[data-v-2cfcaefd]{font-size:24px;font-weight:700;margin:0;letter-spacing:-.5px}.welcome-text[data-v-2cfcaefd]{font-size:14px;margin:0;opacity:.8}.social-section-mobile[data-v-2cfcaefd]{padding:24px 16px;background:#ffffff}.social-section-mobile h2[data-v-2cfcaefd]{font-size:18px;font-weight:600;color:#333;margin:0 0 16px;text-align:center}.social-buttons-mobile[data-v-2cfcaefd]{display:flex;flex-direction:column;gap:12px}.social-btn-mobile[data-v-2cfcaefd]{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.social-btn-mobile[data-v-2cfcaefd]:disabled{opacity:.7;cursor:not-allowed}.google-mobile[data-v-2cfcaefd]{background:#4285f4;color:#fff}.google-mobile[data-v-2cfcaefd]:hover:not(:disabled){background:#357ae8;transform:translateY(-1px);box-shadow:0 4px 12px #4285f44d}.kakao-mobile[data-v-2cfcaefd]{background:#fee500;color:#3c1e1e}.kakao-mobile[data-v-2cfcaefd]:hover:not(:disabled){background:#fada0a;transform:translateY(-1px);box-shadow:0 4px 12px #fee5004d}.naver-mobile[data-v-2cfcaefd]{background:#03c75a;color:#fff}.naver-mobile[data-v-2cfcaefd]:hover:not(:disabled){background:#02b34a;transform:translateY(-1px);box-shadow:0 4px 12px #03c75a4d}.social-icon-mobile[data-v-2cfcaefd]{font-size:20px}.social-text-mobile[data-v-2cfcaefd]{font-size:16px}.test-section-mobile[data-v-2cfcaefd]{background:#f8f9fa;padding:20px 16px;margin:8px 16px;border-radius:12px}.test-header-mobile[data-v-2cfcaefd]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.test-emoji[data-v-2cfcaefd]{font-size:20px}.test-header-mobile h3[data-v-2cfcaefd]{font-size:16px;font-weight:600;color:#333;margin:0}.test-desc-mobile[data-v-2cfcaefd]{text-align:center;font-size:13px;color:#666;margin:0 0 16px}.test-buttons-mobile[data-v-2cfcaefd]{display:flex;gap:8px}.test-btn-mobile[data-v-2cfcaefd]{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:1px solid #e1e5e9;border-radius:8px;background:#ffffff;cursor:pointer;transition:all .2s}.test-btn-mobile[data-v-2cfcaefd]:hover:not(:disabled){border-color:#ffd93d;background:#fffef7;transform:translateY(-1px)}.test-btn-mobile[data-v-2cfcaefd]:disabled{opacity:.7;cursor:not-allowed}.test-badge[data-v-2cfcaefd]{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.google-badge[data-v-2cfcaefd]{background:#4285f4}.kakao-badge[data-v-2cfcaefd]{background:#fee500;color:#3c1e1e}.naver-badge[data-v-2cfcaefd]{background:#03c75a}.test-btn-mobile span[data-v-2cfcaefd]:last-child{font-size:12px;font-weight:600;color:#333}.error-mobile[data-v-2cfcaefd]{background:rgba(255,68,68,.1);color:#d32f2f;padding:12px 16px;margin:16px;border-radius:8px;font-size:14px;border:1px solid rgba(255,68,68,.2)}.footer-mobile[data-v-2cfcaefd]{margin-top:auto;padding:20px 16px;text-align:center;background:#f8f9fa;border-top:1px solid #e1e5e9}.footer-mobile p[data-v-2cfcaefd]{font-size:13px;color:#666;margin:0}[data-v-f0ffbc7a]:root{--primary-color: #2D5FC1;--primary-hover: #1E4A99;--secondary-color: #6B73FF;--accent-color: #FF6B6B;--accent-yellow: #FFD93D;--vote-option-a-light: #FF8E8E;--vote-option-b-primary: #4ECDC4;--vote-option-b-light: #6BCF9F;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #EEEEEE;--gray-300: #E0E0E0;--gray-400: #BDBDBD;--gray-500: #9E9E9E;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--text-primary: #1A1A1A;--text-secondary: #666666;--text-tertiary: #999999;--text-white: #FFFFFF;--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-tertiary: #F1F3F4;--bg-overlay: rgba(0, 0, 0, .5);--border-light: #E8E8E8;--border-medium: #DDDDDD;--border-dark: #CCCCCC;--success-color: #00C851;--warning-color: #FF8800;--error-color: #FF4444;--info-color: #33B5E5;--font-family-primary: "Roboto", "Noto Sans KR", AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;--font-family-mono: "Roboto Mono", "SF Mono", Monaco, Inconsolata, Consolas, "Courier New", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.43;--leading-relaxed: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 50%;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-medium: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}.modal-overlay[data-v-f0ffbc7a]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content[data-v-f0ffbc7a]{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:450px;max-height:90vh;overflow:hidden;border:1px solid var(--border-light);animation:modalAppear-f0ffbc7a .3s ease-out}@keyframes modalAppear-f0ffbc7a{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header[data-v-f0ffbc7a]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.modal-header h3[data-v-f0ffbc7a]{margin:0;color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.close-btn[data-v-f0ffbc7a]{background:none;border:none;font-size:var(--text-2xl);color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:var(--transition-fast)}.close-btn[data-v-f0ffbc7a]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body[data-v-f0ffbc7a]{padding:var(--space-8);text-align:center}.login-icon[data-v-f0ffbc7a]{margin-bottom:var(--space-4)}.login-icon .icon[data-v-f0ffbc7a]{font-size:var(--text-4xl);opacity:.8}.message[data-v-f0ffbc7a]{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-medium);margin:0 0 var(--space-2) 0;line-height:var(--leading-relaxed)}.sub-message[data-v-f0ffbc7a]{color:var(--text-secondary);font-size:var(--text-sm);margin:0;line-height:var(--leading-normal)}.modal-footer[data-v-f0ffbc7a]{display:flex;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--border-light);background:var(--bg-secondary)}.btn[data-v-f0ffbc7a]{flex:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-fast);border:1px solid transparent}.btn-secondary[data-v-f0ffbc7a]{background:var(--bg-primary);color:var(--text-secondary);border-color:var(--border-medium)}.btn-secondary[data-v-f0ffbc7a]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-primary[data-v-f0ffbc7a]{background:var(--primary-color);color:var(--text-white)}.btn-primary[data-v-f0ffbc7a]:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 480px){.modal-content[data-v-f0ffbc7a]{margin:var(--space-4)}.modal-header[data-v-f0ffbc7a],.modal-body[data-v-f0ffbc7a],.modal-footer[data-v-f0ffbc7a]{padding:var(--space-4)}.modal-footer[data-v-f0ffbc7a]{flex-direction:column}}[data-v-19a239a3]:root{--primary-color: #2D5FC1;--primary-hover: #1E4A99;--secondary-color: #6B73FF;--accent-color: #FF6B6B;--accent-yellow: #FFD93D;--vote-option-a-light: #FF8E8E;--vote-option-b-primary: #4ECDC4;--vote-option-b-light: #6BCF9F;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #EEEEEE;--gray-300: #E0E0E0;--gray-400: #BDBDBD;--gray-500: #9E9E9E;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--text-primary: #1A1A1A;--text-secondary: #666666;--text-tertiary: #999999;--text-white: #FFFFFF;--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-tertiary: #F1F3F4;--bg-overlay: rgba(0, 0, 0, .5);--border-light: #E8E8E8;--border-medium: #DDDDDD;--border-dark: #CCCCCC;--success-color: #00C851;--warning-color: #FF8800;--error-color: #FF4444;--info-color: #33B5E5;--font-family-primary: "Roboto", "Noto Sans KR", AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;--font-family-mono: "Roboto Mono", "SF Mono", Monaco, Inconsolata, Consolas, "Courier New", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.43;--leading-relaxed: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 50%;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-medium: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}.toast-container[data-v-19a239a3]{position:fixed;bottom:20px;right:20px;z-index:9999;min-width:320px;max-width:400px;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-light);overflow:hidden;animation:slideInRight-19a239a3 .3s ease-out}@keyframes slideInRight-19a239a3{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-content[data-v-19a239a3]{display:flex;align-items:center;padding:var(--space-4);gap:var(--space-3)}.toast-icon[data-v-19a239a3]{flex-shrink:0}.toast-icon .icon[data-v-19a239a3]{font-size:var(--text-xl)}.toast-message[data-v-19a239a3]{flex:1}.message-text[data-v-19a239a3]{margin:0;color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal)}.close-btn[data-v-19a239a3]{background:none;border:none;font-size:var(--text-xl);color:var(--text-tertiary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:var(--transition-fast);flex-shrink:0}.close-btn[data-v-19a239a3]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toast-progress[data-v-19a239a3]{height:3px;background:var(--primary-color);width:0;transition:none}.toast-progress.animate[data-v-19a239a3]{animation:progressBar-19a239a3 3s linear}@keyframes progressBar-19a239a3{0%{width:100%}to{width:0}}.toast-container.success[data-v-19a239a3]{border-left:4px solid #10b981}.toast-container.success .toast-progress[data-v-19a239a3]{background:#10b981}.toast-container.info[data-v-19a239a3]{border-left:4px solid var(--primary-color)}.toast-container.info .toast-progress[data-v-19a239a3]{background:var(--primary-color)}.toast-container.warning[data-v-19a239a3]{border-left:4px solid #f59e0b}.toast-container.warning .toast-progress[data-v-19a239a3]{background:#f59e0b}.toast-container.error[data-v-19a239a3]{border-left:4px solid #ef4444}.toast-container.error .toast-progress[data-v-19a239a3]{background:#ef4444}@media (max-width: 480px){.toast-container[data-v-19a239a3]{position:fixed;bottom:80px;left:50%;right:auto;top:auto;transform:translate(-50%);min-width:280px;max-width:90vw;animation:slideInBottom-19a239a3 .3s ease-out}@keyframes slideInBottom-19a239a3{0%{opacity:0;transform:translate(-50%) translateY(100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}}.game-detail-mobile[data-v-001be850]{background:#f5f5f5;min-height:100vh}.loading-container[data-v-001be850]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.loading-spinner[data-v-001be850]{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #ffd93d;border-radius:50%;animation:spin-001be850 1s linear infinite;margin-bottom:16px}@keyframes spin-001be850{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-header-mobile[data-v-001be850]{background:#ffffff;padding:16px;border-bottom:1px solid #e1e5e9}.game-title-mobile[data-v-001be850]{font-size:18px;font-weight:600;color:#333;margin:0 0 8px;line-height:1.3}.game-meta-mobile[data-v-001be850]{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666}.meta-left[data-v-001be850]{display:flex;gap:8px}.game-description-mobile[data-v-001be850]{background:#ffffff;padding:16px;margin-bottom:8px;font-size:14px;color:#333;border-bottom:1px solid #e1e5e9}.voting-section-mobile[data-v-001be850]{background:#ffffff;padding:16px;margin-bottom:8px;border-bottom:1px solid #e1e5e9}.vote-options-mobile[data-v-001be850]{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.vote-option-mobile[data-v-001be850]{padding:16px;background:#f8f9fa;border-radius:12px;cursor:pointer;transition:all .2s;border:2px solid transparent}.vote-option-mobile[data-v-001be850]:hover{background:#e9ecef}.vote-option-mobile.selected[data-v-001be850]{border-color:#ffd93d;background:rgba(255,217,61,.1)}.option-content-mobile h3[data-v-001be850]{font-size:16px;font-weight:600;color:#333;margin:0 0 4px}.option-desc[data-v-001be850]{font-size:13px;color:#666;margin:4px 0 0}.vote-stats-mobile[data-v-001be850]{margin-top:12px}.vote-info-mobile[data-v-001be850]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.vote-count-mobile[data-v-001be850]{font-size:14px;font-weight:600;color:#333}.vote-percentage-mobile[data-v-001be850]{font-size:18px;font-weight:700;color:#ffd93d}.vote-bar-mobile[data-v-001be850]{height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}.vote-fill-a[data-v-001be850]{height:100%;background:linear-gradient(90deg,#ff6b6b,#ff8e8e);border-radius:2px;transition:width .3s ease}.vote-fill-b[data-v-001be850]{height:100%;background:linear-gradient(90deg,#4ecdc4,#6bcf9f);border-radius:2px;transition:width .3s ease}.vs-divider-mobile[data-v-001be850]{text-align:center;font-size:12px;font-weight:700;color:#999;background:#ffffff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin:0 auto;border:1px solid #e9ecef}.vote-summary-mobile[data-v-001be850]{text-align:center;font-size:14px;color:#666}.total-votes[data-v-001be850]{margin:0 0 8px;font-weight:500}.login-notice-mobile[data-v-001be850]{margin:0;font-size:12px}.login-notice-mobile a[data-v-001be850]{color:#ffd93d;text-decoration:none;font-weight:600}.vote-summary-mobile .vote-info-mobile[data-v-001be850]{margin:0;font-size:12px;color:#999}.interaction-bar[data-v-001be850]{background:#ffffff;padding:12px 16px;display:flex;align-items:center;border-bottom:1px solid #e1e5e9}.interaction-btn[data-v-001be850]{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f8f9fa;border:none;border-radius:20px;cursor:pointer;transition:all .2s;font-size:14px}.interaction-btn[data-v-001be850]:hover{background:#e9ecef}.interaction-btn.liked[data-v-001be850]{background:#ffd93d;color:#333}.interaction-btn[data-v-001be850]:disabled{opacity:.6;cursor:not-allowed}.divider[data-v-001be850]{width:1px;height:20px;background:#e1e5e9;margin:0 12px}.comment-count[data-v-001be850]{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.comments-section-mobile[data-v-001be850]{background:#ffffff;padding:16px}.comments-title[data-v-001be850]{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.comment-form-mobile[data-v-001be850]{margin-bottom:20px}.comment-input-mobile[data-v-001be850]{width:100%;padding:12px;border:1px solid #e1e5e9;border-radius:8px;background:#f8f9fa;font-size:14px;resize:vertical;outline:none;margin-bottom:8px;box-sizing:border-box}.comment-input-mobile[data-v-001be850]:focus{border-color:#ffd93d;background:#ffffff}.comment-submit-btn[data-v-001be850]{padding:10px 16px;background:#ffd93d;color:#333;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.comment-submit-btn[data-v-001be850]:hover{transform:translateY(-1px)}.comment-submit-btn[data-v-001be850]:disabled{opacity:.6;cursor:not-allowed}.comments-list-mobile[data-v-001be850]{display:flex;flex-direction:column;gap:12px}.comment-item-mobile[data-v-001be850]{padding:12px;background:#f8f9fa;border-radius:8px}.comment-header-mobile[data-v-001be850]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.comment-author[data-v-001be850]{font-size:13px;font-weight:600;color:#333}.comment-date-mobile[data-v-001be850]{font-size:10px;color:#999}.comment-content-mobile p[data-v-001be850]{font-size:14px;color:#333;line-height:1.4;margin:0}.comment-actions-mobile[data-v-001be850]{display:flex;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid #e1e5e9}.action-btn[data-v-001be850]{display:flex;align-items:center;gap:4px;padding:4px 8px;background:none;border:1px solid #e1e5e9;border-radius:12px;cursor:pointer;transition:all .2s;font-size:11px;color:#666}.action-btn[data-v-001be850]:hover{background:#f8f9fa}.action-btn.liked[data-v-001be850]{background:#ffd93d;border-color:#ffd93d;color:#333}.action-btn[data-v-001be850]:disabled{opacity:.6;cursor:not-allowed}.reply-form-mobile[data-v-001be850]{margin-top:8px;padding:8px;background:var(--bg-primary);border-radius:6px;border-left:3px solid var(--accent-yellow)}.reply-input-mobile[data-v-001be850]{width:100%;padding:8px;border:1px solid var(--border-light);border-radius:6px;background:var(--bg-secondary);font-size:13px;resize:vertical;outline:none;margin-bottom:6px;box-sizing:border-box}.reply-input-mobile[data-v-001be850]:focus{border-color:var(--accent-yellow);background:var(--bg-primary)}.reply-form-actions-mobile[data-v-001be850]{display:flex;gap:6px}.reply-submit-btn[data-v-001be850]{padding:6px 12px;background:var(--accent-yellow);color:var(--text-primary);border:none;border-radius:12px;font-size:11px;font-weight:600;cursor:pointer}.reply-submit-btn[data-v-001be850]:disabled{opacity:.6;cursor:not-allowed}.reply-cancel-btn[data-v-001be850]{padding:6px 12px;background:var(--gray-200);color:var(--text-secondary);border:none;border-radius:12px;font-size:11px;cursor:pointer}.replies-list-mobile[data-v-001be850]{margin-top:8px;margin-left:12px;border-left:2px solid var(--border-light);padding-left:8px}.reply-item-mobile[data-v-001be850]{background:var(--bg-primary);border-radius:6px;padding:8px;margin-bottom:6px}.reply-header-mobile[data-v-001be850]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.reply-author[data-v-001be850]{font-size:12px;font-weight:600;color:var(--text-primary)}.reply-date-mobile[data-v-001be850]{font-size:9px;color:var(--text-tertiary)}.reply-content-mobile p[data-v-001be850]{font-size:13px;color:var(--text-primary);line-height:1.3;margin:0}.reply-actions-mobile[data-v-001be850]{margin-top:6px;padding-top:6px;border-top:1px solid var(--border-light)}.no-comments-mobile[data-v-001be850]{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-icon[data-v-001be850]{font-size:32px;margin-bottom:12px}.no-comments-mobile p[data-v-001be850]{font-size:14px;margin:0}.game-not-found-mobile[data-v-001be850]{text-align:center;padding:60px 20px;color:var(--text-secondary)}.not-found-icon[data-v-001be850]{font-size:48px;margin-bottom:16px}.game-not-found-mobile h2[data-v-001be850]{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.back-btn[data-v-001be850]{display:inline-block;padding:12px 24px;background:var(--accent-yellow);color:var(--text-primary);border-radius:20px;text-decoration:none;font-size:14px;font-weight:600;transition:transform .2s}.back-btn[data-v-001be850]:hover{transform:translateY(-1px)}.share-container[data-v-22745c04]{position:relative;display:inline-block}.share-toggle-btn[data-v-22745c04]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:var(--bg-secondary, #f8f9fa);color:var(--text-secondary, #666);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.share-toggle-btn[data-v-22745c04]:hover{background:var(--primary-color, #2d5fc1);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2d5fc14d}.share-icon[data-v-22745c04]{width:18px;height:18px}.share-dropdown[data-v-22745c04]{position:absolute;top:100%;right:0;margin-top:.5rem;z-index:1000}.share-options[data-v-22745c04]{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:white;border-radius:12px;box-shadow:0 4px 20px #00000026;border:1px solid var(--border-light, #e9ecef);min-width:48px}.share-option[data-v-22745c04]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:var(--bg-tertiary, #f8f9fa);cursor:pointer;transition:all .2s ease}.share-option[data-v-22745c04]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.share-option svg[data-v-22745c04]{width:18px;height:18px}.share-option.kakao[data-v-22745c04]{color:#391b1b}.share-option.kakao[data-v-22745c04]:hover{background:#FEE500;color:#391b1b}.share-option.instagram[data-v-22745c04]{color:#e4405f}.share-option.instagram[data-v-22745c04]:hover{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);color:#fff}.share-option.twitter[data-v-22745c04]{color:#1da1f2}.share-option.twitter[data-v-22745c04]:hover{background:#1DA1F2;color:#fff}.share-option.link[data-v-22745c04]{color:#6c757d}.share-option.link[data-v-22745c04]:hover{background:#6c757d;color:#fff}.copy-message[data-v-22745c04]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.85);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-size:.85rem;white-space:nowrap;z-index:9999;pointer-events:none}.fade-enter-active[data-v-22745c04],.fade-leave-active[data-v-22745c04]{transition:opacity .3s ease}.fade-enter-from[data-v-22745c04],.fade-leave-to[data-v-22745c04]{opacity:0}.share-dropdown-enter-active[data-v-22745c04]{transition:all .2s ease}.share-dropdown-leave-active[data-v-22745c04]{transition:all .15s ease}.share-dropdown-enter-from[data-v-22745c04]{opacity:0;transform:translateY(-10px) scale(.95)}.share-dropdown-leave-to[data-v-22745c04]{opacity:0;transform:translateY(-5px) scale(.98)}@media (max-width: 768px){.share-dropdown[data-v-22745c04]{right:-8px}.share-options[data-v-22745c04]{padding:.5rem;gap:.4rem}.share-option[data-v-22745c04]{width:32px;height:32px}.share-option svg[data-v-22745c04]{width:16px;height:16px}}@media (max-width: 360px){.share-toggle-btn[data-v-22745c04]{width:36px;height:36px}.share-icon[data-v-22745c04]{width:16px;height:16px}.share-option[data-v-22745c04]{width:30px;height:30px}.share-option svg[data-v-22745c04]{width:14px;height:14px}}[data-v-9f645f76]:root{--primary-color: #2D5FC1;--primary-hover: #1E4A99;--secondary-color: #6B73FF;--accent-color: #FF6B6B;--accent-yellow: #FFD93D;--vote-option-a-light: #FF8E8E;--vote-option-b-primary: #4ECDC4;--vote-option-b-light: #6BCF9F;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #EEEEEE;--gray-300: #E0E0E0;--gray-400: #BDBDBD;--gray-500: #9E9E9E;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--text-primary: #1A1A1A;--text-secondary: #666666;--text-tertiary: #999999;--text-white: #FFFFFF;--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-tertiary: #F1F3F4;--bg-overlay: rgba(0, 0, 0, .5);--border-light: #E8E8E8;--border-medium: #DDDDDD;--border-dark: #CCCCCC;--success-color: #00C851;--warning-color: #FF8800;--error-color: #FF4444;--info-color: #33B5E5;--font-family-primary: "Roboto", "Noto Sans KR", AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;--font-family-mono: "Roboto Mono", "SF Mono", Monaco, Inconsolata, Consolas, "Courier New", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.43;--leading-relaxed: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 50%;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-medium: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}.desktop-view[data-v-9f645f76]{padding:var(--space-8) 0}.desktop-view .container[data-v-9f645f76]{max-width:800px;margin:0 auto;padding:0 var(--space-4)}.desktop-view .loading[data-v-9f645f76]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-20);color:var(--text-secondary)}.desktop-view .loading-spinner[data-v-9f645f76]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin-9f645f76 1s linear infinite;margin-bottom:var(--space-4)}.desktop-view .game-header[data-v-9f645f76]{text-align:center;margin-bottom:var(--space-8);padding:var(--space-6);background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.desktop-view .game-header h1[data-v-9f645f76]{color:var(--text-primary);margin-bottom:var(--space-4);font-size:var(--text-3xl);font-weight:var(--font-bold)}.desktop-view .game-meta[data-v-9f645f76]{display:flex;justify-content:center;gap:var(--space-8);color:var(--text-secondary);font-size:var(--text-sm)}.desktop-view .game-description[data-v-9f645f76]{background:var(--bg-tertiary);padding:var(--space-6);border-radius:var(--radius-xl);margin-bottom:var(--space-8);text-align:center;border:1px solid var(--border-light)}.desktop-view .voting-section[data-v-9f645f76]{background:var(--bg-primary);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-8);border:1px solid var(--border-light)}.desktop-view .vote-options[data-v-9f645f76]{display:flex;gap:var(--space-8);align-items:center;margin-bottom:var(--space-8)}.desktop-view .vote-option[data-v-9f645f76]{flex:1;padding:var(--space-8);background:var(--bg-tertiary);border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-medium);border:3px solid transparent}.desktop-view .vote-option[data-v-9f645f76]:hover{background:var(--bg-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.desktop-view .vote-option.selected[data-v-9f645f76]{border-color:var(--primary-color);background:rgba(45,95,193,.1);box-shadow:var(--shadow-md)}.desktop-view .vote-option.voted[data-v-9f645f76]{cursor:default}.desktop-view .option-content h3[data-v-9f645f76]{margin-bottom:var(--space-4);color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold)}.desktop-view .option-content p[data-v-9f645f76]{color:var(--text-secondary);font-size:var(--text-sm)}.desktop-view .vote-stats[data-v-9f645f76]{margin-top:var(--space-6)}.desktop-view .vote-count[data-v-9f645f76]{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary-color)}.desktop-view .vote-percentage[data-v-9f645f76]{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:var(--space-2) 0}.desktop-view .vote-bar[data-v-9f645f76]{width:100%;height:8px;background:var(--border-medium);border-radius:var(--radius-sm);overflow:hidden}.vote-fill[data-v-9f645f76]{height:100%;transition:width var(--transition-slow)}.vote-fill-a[data-v-9f645f76]{background:linear-gradient(90deg,#ff6b6b,#ff8e8e)}.vote-fill-b[data-v-9f645f76]{background:linear-gradient(90deg,#4ecdc4,#6bcf9f)}.desktop-view .vs-divider[data-v-9f645f76]{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-tertiary);text-align:center;min-width:80px;background:var(--bg-primary);border-radius:var(--radius-full);padding:var(--space-3);box-shadow:var(--shadow-sm)}.desktop-view .vote-summary[data-v-9f645f76]{text-align:center;color:var(--text-secondary)}.desktop-view .login-notice[data-v-9f645f76]{margin-top:var(--space-4)}.desktop-view .login-notice a[data-v-9f645f76]{color:var(--primary-color);text-decoration:none;font-weight:var(--font-medium)}.desktop-view .vote-info[data-v-9f645f76]{margin-top:var(--space-2);color:var(--text-tertiary);font-size:var(--text-sm);font-style:italic}.desktop-view .comments-section[data-v-9f645f76]{background:var(--bg-primary);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.desktop-view .comments-section h3[data-v-9f645f76]{margin-bottom:var(--space-6);color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold)}.desktop-view .comment-form[data-v-9f645f76]{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.desktop-view .comment-form textarea[data-v-9f645f76]{resize:vertical;min-height:100px}.desktop-view .comment-form button[data-v-9f645f76]{align-self:flex-end}.desktop-view .comments-list[data-v-9f645f76]{display:flex;flex-direction:column;gap:var(--space-4)}.desktop-view .comment-item[data-v-9f645f76]{padding:var(--space-5);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:var(--transition-fast)}.desktop-view .comment-item[data-v-9f645f76]:hover{box-shadow:var(--shadow-sm)}.desktop-view .comment-header[data-v-9f645f76]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.desktop-view .comment-header strong[data-v-9f645f76]{color:var(--text-primary);font-weight:var(--font-medium)}.desktop-view .comment-date[data-v-9f645f76]{color:var(--text-tertiary);font-size:var(--text-xs)}.desktop-view .comment-content p[data-v-9f645f76]{color:var(--text-primary);margin:0;line-height:var(--leading-normal)}.desktop-view .no-comments[data-v-9f645f76]{text-align:center;color:var(--text-secondary);padding:var(--space-8)}.desktop-view .game-not-found[data-v-9f645f76]{text-align:center;padding:var(--space-20)}.desktop-view .game-not-found h2[data-v-9f645f76]{color:var(--text-primary);margin-bottom:var(--space-4)}.desktop-view .like-btn[data-v-9f645f76]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--bg-primary);border:2px solid var(--border-medium);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);font-size:var(--text-base);font-weight:var(--font-medium)}.desktop-view .like-btn .count[data-v-9f645f76]{background:var(--bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-sm);margin-left:var(--space-1)}.desktop-view .like-btn[data-v-9f645f76]:hover{background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.desktop-view .like-btn.liked[data-v-9f645f76]{background:var(--accent-color);color:var(--text-white);border-color:var(--accent-color)}.desktop-view .like-btn.liked .count[data-v-9f645f76]{background:rgba(255,255,255,.2);color:var(--text-white)}.desktop-view .like-btn[data-v-9f645f76]:disabled{opacity:.6;cursor:not-allowed}.desktop-view .like-btn.small[data-v-9f645f76]{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.desktop-view .comment-actions[data-v-9f645f76]{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-light);display:flex;align-items:center;gap:var(--space-3)}.desktop-view .reply-btn[data-v-9f645f76]{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);font-size:var(--text-xs);color:var(--text-secondary)}.desktop-view .reply-btn[data-v-9f645f76]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.desktop-view .reply-form[data-v-9f645f76]{margin-top:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--accent-color)}.desktop-view .reply-form .form-control.small[data-v-9f645f76]{font-size:var(--text-sm);padding:var(--space-2);margin-bottom:var(--space-2)}.desktop-view .reply-form-actions[data-v-9f645f76]{display:flex;gap:var(--space-2)}.desktop-view .btn.small[data-v-9f645f76]{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.desktop-view .replies-list[data-v-9f645f76]{margin-top:var(--space-4);margin-left:var(--space-6);border-left:2px solid var(--border-light);padding-left:var(--space-4)}.desktop-view .reply-item[data-v-9f645f76]{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3)}.desktop-view .reply-item[data-v-9f645f76]:last-child{margin-bottom:0}.desktop-view .reply-header[data-v-9f645f76]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.desktop-view .reply-header strong[data-v-9f645f76]{color:var(--text-primary);font-weight:var(--font-medium);font-size:var(--text-sm)}.desktop-view .reply-date[data-v-9f645f76]{color:var(--text-tertiary);font-size:var(--text-xs)}.desktop-view .reply-content p[data-v-9f645f76]{color:var(--text-primary);margin:0;line-height:var(--leading-normal);font-size:var(--text-sm)}.desktop-view .reply-actions[data-v-9f645f76]{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-light)}.interaction-bar[data-v-9f645f76]{background:#ffffff;padding:12px 16px;display:flex;align-items:center;border-bottom:1px solid #e1e5e9}.share-section-desktop[data-v-9f645f76]{margin-left:auto}.interaction-btn[data-v-9f645f76]{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f8f9fa;border:none;border-radius:20px;cursor:pointer;transition:all .2s;font-size:14px}.interaction-btn[data-v-9f645f76]:hover{background:#e9ecef}.interaction-btn.liked[data-v-9f645f76]{background:#ffd93d;color:#333}.divider[data-v-9f645f76]{width:1px;height:20px;background:#e1e5e9;margin:0 12px}.comment-count[data-v-9f645f76]{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}@keyframes spin-9f645f76{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.oauth-redirect[data-v-e186d3f8]{min-height:70vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)}.container[data-v-e186d3f8]{max-width:400px;margin:0 auto;padding:0 1rem}.loading-card[data-v-e186d3f8]{background:white;padding:3rem 2rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;text-align:center}.loading-spinner[data-v-e186d3f8]{font-size:4rem;margin-bottom:1rem;animation:spin-e186d3f8 2s linear infinite}.loading-card h2[data-v-e186d3f8]{margin:0 0 1rem;color:#2c3e50}.loading-card p[data-v-e186d3f8]{margin:0;color:#7f8c8d}@keyframes spin-e186d3f8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-v-aaf51f4b]:root{--primary-color: #2D5FC1;--primary-hover: #1E4A99;--secondary-color: #6B73FF;--accent-color: #FF6B6B;--accent-yellow: #FFD93D;--vote-option-a-light: #FF8E8E;--vote-option-b-primary: #4ECDC4;--vote-option-b-light: #6BCF9F;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #EEEEEE;--gray-300: #E0E0E0;--gray-400: #BDBDBD;--gray-500: #9E9E9E;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--text-primary: #1A1A1A;--text-secondary: #666666;--text-tertiary: #999999;--text-white: #FFFFFF;--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-tertiary: #F1F3F4;--bg-overlay: rgba(0, 0, 0, .5);--border-light: #E8E8E8;--border-medium: #DDDDDD;--border-dark: #CCCCCC;--success-color: #00C851;--warning-color: #FF8800;--error-color: #FF4444;--info-color: #33B5E5;--font-family-primary: "Roboto", "Noto Sans KR", AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;--font-family-mono: "Roboto Mono", "SF Mono", Monaco, Inconsolata, Consolas, "Courier New", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.43;--leading-relaxed: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 50%;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-medium: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}.desktop-view[data-v-aaf51f4b]{padding:var(--space-8) 0;min-height:calc(100vh - 120px)}.desktop-view .container[data-v-aaf51f4b]{max-width:800px;margin:0 auto;padding:0 var(--space-4)}.desktop-view .profile-card[data-v-aaf51f4b]{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.desktop-view .profile-header[data-v-aaf51f4b]{padding:var(--space-6) var(--space-8) var(--space-4) var(--space-8);border-bottom:1px solid var(--border-light)}.desktop-view .profile-header h1[data-v-aaf51f4b]{margin:0;color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold)}.desktop-view .profile-content[data-v-aaf51f4b]{padding:var(--space-8)}.desktop-view .profile-avatar-section[data-v-aaf51f4b]{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-light)}.desktop-view .avatar-container[data-v-aaf51f4b]{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.desktop-view .profile-avatar[data-v-aaf51f4b]{width:120px;height:120px;border-radius:var(--radius-full);object-fit:cover;border:4px solid var(--border-light);box-shadow:var(--shadow-md)}.desktop-view .profile-avatar-default[data-v-aaf51f4b]{width:120px;height:120px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--text-white);display:flex;align-items:center;justify-content:center;font-size:var(--text-4xl);font-weight:var(--font-bold);border:4px solid var(--border-light);box-shadow:var(--shadow-md)}.desktop-view .avatar-edit-btn[data-v-aaf51f4b]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);font-size:var(--text-sm)}.desktop-view .avatar-edit-btn[data-v-aaf51f4b]:hover{background:var(--bg-tertiary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.file-input[data-v-aaf51f4b]{display:none}.desktop-view .avatar-info h3[data-v-aaf51f4b]{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold)}.desktop-view .provider-info[data-v-aaf51f4b]{color:var(--text-tertiary);font-size:var(--text-sm);margin:0}.desktop-view .profile-form[data-v-aaf51f4b]{display:flex;flex-direction:column;gap:var(--space-8)}.desktop-view .form-section[data-v-aaf51f4b]{display:flex;flex-direction:column;gap:var(--space-6)}.desktop-view .form-section h3[data-v-aaf51f4b]{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0;padding-bottom:var(--space-3);border-bottom:1px solid var(--border-light)}.desktop-view .form-group[data-v-aaf51f4b]{display:flex;flex-direction:column;gap:var(--space-2)}.desktop-view .form-label[data-v-aaf51f4b]{font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--text-sm)}.desktop-view .form-input[data-v-aaf51f4b],.desktop-view .form-textarea[data-v-aaf51f4b]{padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--bg-primary);color:var(--text-primary);transition:var(--transition-fast)}.desktop-view .form-input[data-v-aaf51f4b]:focus,.desktop-view .form-textarea[data-v-aaf51f4b]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2d5fc11a}.desktop-view .form-textarea[data-v-aaf51f4b]{resize:vertical;min-height:100px}.desktop-view .char-count[data-v-aaf51f4b]{text-align:right;font-size:var(--text-xs);color:var(--text-tertiary)}.desktop-view .readonly-info[data-v-aaf51f4b]{display:flex;flex-direction:column;gap:var(--space-4)}.desktop-view .info-item[data-v-aaf51f4b]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.desktop-view .info-item label[data-v-aaf51f4b]{font-weight:var(--font-medium);color:var(--text-secondary);font-size:var(--text-sm)}.desktop-view .info-item span[data-v-aaf51f4b]{color:var(--text-primary);font-size:var(--text-sm)}.desktop-view .stats-grid[data-v-aaf51f4b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4)}.desktop-view .stat-item[data-v-aaf51f4b]{text-align:center;padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:var(--transition-fast)}.desktop-view .stat-item[data-v-aaf51f4b]:hover{box-shadow:var(--shadow-sm)}.desktop-view .stat-number[data-v-aaf51f4b]{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--primary-color);margin-bottom:var(--space-1)}.desktop-view .stat-label[data-v-aaf51f4b]{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--font-medium)}.desktop-view .form-actions[data-v-aaf51f4b]{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-6);border-top:1px solid var(--border-light)}.desktop-view .btn[data-v-aaf51f4b]{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-fast);border:none;font-size:var(--text-base)}.desktop-view .btn-primary[data-v-aaf51f4b]{background:var(--primary-color);color:var(--text-white)}.desktop-view .btn-primary[data-v-aaf51f4b]:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.desktop-view .btn-secondary[data-v-aaf51f4b]{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-medium)}.desktop-view .btn-secondary[data-v-aaf51f4b]:hover{background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.desktop-view .btn[data-v-aaf51f4b]:disabled{opacity:.6;cursor:not-allowed}.desktop-view .message[data-v-aaf51f4b]{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);text-align:center;font-weight:var(--font-medium)}.desktop-view .message.success[data-v-aaf51f4b]{background:rgba(0,200,81,.1);color:var(--success-color);border:1px solid rgba(0,200,81,.2)}.desktop-view .message.error[data-v-aaf51f4b]{background:rgba(255,68,68,.1);color:var(--error-color);border:1px solid rgba(255,68,68,.2)}:root{--primary-color: #2D5FC1;--primary-hover: #1E4A99;--secondary-color: #6B73FF;--accent-color: #FF6B6B;--accent-yellow: #FFD93D;--vote-option-a-light: #FF8E8E;--vote-option-b-primary: #4ECDC4;--vote-option-b-light: #6BCF9F;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #EEEEEE;--gray-300: #E0E0E0;--gray-400: #BDBDBD;--gray-500: #9E9E9E;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--text-primary: #1A1A1A;--text-secondary: #666666;--text-tertiary: #999999;--text-white: #FFFFFF;--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-tertiary: #F1F3F4;--bg-overlay: rgba(0, 0, 0, .5);--border-light: #E8E8E8;--border-medium: #DDDDDD;--border-dark: #CCCCCC;--success-color: #00C851;--warning-color: #FF8800;--error-color: #FF4444;--info-color: #33B5E5;--font-family-primary: "Roboto", "Noto Sans KR", AppleSDGothicNeo-Regular, "Malgun Gothic", "맑은 고딕", dotum, "돋움", sans-serif;--font-family-mono: "Roboto Mono", "SF Mono", Monaco, Inconsolata, Consolas, "Courier New", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.43;--leading-relaxed: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 50%;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-medium: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:var(--leading-normal);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-primary);font-weight:var(--font-normal);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-secondary);line-height:var(--leading-normal)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);margin-bottom:var(--space-4)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);line-height:var(--leading-normal)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;min-height:40px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:var(--text-white);border-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-medium)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);min-height:32px}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base);min-height:48px}.form-control{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border:1px solid var(--border-medium);border-radius:var(--radius-lg);background-color:var(--bg-primary);transition:all var(--transition-fast);min-height:40px}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2d5fc11a}.form-control::placeholder{color:var(--text-tertiary)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.card{background-color:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light);background-color:var(--bg-secondary);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:640px}.container-lg{max-width:1400px}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.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-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.m-4{margin:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mt-6{margin-top:var(--space-6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-20);color:var(--text-secondary)}.spinner{width:20px;height:20px;border:2px solid var(--border-light);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 640px){.container{padding:0 var(--space-6)}.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:text-base{font-size:var(--text-base)}}@media (min-width: 768px){.container{padding:0 var(--space-8)}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:flex-row{flex-direction:row}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}