@import "https://fonts.googleapis.com/css2?family=Pretendard:wght@100..900&display=swap";
:root{--bg-main:#0d0e12;--bg-card:#16181d;--bg-darker:#0a0b0e;--text-main:#f1f5f9;--text-dim:#64748b;--accent-orange:#ff9d00;--accent-yellow:#ffc800;--win-blue:#3b82f6;--lose-red:#ef4444;--border-color:#ffffff0d;--font-main:"Pretendard",sans-serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background:var(--bg-main);color:var(--text-main);font-family:var(--font-main);line-height:1.5}.section-title{color:var(--accent-orange);margin-bottom:20px;font-size:1.1rem;font-weight:800}.badge{border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:800}.badge-orange{color:var(--accent-orange);background:#ff9d001a;border:1px solid #ff9d0033}.badge-blue{color:var(--win-blue);background:#3b82f61a;border:1px solid #3b82f633}.mini-progress-bg{background:#ffffff0d;border-radius:2px;width:100%;height:4px;margin-top:8px}.mini-progress-fill{border-radius:2px;height:100%}.animate-slide-up{animation:.5s ease-out forwards slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.full-screen-loader{z-index:10000;background-color:#0d0e12;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-logo{color:#ff9d00;filter:drop-shadow(0 0 30px #ff9d0080);margin-bottom:40px}.loading-text{color:#94a3b8;text-align:center;letter-spacing:-.5px;font-size:1.4rem;font-weight:900}@keyframes skeleton-pulse{0%{background-color:#ffffff08}50%{background-color:#ffffff14}to{background-color:#ffffff08}}.skeleton-box{background-color:#ffffff0d;border-radius:8px;animation:1.5s ease-in-out infinite skeleton-pulse}.stats-content-wrapper{flex-direction:column;align-items:center;width:100%;padding-top:40px;padding-bottom:80px;display:flex}.page-layout{flex-direction:column;gap:24px;width:100%;max-width:1400px;padding:0 40px;display:flex}.dashboard-card{background:#16181d;border:1px solid #ffffff0d;border-radius:12px;overflow:hidden}.profile-section{border-top:2px solid #ff9d00;width:100%;padding:32px}.profile-header-main{border-bottom:1px solid #ffffff0d;align-items:center;gap:24px;padding-bottom:24px;display:flex}.avatar-placeholder{color:#ff9d00;background:#000;border:1px solid #ff9d00;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.5rem;font-weight:900;display:flex;box-shadow:0 0 15px #ff9d0033}.user-nickname{color:#ff9d00;font-size:2.2rem;font-weight:900}.rank-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;margin-top:24px;display:grid}.rank-box{background:#0a0b0e;border:1px solid #ffffff05;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:20px;display:flex}.r-label{color:#64748b;font-size:.75rem;font-weight:800}.r-value{color:#fff;font-size:1rem;font-weight:900}.r-sub{color:#ff9d00;font-size:.75rem;font-weight:800}.r-icon-placeholder{justify-content:center;align-items:center;width:40px;height:40px;margin:8px 0;display:flex}.r-icon-placeholder img{object-fit:contain;max-width:100%;max-height:100%}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;margin-top:24px;display:grid}.metric-card{padding:24px}.m-header{color:#64748b;align-items:center;gap:8px;margin-bottom:12px;font-size:.85rem;font-weight:800;display:flex}.m-value{color:#ffc800;margin-bottom:4px;font-size:1.8rem;font-weight:900}.m-rank{color:#64748b;font-size:.8rem;font-weight:800}.m-progress-bg{background:#ffffff1a;border-radius:2px;width:100%;height:4px;margin-top:8px}.m-progress-fill{border-radius:2px;height:100%}.middle-layout{grid-template-columns:1fr 1fr;gap:24px;width:100%;margin-top:24px;display:grid}.battle-analysis,.skill-rating{padding:32px}.card-title-v3{color:#64748b;align-items:center;gap:8px;margin-bottom:24px;font-size:.95rem;font-weight:900;display:flex}.bar-list{flex-direction:column;gap:20px;display:flex}.bar-item{flex-direction:column;gap:8px;display:flex}.bar-info{justify-content:space-between;font-size:.85rem;font-weight:800;display:flex}.bar-bg{background:#0a0b0e;border-radius:3px;width:100%;height:6px;overflow:hidden}.bar-fill{border-radius:3px;height:100%}.gauge-container{align-items:center;gap:40px;margin-bottom:24px;display:flex}.gauge-circle{border:6px solid #ef4444;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 0 20px #ef444433}.g-score{color:#fff;font-size:2rem;font-weight:950}.g-label{color:#64748b;font-size:.7rem;font-weight:800}.tier-info{flex-direction:column;gap:12px;display:flex}.tier-tag{color:#ef4444;background:#ef44441a;border:1px solid #ef4444;border-radius:99px;align-items:center;gap:4px;padding:4px 16px;font-size:.85rem;font-weight:900;display:inline-flex}.tier-desc{color:#64748b;font-size:.85rem;font-weight:600;line-height:1.6}.skill-tip{color:#f1f5f9;background:#ff9d000d;border:1px solid #ff9d001a;border-radius:8px;align-items:flex-start;gap:8px;margin-top:24px;padding:12px;font-size:.8rem;font-weight:600;display:flex}.history-summary-bar{background:#0a0b0e;justify-content:space-between;align-items:center;width:100%;margin-top:24px;margin-bottom:16px;padding:16px 24px;display:flex}.h-title{color:#64748b;font-weight:900}.h-summary-right{gap:16px;font-size:.9rem;font-weight:900;display:flex}.win{color:#3b82f6}.lose{color:#ef4444}.match-list-v3{flex-direction:column;gap:8px;width:100%;display:flex}.match-card-v3{background:#16181d;border:1px solid #ffffff0d;border-radius:8px;grid-template-columns:200px 180px 140px 140px 140px 40px;align-items:center;gap:20px;padding:16px 24px;display:grid;position:relative;overflow:hidden}.match-stripe{width:4px;position:absolute;top:0;bottom:0;left:0}.match-card-v3.win .match-stripe{background:#3b82f6}.match-card-v3.lose .match-stripe{background:#ef4444}.m-col-basic{align-items:center;gap:16px;display:flex}.m-res-badge{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:900;display:flex}.m-res-badge.win{color:#3b82f6;background:#3b82f61a}.m-res-badge.lose{color:#ef4444;background:#ef44441a}.m-map-info{flex-direction:column;gap:4px;display:flex}.m-map-name{align-items:center;gap:4px;font-size:.95rem;font-weight:900;display:flex}.m-mode-badge{color:#64748b;background:#0a0b0e;border-radius:4px;width:fit-content;padding:2px 6px;font-size:.7rem;font-weight:800}.kda-header{justify-content:space-between;margin-bottom:4px;font-size:.8rem;font-weight:900;display:flex}.kda-nums{margin-bottom:4px;font-size:1.1rem;font-weight:900}.kda-nums .k{color:#10b981}.kda-nums .d{color:#ef4444}.m-col-stat-box{flex-direction:column;display:flex}.inner-label{color:#64748b;margin-bottom:6px;font-size:.75rem;font-weight:800}.inner-val{color:#fff;margin-bottom:4px;font-size:1.2rem;font-weight:900}.inner-val.orange{color:#ff9d00}.match-card-v3.expanded{background:#1c1f26;border-color:#ff9d004d}.match-detail-expanded{background:#0f1115;border-top:none;border-top-left-radius:0;border-top-right-radius:0;margin-top:-8px;overflow:hidden}.detail-inner{padding:24px}.detail-header-v3{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.d-title{color:#64748b;align-items:center;gap:8px;font-size:.9rem;font-weight:900;display:flex}.d-meta{color:#475569;font-size:.8rem;font-weight:800}.player-table-v3{flex-direction:column;gap:4px;width:100%;display:flex}.table-head{color:#475569;text-transform:uppercase;letter-spacing:1px;grid-template-columns:1fr 100px 140px 120px;padding:8px 16px;font-size:.75rem;font-weight:900;display:grid}.table-body{flex-direction:column;gap:4px;display:flex}.table-row{background:#ffffff05;border-radius:6px;grid-template-columns:1fr 100px 140px 120px;align-items:center;padding:12px 16px;font-size:.9rem;font-weight:700;display:grid}.table-row.is-me{background:#ff9d000d;border:1px solid #ff9d001a}.p-info{align-items:center;gap:8px;display:flex}.p-name{color:#f1f5f9}.p-clan{color:#64748b;font-size:.8rem}.p-kda-val{color:#ff9d00;font-weight:900}.p-stats-row{color:#94a3b8}.p-damage-val{color:#f1f5f9;font-weight:900}.no-detail-msg{text-align:center;color:#64748b;padding:40px;font-weight:800}@media (max-width:1200px){.page-layout{padding:0 20px}.rank-grid,.metrics-grid,.middle-layout{grid-template-columns:1fr 1fr}.match-card-v3{grid-template-columns:1fr 1fr;gap:20px;height:auto}.table-head,.table-row{grid-template-columns:1fr 60px 100px 80px;font-size:.8rem}}