.btn-sideline{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:3px solid #00000026;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;min-width:0;padding:1.1rem .75rem;font-family:inherit;font-size:1.1rem;font-style:italic;font-weight:950;line-height:1;transition:transform 60ms,box-shadow 60ms;display:inline-flex;overflow:hidden;box-shadow:0 4px #0006}.btn-sideline:active{transform:translateY(3px);box-shadow:0 1px #0003}.btn-sideline:disabled{opacity:.3;pointer-events:none;box-shadow:none}.btn-size-xs{border-width:2px;border-radius:10px;gap:.3rem;min-height:44px;padding:.4rem .75rem;font-size:.75rem;box-shadow:0 2px #0006}.btn-size-sm{border-width:2px;border-radius:10px;gap:.4rem;min-height:44px;padding:.5rem 1rem;font-size:.8rem;box-shadow:0 3px #0006}.btn-size-md{min-height:44px}.btn-size-lg{border-radius:16px;min-height:52px;padding:1.25rem 1.5rem;font-size:1.1rem}.btn-full{width:100%}.btn-icon{aspect-ratio:1;flex-shrink:0;padding:0}.btn-icon.btn-size-xs,.btn-icon.btn-size-sm{border-radius:10px;width:44px;height:44px}.btn-icon.btn-size-md{border-radius:12px;width:48px;height:48px}.btn-icon.btn-size-lg{border-radius:14px;width:56px;height:56px}.btn-grid{padding:1rem .2rem!important;font-size:.95rem!important}.btn-sideline.selected{outline:4px solid var(--primary-color);outline-offset:-1px;outline:2px solid var(--primary-color);outline-offset:2px;box-shadow:none;transform:scale(.96)}.btn-sideline.selected:active{box-shadow:none;transform:scale(.96)translateY(3px)}.btn-primary{background:var(--primary-color);color:var(--primary-contrast);border-color:#0003}.btn-secondary{background:var(--surface-color);border:3px solid var(--border-color);color:var(--text-main)}.btn-danger{background:var(--danger-color);color:#fff;border-color:#0003}.btn-danger-outline{background:var(--surface-color);border:3px solid var(--danger-color);color:var(--danger-color)}.btn-ghost{color:var(--text-muted);box-shadow:none;opacity:.6;background:0 0;border:none}.btn-ghost:active{box-shadow:none;transform:scale(.92)}.btn-ghost:hover{opacity:1}.btn-td{background:var(--success-color);color:#fff;border-color:#0003}.btn-pat{background:var(--primary-color);color:var(--primary-contrast);border-color:#0003}.btn-safety{background:var(--warning-color);color:#fff;border-color:#0003}.btn-turnover{background:var(--danger-color);color:#fff;border-color:#0003}.btn-sack{color:#fff;background:#6366f1;border-color:#0003}.btn-catch{color:#fff;background:#0ea5e9;border-color:#0003}.btn-drop{color:#fff;background:#f97316;border-color:#0003}.btn-intercept{color:#fff;background:#a855f7;border-color:#0003}.btn-bup{color:#fff;background:#ec4899;border-color:#0003}.btn-pull{color:#fff;background:#14b8a6;border-color:#0003}.btn-penalty{color:#000;background:#eab308;border-color:#0003}.btn-timeout{color:#fff;background:#64748b;border-color:#0003}.btn-fab{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:100;border:3px solid #00000026;border-radius:50%;justify-content:center;align-items:center;font-weight:950;transition:transform .1s,box-shadow .1s;display:inline-flex;position:relative;box-shadow:0 4px #0006}.btn-fab:active{transform:translateY(3px)scale(.95);box-shadow:0 1px #0003}.btn-fab-sm{width:44px;height:44px}.btn-fab-md{width:52px;height:52px}.btn-fab-lg{width:64px;height:64px}.night-mode .btn-sideline.btn-primary{color:var(--primary-color);border-color:var(--primary-color);background:#000}.night-mode .btn-sideline.btn-danger{color:var(--danger-color);border-color:var(--danger-color);background:#000}.high-contrast .btn-sideline{color:#000;background:#fff;border:3px solid #000!important;box-shadow:0 4px #000!important}.high-contrast .btn-sideline.btn-primary{background:var(--primary-color);color:#fff}.high-contrast .btn-sideline.btn-danger,.high-contrast .btn-sideline.btn-danger-outline{background:var(--danger-color);color:#fff}.high-contrast .btn-sideline.selected{outline-offset:-1px;outline:4px solid #000;box-shadow:0 4px #000!important}.high-contrast .btn-fab{border:3px solid #000!important;box-shadow:0 4px #000!important}.high-contrast .btn-ghost{color:#000}.setup-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;-webkit-overflow-scrolling:touch;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.setup-modal-content{background:var(--modal-bg,var(--surface-color));border:3px solid var(--primary-color);-webkit-overflow-scrolling:touch;width:90%;max-width:520px;max-height:90vh;box-shadow:0 8px 0 rgba(var(--primary-color-rgb), .3);border-radius:1.5rem;padding:2rem;overflow-y:auto}.modal-actions button{touch-action:manipulation;-webkit-touch-callout:none}.modal-title{text-align:center;color:var(--text-main);margin-bottom:1rem;font-size:1.2rem;font-style:italic;font-weight:950}.modal-section{margin-bottom:1rem}.modal-actions{gap:.75rem;margin-top:1.5rem;display:flex}.modal-toggle{margin-bottom:1rem}.match-setup-teams{flex-direction:column;gap:.25rem;margin-bottom:1rem;display:flex}.match-setup-heading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding-bottom:.25rem;font-size:.75rem;font-weight:900}.team-config-row{align-items:center;gap:1rem;padding:.35rem 0;display:flex}.team-config-name{text-transform:uppercase;letter-spacing:.02em;color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1rem;font-style:italic;font-weight:950;overflow:hidden}.team-config-color{flex-shrink:0;width:160px}.vs-label{color:var(--text-muted);text-align:center;padding:.15rem 0;font-size:.75rem;font-weight:900}.modal-config-row{display:block}.modal-weather-section{margin-bottom:.75rem}.modal-warning{color:var(--danger-color);text-transform:uppercase;text-align:center;letter-spacing:.05em;padding:.5rem 0;font-size:.75rem;font-weight:900}@media (width<=932px){.setup-modal-overlay{align-items:flex-end}.setup-modal-content{width:100%;max-width:100%;padding:.75rem calc(.75rem + env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom)) calc(.75rem + env(safe-area-inset-left));border-radius:1rem 1rem 0 0;max-height:95vh;overflow-y:auto}.modal-title{margin-bottom:.5rem;font-size:.9rem}.modal-toggle{margin-bottom:.5rem}.match-setup-teams{flex-direction:row;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.team-config-row{flex-direction:column;flex:1;align-items:stretch;gap:.25rem;padding:.25rem 0}.team-config-name{text-align:center;font-size:.8rem}.team-config-color{width:100%}.vs-label{align-self:center;padding:.5rem .25rem 0}.match-setup-heading{display:none}.modal-config-row{gap:.5rem;display:flex}.modal-config-row .modal-section{flex:1;margin-bottom:.5rem}.modal-section{margin-bottom:.5rem}.modal-actions{gap:.5rem;margin-top:.5rem}}.badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:6px;align-items:center;gap:.3rem;padding:.15rem .6rem;font-size:.75rem;font-weight:900;display:inline-flex}.badge-primary{color:var(--primary-color);background:#3b82f626}.badge-success{color:var(--success-color);background:#10b98126}.badge-warning{color:var(--warning-color);background:#f59e0b26}.badge-danger{color:var(--danger-color);background:#ef444426}.badge-muted{color:var(--text-muted);background:#9ca3af26}.high-contrast .badge{border:2px solid}.sideline-input,.sideline-select{box-sizing:border-box;background:var(--input-bg);border:2px solid var(--border-color);width:100%;color:var(--text-main);border-radius:12px;outline:none;min-height:44px;padding:.75rem 1rem;font-family:inherit;font-size:1rem;font-weight:900}.input-upper{text-transform:uppercase}.sideline-input:focus{border-color:var(--primary-color)}.input-wrap{box-sizing:border-box;width:100%;min-width:0;position:relative}.input-wrap .sideline-input{padding-right:2.75rem}.input-clear{min-width:44px;min-height:44px;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.input-clear:before{content:"";background:var(--glass-bg);border:2px solid var(--border-color);pointer-events:none;border-radius:6px;width:22px;height:22px;position:absolute}.input-clear:active:before{background:var(--glass-bg-hover)}.high-contrast .input-clear:before{border-color:#000}.high-contrast .input-clear{color:#000}.sideline-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.75rem;font-weight:900;display:block}.input-otp{text-align:center;letter-spacing:.3em;font-size:1.5rem;font-weight:900}