@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@600;700;800&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--green:#14a800;--green-dark:#0e7a00;--green-light:#e8f9e5;--gold:#d4a017;--gold-dark:#a87c0e;--gold-light:#fdf6e3;--bg:#f7faf7;--bg-card:#fff;--bg-secondary:#f0f7ee;--text:#0d1f0b;--text-muted:#5a7055;--border:#d4e8cf;--border-strong:#b5d4ae;--success:#14a800;--success-bg:#e8f9e5;--danger:#dc2626;--danger-bg:#fef2f2;--warning:#a87c0e;--warning-bg:#fdf6e3;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 3px rgba(20,168,0,.08),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 16px rgba(20,168,0,.1),0 2px 4px rgba(0,0,0,.04)}@media (prefers-color-scheme:dark){:root{--bg:#0a110a;--bg-card:#111a10;--bg-secondary:#162314;--text:#e8f5e5;--text-muted:#7aaa70;--border:#1e3a1a;--border-strong:#2a5224;--green-light:#0d2a0b;--gold-light:#1f1608;--shadow-sm:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.4)}}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;font-size:15px;line-height:1.6}.app{max-width:700px;margin:0 auto;padding:0 0 5rem}.app-header{background:linear-gradient(135deg,var(--green-dark) 0,var(--green) 70%,#1dc400 100%);padding:1.25rem 1.25rem 0;position:relative;overflow:hidden}.app-header:before{top:-40px;right:-40px;width:180px;height:180px;background:rgba(212,160,23,.12)}.app-header:after,.app-header:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.app-header:after{bottom:10px;left:-30px;width:120px;height:120px;background:hsla(0,0%,100%,.05)}.header-top{gap:12px;margin-bottom:1rem;position:relative;z-index:1}.header-logo,.header-top{display:flex;align-items:center}.header-logo{width:44px;height:44px;border-radius:var(--radius-sm);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.25);justify-content:center;flex-shrink:0}.header-text h1{font-family:Sora,sans-serif;font-size:19px;font-weight:800;color:#fff;letter-spacing:-.3px;line-height:1.1}.header-text .subtitle{font-size:11px;color:hsla(0,0%,100%,.65);margin-top:2px}.header-badge{margin-left:auto;background:var(--gold);color:#1a1000;font-size:10px;font-weight:700;padding:5px 10px;border-radius:20px;letter-spacing:.03em;white-space:nowrap;flex-shrink:0;line-height:1.3;text-align:center}.status-bar{font-size:11px;color:hsla(0,0%,100%,.6);display:flex;align-items:center;gap:5px;margin-bottom:.875rem;position:relative;z-index:1}.sync-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.sync-dot.live{background:#7dff6b;animation:pulse 2s infinite}.sync-dot.loading{background:var(--gold)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.tabs-wrap{background:linear-gradient(135deg,var(--green-dark) 0,var(--green) 70%,#1dc400 100%);padding:0 1.25rem}.tabs{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tab-btn{background:none;border:none;border-bottom:3px solid transparent;padding:10px 12px;cursor:pointer;font-size:13px;font-weight:500;color:hsla(0,0%,100%,.65);font-family:Inter,sans-serif;white-space:nowrap;transition:color .15s,border-color .15s;flex-shrink:0}.tab-btn.active{color:#fff;font-weight:700;border-bottom-color:var(--gold)}.tab-btn:hover:not(.active){color:hsla(0,0%,100%,.9)}.content{padding:1.25rem}.metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:1.25rem}.metric{background:var(--bg-card);border-radius:var(--radius);padding:.875rem .875rem .75rem;border:1px solid var(--border);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.metric:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green),var(--gold))}.metric label{font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;display:block;margin-bottom:5px}.metric span{font-family:Sora,sans-serif;font-size:26px;font-weight:700;color:var(--text);line-height:1}.table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:380px}th{font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;padding:9px 12px;text-align:left;background:var(--bg-secondary);white-space:nowrap}td,th{border-bottom:1px solid var(--border)}td{padding:10px 12px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--green-light)}.rank-1{color:var(--gold);font-weight:700}.rank-2{color:#9ca3af;font-weight:600}.rank-3{color:#b45309;font-weight:600}.win-bar-wrap{display:flex;align-items:center;gap:6px;justify-content:flex-end}.win-bar{width:40px;height:5px;background:var(--border);border-radius:5px;overflow:hidden;flex-shrink:0}.win-bar-fill{height:100%;background:linear-gradient(90deg,var(--green),#1dc400);border-radius:5px}.win-pct{font-size:12px;font-weight:700;min-width:32px;text-align:right;color:var(--green)}.badge{font-size:9px;padding:2px 6px;border-radius:20px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.badge-top{background:var(--gold-light);color:var(--gold-dark);border:1px solid var(--gold)}.badge-best{background:var(--green-light);color:var(--green-dark);border:1px solid var(--green)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.125rem;box-shadow:var(--shadow-sm)}.players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:10px;gap:10px}.player-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;position:relative;box-shadow:var(--shadow-sm);transition:box-shadow .15s,border-color .15s}.player-card:hover{border-color:var(--green);box-shadow:var(--shadow-md)}.match-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-sm)}.match-item:hover{border-color:var(--border-strong)}input,select{font-family:Inter,sans-serif;font-size:14px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);width:100%;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(20,168,0,.12)}.btn{font-family:Inter,sans-serif;cursor:pointer;padding:9px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;border:1px solid var(--border-strong);background:transparent;color:var(--text);transition:all .15s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:hover{background:var(--bg-secondary);border-color:var(--green)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--green);color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(20,168,0,.3)}.btn-primary:hover{background:var(--green-dark);border-color:transparent}.btn-primary:disabled{opacity:.4;cursor:default;transform:none;box-shadow:none}.btn-active{background:var(--green-light);color:var(--green-dark);border-color:var(--green);font-weight:700}.btn-format{color:var(--text)}.btn-format.active{background:var(--green);color:#fff;border-color:transparent;box-shadow:0 2px 8px rgba(20,168,0,.25)}.btn-format:hover:not(.active){background:var(--bg-secondary);border-color:var(--green)}.emoji-btn{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:19px;cursor:pointer;transition:all .12s;background:transparent;font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.emoji-btn:hover{background:var(--bg-secondary);transform:scale(1.1)}.emoji-btn.selected{background:var(--green-light);border:2px solid var(--green)!important}.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.empty,.section-label{color:var(--text-muted)}.empty{text-align:center;padding:3rem 1rem;font-size:14px}.empty p{margin-bottom:12px}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-muted)}.flex-center{display:flex;align-items:center}.gap-2{gap:8px}@media (max-width:480px){.app-header{padding:1rem 1rem 0}.header-text h1{font-size:17px}.header-badge{font-size:9px;padding:4px 8px}.tabs-wrap{padding:0 .75rem}.tab-btn{padding:9px 10px;font-size:12px}.content{padding:1rem}.metrics{gap:8px}.metric{padding:.75rem .75rem .625rem}.metric label{font-size:8px}.metric span{font-size:22px}table{min-width:340px}td,th{padding:8px 10px}.win-bar{width:30px}.players-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.player-card{padding:.875rem}.card{padding:.875rem 1rem}.teams-grid,.win-btns-grid{grid-template-columns:1fr!important}.stats-mode-btns{flex-wrap:wrap}.stats-mode-btns .btn{flex:1 1;min-width:80px;text-align:center}}@media (max-width:360px){.header-text h1{font-size:15px}.tab-btn{padding:8px;font-size:11px}.metric span{font-size:20px}}