@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";body{overscroll-behavior:none;margin:0}:root{--bg-color:#f8fafc;--surface-color:#fff;--surface-hover:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--accent-color:#2563eb;--accent-hover:#1d4ed8;--border-color:#e2e8f0;--success-color:#059669;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,system-ui,sans-serif}.container{max-width:1400px;margin:0 auto;padding:2rem}.header{text-align:center;margin-bottom:2rem}.header h1{color:var(--text-main);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.header p{color:var(--text-muted);font-size:1.1rem}.dropzone{border:2px dashed var(--accent-color);text-align:center;background:var(--surface-color);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:16px;padding:3rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.dropzone:hover,.dropzone.active{border-color:var(--accent-hover);box-shadow:var(--shadow-md);background:#eff6ff;transform:translateY(-2px)}.upload-icon{color:var(--accent-color);margin-bottom:1rem;transition:transform .3s}.dropzone:hover .upload-icon{transform:scale(1.1)}.loading{text-align:center;color:var(--accent-hover);margin:2rem 0;font-size:1.2rem;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.results-section{margin-top:2rem;animation:.5s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.results-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.results-header h2{align-items:center;gap:.5rem;font-size:1.5rem;display:flex}.icon{color:var(--accent-color)}.display-options{background:var(--surface-color);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:8px;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;padding:1rem 2rem;display:flex}.display-options label{cursor:pointer;color:var(--text-muted);align-items:center;gap:.5rem;font-weight:500;transition:color .2s;display:flex}.display-options label:hover,.display-options label.active{color:var(--accent-color)}.display-options input[type=radio]{accent-color:var(--accent-color);cursor:pointer;width:1.2rem;height:1.2rem}.share-button{background:var(--accent-color);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.share-button:hover{background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.table-container{background:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:12px;max-height:70vh;overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th,td{border-bottom:1px solid var(--border-color);color:var(--text-main);padding:1rem}th{text-align:left;color:var(--text-muted);z-index:10;border-bottom:2px solid var(--border-color);background:#f8fafc;font-weight:600;position:sticky;top:0}th:first-child,td:first-child{background:var(--surface-color);z-index:11;border-right:2px solid var(--border-color);font-weight:600;position:sticky;left:0}th:first-child{z-index:20;background:#f8fafc}tbody tr:hover,tbody tr:hover td:first-child{background:var(--surface-hover)}tbody tr{transition:background-color .2s}td{font-variant-numeric:tabular-nums}tbody tr:first-child td:nth-child(2){color:var(--success-color);font-weight:700}.cell-best{font-weight:700;color:#065f46!important;background-color:#d1fae5!important}.cell-worst{font-weight:700;color:#991b1b!important;background-color:#fee2e2!important}.average-row td{color:var(--text-main);border-top:2px solid var(--accent-color);z-index:10;background-color:#f1f5f9;font-weight:700;position:sticky;bottom:0}.average-row td:first-child{z-index:12}.help-button{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;font-size:.9rem;transition:all .2s;display:inline-flex}.help-button:hover{color:var(--accent-hover);border-color:var(--accent-hover);background:#eff6ff}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;background:#0f172a73;justify-content:center;align-items:center;animation:.3s cubic-bezier(.16,1,.3,1) overlayFade;display:flex;position:fixed;inset:0}@keyframes overlayFade{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#0f172a00}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a73}}.modal-content{background:var(--surface-color);border-radius:16px;width:90%;max-width:600px;max-height:85vh;padding:2.5rem;animation:.4s cubic-bezier(.16,1,.3,1) modalPop;position:relative;overflow-y:auto;transform:scale(1);box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #0000000d}.glass-modal{background:#fffffff2;border:1px solid #fff6}@keyframes modalPop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;padding:.5rem;font-size:1.5rem;transition:all .2s;position:absolute;top:1.2rem;right:1.5rem}.modal-close:hover{color:var(--text-main);background:var(--surface-hover);transform:rotate(90deg)}.modal-player-name{border-bottom:1px solid #0000000f;align-items:center;gap:.75rem;margin-top:0;margin-bottom:2rem;padding-bottom:1rem;font-size:1.7rem;font-weight:800;display:flex}.modal-player-name .player-icon{color:var(--accent-color);background:#eff6ff;border-radius:12px;padding:.4rem;box-shadow:0 2px 4px #2563eb1a}.vertical-stats-grouped{flex-direction:column;gap:1.5rem;display:flex}.stat-group-card{opacity:0;background:#fff;border:1px solid #0000000f;border-radius:16px;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideInUp;overflow:hidden;transform:translateY(15px);box-shadow:0 4px 12px -2px #0000000d,0 2px 4px -2px #00000008}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.stat-group-title{color:var(--text-main);background:#f8fafc;border-bottom:1px solid #0000000f;margin:0;padding:.85rem 1.25rem;font-size:1.05rem;font-weight:700}.stat-group-content{flex-direction:column;display:flex}.stat-row{border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;transition:background-color .2s;display:flex}.stat-row:hover{background-color:var(--surface-hover)}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--text-muted);font-size:.95rem;font-weight:600}.stat-value{color:var(--text-main);background:var(--surface-hover);border-radius:99px;padding:.25rem .6rem;font-size:1rem;font-weight:700;display:inline-block;box-shadow:inset 0 1px 2px #00000005}.stat-group-card .cell-best{border:1px solid #10b9814d;color:#064e3b!important;background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important;box-shadow:0 2px 6px #10b98133!important}.stat-group-card .cell-worst{border:1px solid #ef44444d;color:#7f1d1d!important;background:linear-gradient(135deg,#fee2e2,#fecaca)!important;box-shadow:0 2px 6px #ef444433!important}tbody tr{cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}tbody tr:hover{z-index:10;outline:1px solid #2563eb33;position:relative;transform:scale(1.002);box-shadow:0 4px 12px -4px #2563eb26;background:#f8fafc!important}