@import "https://fonts.googleapis.com/css2?family=Exo+2:wght@700;800&display=swap";:root{--personal-color-red:#ef5350;--personal-color-red-dark:#d32f2f;--personal-color-white:#fff;--personal-color-border-light:#eee;--personal-color-border:#ddd;--personal-color-gray-100:#ccc;--personal-color-gray-150:#bbb;--personal-color-gray-200:#aaa;--personal-color-gray-300:#999;--personal-color-gray-400:#888;--personal-color-gray-500:#777;--personal-color-gray-600:#666;--personal-color-gray-700:#555;--personal-color-gray-800:#444;--personal-color-gray-900:#333;--personal-color-black:#000;--personal-color-bg:#f8f9fa;--personal-color-line:#f0f0f0;--personal-color-dark:#2d3238;--personal-radius:5px;--personal-radius-card:15px;--personal-badge-padding:4px 10px;--personal-badge-font-size:.75rem}body{background-color:var(--personal-color-bg);color:var(--personal-color-gray-900);margin:0;padding:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.global-header{background-color:var(--personal-color-white);z-index:1000;justify-content:space-between;align-items:center;height:70px;padding:0 40px;display:flex;position:sticky;top:0}.logo{color:var(--personal-color-gray-900);letter-spacing:-1px;font-family:"Exo 2",sans-serif;font-size:1.8rem;font-weight:800;text-decoration:none}.logo-p{color:var(--personal-color-red);font-size:2.2rem}.gnb{gap:30px;display:flex}.nav-item{color:var(--personal-color-gray-600);padding:5px 0;font-size:1.1rem;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.nav-item:hover,.nav-item.active{color:var(--personal-color-red)}.nav-item.active:after{content:"";background-color:var(--personal-color-red);border-radius:var(--personal-radius);width:100%;height:3px;position:absolute;bottom:0;left:0}.header-right{align-items:center;gap:15px;display:flex}.user-greeting{color:var(--personal-color-gray-700);cursor:default;font-size:.95rem;text-decoration:none;transition:color .2s}.user-greeting:hover{color:var(--personal-color-gray-700)}.user-greeting strong{color:var(--personal-color-red)}.auth-btn{border-radius:var(--personal-radius);cursor:pointer;border:2px solid #0000;padding:8px 16px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s}.login-btn{color:var(--personal-color-red);border-color:var(--personal-color-red);background-color:#fff}.login-btn:hover{background-color:#fff5f5}.join-btn{background-color:var(--personal-color-red);color:#fff}.join-btn:hover{background-color:#e53935;transform:translateY(-1px)}.mypage-btn{color:var(--personal-color-gray-900);border:1px solid var(--personal-color-border);background-color:#f5f5f5}.mypage-btn:hover{background-color:var(--personal-color-border-light)}.logout-btn{color:var(--personal-color-gray-600);border:1px solid var(--personal-color-border);background-color:#f5f5f5}.logout-btn:hover{background-color:#e0e0e0}.dropdown{cursor:pointer;position:relative}.dropdown-trigger{display:block}.dropdown-menu{border-radius:var(--personal-radius);opacity:0;visibility:hidden;z-index:1001;background-color:#fff;min-width:150px;padding:10px 0;transition:all .3s;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px)}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.dropdown-item{color:var(--personal-color-gray-700);padding:10px 20px;font-size:.95rem;text-decoration:none;transition:background-color .2s,color .2s;display:block}.dropdown-item:hover{color:var(--personal-color-red);background-color:#fff5f5}.dropdown-item.router-link-active{color:var(--personal-color-red);font-weight:700}.page-container{flex:1}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.stat-bar-track[data-v-ebb10310]{width:100%;overflow:hidden}.stat-bar-fill[data-v-ebb10310]{height:100%;transition:width .4s}.type-badge[data-v-8d8bd242]{border-radius:var(--personal-radius);text-align:center;font-weight:700;display:inline-block}.type-badge.xs[data-v-8d8bd242]{padding:2px 7px;font-size:.7rem}.type-badge.md[data-v-8d8bd242]{padding:var(--personal-badge-padding);font-size:var(--personal-badge-font-size)}.type-badge.lg[data-v-8d8bd242]{min-width:60px;padding:3px 12px;font-size:.8rem}.type-badge.xl[data-v-8d8bd242]{padding:6px 20px;font-size:1rem}.stats-page[data-v-e86066fb]{background-color:#f0f2f5;min-height:100vh;padding:40px 20px}.stats-container[data-v-e86066fb]{max-width:1200px;margin:0 auto}.page-header[data-v-e86066fb]{text-align:center;margin-bottom:40px}.page-header h1[data-v-e86066fb]{color:var(--personal-color-gray-900);margin-bottom:10px;font-size:2.5rem;font-weight:800}.badge[data-v-e86066fb]{background-color:var(--personal-color-red);color:#fff;border-radius:var(--personal-radius);vertical-align:middle;margin-left:10px;padding:4px 12px;font-size:.9rem}.source-credit[data-v-e86066fb]{color:var(--personal-color-gray-200);margin-top:6px;font-size:.8rem}.rule-tabs[data-v-e86066fb]{justify-content:center;gap:10px;margin-top:20px;display:flex}.rule-tabs button[data-v-e86066fb]{background-color:var(--personal-color-border);color:var(--personal-color-gray-600);border-radius:var(--personal-radius);cursor:pointer;border:none;padding:10px 30px;font-weight:700;transition:all .2s}.rule-tabs button.active[data-v-e86066fb]{background-color:var(--personal-color-gray-900);color:#fff}.stats-content[data-v-e86066fb]{grid-template-columns:1fr 400px;align-items:flex-start;gap:30px;display:grid}.ranking-section[data-v-e86066fb]{border-radius:var(--personal-radius-card);background:#fff;position:relative;overflow:hidden}.ranking-table[data-v-e86066fb]{width:100%}.table-header[data-v-e86066fb]{background-color:var(--personal-color-bg);border-bottom:2px solid var(--personal-color-border-light);color:var(--personal-color-gray-500);padding:15px 25px;font-size:.9rem;font-weight:800;display:flex}.ranking-row[data-v-e86066fb]{width:100%;font:inherit;color:inherit;text-align:inherit;border:none;border-bottom:1px solid var(--personal-color-line);cursor:pointer;background:0 0;align-items:center;padding:12px 25px;transition:background-color .2s;display:flex}.ranking-row[data-v-e86066fb]:hover{background-color:#fff9f9}.ranking-row.selected[data-v-e86066fb]{border-left:4px solid var(--personal-color-red);background-color:#fff5f5}.col-rank[data-v-e86066fb]{width:60px;color:var(--personal-color-gray-300);font-size:1.1rem;font-weight:800}.col-info[data-v-e86066fb]{flex:1;align-items:center;gap:15px;display:flex}.col-types[data-v-e86066fb]{gap:5px;width:150px;display:flex}.p-img[data-v-e86066fb]{object-fit:contain;width:50px;height:50px}.p-name[data-v-e86066fb]{color:var(--personal-color-gray-900);font-size:1.05rem;font-weight:700}.detail-panel[data-v-e86066fb]{max-height:calc(100vh - 110px);position:sticky;top:90px;overflow-y:auto}.detail-panel[data-v-e86066fb]::-webkit-scrollbar{width:10px}.detail-panel[data-v-e86066fb]::-webkit-scrollbar-track{border-radius:var(--personal-radius);background:#f1f1f1}.detail-panel[data-v-e86066fb]::-webkit-scrollbar-thumb{background:var(--personal-color-gray-100);border-radius:var(--personal-radius);border:2px solid #f1f1f1}.detail-panel[data-v-e86066fb]::-webkit-scrollbar-thumb:hover{background:var(--personal-color-gray-400)}.panel-inner[data-v-e86066fb]{border-radius:var(--personal-radius-card);border:1px solid var(--personal-color-border-light);background:#fff;padding:30px}.panel-header[data-v-e86066fb]{text-align:center;margin-bottom:30px}.panel-header img[data-v-e86066fb]{width:120px;height:120px;margin-bottom:15px}.panel-header h3[data-v-e86066fb]{color:var(--personal-color-gray-900);margin:0;font-size:1.4rem}.panel-header small[data-v-e86066fb]{color:var(--personal-color-gray-400);margin-top:5px;font-size:.9rem;display:block}.pokedex-link[data-v-e86066fb]{border:1px solid var(--personal-color-border);border-radius:var(--personal-radius);cursor:pointer;color:var(--personal-color-gray-600);background:0 0;margin-top:15px;padding:5px 15px;font-size:.8rem}.pokedex-link[data-v-e86066fb]:hover{color:var(--personal-color-red);background-color:#f5f5f5}.stat-group h4[data-v-e86066fb]{color:var(--personal-color-gray-900);border-bottom:2px solid var(--personal-color-line);margin-bottom:20px;padding-bottom:10px;font-size:1.1rem}.move-item[data-v-e86066fb]{margin-bottom:15px}.move-info[data-v-e86066fb]{justify-content:space-between;margin-bottom:5px;font-size:.9rem;font-weight:600;display:flex}.item-icon[data-v-e86066fb]{vertical-align:middle;width:20px;height:20px;margin-right:5px}.teammate-grid[data-v-e86066fb]{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.teammate[data-v-e86066fb]{width:100%;font:inherit;color:inherit;border-radius:var(--personal-radius);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;padding:8px 4px;transition:background-color .2s;display:flex}.teammate[data-v-e86066fb]:hover{background-color:#f5f5f5}.teammate img[data-v-e86066fb]{object-fit:contain;width:48px;height:48px}.teammate span[data-v-e86066fb]{color:var(--personal-color-gray-700);text-align:center;margin-top:2px;font-size:.75rem;font-weight:600}.empty-detail[data-v-e86066fb]{background:var(--personal-color-bg);border:2px dashed var(--personal-color-border);border-radius:var(--personal-radius-card);height:300px;color:var(--personal-color-gray-300);justify-content:center;align-items:center;display:flex}@media (width<=900px){.stats-content[data-v-e86066fb]{grid-template-columns:1fr}.detail-panel[data-v-e86066fb]{position:static}}