header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;text-align:center}header h1{font-size:2.5em;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}header p{font-size:1.1em;opacity:.9}.controls{padding:30px;background:#f8f9fa;border-bottom:2px solid #e9ecef}.control-group{margin-bottom:25px}.control-group label{display:block;font-weight:600;margin-bottom:10px;color:#495057;font-size:1.1em}select{width:100%;padding:12px 15px;border:2px solid #dee2e6;border-radius:8px;font-size:1em;background:#fff;cursor:pointer;transition:all .3s}select:hover{border-color:#667eea}select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.mode-toggles{display:flex;flex-wrap:wrap;gap:15px}.mode-btn{flex:1;min-width:150px;padding:12px 20px;border:2px solid #dee2e6;border-radius:8px;background:#fff;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s;color:#495057}.mode-btn:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.chart-wrapper{background:#f8f9fa;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a}.chart-wrapper h3{margin-bottom:20px;color:#495057;font-size:1.3em;text-align:center}.chart-container{position:relative;height:500px}.scatter-chart-container{position:relative;height:600px}.data-table{padding:30px;overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px;text-align:left;font-weight:600;font-size:.95em}td{padding:12px 15px;border-bottom:1px solid #e9ecef;font-size:.9em}tr:hover{background:#f8f9fa}tr:last-child td{border-bottom:none}.stat-badge{display:inline-block;padding:5px 12px;border-radius:20px;font-weight:600;font-size:.85em}.winrate-badge{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.attend-badge{background:linear-gradient(135deg,#ee0979,#ff6a00);color:#fff}@media(max-width:768px){header h1{font-size:1.8em}.mode-toggles{flex-direction:column}}header[data-v-72b25731]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;text-align:center}header h1[data-v-72b25731]{font-size:2.5em;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}header p[data-v-72b25731]{font-size:1.1em;opacity:.9;margin-bottom:25px}.nav-tabs[data-v-72b25731]{display:flex;justify-content:center;gap:15px;margin-top:20px}.nav-tab[data-v-72b25731]{padding:10px 25px;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;text-decoration:none;font-weight:600;font-size:1em;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-tab[data-v-72b25731]:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.nav-tab.router-link-active[data-v-72b25731]{background:linear-gradient(135deg,#ffffff40,#ffffff26);border-color:#fffc;box-shadow:0 4px 12px #0003}@media(max-width:768px){header h1[data-v-72b25731]{font-size:1.8em}header p[data-v-72b25731]{font-size:1em}.nav-tabs[data-v-72b25731]{gap:10px;margin-top:15px}.nav-tab[data-v-72b25731]{padding:8px 20px;font-size:.95em}}@media(max-width:480px){header[data-v-72b25731]{padding:20px 15px}header h1[data-v-72b25731]{font-size:1.5em;margin-bottom:8px}header p[data-v-72b25731]{font-size:.95em;margin-bottom:20px}.nav-tabs[data-v-72b25731]{flex-direction:column;gap:8px;margin-top:15px}.nav-tab[data-v-72b25731]{padding:8px 15px;font-size:.9em}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.container{max-width:1400px;margin:0 auto;background:#fff;border-radius:15px;box-shadow:0 20px 60px #0000004d;overflow:hidden}@media(max-width:768px){.container{border-radius:10px;margin:0 10px}}@media(max-width:480px){body{padding:10px}.container{border-radius:8px;margin:0}}