@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700;800&family=DM+Mono:wght@400;500&family=Montserrat:wght@600&display=swap";html,body{background:var(--app-bg-outside,#e9ecef);min-height:100svh;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:DM Sans,system-ui,Segoe UI,Roboto,sans-serif}#root{max-width:var(--app-max-width,480px);background:var(--bg,#e9ecef);min-height:100svh;margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 0 24px #0000000f}@media print{html,body,#root{box-shadow:none!important;background:#fff!important;max-width:none!important;overflow:visible!important}}:root{--app-max-width:480px;--app-bg-outside:#e9ecef;--tap-min:44px;--bg:#e9ecef;--bg-card:#fff;--bg-card-green:#4f8f2f;--green:#4f8f2f;--green-accent:#7fbf4d;--green-dark:#3a6b22;--green-light:#eaf4e0;--green-glow:#7fbf4d59;--text:#1a1a2e;--text-sub:#6b7280;--text-muted:#9ca3af;--border:#d1d8e0;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000012, 0 2px 6px #0000000a;--shadow-lg:0 10px 40px #0000001a, 0 4px 12px #0000000f;--shadow-green:0 4px 20px #4f8f2f33;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}input,select,textarea{font-family:DM Sans,sans-serif;font-size:16px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--green)!important;box-shadow:0 0 0 3px #4f8f2f1f!important}select option{color:var(--text);background:#fff}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 10px var(--green-glow)}50%{box-shadow:0 0 24px var(--green-glow)}}.animate-in{animation:.35s fadeIn}.card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border);padding:14px;transition:box-shadow .18s,background .15s}.card:active{background:#f9fafb}.card-green{border-radius:var(--radius-md);box-shadow:var(--shadow-green);color:#fff;background:linear-gradient(145deg,#4f8f2f 0%,#3d7024 100%);border:none;transition:box-shadow .18s,opacity .15s}.card-green:active{opacity:.94;box-shadow:0 8px 32px #4f8f2f59}.btn{cursor:pointer;border-radius:var(--radius-full);border:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:background .18s,box-shadow .18s,opacity .15s;display:inline-flex}.btn:active{opacity:.85}.btn-primary{background:var(--green-accent);color:#fff}.btn-primary:hover,.btn-primary:active{background:var(--green)}.btn-premium{color:#fff;border-radius:var(--radius-full);background:linear-gradient(135deg,#7fbf4d 0%,#4f8f2f 60%,#7fbf4d 100%) 0 0/200%;min-height:46px;padding:12px 22px;font-size:14.5px;font-weight:700;transition:background-position .3s,box-shadow .25s;box-shadow:0 4px 15px #4f8f2f4d}.btn-premium:hover,.btn-premium:active{background-position:100%;box-shadow:0 6px 24px #4f8f2f73}.btn-outline{color:var(--green);border:1.5px solid var(--green);background:0 0}.btn-outline:hover,.btn-outline:active{background:var(--green-light)}.btn-ghost{color:var(--text-sub);border:1px solid var(--border);background:0 0}.btn-ghost:hover,.btn-ghost:active{background:var(--bg);border-color:var(--green-accent);color:var(--green)}.btn-danger{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.btn-danger:hover,.btn-danger:active{background:#fecaca}.badge{border-radius:var(--radius-full);align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-green{background:var(--green-light);color:var(--green)}.badge-gray{color:var(--text-sub);background:#f3f4f6}.badge-white{color:#fff;background:#fff3}.ifutbol-table{border-collapse:separate;border-spacing:0;width:100%}.ifutbol-table th{text-align:center;color:#fff;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:#4f8f2f;border-bottom:2px solid #3a6e22;border-right:1px solid #ffffff2e;padding:4px 6px;font-size:9.5px;font-weight:800}.ifutbol-table th:last-child{border-right:none}.ifutbol-table td{background:#fff;border-bottom:1px solid #f1f3f0;border-right:1px solid #e2e8e0;padding:4px 6px;font-size:11.5px;line-height:1.2}.ifutbol-table td:last-child{border-right:none}.ifutbol-table tr:active td{background:#4f8f2f21}.ifutbol-table .pin-rank{z-index:2;width:26px;min-width:26px;max-width:26px;padding-left:3px;padding-right:3px;position:sticky;left:0;box-shadow:2px 0 4px -2px #00000014}.ifutbol-table .pin-equipo{z-index:2;min-width:82px;max-width:120px;padding-left:4px;padding-right:4px;position:sticky;left:26px;box-shadow:2px 0 4px -2px #00000014}.ifutbol-table .pin-pts{z-index:2;width:30px;min-width:30px;padding-left:3px;padding-right:3px;position:sticky;right:0;box-shadow:-2px 0 4px -2px #00000014}.ifutbol-table thead .pin-rank,.ifutbol-table thead .pin-equipo,.ifutbol-table thead .pin-pts{z-index:3}.form-label{color:var(--text-sub);text-transform:uppercase;letter-spacing:.7px;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.form-input{box-sizing:border-box;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;min-width:0;color:var(--text);padding:11px 14px;font-family:DM Sans,sans-serif;font-size:16px}.form-input::placeholder{color:var(--text-muted)}select.form-input,input.form-input[type=date]{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 8px;padding-right:34px}input.form-input[type=date]::-webkit-date-and-time-value{text-align:left}input.form-input[type=date]::-webkit-calendar-picker-indicator{opacity:0}.ifutbol-tabs{-webkit-overflow-scrolling:touch;border:1px solid var(--border);background:#fff;border-radius:12px;flex-wrap:nowrap;gap:4px;margin-bottom:18px;padding:5px;display:flex;overflow-x:auto;box-shadow:0 2px 8px #00000014}.ifutbol-tabs::-webkit-scrollbar{height:0}.ifutbol-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex-shrink:0;align-items:center;min-height:32px;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:600;transition:background .18s,color .18s;display:inline-flex}.ifutbol-tab:hover,.ifutbol-tab:active{color:var(--green);background:var(--green-light)}.ifutbol-tab.active{color:#fff;background:var(--green)}.ifutbol-toast{border-radius:var(--radius-md);z-index:9999;box-shadow:var(--shadow-lg);padding:13px 24px;font-size:14px;font-weight:700;animation:.3s slideUp;position:fixed;bottom:28px;right:28px}.toast-ok{background:var(--green);color:#fff}.toast-err{color:#fff;background:#dc2626}.ifutbol-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.ifutbol-modal{border-radius:var(--radius-xl);width:100%;max-width:460px;box-shadow:var(--shadow-lg);background:#fff;max-height:90vh;padding:36px;animation:.25s slideUp;overflow-y:auto}.ifutbol-modal-title{color:var(--text);margin-bottom:24px;font-size:20px;font-weight:800}.empty-state{text-align:center;padding:64px 24px}.empty-state-icon{opacity:.5;margin-bottom:16px;font-size:52px}.empty-state-txt{color:var(--text-sub);margin-bottom:8px;font-size:16px;font-weight:600}.empty-state-hint{color:var(--text-muted);margin-bottom:24px;font-size:13px}.spinner{border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.7s linear infinite spin}.rank-badge{border-radius:5px;justify-content:center;align-items:center;width:18px;height:18px;font-size:9.5px;font-weight:800;display:inline-flex}.warning-box{border-radius:var(--radius-sm);color:#92400e;background:#fffbeb;border:1px solid #fde68a;padding:12px 16px;font-size:13px}.info-box{background:var(--green-light);border-radius:var(--radius-sm);color:var(--green-dark);border:1px solid #c3e6a3;padding:12px 16px;font-size:13px}input[type=range].ifutbol-slider{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:30px;margin:4px 0;padding:0}input[type=range].ifutbol-slider::-webkit-slider-runnable-track{background:#e5e7eb;border-radius:999px;height:8px}input[type=range].ifutbol-slider::-moz-range-track{background:#e5e7eb;border-radius:999px;height:8px}input[type=range].ifutbol-slider::-webkit-slider-thumb{appearance:none;background:var(--green,#4f8f2f);cursor:grab;border:3px solid #fff;border-radius:50%;width:26px;height:26px;margin-top:-9px;transition:transform .12s,box-shadow .12s;box-shadow:0 2px 8px #4f8f2f73}input[type=range].ifutbol-slider::-webkit-slider-thumb:hover{transform:scale(1.08)}input[type=range].ifutbol-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15);box-shadow:0 3px 12px #4f8f2f8c}input[type=range].ifutbol-slider::-moz-range-thumb{background:var(--green,#4f8f2f);cursor:grab;border:3px solid #fff;border-radius:50%;width:26px;height:26px;transition:transform .12s,box-shadow .12s;box-shadow:0 2px 8px #4f8f2f73}input[type=range].ifutbol-slider::-moz-range-thumb:hover{transform:scale(1.08)}input[type=range].ifutbol-slider::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.15);box-shadow:0 3px 12px #4f8f2f8c}input[type=range].ifutbol-slider:focus{outline:none}input[type=range].ifutbol-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px #4f8f2f33,0 2px 8px #4f8f2f73}input[type=range].ifutbol-slider:focus::-moz-range-thumb{box-shadow:0 0 0 4px #4f8f2f33,0 2px 8px #4f8f2f73}.bracket-clickable{cursor:pointer;transition:transform .15s,box-shadow .15s}.bracket-clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.bkt-hint{color:var(--text-muted);margin-bottom:10px;font-size:10.5px;font-weight:600}.bkt-scroll{-webkit-overflow-scrolling:touch;padding-bottom:8px;overflow:auto hidden}.bkt-tree{align-items:flex-start;gap:44px;width:max-content;padding:2px 2px 4px;display:flex}.bkt-round{flex-direction:column;flex-shrink:0;display:flex}.bkt-round-head{text-transform:uppercase;letter-spacing:.7px;text-align:center;white-space:nowrap;margin-bottom:8px;font-size:10.5px;font-weight:800}.bkt-match{flex-shrink:0;width:182px;height:112px;position:relative}.bkt-round.r1 .bkt-match:before,.bkt-round.r2 .bkt-match:before{content:"";background:#bcc8d0;width:22px;height:2px;margin-top:-1px;position:absolute;top:50%;right:100%}.bkt-round.r0 .bkt-match:after,.bkt-round.r1 .bkt-match:after{content:"";box-sizing:border-box;width:22px;position:absolute;left:100%}.bkt-round.r0 .bkt-match:after{height:66px}.bkt-round.r1 .bkt-match:after{height:132px}.bkt-round.r0 .bkt-match.bkt-top:after,.bkt-round.r1 .bkt-match.bkt-top:after{border-top:2px solid #bcc8d0;border-right:2px solid #bcc8d0;margin-top:-1px;top:50%}.bkt-round.r0 .bkt-match.bkt-bot:after,.bkt-round.r1 .bkt-match.bkt-bot:after{border-bottom:2px solid #bcc8d0;border-right:2px solid #bcc8d0;margin-bottom:-1px;bottom:50%}@media (width<=768px){.hide-mobile{display:none!important}.ifutbol-modal{max-width:calc(100% - 32px);margin:16px;padding:24px}}@media (width<=480px){.ifutbol-tabs{flex-wrap:nowrap;overflow-x:auto}.ifutbol-tab{padding:8px 13px;font-size:12px}}