@font-face{font-family:GeistPixel-Grid;src:url(/fonts/geist-pixel/GeistPixel-Grid.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--color-primary: #1EFFB4;--color-primary-dark: #10E8A0;--color-primary-light: #3FFFBC;--acid-yellow: #1EFFB4;--acid-yellow-muted: #10E8A0;--acid-yellow-dim: rgba(30,255,180,.15);--acid-yellow-ultra: rgba(30, 255, 180, .12);--color-secondary: #1e293b;--color-accent: #FFB300;--white: #FFFFFF;--gray-50: #F4F4F4;--gray-100: #E0E0E0;--gray-200: #BDBDBD;--gray-300: #9E9E9E;--gray-400: #757575;--gray-500: #5C5C5C;--gray-600: #3D3D3D;--gray-700: #2C2C2C;--gray-800: #1F1F1F;--gray-900: #161616;--gray-950: #0E0E0E;--surface-0: #0D0D0D;--surface-1: #161616;--surface-2: #1E1E1E;--surface-3: #252525;--surface-4: #2E2E2E;--surface-5: #383838;--bg-primary: var(--surface-0);--bg-secondary: var(--surface-1);--bg-dark: var(--surface-0);--bg-card: var(--surface-1);--semantic-success: #00C853;--semantic-warning: #FFB300;--semantic-error: #FF3D57;--semantic-info: #40C4FF;--font-display: "GeistPixel-Grid", sans-serif;--font-body: "GeistPixel-Grid", sans-serif;--text-primary: #FFFFFF;--text-secondary: rgba(255,255,255,.6);--text-muted: rgba(255,255,255,.35);--text-tertiary: rgba(255,255,255,.35);--text-inverse: #0D0D0D;--text-accent: #1EFFB4;--type-3xs: 8px;--type-2xs: 10px;--type-xs: 12px;--type-sm: 13px;--type-base: 15px;--type-md: 17px;--type-lg: 20px;--type-xl: 24px;--type-2xl: 30px;--type-3xl: 38px;--type-4xl: 48px;--type-hero: 64px;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.55;--leading-loose: 1.75;--tracking-tight: -.04em;--tracking-snug: -.02em;--tracking-normal: 0em;--tracking-wide: .04em;--tracking-wider: .08em;--tracking-widest: .14em;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-pill: 999px;--radius-circle: 50%;--border-radius: var(--radius-md);--border-radius-sm: var(--radius-sm);--border-radius-lg: var(--radius-lg);--border-subtle: 1px solid rgba(255,255,255,.06);--border-default: 1px solid rgba(255,255,255,.1);--border-strong: 1px solid rgba(255,255,255,.18);--border-accent: 1px solid rgba(30,255,180,.5);--border-color: rgba(255,255,255,.1);--shadow-sm: 0 2px 8px rgba(0,0,0,.35);--shadow-md: 0 4px 20px rgba(0,0,0,.45);--shadow-lg: 0 8px 40px rgba(0,0,0,.55);--shadow-accent: 0 4px 24px rgba(30,255,180,.2);--shadow-accent-lg: 0 8px 48px rgba(30,255,180,.3);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .12s;--duration-normal: .22s;--duration-slow: .35s;--icon-xs: 14px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 28px;--z-base: 0;--z-raised: 10;--z-floating: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400;--state-tired: #FF3D57;--state-normal: #FFB300;--state-excellent: #00C853;--team-white: #f1f5f9;--team-dark: #1e293b}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--surface-0);background-image:url(/background-soccer.webp);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:var(--text-primary);font-size:var(--type-base);line-height:var(--leading-normal);min-height:100vh}#root,.app{min-height:100vh}.app-logo{display:flex;justify-content:center;align-items:center;padding:24px 0 14px}.app-logo img{width:120px;height:41px;display:block}.app-logo--with-back{display:grid;grid-template-columns:1fr auto 1fr;max-width:600px;margin:0 auto;padding-left:var(--space-6);padding-right:var(--space-6)}.app-logo--with-back img{grid-column:2}@media (max-width: 480px){.app-logo--with-back{padding-left:var(--space-4);padding-right:var(--space-4)}}.app-logo--with-back .topbar-back{justify-self:start;align-self:start;height:32px;padding:3px 10px 5px;font-size:var(--type-sm)}.app-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:16px}.app-footer__center{grid-column:2;display:inline-flex;align-items:center;gap:16px}.app-footer .crt-toggle-group{grid-column:3;justify-self:end}.footer-tag{display:inline-flex;align-items:center;justify-content:center;background:var(--gray-950);color:#fff;font-family:var(--font-display);font-size:var(--type-sm);letter-spacing:.26px;padding:0 4px;white-space:nowrap;text-decoration:none}a.footer-tag:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-snug);color:var(--text-primary)}h1{font-size:var(--type-3xl)}h2{font-size:var(--type-2xl)}h3{font-size:var(--type-xl)}h4{font-size:var(--type-lg)}::-webkit-scrollbar{width:6px;background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--surface-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-weight:400;letter-spacing:0;background-color:#060606;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;border:1px dotted transparent;border-radius:0;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out);text-decoration:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{cursor:not-allowed}.btn-sm{height:34px;padding:6px 10px 8px;font-size:var(--type-md)}.btn,.btn-md{height:42px;padding:8px 14px 10px;font-size:var(--type-base)}.btn-lg{height:52px;padding:10px 18px 12px;font-size:var(--type-md)}.btn-xl{height:60px;padding:12px 22px 14px;font-size:var(--type-lg)}.btn-full{width:100%}.btn-primary{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 5px 0 0 var(--color-primary)}.btn-primary:hover:not(:disabled){background-image:radial-gradient(circle,rgba(30,255,180,.22) 1px,transparent 1px)}.btn-primary:active:not(:disabled){background-color:var(--acid-yellow-dim)}.btn-primary:disabled{border-color:var(--gray-600);color:var(--gray-600);box-shadow:-2px 4px 0 0 var(--surface-3)}.btn-secondary{border-color:var(--gray-500);color:var(--text-primary);box-shadow:0 5px 0 0 var(--gray-600)}.btn-secondary:hover:not(:disabled){background-color:#222}.btn-secondary:active:not(:disabled){background-color:#3a3a3a}.btn-secondary:disabled{border-color:var(--gray-700);color:var(--gray-600);box-shadow:-2px 4px 0 0 var(--surface-3)}.btn-ghost{background-color:transparent;background-image:none;border-color:transparent;color:var(--text-primary);box-shadow:none}.btn-ghost:hover:not(:disabled){background-color:var(--surface-2)}.btn-accent-outline{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 5px 0 0 var(--color-primary)}.btn-accent-outline:hover:not(:disabled){background-color:var(--acid-yellow-ultra)}.btn-accent-outline:active:not(:disabled){background-color:var(--acid-yellow-dim)}.btn-danger{border-color:var(--semantic-error);color:var(--semantic-error);box-shadow:0 5px 0 0 var(--semantic-error)}.btn-danger:hover:not(:disabled){background-color:#222}.btn-danger:active:not(:disabled){background-color:#3a3a3a}.btn-danger:disabled{border-color:var(--gray-600);color:var(--gray-600);box-shadow:-2px 4px 0 0 var(--surface-3)}.btn-icon{width:42px;height:42px;padding:0}.btn-icon.btn-sm{width:34px;height:34px}.btn-icon.btn-lg{width:52px;height:52px}.card{background-color:#060606;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;border:none;border-radius:0;box-shadow:inset 0 0 0 4px #000;padding:8px 16px 16px;transition:background-color var(--duration-normal) var(--ease-in-out);overflow:hidden}.card:hover{background-color:var(--surface-1)}.card-clickable{cursor:pointer}.card-clickable:hover{background-color:var(--surface-1)}.match-list-container{max-width:800px;margin:0 auto;padding:var(--space-6)}.list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.list-header h1{display:flex;align-items:center;gap:var(--space-2);color:var(--text-primary)}.btn-new{background-color:#060606;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;color:var(--color-primary);padding:8px 14px 10px;height:42px;border:1px solid var(--color-primary);border-radius:0;box-shadow:0 5px 0 0 var(--color-primary);font-family:var(--font-display);font-weight:400;font-size:var(--type-base);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-in-out)}.btn-new:hover{background-color:var(--acid-yellow-ultra)}.btn-new:active{background-color:var(--acid-yellow-dim)}.matches-grid{display:flex;flex-direction:column;gap:var(--space-3)}.empty-state{text-align:center;padding:var(--space-12);background:var(--surface-1);border-radius:var(--radius-xl);border:2px dashed rgba(255,255,255,.1)}.empty-icon{font-size:4rem;margin-bottom:var(--space-4)}.empty-state h3{color:var(--text-primary);margin-bottom:var(--space-2)}.empty-state p{color:var(--text-secondary);margin-bottom:var(--space-6)}.match-card{padding:var(--space-5)}.match-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4)}.match-card-header h3{font-size:var(--type-lg);font-family:var(--font-display);color:var(--text-primary)}.match-card-info{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.info-item{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--type-sm)}.info-item svg{width:16px;height:16px;color:var(--text-tertiary)}.match-card-status{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);border-top:var(--border-subtle)}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--type-xs);font-weight:600;letter-spacing:.01em}.status-badge.inscripcion{background:rgba(255,179,0,.12);color:var(--semantic-warning);border:1px solid rgba(255,179,0,.3)}.status-badge.armado{background:rgba(64,196,255,.1);color:var(--semantic-info);border:1px solid rgba(64,196,255,.25)}.status-badge.finalizado{background:rgba(0,200,83,.12);color:var(--semantic-success);border:1px solid rgba(0,200,83,.3)}.player-count{display:flex;align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:var(--type-sm)}.player-count svg{width:16px;height:16px}.ready-badge{background:var(--acid-yellow);color:var(--text-inverse);padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--type-xs);font-weight:600}.landing-page{display:flex;flex-direction:column}.landing-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 var(--space-6) var(--space-8);max-width:600px;margin:0 auto;width:100%}.hero-content{text-align:center;margin-bottom:var(--space-8)}.hero-title{font-size:var(--type-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-3);letter-spacing:var(--tracking-tight)}.hero-subtitle{font-size:var(--type-md);color:var(--text-secondary);line-height:var(--leading-normal);max-width:480px;margin:0 auto}.hero-form-container{width:100%}.hero-form{background-color:#060606;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;border:none;border-radius:0;box-shadow:inset 0 0 0 4px #000;padding:var(--space-6)}@media (max-width: 480px){.landing-hero{padding:var(--space-2) var(--space-4) var(--space-6)}.hero-title{font-size:var(--type-2xl)}.hero-subtitle{font-size:var(--type-base)}.hero-form{padding:var(--space-5)}}.create-form-container{max-width:600px;margin:0 auto;padding:var(--space-6)}.form-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:transparent;border:var(--border-default);cursor:pointer;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-in-out)}.back-btn:hover{background:var(--surface-2);color:var(--text-primary)}.match-form{background-color:#060606;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;border:none;border-radius:0;box-shadow:inset 0 0 0 4px #000;padding:var(--space-6)}.form-group{margin-bottom:var(--space-6)}.form-group label{display:inline-block;background:#000;color:var(--text-primary);font-family:var(--font-display);font-size:var(--type-md);font-weight:400;letter-spacing:0;text-transform:none;padding:2px 4px;margin-bottom:var(--space-2)}.form-heading{display:inline-block;background:#000;color:var(--text-primary);font-family:var(--font-display);font-size:28px;font-weight:400;letter-spacing:0;padding:2px 4px;margin:0 0 var(--space-4)}.form-group input[type=date],.form-group input[type=time]{position:relative;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;padding-right:44px;background-repeat:no-repeat,repeat;background-position:right 12px center,0 0;background-size:20px 20px,3px 3px}.form-group input[type=date]::-webkit-date-and-time-value,.form-group input[type=time]::-webkit-date-and-time-value{text-align:left;white-space:nowrap}.form-group input[type=date]{background-image:url(/icons/calendario-sm.svg),radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px)}.form-group input[type=time]{background-image:url(/icons/horario-sm.svg),radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px)}.form-group input[type=date]::-webkit-calendar-picker-indicator,.form-group input[type=time]::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;margin:0;padding:0;opacity:0;cursor:pointer}.date-input-wrap{display:block}@-moz-document url-prefix(){.form-group .date-input-wrap{position:relative;overflow:hidden;background-color:#0a0a0a;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;border:2px solid rgba(255,255,255,.1);height:48px;transition:border-color var(--duration-fast),background-color var(--duration-fast)}.form-group .date-input-wrap:hover{background-color:var(--surface-1);border-color:#ffffff2e}.form-group .date-input-wrap:focus-within{border-color:#1effb480}.form-group .date-input-wrap input[type=date]{width:calc(100% + 40px);height:100%;border:none;background:transparent;padding-right:10px}.form-group .date-input-wrap input[type=date]:hover,.form-group .date-input-wrap input[type=date]:focus{background:transparent;border:none}.form-group .date-input-wrap:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:url(/icons/calendario-sm.svg) center / contain no-repeat;pointer-events:none}}.form-group label .required{color:var(--semantic-error)}.form-group input,.form-group textarea{width:100%;background-color:#0a0a0a;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;border:2px solid rgba(255,255,255,.1);border-radius:0;color:var(--text-primary);font-family:var(--font-display);font-size:var(--type-md);padding:10px;height:48px;outline:none;transition:border-color var(--duration-fast),background-color var(--duration-fast)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.form-group input:hover:not(:focus),.form-group textarea:hover:not(:focus){background-color:var(--surface-1);border-color:#ffffff2e}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#1effb480}.time-picker{position:relative;width:100%}.time-picker-trigger{display:flex;align-items:center;width:100%;height:48px;padding:10px 44px 10px 10px;background-color:#0a0a0a;background-image:url(/icons/horario-sm.svg),radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-repeat:no-repeat,repeat;background-position:right 12px center,0 0;background-size:20px 20px,3px 3px;border:2px solid rgba(255,255,255,.1);border-radius:0;color:var(--text-primary);font-family:var(--font-display);font-size:var(--type-md);text-align:left;cursor:pointer;outline:none;transition:border-color var(--duration-fast),background-color var(--duration-fast)}.time-picker-trigger:hover{background-color:var(--surface-1);border-color:#ffffff2e}.time-picker.is-open .time-picker-trigger,.time-picker-trigger:focus-visible{border-color:#1effb480}.time-picker-value{font-variant-numeric:tabular-nums}.time-picker-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;max-height:240px;overflow-y:auto;margin:0;padding:4px 0;list-style:none;background-color:#0a0a0a;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;border:2px solid rgba(255,255,255,.18);box-shadow:0 8px 24px #0009;font-family:var(--font-display);font-size:var(--type-md);font-variant-numeric:tabular-nums}.time-picker-option{padding:8px 12px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.time-picker-option:hover{background-color:var(--surface-1)}.time-picker-option.is-selected{background-color:#1effb426;color:#1effb4f2}.editable-datetime{flex-wrap:wrap;gap:6px}.editable-datetime .editable-date-input{width:auto;min-width:140px}.editable-datetime .editable-time-picker{width:auto;min-width:96px}.editable-datetime .editable-time-picker .time-picker-trigger{height:auto;padding:4px 10px;background:transparent;border:none;font-family:var(--font-display);font-size:var(--type-md)}.editable-datetime .editable-time-picker .time-picker-trigger:hover{background:rgba(255,255,255,.04)}.form-group textarea{resize:vertical;min-height:80px;padding:10px;height:auto}.form-group .hint{font-size:var(--type-sm);color:var(--gray-200);margin-top:var(--space-2)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 480px){.form-row{gap:var(--space-3);grid-template-columns:1.25fr 1fr}}.player-count-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}@media (max-width: 480px){.count-option{padding:var(--space-2)}.count-number{font-size:10px}}.count-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);border:2px solid rgba(255,255,255,.1);border-radius:0;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out);background-color:#0a0a0a;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;color:var(--text-primary)}.count-option:hover:not(.selected){border-color:#fff6;background-color:var(--surface-2)}.count-option.selected{border-color:var(--color-primary);color:var(--color-primary);background-image:radial-gradient(circle,rgba(30,255,180,.15) 1px,transparent 1px)}.count-number{font-size:var(--type-xs);font-family:var(--font-display);font-weight:400;color:inherit;opacity:.6}.count-format{font-size:clamp(14px,5vw,var(--type-2xl));font-family:var(--font-display);color:inherit;font-weight:400;white-space:nowrap}.btn-create{width:100%;height:52px;font-size:var(--type-md);margin-top:var(--space-4)}.form-error{background:rgba(255,61,87,.12);border:1px solid rgba(255,61,87,.3);color:var(--semantic-error);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);font-size:var(--type-sm)}.match-page{width:100%;min-height:100vh;display:flex;flex-direction:column;overflow-y:auto;padding:0 var(--space-4) var(--space-4);box-sizing:border-box;gap:var(--space-2)}.match-header{background-color:#060606;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;border:none;border-radius:0;box-shadow:inset 0 0 0 4px #000;padding:16px;margin-bottom:0;flex-shrink:0;height:fit-content;width:100%}.match-page--inscripcion .match-header{max-width:820px;margin-left:auto;margin-right:auto}.match-header{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title actions" "info  info";column-gap:var(--space-3);row-gap:var(--space-3);align-items:center}.match-header-title{grid-area:title}.match-header-info{grid-area:info}.match-header-actions{grid-area:actions;display:flex;align-items:center;gap:var(--space-4)}@media (max-width: 640px){.match-header{grid-template-columns:1fr;grid-template-areas:"title" "info" "actions"}.match-header-actions{align-self:stretch}.match-header-actions>*{flex:1}.match-header-actions .share-btn{width:100%;justify-content:center}}.match-header h1{font-size:var(--type-2xl);font-family:var(--font-display);display:flex;align-items:center;gap:var(--space-2);color:var(--text-primary)}.title-ball{width:1em;height:1em;display:inline-block;flex-shrink:0}.match-header-info{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin-bottom:0}.match-header-info .info-item{font-size:var(--type-sm)}.editable-title{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:opacity var(--duration-fast);width:fit-content;justify-content:flex-start;font-size:var(--type-2xl);font-family:var(--font-display);color:var(--text-primary)}.editable-title:hover{opacity:.8}.editable-title .edit-icon{opacity:0;transition:opacity var(--duration-fast);color:var(--text-tertiary)}.editable-title:hover .edit-icon{opacity:1}.editable-title.editing{cursor:default;display:flex;align-items:flex-start;width:100%;max-width:100%}.editable-title-input{font-size:var(--type-2xl);font-family:var(--font-display);font-weight:400;line-height:var(--leading-tight);border:none;border-bottom:2px solid var(--acid-yellow);background:transparent;padding:0;color:var(--text-primary);flex:1 1 auto;min-width:0;max-width:100%;resize:none;overflow:hidden;field-sizing:content;word-break:break-word}.editable-title-input:focus{outline:none}.editable-field{display:inline-flex;align-items:center;gap:4px;padding:1px 0 1px 4px;background-color:var(--surface-2);background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px);background-size:3px 3px;border:none;border-radius:0;color:var(--text-primary);font-family:var(--font-display);font-size:var(--type-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-in-out)}.editable-field:hover:not(.editing){background-color:var(--surface-3)}.editable-field.editing{background-color:var(--surface-3)}.editable-field .edit-icon{color:var(--text-secondary);margin-left:auto}.editable-field.editing{cursor:default}.editable-input{border:none;background:transparent;padding:0;font-family:var(--font-display);font-size:var(--type-md);color:var(--text-primary);width:auto;min-width:60px;max-width:356px;field-sizing:content}.editable-input:focus{outline:none}.editable-input::-webkit-calendar-picker-indicator{display:none}.editable-select{border:none;background:transparent;padding:0;font-family:var(--font-display);font-size:var(--type-md);color:var(--text-primary);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:auto;field-sizing:content}.editable-select:focus{outline:none}.inline-select{border:none;background:transparent;color:var(--text-primary);font-family:var(--font-display);font-size:var(--type-md);cursor:pointer;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:var(--space-1);width:auto;field-sizing:content}.player-count-select{cursor:pointer}.edit-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;cursor:pointer;border-radius:var(--radius-xs);transition:all var(--duration-fast)}.edit-action-btn.save{color:var(--semantic-success)}.edit-action-btn.save:hover{background:rgba(0,200,83,.15)}.edit-action-btn.cancel{color:var(--text-tertiary)}.edit-action-btn.cancel:hover{background:rgba(255,61,87,.15);color:var(--semantic-error)}.editable-info{margin-bottom:var(--space-1)}.inscription-step{background-color:#060606;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;border:none;border-radius:0;box-shadow:inset 0 0 0 4px #000;padding:12px 16px 16px;max-width:820px;width:100%;margin:0 auto}.inscription-step-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.step-title{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--type-md);font-weight:400;color:var(--text-primary);text-transform:none;letter-spacing:0;margin:0}.step-title-icon{display:block;flex-shrink:0}.team-flag-icon{width:32px;height:32px}.progress-section{margin:0}.progress-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.progress-title{font-family:var(--font-display);font-weight:400;font-size:var(--type-base);color:var(--text-primary)}.countdown-inline{display:inline-flex;align-items:center;gap:4px;padding:1px 0 1px 4px;background-color:transparent;background-image:radial-gradient(circle,rgba(30,255,180,.3) 1px,transparent 1px);background-size:3px 3px;border:none;border-radius:0;color:var(--color-primary)}.countdown-inline svg{color:var(--color-primary)}.countdown-text{font-family:var(--font-display);font-weight:400;font-size:var(--type-md);color:var(--color-primary)}@keyframes blink-colon{0%,49%{opacity:1}50%,to{opacity:0}}.blink-colon{animation:blink-colon 1s steps(1) infinite}.icon-arrow-right,.icon-compartir,.icon-plus{display:inline-block;width:20px;height:20px;background-color:currentColor;flex-shrink:0;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain}.icon-arrow-right{-webkit-mask-image:url(/icons/arrow-right.svg);mask-image:url(/icons/arrow-right.svg)}.icon-compartir{-webkit-mask-image:url(/icons/compartir-icon.svg);mask-image:url(/icons/compartir-icon.svg)}.icon-plus{-webkit-mask-image:url(/icons/plus.svg);mask-image:url(/icons/plus.svg)}.btn-add-player .icon-plus{width:24px;height:24px}.time-with-countdown{display:flex;align-items:center;gap:var(--space-3)}.time-with-countdown .countdown-inline{font-size:var(--type-xs)}.time-with-countdown .countdown-inline svg{width:14px;height:14px}.progress-bar{display:flex;align-items:center;height:16px;gap:3px;background:transparent;border-radius:0}.progress-bar-segment{width:2px;height:16px;flex-shrink:0;background:var(--gray-700);transition:background var(--duration-fast) var(--ease-in-out)}.progress-bar-segment.filled{background:var(--color-primary)}.progress-message{margin-top:var(--space-2);font-size:var(--type-sm);color:var(--text-secondary);text-align:center}.progress-message.complete{color:var(--color-primary);font-weight:400}.player-list-section{margin-bottom:var(--space-8)}.player-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.player-list-header h3{font-size:var(--type-base);color:var(--text-primary)}.player-list{display:flex;flex-direction:column;gap:var(--space-2)}.player-list-empty{text-align:center;padding:var(--space-8);color:var(--text-tertiary);background:var(--surface-2);border-radius:var(--radius-md)}.player-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:6px 8px;background-color:#000;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:3px 3px;border:none;border-radius:0;box-shadow:0 2px #000000b3;transition:background-color var(--duration-fast) var(--ease-in-out)}.player-card:hover{background-color:var(--surface-1)}.btn-icon-card{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;color:inherit}.player-card-actions{display:inline-flex;align-items:center;gap:20px}@media (min-width: 721px){.team-panel .btn-move-player img{transform:rotate(90deg)}}.btn-icon-card img{display:block}.physical-state-icon,.team-panel-player-state-icon{display:block;flex-shrink:0}.player-card-left{display:flex;align-items:center;gap:var(--space-3)}.player-avatar{width:40px;height:40px;border-radius:var(--radius-circle);background:var(--acid-yellow);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--type-sm)}.player-info h4{font-size:var(--type-sm);font-weight:600;color:var(--text-primary)}.player-position{font-size:var(--type-xs);color:var(--text-secondary)}.player-card-right{display:flex;align-items:center;gap:var(--space-3)}.physical-state{font-size:var(--type-xl)}.btn-info{font-size:var(--type-xs);color:var(--text-accent);background:none;border:none;cursor:pointer;font-weight:600}.btn-info:hover{text-decoration:underline}.inscription-extras{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-md)}.inscription-extra-section{display:flex;flex-direction:column;gap:var(--space-2)}.inscription-extra-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--type-sm);font-weight:600;color:var(--text-secondary)}.inscription-extra-header svg{color:var(--text-tertiary)}.inscription-extra-list{display:flex;flex-direction:column;gap:4px}.inscription-extra-item{display:flex;align-items:center;gap:var(--space-2);padding:4px 8px;background:var(--surface-3);border-radius:var(--radius-sm)}.inscription-extra-item.suplente{border-left:3px solid var(--semantic-warning)}.inscription-extra-item.hinchada{border-left:3px solid var(--semantic-info)}.inscription-extra-priority{font-size:var(--type-2xs);font-weight:700;color:var(--semantic-warning);background:rgba(255,179,0,.15);width:18px;height:18px;border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center}.inscription-extra-icon{color:var(--semantic-info);flex-shrink:0}.inscription-extra-name{flex:1;font-size:var(--type-xs);font-weight:500;color:var(--text-primary)}.inscription-actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.btn-join{width:100%;height:52px;padding:10px 18px 12px;font-family:var(--font-display);font-weight:400;font-size:var(--type-md);background-color:#060606;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:0;box-shadow:0 5px 0 0 var(--color-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:background-color var(--duration-fast) var(--ease-in-out)}.btn-join:hover{background-color:var(--acid-yellow-ultra)}.btn-join:active{background-color:var(--acid-yellow-dim)}.btn-continue{width:100%;height:52px;padding:10px 18px 12px;font-family:var(--font-display);font-weight:400;font-size:var(--type-md);background-color:#060606;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;color:var(--text-primary);border:1px solid var(--gray-500);border-radius:0;box-shadow:0 5px 0 0 var(--gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:background-color var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out),box-shadow var(--duration-fast) var(--ease-in-out)}.btn-continue:hover:not(:disabled){background-color:#222}.btn-continue:disabled{border-color:var(--gray-700);color:var(--gray-600);box-shadow:-2px 4px 0 0 var(--surface-3);cursor:not-allowed}.btn-continue.ready{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 5px 0 0 var(--color-primary)}.btn-continue.ready:hover{background-color:var(--acid-yellow-ultra);color:var(--color-primary)}.continue-hint{font-size:var(--type-xs);color:var(--text-tertiary);text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:var(--z-modal);animation:fadeIn var(--duration-normal) var(--ease-out-expo)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background-color:#060606;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;border:none;border-radius:0;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:inset 0 0 0 4px #000,var(--shadow-lg);animation:slideUp var(--duration-normal) var(--ease-out-expo)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:var(--border-subtle)}.modal-header h2{display:inline-block;background:#000;color:var(--text-primary);font-family:var(--font-display);font-size:var(--type-xl);font-weight:400;letter-spacing:0;padding:2px 4px;margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;color:var(--text-tertiary);transition:all var(--duration-fast)}.modal-close:hover{background:var(--surface-3);color:var(--text-primary)}.modal-body{padding:var(--space-5);max-height:60vh;overflow-y:auto}.modal-footer{display:flex;gap:var(--space-3);padding:var(--space-5);border-top:var(--border-subtle)}.modal-footer .btn{flex:1}.join-form .form-group{margin-bottom:var(--space-6)}.physical-state-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.state-label{min-width:0;text-align:center}@media (max-width: 480px){.state-option{padding:var(--space-2)}.state-label{font-size:clamp(12px,3.5vw,var(--type-md))}}.state-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border:2px solid rgba(255,255,255,.1);border-radius:0;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out);background-color:#0a0a0a;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;color:var(--text-primary)}.state-option:hover:not(.selected){border-color:#fff6;background-color:var(--surface-2)}.state-option.selected{border-color:var(--color-primary);color:var(--color-primary)}.state-emoji{font-size:2rem}.state-icon{width:32px;height:32px;display:block}.state-label{font-family:var(--font-display);font-size:var(--type-md);font-weight:400;color:inherit}.player-profile{text-align:center;margin-bottom:var(--space-6)}.player-profile-avatar{width:80px;height:80px;border-radius:var(--radius-circle);background:var(--acid-yellow);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2rem;margin:0 auto var(--space-4)}.player-profile h3{font-size:var(--type-xl);font-family:var(--font-display);margin-bottom:var(--space-1);color:var(--text-primary)}.player-profile-state{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-4);background:var(--surface-3);border-radius:var(--radius-pill);font-size:var(--type-sm);color:var(--text-secondary)}.player-details{margin-bottom:var(--space-6)}.detail-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:var(--border-subtle)}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);font-size:var(--type-sm)}.detail-value{font-weight:600;color:var(--text-primary)}.attributes-section h4{font-size:var(--type-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4)}.attribute-row{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2)}.attribute-label{width:100px;font-size:var(--type-sm);color:var(--text-secondary)}.attribute-bar{flex:1;height:8px;background:var(--surface-4);border-radius:var(--radius-pill);overflow:hidden}.attribute-bar-fill{height:100%;background:var(--acid-yellow);border-radius:var(--radius-pill);transition:width var(--duration-slow) var(--ease-out-expo)}.attribute-value{width:40px;text-align:right;font-size:var(--type-sm);font-weight:600;color:var(--text-primary)}.overall-level{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--surface-3);border-radius:var(--radius-md);margin-top:var(--space-4)}.overall-label{font-weight:600;color:var(--text-primary)}.overall-value{font-size:var(--type-2xl);font-family:var(--font-display);font-weight:700;color:var(--text-accent)}.share-button-container{position:relative}.share-btn{display:flex;align-items:center;gap:var(--space-2);padding:6px 16px 8px 12px;height:40px;background-color:#060606;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;border:1px dotted var(--gray-500);border-radius:0;box-shadow:0 5px 0 0 var(--gray-600);cursor:pointer;font-family:var(--font-display);font-size:var(--type-md);font-weight:400;color:var(--text-primary);transition:background-color var(--duration-fast) var(--ease-in-out)}.share-btn:hover,.share-btn.active{background-color:#222}.share-btn:active{background-color:#3a3a3a}.share-btn.copied{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 5px 0 0 var(--color-primary)}.share-menu{position:absolute;top:calc(100% + 8px);left:0;background-color:#060606;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;border:none;border-radius:0;box-shadow:inset 0 0 0 4px #000,var(--shadow-lg);min-width:260px;z-index:var(--z-floating);overflow:hidden}.share-menu-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-color);font-weight:600;font-size:.875rem;color:var(--text-primary)}.share-menu-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm)}.share-menu-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.share-menu-options{padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--space-2)}.share-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:transparent;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:3px 3px;border:none;border-radius:0;cursor:pointer;font-family:var(--font-display);font-size:var(--type-base);color:var(--text-primary);text-align:left;transition:background-color .15s}.share-option:hover{background-color:var(--surface-1)}.share-option svg{color:var(--text-muted);flex-shrink:0}.share-option .copied-icon{color:var(--color-primary);margin-left:auto}.team-builder-placeholder{text-align:center;padding:var(--spacing-2xl);background-color:var(--bg-card);border-radius:var(--border-radius);border:2px dashed var(--border-color)}.team-builder-placeholder h2{margin-bottom:var(--spacing-md);color:var(--text-primary)}.team-builder-placeholder p{color:var(--text-secondary)}.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:#000;font-family:var(--font-display);font-size:var(--type-md);color:var(--text-primary);z-index:100;white-space:nowrap}.loading:before{content:"";display:block;width:19px;height:18px;background-image:url(/soccer-ball.svg);background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0}.error-state{text-align:center;padding:var(--space-12);background:rgba(255,61,87,.12);border-radius:var(--radius-xl);border:1px solid rgba(255,61,87,.3)}.error-state h3{color:var(--semantic-error);margin-bottom:var(--space-2)}.error-state p{color:#991b1b;margin-bottom:var(--spacing-lg)}@media (max-width: 640px){.list-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.list-header h1{font-size:1.5rem}.match-header h1{font-size:1.75rem}.modal-overlay{padding:0}.modal{margin:0;width:100%;max-width:none;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;box-shadow:inset 0 0 0 4px #000;display:flex;flex-direction:column}.modal-body{max-height:none;flex:1 1 auto}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.mt-md{margin-top:var(--spacing-md)}.mb-md{margin-bottom:var(--spacing-md)}.text-muted{color:var(--text-muted)}.btn-block{width:100%}.team-builder-step{flex:0 0 auto;display:flex;flex-direction:column;background-color:#060606;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;border:none;border-radius:0;box-shadow:inset 0 0 0 4px #000;padding:12px 16px 16px;min-height:0}.team-builder-layout-new{display:flex;flex-direction:column;gap:var(--space-3);flex:1;min-height:0}.match-page--armado_equipos .match-header,.match-page--armado_equipos .soccer-field-container,.match-page--armado_equipos .team-builder-step,.match-page--armado_equipos>.inscription-step,.match-page--armado_equipos .team-builder-extras-row{max-width:960px;width:100%;margin-left:auto;margin-right:auto}.match-page--jugando>*,.match-page--finalizado>*{max-width:820px;width:100%;margin-left:auto;margin-right:auto}.match-page--armado_equipos .match-header+.soccer-field-container{margin-top:calc(-1 * var(--space-2))}.team-builder-teams-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.team-builder-extras-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}@media (max-width: 720px){.team-builder-teams-row{grid-template-columns:1fr;gap:var(--space-6)}.team-builder-extras-row{grid-template-columns:1fr;gap:var(--space-2)}}@media (max-width: 900px){.match-page{overflow-y:auto;height:auto;min-height:100vh}.team-builder-step{overflow:visible;max-height:none}.team-panel{max-height:none;overflow:visible}.soccer-field-container{min-height:320px;max-height:none}.inscription-step{max-height:none;overflow:visible}}.team-builder-center{display:flex;flex-direction:column;gap:var(--space-4);align-items:stretch;min-height:0;overflow-y:auto;height:100%}.team-builder-actions-center{display:flex;gap:var(--space-2);justify-content:center}.team-panel{display:flex;flex-direction:column;overflow:visible;align-self:flex-start;height:100%;width:100%}.team-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.team-panel-title{cursor:pointer}.team-panel-title:hover .edit-icon-inline{opacity:1}.edit-icon-inline{opacity:0;transition:opacity var(--duration-fast);color:var(--text-tertiary)}.team-panel-title-edit{display:flex;align-items:center;gap:4px;flex:1}.team-name-input-inline{font-family:var(--font-display);font-size:var(--type-sm);font-weight:400;padding:2px 6px;background:var(--surface-3);border:var(--border-default);border-radius:0;color:var(--text-primary);width:100%;max-width:140px}.btn-save-name{background:rgba(0,200,83,.15);color:var(--semantic-success);border:none;border-radius:var(--radius-xs);padding:2px;cursor:pointer}.btn-save-name:hover{background:var(--semantic-success);color:var(--text-inverse)}.count-chip{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:0;background-color:var(--surface-1);background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px);background-size:3px 3px;font-family:var(--font-display);font-size:var(--type-base);font-weight:400;color:var(--text-primary);line-height:1}.count-chip--sm{min-width:20px;height:20px;font-size:10px}.count-chip--lg{min-width:32px;height:32px;font-size:var(--type-md)}.team-panel-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.team-panel-empty{padding:var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--type-xs)}.team-panel-add-link{display:flex;align-items:center;justify-content:center;gap:var(--space-1);width:100%;padding:var(--space-2);margin-top:var(--space-2);border:none;background:none;color:var(--text-accent);font-size:var(--type-xs);font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast)}.team-panel-add-link:hover{background:var(--surface-3);text-decoration:underline}.team-panel-player{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--surface-3);border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:3px solid transparent;transition:all var(--duration-fast)}.team-panel-player.team-blanco{border-left-color:#fff}.team-panel-player.team-oscuro{border-left-color:#0d0d0d}.team-panel-player.unassigned{border-left-color:var(--text-tertiary);cursor:pointer}.team-panel-player.unassigned:hover{background:var(--surface-4)}.team-panel-player-info{display:flex;align-items:center;gap:var(--space-1);flex:1;min-width:0}.team-panel-player-number{font-size:var(--type-xs);font-weight:600;color:var(--text-tertiary);min-width:20px;flex-shrink:0}.team-panel-player-name{font-size:var(--type-xs);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-panel-player-state{font-size:var(--type-xs);flex-shrink:0}.team-panel-player-meta{display:flex;align-items:center;gap:var(--space-1)}.team-panel-player-role{font-size:var(--type-2xs);font-weight:600;color:var(--text-tertiary);background:var(--surface-4);padding:2px 6px;border-radius:var(--radius-xs)}.team-panel-player-actions{display:flex;gap:2px}.btn-icon-sm{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-xs);transition:all var(--duration-fast)}.btn-icon-sm:hover{background:var(--surface-4);color:var(--text-accent)}.btn-icon-sm.btn-remove-sm:hover{background:rgba(255,61,87,.15);color:var(--semantic-error)}.btn-icon-sm.btn-swap-team{color:var(--text-tertiary)}.btn-icon-sm.btn-swap-team:hover{background:rgba(30,255,180,.15);color:var(--color-primary)}.team-panel.drag-over{background:var(--surface-3);box-shadow:inset 0 0 0 2px var(--color-primary)}.team-panel-player.dragging{opacity:.5;cursor:grabbing}.team-panel-player{cursor:grab;transition:opacity .15s,background .15s}.team-panel-player:hover{background:var(--surface-4)}.btn-assign-sm{font-size:.625rem;font-weight:600;padding:4px 8px;border:none;background-color:var(--color-primary);color:#fff;border-radius:4px;cursor:pointer;transition:all .15s}.btn-assign-sm:hover{background-color:var(--color-primary-dark)}.team-panel-unassigned{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px dashed var(--border-color)}.team-panel-unassigned-header{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--spacing-sm)}.team-builder-left,.team-builder-right{display:flex;flex-direction:column;gap:var(--spacing-md)}.team-builder-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.player-list-panel{flex:1;display:flex;flex-direction:column;min-height:0}.player-list-header{margin-bottom:var(--spacing-md)}.player-list-header h3{font-size:1rem;color:var(--text-primary)}.player-search{position:relative;margin-bottom:var(--spacing-md)}.player-search .search-icon{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--text-muted)}.player-search input{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 36px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:.875rem}.player-search input:focus{outline:none;border-color:var(--color-primary)}.player-list-content{flex:1;overflow-y:auto;min-height:200px;max-height:400px}.player-list-section{margin-bottom:var(--spacing-md)}.section-header{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color)}.section-header.team-blanco{color:var(--color-primary);border-color:var(--color-primary-light)}.section-header.team-oscuro{color:var(--text-primary);border-color:var(--text-secondary)}.player-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color .15s}.player-list-item:hover{background-color:var(--bg-primary)}.player-list-item-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.player-checkbox{flex-shrink:0}.checkbox-empty{width:18px;height:18px;border:2px solid var(--border-color);border-radius:4px}.checkbox-checked{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff}.checkbox-checked.team-blanco{background-color:var(--color-primary)}.checkbox-checked.team-oscuro{background-color:var(--text-primary)}.player-list-info{flex:1;min-width:0}.player-list-name{font-size:.875rem;font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.player-state-emoji{font-size:.875rem}.player-list-position{font-size:.75rem;color:var(--text-muted)}.player-list-assignment{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.75rem}.team-indicator{font-weight:600}.team-indicator.team-blanco{color:var(--color-primary)}.team-indicator.team-oscuro{color:var(--text-primary)}.role-indicator{color:var(--text-muted)}.player-list-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.btn-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:all .15s}.btn-remove:hover{background:rgba(255,61,87,.15);color:var(--semantic-error)}.soccer-field-container{display:flex;flex-direction:column;gap:var(--space-2);flex:0 0 auto;min-height:0;height:auto}.team-name{text-align:center}.team-name-btn{background:none;border:none;font-size:var(--type-sm);font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--duration-fast);display:inline-flex;align-items:center;gap:var(--space-1)}.team-name-btn:hover{background:var(--surface-3)}.team-name-btn .edit-hint{opacity:0;transition:opacity var(--duration-fast);font-size:var(--type-xs)}.team-name-btn:hover .edit-hint{opacity:1}.team-blanco-name{color:var(--text-accent)}.team-oscuro-name{color:var(--text-primary)}.team-name-input{width:200px;padding:var(--space-1) var(--space-2);border:2px solid var(--acid-yellow);border-radius:0;background:var(--surface-3);color:var(--text-primary);font-family:var(--font-display);font-size:var(--type-sm);font-weight:400;text-transform:uppercase;text-align:center}.soccer-field{position:relative;width:100%;aspect-ratio:9 / 5;max-height:440px;margin-left:auto;margin-right:auto;overflow:hidden;box-shadow:var(--shadow-md)}.field-svg{width:100%;height:100%}.field-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;padding:4px;overflow:hidden;background-color:#2fb553;background-image:radial-gradient(circle,rgba(0,0,0,.4) 1px,transparent 1px);background-size:3px 3px;box-sizing:border-box}.field-middle{display:flex;flex-direction:column;flex:1 0 0;min-width:0;overflow:hidden}.field-mid-row{display:flex;flex:1 0 0;min-height:0;width:100%}.field-line{background:#fff;flex-shrink:0}.field-line-vertical{width:2px;align-self:stretch}.field-line-horizontal{height:2px;width:100%}.field-half{display:flex;flex:1 0 0;min-width:0;height:100%;align-items:center;overflow:hidden}.field-half-left{justify-content:flex-start}.field-half-right{justify-content:flex-end}.field-area{display:flex;height:40%;aspect-ratio:51 / 82;flex-shrink:0}.field-area-inner{display:flex;flex-direction:column;flex:1 0 0;min-width:0;justify-content:space-between}.field-half-left .field-area-inner{align-items:flex-end}.field-half-right .field-area-inner{align-items:flex-start}.field-area-dot-wrap{display:flex;align-items:center}.field-area-dot-wrap-left{padding-right:8px}.field-area-dot-wrap-right{padding-left:8px}.field-penalty-dot{width:5px;height:5px;background:#fff;border-radius:50%;flex-shrink:0}.field-center-line{width:2px;align-self:stretch;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.field-half{height:100%}.field-half-light{fill:#1a5c3a}.field-half-dark{fill:#145030}.field-players{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.field-player{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;cursor:grab;pointer-events:auto;transition:transform .1s;z-index:10}.field-player:hover{transform:translate(-50%,-50%) scale(1.1);z-index:20}.field-player.dragging{cursor:grabbing;opacity:.85;transform:translate(-50%,-50%) scale(1.15);z-index:30}.field-player-dot{width:13px;height:13px;border-radius:50%;flex-shrink:0}.field-player.team-blanco .field-player-dot{background:#fff;box-shadow:0 2px #6565658c}.field-player.team-oscuro .field-player-dot{background:#0d0d0d;box-shadow:0 -1px #65656566,0 2px #6565658c}.field-player-tag{display:inline-flex;align-items:center;gap:1px;padding:3px 1px 1px 2px;background:#000;max-width:110px;min-width:0}.field-player-name{font-family:"Press Start 2P",var(--font-display);font-size:9px;letter-spacing:-.18px;text-transform:uppercase;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.field-player-mood{display:block;flex-shrink:0;width:14px;height:14px}.field-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fffc;text-shadow:0 1px 3px rgba(0,0,0,.5);font-size:var(--type-sm);text-align:center;gap:var(--space-1)}.extra-panels{display:flex;gap:var(--space-4);flex-wrap:wrap}.suplentes-panel,.hinchada-panel{flex:1;min-width:200px;background:var(--surface-2);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4)}.suplentes-header,.hinchada-header{display:flex;align-items:center;gap:var(--space-1);font-size:var(--type-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.suplentes-list{display:flex;flex-direction:column;gap:4px}.suplente-item{display:flex;align-items:center;gap:var(--space-2);padding:4px 8px;background:var(--surface-3);border-radius:var(--radius-sm);border-left:3px solid var(--semantic-warning)}.suplente-priority{font-size:var(--type-2xs);font-weight:700;color:var(--semantic-warning);background:rgba(255,179,0,.15);width:18px;height:18px;border-radius:var(--radius-circle);display:flex;align-items:center;justify-content:center}.suplente-name{flex:1;font-size:var(--type-xs);font-weight:500;color:var(--text-primary)}.suplente-state{font-size:var(--type-xs)}.btn-promote{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:rgba(0,200,83,.15);color:var(--semantic-success);cursor:pointer;border-radius:var(--radius-xs);transition:all var(--duration-fast)}.btn-promote:hover{background:var(--semantic-success);color:var(--text-inverse)}.suplentes-full-notice{font-size:var(--type-2xs);color:var(--text-tertiary);text-align:center;padding:4px;font-style:italic}.hinchada-list{display:flex;flex-direction:column;gap:4px}.hinchada-item{display:flex;align-items:center;gap:var(--space-2);padding:4px 8px;background:var(--surface-3);border-radius:var(--radius-sm);border-left:3px solid var(--semantic-info)}.hinchada-icon{color:var(--semantic-info);flex-shrink:0}.hinchada-name{flex:1;font-size:var(--type-xs);font-weight:500;color:var(--text-primary)}.balance-indicator{background-color:#000;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:3px 3px;border:none;border-radius:0;box-shadow:0 2px #000000b3;padding:var(--space-3) var(--space-4)}.balance-title{font-family:var(--font-display);font-size:var(--type-base);font-weight:400;color:var(--text-primary);margin:0}.balance-title-short{display:none}@media (max-width: 640px){.balance-title-full{display:none}.balance-title-short{display:inline}}.balance-divergent{margin-bottom:0}.divergent-labels{display:flex;justify-content:space-between;margin-bottom:var(--space-1)}.divergent-label-left,.divergent-label-right{display:flex;align-items:center;gap:var(--space-1)}.divergent-team-name{font-size:var(--type-xs);font-weight:500;color:var(--text-secondary);max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.divergent-value{font-size:var(--type-sm);font-weight:700}.divergent-value.team-blanco{color:var(--text-accent)}.divergent-value.team-oscuro{color:var(--text-primary)}.balance-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.balance-team-label{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:var(--type-sm);color:var(--text-primary);min-width:0;overflow:hidden}.balance-team-label-left{justify-content:flex-start}.balance-team-label-right{justify-content:flex-end}.balance-team-name{color:var(--text-secondary);min-width:0;flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.balance-team-value{background-color:transparent;background-image:radial-gradient(circle,rgba(30,255,180,.35) 1px,transparent 1px);background-size:3px 3px;color:var(--color-primary);padding:2px 5px;font-size:var(--type-3xs);letter-spacing:var(--tracking-tight);font-family:"Press Start 2P",var(--font-display);flex-shrink:0}.balance-divergent-bar{display:flex;align-items:center;height:16px;gap:3px}.balance-divergent-side{display:flex;flex:1;align-items:center;gap:3px}.balance-divergent-side{overflow:hidden}.balance-divergent-side-left{justify-content:flex-end}.balance-divergent-side-right{justify-content:flex-start}.balance-divergent-center{width:1px;height:24px;background:var(--gray-400);flex-shrink:0}.divergent-bar-container{display:flex;align-items:center;height:20px;background:var(--surface-4);border-radius:var(--radius-pill);overflow:hidden}.divergent-bar-side{flex:1;height:100%;display:flex}.divergent-bar-left{justify-content:flex-end}.divergent-bar-right{justify-content:flex-start}.divergent-bar-center{width:2px;height:100%;background:var(--surface-5);flex-shrink:0}.divergent-segment{height:100%;transition:width var(--duration-slow) var(--ease-out-expo)}.divergent-segment.team-blanco{background:var(--acid-yellow);border-radius:var(--radius-pill) 0 0 var(--radius-pill)}.divergent-segment.team-oscuro{background:var(--text-primary);border-radius:0 var(--radius-pill) var(--radius-pill) 0}.divergent-scale{display:flex;justify-content:space-between;margin-top:4px;font-size:var(--type-2xs);color:var(--text-tertiary)}.divergent-scale span:nth-child(2){position:relative;left:0}.balance-status{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--type-xs);font-weight:600;margin-bottom:var(--space-4)}.balance-status.balanced{background:rgba(0,200,83,.12);color:var(--semantic-success)}.balance-status.warning{background:rgba(255,179,0,.12);color:var(--semantic-warning)}.balance-status.unbalanced{background:rgba(255,61,87,.12);color:var(--semantic-error)}.balance-roles{font-size:var(--type-xs);margin-bottom:var(--space-2)}.balance-roles-header{font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-1)}.balance-roles-row{display:flex;gap:var(--space-2);margin-bottom:2px}.team-label{font-weight:600;min-width:80px}.team-label.blanco{color:var(--text-accent)}.team-label.oscuro{color:var(--text-primary)}.roles-list{color:var(--text-tertiary)}.balance-issues{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-2)}.balance-issue{display:flex;align-items:center;gap:var(--space-1);font-size:var(--type-xs);color:var(--semantic-error)}.balance-counts{font-size:var(--type-xs);color:var(--text-muted);text-align:center}.assign-modal-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.assign-player-summary{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.player-state-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-primary);border-radius:9999px;font-size:.875rem}.player-preferred{font-size:.875rem;color:var(--text-secondary)}.assign-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.assign-section label{font-weight:600;font-size:.875rem;color:var(--text-primary)}.team-selector{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.team-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-secondary);cursor:pointer;transition:all .15s}.team-option:hover:not(:disabled){border-color:var(--text-muted)}.team-option.selected{border-color:var(--color-primary);background-color:#16a34a0d}.team-option.full{opacity:.5;cursor:not-allowed}.team-color{width:20px;height:20px;border-radius:50%;flex-shrink:0}.team-color.blanco{background:var(--acid-yellow);border:2px solid rgba(30,255,180,.5)}.team-color.oscuro{background:var(--surface-1);border:2px solid rgba(255,255,255,.2)}.team-option .team-name{flex:1;font-weight:600;font-size:var(--type-sm);text-align:left}.team-count{font-size:var(--type-xs);color:var(--text-tertiary)}.role-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.role-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-secondary);cursor:pointer;transition:all .15s}.role-option:hover:not(:disabled){border-color:var(--text-muted)}.role-option.selected{border-color:var(--color-primary);background-color:#16a34a0d}.role-option.unavailable{opacity:.5;cursor:not-allowed}.role-icon{font-size:1.5rem}.role-label{font-weight:600;font-size:.875rem}.role-count{font-size:.625rem;color:var(--text-muted)}.role-warning{font-size:.625rem;color:#dc2626}.assign-hint{font-size:.875rem;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);background-color:var(--bg-primary)}.hint-match{color:var(--color-primary)}.hint-different{color:var(--text-secondary)}@media (max-width: 900px){.team-builder-layout{grid-template-columns:1fr}.team-builder-left{order:2}.team-builder-right{order:1}.player-list-content{max-height:300px}.soccer-field{min-height:250px}}@media (max-width: 480px){.team-selector,.role-selector{grid-template-columns:1fr}.field-player-avatar{width:28px;height:28px;font-size:.625rem}}.compact-list{display:flex;flex-direction:column;gap:8px}.player-card.compact{border-radius:0;min-height:auto}.player-card.compact .player-card-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.player-card.compact .player-index{font-family:var(--font-display);font-size:var(--type-md);font-weight:400;color:var(--text-secondary);min-width:20px}.player-card.compact .player-name-compact{font-family:var(--font-display);font-size:var(--type-md);font-weight:400;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-card.compact .physical-state-compact{font-size:.875rem;flex-shrink:0}.btn-info-compact{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:all .15s;flex-shrink:0}.btn-info-compact:hover{background-color:var(--bg-secondary);color:var(--color-primary)}.registration-type-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-2)}@media (max-width: 480px){.type-option{padding:var(--space-2)}.type-label{font-size:clamp(12px,3.5vw,var(--type-md));white-space:nowrap}}.type-option{display:flex;align-items:center;justify-content:center;padding:var(--space-4);border:2px solid rgba(255,255,255,.1);border-radius:0;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out),color var(--duration-fast) var(--ease-in-out);background-color:#0a0a0a;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;color:var(--text-primary)}.type-option:hover:not(.disabled):not(.selected){border-color:#fff6;background-color:var(--surface-2)}.type-option.selected{border-color:var(--color-primary);color:var(--color-primary)}.type-option.disabled{opacity:.4;cursor:not-allowed}.type-label{font-family:var(--font-display);font-weight:400;font-size:var(--type-md);color:inherit}.type-description{font-size:.75rem;color:var(--text-muted)}.type-full{font-size:var(--type-2xs);font-weight:600;text-transform:uppercase;color:var(--semantic-error);background:rgba(255,61,87,.12);padding:2px 6px;border-radius:var(--radius-xs)}.spots-info{display:flex;gap:var(--space-4);font-size:var(--type-sm);color:var(--gray-200);margin-top:var(--space-1)}.friends-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px dashed var(--border-color)}.friends-section-header{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.friend-input-row{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.friend-input{flex:1;padding:10px;height:48px;background-color:#0a0a0a;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;border:2px solid rgba(255,255,255,.1);border-radius:0;color:var(--text-primary);font-family:var(--font-display);font-size:var(--type-md);outline:none;transition:border-color var(--duration-fast),background-color var(--duration-fast)}.friend-input::placeholder{color:var(--text-tertiary)}.friend-input:hover:not(:focus){background-color:var(--surface-1);border-color:#ffffff2e}.friend-input:focus{outline:none;border-color:#1effb480}.btn-add-friend{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap}@media (max-width: 480px){.btn-add-friend-text{display:none}.btn-add-friend{padding:var(--spacing-sm)}}.friends-list{background-color:var(--bg-primary);border-radius:var(--border-radius-sm);padding:var(--spacing-md)}.friends-list-header{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.friends-list-items{display:flex;flex-direction:column;gap:4px}.friend-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:6px 8px;background-color:var(--bg-secondary);border-radius:var(--border-radius-sm)}.friend-number{font-size:.75rem;font-weight:600;color:var(--text-muted);min-width:20px}.friend-name{flex:1;font-size:.875rem;font-weight:500;color:var(--text-primary)}.friend-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:all .15s}.friend-remove:hover{background:rgba(255,61,87,.15);color:var(--semantic-error)}.empty-slot,.empty-team-slot{display:flex;align-items:center;gap:var(--space-2);padding:6px 8px;background-color:var(--surface-1);background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px);background-size:3px 3px;border:none;border-radius:0;box-shadow:0 2px #000000b3;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-in-out)}.empty-slot:hover,.empty-team-slot:hover{background-color:var(--surface-2)}.empty-slot-index{font-family:var(--font-display);font-size:var(--type-md);font-weight:400;color:var(--text-secondary);min-width:20px}.empty-slot-text{flex:1;font-family:var(--font-display);font-size:var(--type-md);font-weight:400;color:var(--text-secondary);font-style:normal}.empty-slot-icon{color:var(--text-secondary)}.empty-slot:hover .empty-slot-icon,.empty-team-slot:hover .empty-slot-icon{color:var(--text-primary)}.empty-slot-promote-btn,.empty-slot-add-btn{display:flex;align-items:center;gap:var(--space-1);flex:1;padding:4px 8px;border:none;border-radius:var(--radius-xs);font-size:var(--type-xs);cursor:pointer;transition:all .15s}.empty-slot-promote-btn{background:rgba(30,255,180,.15);color:var(--color-primary)}.empty-slot-promote-btn:hover{background:rgba(30,255,180,.25)}.empty-slot-add-btn{background:transparent;color:var(--text-tertiary)}.empty-slot-add-btn:hover{background:var(--surface-4);color:var(--text-secondary)}.empty-slot-suplente-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-add-player{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:6px 16px 8px 6px;height:40px;border-radius:0;background-color:#060606;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;color:var(--color-primary);border:1px dotted var(--color-primary);box-shadow:0 5px 0 0 var(--color-primary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-in-out);flex-shrink:0;font-family:var(--font-display);font-size:var(--type-md);font-weight:400}.btn-add-player:hover{background-color:var(--acid-yellow-ultra)}.btn-add-player:active{background-color:var(--acid-yellow-dim)}.btn-add-player.btn-start-match{padding-left:var(--space-4);padding-right:var(--space-4)}:root{--crt-scanline-intensity: .35;--crt-scanline-size: 3px;--crt-subpixel: .5;--crt-brightness: 1.02;--crt-contrast: 1.05;--crt-saturation: 1.1;--crt-vignette: .35;--crt-flicker: .08;--crt-flicker-speed: .11s}.crt-svg-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}body.crt-on #root{filter:url(#crt-rgb-shift) saturate(var(--crt-saturation)) contrast(var(--crt-contrast)) brightness(var(--crt-brightness))}.crt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;overflow:hidden}.crt-overlay__scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,calc(var(--crt-scanline-intensity) * .6)) 0px,rgba(0,0,0,calc(var(--crt-scanline-intensity) * .6)) 1px,transparent 1px,transparent var(--crt-scanline-size));mix-blend-mode:multiply}.crt-overlay__scanlines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(to right,rgba(255,0,80,calc(var(--crt-subpixel) * .12)) 0px,rgba(0,255,120,calc(var(--crt-subpixel) * .12)) 1px,rgba(0,120,255,calc(var(--crt-subpixel) * .12)) 2px);mix-blend-mode:screen}.crt-overlay__flicker{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,var(--crt-flicker));mix-blend-mode:overlay;animation:crt-flicker var(--crt-flicker-speed) steps(2) infinite}.crt-overlay__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,var(--crt-vignette)) 100%)}@keyframes crt-flicker{0%{opacity:.85}50%{opacity:1}to{opacity:.92}}@media (prefers-reduced-motion: reduce){.crt-overlay__flicker{animation:none}}.crt-toggle-group{display:inline-flex;gap:6px}.crt-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--gray-950);color:#fff;border:none;border-radius:0;font-family:var(--font-display);font-size:var(--type-sm);letter-spacing:.26px;padding:0 4px;white-space:nowrap;cursor:pointer}.crt-toggle svg{color:var(--gray-300)}.crt-toggle[aria-pressed=true]{background:var(--acid-yellow, #d4ff00);color:#000}.crt-toggle[aria-pressed=true] svg{color:#000}.crt-toggle--settings{padding:0 4px}.crt-panel{position:fixed;top:16px;right:16px;z-index:10000;width:280px;max-height:calc(100vh - 32px);background:rgba(10,10,10,.92);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:8px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 12px 30px #00000073;font-family:var(--font-display);display:flex;flex-direction:column}.crt-panel__header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1);font-size:var(--type-sm, 12px);letter-spacing:.08em}.crt-panel__actions{display:inline-flex;gap:4px}.crt-panel__icon-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fff;padding:4px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.crt-panel__icon-btn:hover{background:rgba(255,255,255,.08)}.crt-panel__body{padding:8px 12px 12px;overflow-y:auto}.crt-panel__group{border:none;border-top:1px solid rgba(255,255,255,.08);padding:8px 0 4px;margin:0}.crt-panel__group:first-child{border-top:none}.crt-panel__group legend{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;padding:0;margin-bottom:4px}.crt-panel__row{display:grid;grid-template-columns:80px 1fr 36px;align-items:center;gap:8px;padding:4px 0;font-size:11px}.crt-panel__label{color:#ffffffd9}.crt-panel__row input[type=range]{width:100%;accent-color:var(--acid-yellow, #d4ff00)}.crt-panel__value{text-align:right;color:#fff9;font-variant-numeric:tabular-nums}.in-game-header{background-color:#060606;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;box-shadow:inset 0 0 0 4px #000;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-6);width:100%}.in-game-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.in-game-title{margin:0;flex:1;min-width:0;display:inline-flex;align-items:flex-start;gap:var(--space-3);font-family:var(--font-display);font-size:var(--type-2xl);font-weight:400;line-height:var(--leading-tight);color:var(--text-primary)}.in-game-title-text{letter-spacing:var(--tracking-tight)}.in-game-clock{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 4px;font-family:var(--font-display);font-size:16px;letter-spacing:1px;color:#ffc41b;font-variant-numeric:tabular-nums}.in-game-clock-icon{width:16px;height:16px;background-color:currentColor;-webkit-mask:url(/icons/timer-nobg.svg) center / contain no-repeat;mask:url(/icons/timer-nobg.svg) center / contain no-repeat}.in-game-clock:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffb3004d;mix-blend-mode:color-dodge;pointer-events:none}.btn-finish{padding:6px var(--space-4) 8px var(--space-4);height:40px;border-radius:0;background-color:#060606;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;color:#ff5d5d;border:1px dotted #ff5d5d;box-shadow:0 5px #ff5d5d;cursor:pointer;font-family:var(--font-display);font-size:var(--type-md);font-weight:400;flex-shrink:0;transition:background-color var(--duration-fast) var(--ease-in-out)}.btn-finish:hover{background-color:#ff5d5d1f}.btn-finish__short{display:none}.in-game-scoreboard{position:relative;overflow:hidden}.in-game-scoreboard__score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-4)}.in-game-score-team{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:0}.in-game-score{font-family:var(--font-display);font-size:74px;color:var(--white);line-height:1;font-variant-numeric:tabular-nums}.in-game-score-label{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:var(--type-md);color:var(--text-secondary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.in-game-score-center{display:flex;flex-direction:column;align-items:center;align-self:start}.in-game-score-dash{font-family:var(--font-display);font-size:70px;color:var(--text-secondary);line-height:1}.goal-controls{display:inline-flex;align-items:center;gap:var(--space-2)}.goal-controls--readonly{gap:0;padding:0 var(--space-2)}.goal-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid rgba(30,255,180,.4);background-color:transparent;color:var(--color-primary);cursor:pointer;border-radius:0;transition:background-color var(--duration-fast) var(--ease-in-out)}.goal-btn:hover:not(:disabled){background-color:var(--acid-yellow-ultra)}.goal-btn:disabled{opacity:.3;cursor:not-allowed}.goal-count{font-family:var(--font-display);font-size:var(--type-md);color:var(--white);min-width:32px;text-align:center;font-variant-numeric:tabular-nums}@keyframes golSlideInFromRight{0%{transform:translate(110%)}to{transform:translate(0)}}@keyframes golSlideOutToLeft{0%{transform:translate(0)}to{transform:translate(-110%)}}@keyframes golSlideInFromLeft{0%{transform:translate(-110%)}to{transform:translate(0)}}@keyframes golSlideOutToRight{0%{transform:translate(0)}to{transform:translate(110%)}}@keyframes golFlash{0%,49%{opacity:1}50%,to{opacity:0}}.in-game-scoreboard__score.phase-enter{animation:golSlideOutToLeft var(--gol-enter-ms, .3s) linear forwards}.in-game-scoreboard__score.phase-flash{transform:translate(-110%)}.in-game-scoreboard__score.phase-exit{animation:golSlideInFromRight var(--gol-exit-ms, .3s) linear forwards}.in-game-scoreboard__gol{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:var(--space-3);pointer-events:none}.in-game-scoreboard__gol-ball{width:80px;height:80px;flex-shrink:0}.in-game-scoreboard__gol-text{font-family:var(--font-display);font-size:90px;color:#fff;line-height:1;letter-spacing:var(--tracking-tight);white-space:nowrap}.in-game-scoreboard__gol.phase-enter{animation:golSlideInFromRight var(--gol-enter-ms, .3s) linear forwards}.in-game-scoreboard__gol.phase-flash{animation:golFlash var(--gol-flash-cycle-ms, 1s) linear var(--gol-flash-count, 3)}.in-game-scoreboard__gol.phase-exit{animation:golSlideOutToLeft var(--gol-exit-ms, .3s) linear forwards}.in-game-score--highlight{animation:golFlash var(--gol-highlight-cycle-ms, .8s) linear var(--gol-highlight-count, 3)}@media (max-width: 640px){.match-page--jugando,.match-page--finalizado{overflow:visible}.in-game-header{padding:var(--space-3);gap:var(--space-6);position:sticky;top:0;z-index:var(--z-floating)}.btn-finish__full{display:none}.btn-finish__short{display:inline}.in-game-score{font-size:56px}.in-game-score-dash{font-size:32px}.in-game-scoreboard__gol-text{font-size:74px}.in-game-scoreboard__gol-ball{width:52px;height:52px}}.app--splash{display:flex;flex-direction:column;min-height:100vh}.app--splash .splash-page{flex:1}.splash-page{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-2) 0}.splash-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding-top:var(--space-4);width:100%;max-width:420px}.splash-logo{display:block;width:234px;height:auto;max-width:70vw;filter:drop-shadow(0 4px 2px rgba(0,0,0,.45))}.splash-card{position:relative;width:100%;background-color:#060606;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:3px 3px;border:none;border-radius:0;box-shadow:inset 0 0 0 4px #000;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-6)}.splash-cover{display:block;width:100%;aspect-ratio:318 / 187;object-fit:cover}.splash-headline{margin:0;display:flex;flex-direction:column;gap:2px;font-family:var(--font-display);font-size:var(--type-2xl);font-weight:400;line-height:var(--leading-tight);color:var(--text-primary)}.splash-headline>span{background:#000;padding:0 4px;align-self:flex-start}.splash-howto{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.splash-howto-item{display:flex;align-items:center;gap:var(--space-3)}.splash-howto-item>.count-chip{flex-shrink:0}.splash-howto-label{font-family:var(--font-display);font-size:var(--type-md);color:var(--text-primary);letter-spacing:.32px;flex:1 1 auto}.splash-cta{align-self:stretch;justify-content:center;padding-left:var(--space-4);padding-right:var(--space-4);height:52px}@keyframes btn-arrow-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.btn-arrow{display:inline-block;width:20px;height:20px;background-color:var(--color-primary);-webkit-mask:url(/icons/arrow-right.svg) no-repeat center / contain;mask:url(/icons/arrow-right.svg) no-repeat center / contain;flex-shrink:0;animation:btn-arrow-blink 1.1s steps(1) infinite}