:root{--cream: #F5F0E4;--cream-dark: #EDE7D3;--gold: #C9A84C;--gold-dark: #A8812A;--gold-light: #E8C96C;--gold-bg: #FFF9EC;--black: #1A1A1A;--black-soft: #2C2C2C;--red: #C0392B;--red-dark: #A93226;--blue: #1B3A6B;--blue-light: #2752A0;--white: #FFFFFF;--gray: #888888;--gray-light: #D4CEBD;--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--shadow-sm: 0 1px 6px rgba(0, 0, 0, .08);--shadow: 0 2px 16px rgba(0, 0, 0, .12);--nav-h: 64px;--ease: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--cream);color:var(--black);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;line-height:1.5;min-height:100dvh;-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.app-main{flex:1;padding-bottom:5rem}.btn-ver-polera{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.7rem 1rem;margin-bottom:.85rem;background:var(--black);color:var(--gold);border:2px solid var(--gold);border-radius:var(--radius-sm);font-size:.92rem;font-weight:800;letter-spacing:.3px;cursor:pointer;transition:background var(--ease),color var(--ease);-webkit-tap-highlight-color:transparent;font-family:inherit}.btn-ver-polera:hover{background:var(--gold);color:var(--black)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:2000;display:flex;align-items:flex-end;justify-content:center;padding:0}.modal-box{position:relative;background:var(--black);width:100%;max-height:92dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:1.1rem 1rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.modal-close{position:absolute;top:.75rem;right:.9rem;background:none;border:none;color:var(--gray);font-size:1.2rem;cursor:pointer;line-height:1;padding:.2rem .4rem;font-family:inherit;transition:color var(--ease)}.modal-close:hover{color:var(--white)}.modal-title{font-size:.9rem;font-weight:800;color:var(--gold);letter-spacing:.5px;text-transform:uppercase}.modal-video{width:100%;max-height:70dvh;border-radius:var(--radius-sm);background:#000;outline:none}@media (min-width: 768px){.modal-backdrop{align-items:center;padding:1.5rem}.modal-box{width:auto;max-width:560px;border-radius:var(--radius-lg);padding:1.25rem 1.25rem 1.5rem}.modal-video{max-height:60vh}}.dev-credit{display:block;text-align:center;padding:.6rem 1rem 1.2rem;font-size:.72rem;color:var(--gray);text-decoration:none;letter-spacing:.04em;transition:color .2s}.dev-credit:hover{color:var(--gold)}.dev-credit strong{font-weight:700}.page{padding:1rem;max-width:600px;margin:0 auto;width:100%}.page-header{background:linear-gradient(135deg,var(--black) 0%,var(--black-soft) 100%);color:var(--cream);padding:1.25rem 1rem 1.1rem;text-align:center;border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:100}.page-header h1{font-size:1.35rem;font-weight:800;letter-spacing:.3px;color:var(--gold)}.page-header p{font-size:.82rem;color:var(--cream-dark);margin-top:.2rem}.navbar{position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--black);border-top:2px solid var(--gold);display:flex;align-items:stretch;z-index:1000}.navbar-brand{display:none}.brand-logo-img{height:46px;width:auto;object-fit:contain;display:block}.navbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--gray);font-size:.65rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;background:none;border:none;transition:color var(--ease);-webkit-tap-highlight-color:transparent;padding-bottom:2px}.navbar-item.active{color:var(--gold)}.navbar-item .nav-icon{font-size:1.45rem;line-height:1}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.1rem 1rem;margin-bottom:.85rem}.section-title{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--gray);margin-bottom:.65rem}.model-selector{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.model-card{background:var(--white);border:2px solid var(--gray-light);border-radius:var(--radius);padding:1rem .5rem;text-align:center;cursor:pointer;transition:border-color var(--ease),background var(--ease),box-shadow var(--ease);display:flex;flex-direction:column;align-items:center;gap:.45rem;min-height:88px;justify-content:center;-webkit-tap-highlight-color:transparent}.model-card:active{transform:scale(.97)}.model-card.selected{border-color:var(--gold);background:linear-gradient(145deg,#fffdf5,#fff4cc);box-shadow:0 0 0 3px #c9a84c38}.model-card-icon{font-size:2rem;line-height:1}.model-card-label{font-size:.8rem;font-weight:800;color:var(--black-soft);letter-spacing:.2px}.model-card.selected .model-card-label{color:var(--gold-dark)}.form-group{margin-bottom:.9rem}.form-group:last-of-type{margin-bottom:0}.form-group label{display:block;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--black-soft);margin-bottom:.35rem}.form-group input,.form-group select{width:100%;padding:.7rem .9rem;border:2px solid var(--gray-light);border-radius:var(--radius-sm);background:var(--white);color:var(--black);font-size:1rem;min-height:48px;transition:border-color var(--ease),box-shadow var(--ease);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c26}.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;padding-right:2.5rem;cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.info-banner{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-light) 100%);color:var(--white);border-radius:var(--radius-sm);padding:.7rem 1rem;font-size:.9rem;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.85rem;letter-spacing:.2px}.update-banner{background:linear-gradient(135deg,#fff8e1,#fff0b3);border:1.5px solid var(--gold);border-radius:var(--radius-sm);padding:.65rem .9rem;font-size:.82rem;color:var(--gold-dark);font-weight:700;text-align:center;margin-bottom:.85rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;width:100%;padding:.85rem 1.5rem;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:800;letter-spacing:.4px;cursor:pointer;transition:background var(--ease),opacity var(--ease),transform var(--ease);min-height:52px;-webkit-tap-highlight-color:transparent;text-decoration:none;margin-top:1rem}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--gold);color:var(--black)}.btn-primary:hover:not(:disabled){background:var(--gold-dark)}.btn-update{background:var(--blue);color:var(--white)}.btn-update:hover:not(:disabled){background:var(--blue-light)}.btn-danger{background:var(--red);color:var(--white)}.btn-danger:hover:not(:disabled){background:var(--red-dark)}.btn-outline{background:transparent;color:var(--black-soft);border:2px solid var(--gray-light);margin-top:0}.btn-outline:hover:not(:disabled){border-color:var(--gold);color:var(--gold-dark)}.btn-sm{width:auto;padding:.4rem .85rem;font-size:.78rem;min-height:34px;margin-top:0}.alert{border-radius:var(--radius-sm);padding:.7rem .9rem;font-size:.875rem;font-weight:600;margin-bottom:.85rem}.alert-error{background:#fde8e6;border:1.5px solid var(--red);color:var(--red-dark)}.alert-success{background:#e8f5e9;border:1.5px solid #4CAF50;color:#2e7d32}.spinner{width:18px;height:18px;border:2.5px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .65s linear infinite;display:inline-block;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.loading-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem 1rem;color:var(--gray);font-size:.9rem}.loading-box .spinner{width:36px;height:36px;border-width:3px;color:var(--gold)}.password-form{max-width:380px;margin:2rem auto;padding:0 1rem}.report-section{margin-bottom:2rem}.report-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem}.report-section-title{font-size:1rem;font-weight:800;color:var(--black)}.report-actions{display:flex;gap:.4rem;flex-wrap:wrap}.reports-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.reports-table{width:100%;border-collapse:collapse;min-width:460px;background:var(--white);font-size:.85rem}.reports-table thead{background:var(--black);color:var(--gold)}.reports-table th{padding:.65rem .9rem;text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.8px;white-space:nowrap}.reports-table td{padding:.65rem .9rem;border-bottom:1px solid var(--cream-dark);vertical-align:middle}.reports-table tbody tr:last-child td{border-bottom:none}.reports-table tbody tr:hover{background:var(--gold-bg)}.badge{display:inline-block;padding:.15rem .55rem;border-radius:20px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.badge-jugador{background:#e8f0ff;color:var(--blue)}.badge-portero{background:#fdecea;color:var(--red)}.num-cell{font-weight:800;color:var(--gold-dark);font-size:.95rem}.checking-box{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem;color:var(--gray);font-size:.875rem}.divider{border:none;border-top:1px solid var(--cream-dark);margin:1rem 0}.empty-cell{text-align:center;color:var(--gray);padding:2rem!important;font-style:italic;font-size:.85rem}@media (min-width: 768px){.app-main{padding-bottom:0;padding-top:var(--nav-h)}.navbar{top:0;bottom:auto;border-top:none;border-bottom:2px solid var(--gold);padding:0 2rem;padding-bottom:0;gap:0;justify-content:flex-start}.navbar-brand{display:flex;align-items:center;margin-right:auto;padding:0}.brand-logo{font-size:1.5rem;font-weight:900;letter-spacing:-.5px;color:var(--gold);text-transform:uppercase}.brand-logo-img{height:52px}.navbar-item{flex:none;flex-direction:row;font-size:.8rem;padding:0 1.5rem;height:var(--nav-h);gap:.45rem;border-bottom:3px solid transparent;border-top:3px solid transparent}.navbar-item.active{border-bottom-color:var(--gold)}.navbar-item .nav-icon{font-size:1.1rem}.page{padding:1.75rem 1.5rem}.page-header{position:static;padding:1.75rem 2rem}.page-header h1{font-size:1.65rem}}