:root{--bg-color:#000;--surface-color:#0a0a0a;--primary-color:#fff;--primary-color-rgb:255, 255, 255;--primary-contrast:#000;--team-a-color:#fff;--team-b-color:#888;--text-main:#fff;--text-muted:#707070;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--accent-defender:#a855f7;--color-rosso:#ef4444;--color-verde:#22c55e;--color-blu:#3b82f6;--color-nero:#111827;--surface-alt:#f3f4f6;--text-muted-hc:#374151;--border-color:#ffffff1f;--border-weight:3px;--sidebar-width:240px;--glass-bg:#ffffff0f;--glass-bg-hover:#ffffff1a;--glass-bg-light:#ffffff08;--input-bg:#ffffff0d;--shadow-color:#00000080;--modal-bg:#000;--safe-bottom:max(.5rem, env(safe-area-inset-bottom));--layout-margin:.75rem}.night-mode{--bg-color:#000;--surface-color:#000;--primary-color:#ff3b30;--primary-color-rgb:255, 59, 48;--primary-contrast:#000;--team-a-color:#ff3b30;--team-b-color:#882020;--text-main:#ff3b30;--text-muted:#661a15;--success-color:#882020;--warning-color:#882020;--danger-color:#ff3b30;--accent-defender:#882020;--color-rosso:#882020;--color-verde:#882020;--color-blu:#882020;--color-nero:#4a1212;--surface-alt:#000;--text-muted-hc:#661a15;--border-color:#ff3b3026;--glass-bg:#ff3b300f;--glass-bg-hover:#ff3b301f;--glass-bg-light:#ff3b3008;--input-bg:#ff3b300d;--shadow-color:#000c;--modal-bg:#0a0a0a}.high-contrast{--bg-color:#f5f5f5;--surface-color:#fff;--primary-color:#000;--primary-color-rgb:0, 0, 0;--primary-contrast:#fff;--team-a-color:#000;--team-b-color:#000;--text-main:#000;--text-muted:#555;--accent-defender:#000;--color-rosso:#b91c1c;--color-verde:#15803d;--color-blu:#1d4ed8;--color-nero:#000;--surface-alt:#f3f4f6;--text-muted-hc:#374151;--border-color:#000;--border-weight:3px;--glass-bg:#0000000d;--glass-bg-hover:#0000001a;--glass-bg-light:#00000008;--input-bg:#eee;--shadow-color:#000;--modal-bg:#fff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);opacity:.4;border-radius:3px}::-webkit-scrollbar-thumb:hover{opacity:.7}*{scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent}body{background-color:var(--bg-color);color:var(--text-main);box-sizing:border-box;width:100%;height:100dvh;font-family:Inter,system-ui,sans-serif;overflow:hidden}#root{width:100%;height:100%}.sideline-container{background-color:var(--bg-color);width:100%;height:100%;color:var(--text-main);flex-direction:column;display:flex}.text-primary{color:var(--primary-color)}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger-color)}.flex-1{flex:1}.flex-2{flex:2}.mt-sm{margin-top:.5rem}.mb-md{margin-bottom:1rem}.team-list{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.team-list-item{cursor:pointer;border:2px solid var(--border-color);background:var(--glass-bg-light);text-align:left;width:100%;color:var(--text-main);border-radius:12px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-family:inherit;transition:border-color .15s;display:flex}.team-list-item:active{border-color:var(--primary-color)}.team-list-name{font-size:1.1rem;font-weight:900}.team-list-role{color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:800}.team-empty{text-align:center;color:var(--text-muted);padding:2rem 0}.team-empty-icon{opacity:.2;margin-bottom:1rem}.team-empty-title{font-size:.9rem;font-weight:900}.team-empty-hint{margin-top:.5rem;font-size:.7rem;font-weight:800}.team-actions{gap:.75rem;display:flex}.header-divider{background:var(--border-color);width:1px;height:24px;margin:0 .25rem}.event-type-toggle{gap:.3rem;margin-bottom:.75rem;display:flex}.event-type-toggle>*{flex:1}.event-create-row{gap:.5rem;display:flex}.event-create-row>.sideline-input{flex:1}.match-actions{gap:.5rem;display:flex}.section-label{color:var(--text-main);text-transform:uppercase;letter-spacing:.1em;flex-shrink:0;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.7rem;font-weight:900;display:flex}.section-label-title{flex:1;align-items:center;gap:.4rem;display:flex}.section-label-text{flex-direction:column;gap:.1rem;display:flex}.section-label-subtitle{color:var(--text-muted);letter-spacing:.08em;font-size:.75rem;font-weight:800}.section-label-actions{align-items:center;gap:.3rem;display:flex}.card-filter{flex-shrink:0;margin-bottom:.5rem}.card-filter .sideline-input{border-width:2px;padding:.5rem .75rem;font-size:.8rem}.card-add-form{flex-direction:column;flex:1;gap:.5rem;display:flex}.input-invalid{border-color:var(--danger-color)!important}.input-hint{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding-left:.25rem;font-size:.75rem;font-weight:900}.input-hint-error{color:var(--danger-color)}.event-list{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.event-type-badge{background:var(--glass-bg);color:var(--text-muted);letter-spacing:.05em;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:900}.matchup-flow{flex-direction:column;gap:1.25rem;display:flex}.empty-state{text-align:center;padding:1rem}.empty-state-title{color:var(--text-muted);text-align:center;padding:2rem 0;font-size:.85rem;font-weight:900}.empty-state-hint{color:var(--text-muted);opacity:.5;margin-top:.5rem;font-size:.6rem}.error-inline{color:var(--danger-color);text-align:center;font-size:.7rem;font-weight:900}.hint-text{color:var(--text-muted);text-align:center;opacity:.6;font-size:.65rem;font-style:italic;font-weight:800}.match-list{flex-direction:column;gap:.75rem;display:flex}.portrait-warning-title{font-size:1.5rem;font-weight:900}.auth-loading{text-align:center;color:var(--text-muted)}.action-group{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;gap:.5rem;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.action-grid-dynamic{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.action-grid-dynamic .btn-sideline:not(.btn-grid),.action-grid-dynamic .action-tile:not(.action-tile-half){grid-column:span 2}.sidebar-call-btn{letter-spacing:4px;flex-shrink:0;width:100%;padding:.6rem 0;font-size:1.1rem;font-weight:900}.group-drag-handle{color:var(--text-muted);cursor:grab;opacity:.6;z-index:10;position:absolute;top:.5rem;right:.5rem}.edit-wiggle{box-shadow:0 4px 0 var(--primary-color);animation:.3s ease-in-out infinite wiggle;border-color:var(--primary-color)!important}@keyframes wiggle{0%{transform:rotate(.5deg)}25%{transform:rotate(-.5deg)}50%{transform:rotate(.6deg)}75%{transform:rotate(-.4deg)}to{transform:rotate(.5deg)}}.reorder-item-group{margin-bottom:.75rem;list-style:none}.sidebar-reorder-group{flex-direction:column;margin:0;padding:0;display:flex}.scoreboard-layout{grid-template-areas:"side-a center side-b";grid-template-columns:var(--sidebar-width) 1fr var(--sidebar-width);background-color:var(--bg-color);width:100%;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);box-sizing:border-box;grid-template-rows:1fr;display:grid;overflow:hidden}.scoreboard-header{background:var(--bg-color);padding:var(--layout-margin) var(--layout-margin) 0;flex-shrink:0;align-items:center;display:flex}.score-bug{background:var(--surface-color);border:3px solid var(--border-color);height:72px;box-shadow:0 4px 0 var(--border-color);border-radius:12px;align-items:stretch;width:100%;font-family:inherit;display:flex;overflow:hidden}.scoreboard-side-a,.scoreboard-side-b{padding:var(--layout-margin);flex-direction:column;gap:.5rem;min-height:0;display:flex;overflow:hidden}.sidebar-reorder-group{flex-direction:column;flex:1;gap:.5rem;display:flex}.sidebar-reorder-group .reorder-item-group{flex:1}.sidebar-reorder-group .action-group{height:100%}.sidebar-reorder-group .action-grid-dynamic{align-content:stretch;height:100%}.sidebar-reorder-group .action-tile{flex:1}.sidebar-numpad-wrapper{flex-direction:column;flex:1;gap:6px;min-height:0;padding:.25rem 0;display:flex}.sidebar-numpad-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;text-align:center;flex-shrink:0;font-size:.65rem;font-style:italic;font-weight:950}.sidebar-numpad-value{color:var(--text-main);text-align:center;letter-spacing:3px;border-bottom:3px solid var(--primary-color);flex-shrink:0;margin-bottom:2px;padding:.15rem 0;font-size:2.2rem;font-style:italic;font-weight:950}.scoreboard-side-a{grid-area:side-a}.scoreboard-side-b{grid-area:side-b}.scoreboard-center{background:var(--surface-color);border-left:var(--border-weight) solid var(--border-color);border-right:var(--border-weight) solid var(--border-color);flex-direction:column;grid-area:center;display:flex;position:relative;overflow:hidden}.play-log{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.play-item-container{border-radius:12px;flex-shrink:0;position:relative;overflow:hidden}.delete-swipe-bg{background:var(--danger-color);color:#fff;z-index:1;justify-content:flex-end;align-items:center;padding-right:2rem;display:flex;position:absolute;inset:0}.play-item{z-index:2;border:2px solid var(--border-color);background:var(--surface-color);border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;display:flex;position:relative}.play-info{flex-direction:column;display:flex}.play-type{text-transform:uppercase;font-size:1.1rem;font-weight:900}.play-time{color:var(--text-muted);font-size:.7rem;font-weight:700}.play-actions{gap:.5rem;display:flex}.action-icon-btn{background:var(--glass-bg-hover);color:var(--text-main);touch-action:manipulation;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.5rem;display:flex}.player-entry-overlay{z-index:100;background:#000000eb;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.entry-content{-webkit-overflow-scrolling:touch;width:90%;max-width:700px;max-height:85vh;overflow-y:auto}.entry-fields{gap:1rem;margin-bottom:1rem;display:flex}.entry-field{border:2px solid var(--border-color);text-align:center;background:#ffffff0d;border-radius:12px;flex:1;padding:1rem}.entry-field.active{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb), .1)}.field-value{font-size:1.5rem;font-weight:900}.entry-keypad{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem;display:grid}.portrait-warning{background:var(--bg-color);color:var(--text-main);z-index:99999;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:none;position:fixed;inset:0}.portrait-warning-title{text-transform:uppercase;letter-spacing:.02em;font-size:1.2rem;font-style:italic;font-weight:950}.portrait-icon{color:var(--primary-color);animation:2.5s ease-in-out infinite tilt-hint}@keyframes tilt-hint{0%,to{transform:rotate(0)}40%{transform:rotate(-90deg)}60%{transform:rotate(-90deg)}80%{transform:rotate(0)}}@media screen and (orientation:portrait){.portrait-warning{display:flex}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.2s ease-out fadeIn}.col-dot{border-radius:3px;width:10px;height:18px}.col-R{background:#dc2626}.col-V{background:#16a34a}.col-B{background:#2563eb}.col-N{border:1px solid var(--border-color);background:#000}.variation-row{grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%;display:grid}.color-btn{cursor:pointer;letter-spacing:.05em;-webkit-tap-highlight-color:transparent;border:3px solid #0003;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:44px;height:60px;font-size:.8rem;font-style:italic;font-weight:950;transition:transform 60ms,box-shadow 60ms;display:flex;position:relative;box-shadow:0 4px #0006}.color-btn:active{transform:translateY(3px);box-shadow:0 1px #0003}.color-btn.col-R{color:#fff;background:#dc2626}.color-btn.col-V{color:#fff;background:#16a34a}.color-btn.col-B{color:#fff;background:#2563eb}.color-btn.col-N{color:#fff;background:#0c0c0c;border-color:#ffffff40}.color-btn.selected{outline-offset:4px;outline:3px solid #fff;transform:scale(.96)}.color-btn.selected:active{transform:scale(.96)translateY(3px)}.night-mode .color-btn{color:#ff3b3080;box-shadow:none;background:#000;border-color:#ff3b3040}.night-mode .color-btn.selected{color:var(--primary-color);border-color:var(--primary-color);outline-color:var(--primary-color)}.high-contrast .color-btn{border:3px solid #000!important;box-shadow:0 4px #000!important}.high-contrast .color-btn.selected{outline-offset:4px;outline:3px solid #000}.suggested-tag{background:var(--warning-color);color:#000;border-radius:4px;padding:2px 6px;font-size:.5rem;font-style:normal;font-weight:950;position:absolute;top:-8px;box-shadow:0 2px #0006}.setup-screen{flex-direction:column;gap:.75rem;height:100%;padding:1rem 1.25rem .5rem;display:flex;overflow:hidden}.setup-hero-card{flex-shrink:0;margin-bottom:2px}.setup-secondary-grid{flex:1;grid-template-columns:1fr 1.2fr;gap:.75rem;min-height:0;padding-bottom:6px;display:grid;overflow:visible}.setup-column-card>.setup-column-body{-webkit-overflow-scrolling:touch;border-radius:inherit;flex:1;min-height:0;padding-right:.25rem;overflow-y:auto}.setup-column-card{flex-direction:column;min-height:0;display:flex;overflow:hidden}@media (width>=1024px) and (width<=1365px){.setup-screen{gap:.6rem;padding:.75rem 1rem}}@media (width>=1366px){.setup-screen{width:100%;max-width:1400px;margin:0 auto;padding:1rem 2rem}.setup-secondary-grid{gap:1rem}}@media (width<=1023px) and (width>=933px){.setup-screen{gap:.5rem;padding:.5rem .75rem}.setup-secondary-grid{gap:.5rem}.setup-column-card{padding:1rem}}@media (width<=932px){.setup-screen{gap:0;padding:.5rem;overflow:hidden}.setup-hero-card{margin-bottom:0}.setup-secondary-grid{display:contents}.setup-section-match,.setup-section-events,.setup-section-recent{-webkit-overflow-scrolling:touch;min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;flex:1;padding:.5rem;display:none;overflow-y:auto}.mobile-tab-0 .setup-section-match,.mobile-tab-1 .setup-section-recent,.mobile-tab-2 .setup-section-events{flex-direction:column;display:flex}.setup-column-card>.setup-column-body{flex:1;overflow:visible}.setup-section-match>.section-label,.setup-section-recent>.section-label{display:none}.setup-section-events>.section-label{justify-content:space-between;width:100%;margin-bottom:0;padding:.25rem 0}.setup-section-events>.section-label .section-label-title{display:flex}.setup-section-events>.section-label .section-label-subtitle{display:none}.setup-section-events .card-add-form{flex:none;gap:.35rem}.list-item-compact{padding:.3rem .4rem}.matchup-group{gap:.2rem}.matchup-flow{gap:.5rem}.matchup-role-label{margin-bottom:.15rem;font-size:.5rem}.vs-divider{padding:.1rem 0}.setup-section-match .btn-full.btn-size-lg{padding:.75rem 1rem;font-size:.9rem}}.matchup-group{flex-direction:column;gap:.4rem;display:flex;position:relative}.vs-divider{justify-content:center;align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.vs-line{background:var(--border-color);flex:1;height:2px}.vs-circle{color:var(--text-muted);letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.7rem;font-weight:950;display:flex}.btn-swap{background:var(--surface-color);border:3px solid var(--border-color);width:44px;height:44px;color:var(--text-main);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;justify-content:center;align-items:center;transition:transform 60ms,box-shadow 60ms;display:flex;box-shadow:0 3px #0006}.btn-swap:active{transform:translateY(3px);box-shadow:0 1px #0003}.match-setup-card-active{border-color:var(--text-main)}.high-contrast .btn-swap{border-color:#000;box-shadow:0 3px #000}.matchup-role-label{letter-spacing:.2em;color:var(--text-muted);margin-bottom:.25rem;font-size:.6rem;font-weight:950;display:block}.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}.toggle{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:inline-flex;position:relative}.toggle:before{content:"";border:2px solid var(--border-color);background:var(--glass-bg-hover);border-radius:999px;transition:background .15s,border-color .15s;display:block}.toggle-md{width:56px}.toggle-md:before{width:52px;height:30px}.toggle-sm{width:48px}.toggle-sm:before{width:44px;height:24px}.toggle-thumb{background:var(--text-muted);border-radius:999px;transition:transform .15s,background .15s,left .15s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px #0000004d}.toggle-md .toggle-thumb{width:20px;height:20px;left:6px}.toggle-sm .toggle-thumb{width:16px;height:16px;left:6px}.toggle-on:before{background:var(--primary-color);border-color:var(--primary-color)}.toggle-on .toggle-thumb{background:var(--primary-contrast)}.toggle-md.toggle-on .toggle-thumb{left:30px}.toggle-sm.toggle-on .toggle-thumb{left:26px}.toggle:active .toggle-thumb{transform:translateY(-50%)scaleX(1.15)}.high-contrast .toggle:before{background:#ddd;border:2px solid #000}.high-contrast .toggle-on:before{background:var(--primary-color);border-color:#000}.high-contrast .toggle-thumb{box-shadow:none;background:#000}.high-contrast .toggle-on .toggle-thumb{background:#fff}.field-card{background:var(--field-card-bg,#ffffff0a);min-height:44px;color:var(--text-main);border:3px solid var(--border-color);box-shadow:0 3px 0 var(--border-color);text-align:center;-webkit-tap-highlight-color:transparent;border-radius:12px;flex-direction:column;gap:.25rem;padding:.45rem .6rem;font-family:inherit;transition:transform 50ms;display:flex;position:relative}.field-card.is-clickable{cursor:pointer}.field-card.is-clickable:active{box-shadow:0 0 0 var(--border-color);transform:translateY(3px)}.field-card.is-active{background:var(--text-main);color:var(--surface-color);border-color:var(--primary-color);box-shadow:0 3px 0 var(--primary-color)}.field-card.is-active .field-card-label,.field-card.is-active .field-card-label-icon,.field-card.is-active .field-card-label-extra,.field-card.is-active .field-card-value,.field-card.is-active .field-card-footer,.field-card.is-active .field-card-placeholder{color:var(--surface-color)}.field-card--md.is-active,.field-card--lg.is-active{box-shadow:0 4px 0 var(--primary-color)}.field-card--defender{border-color:var(--accent-defender)}.field-card--danger .field-card-label{color:var(--danger-color)}.field-card--sm{flex:1;min-width:0;padding:.45rem .5rem}.field-card--md{box-shadow:0 3px 0 var(--border-color);padding:.75rem .9rem}.field-card--lg{box-shadow:0 4px 0 var(--border-color);padding:1rem 1.1rem}.field-card-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);justify-content:space-between;align-items:center;gap:.4rem;font-size:.7rem;font-style:italic;font-weight:950;display:flex}.field-card--md .field-card-label,.field-card--lg .field-card-label{font-size:.75rem}.field-card-label-text{align-items:center;gap:.3rem;display:inline-flex}.field-card-label-icon{color:var(--text-main);align-items:center;display:inline-flex}.field-card-label-extra{color:var(--text-muted);letter-spacing:.02em;font-weight:800}.field-card-label-action{align-items:center;display:inline-flex}.field-card-value{color:var(--text-main);letter-spacing:.02em;font-style:italic;font-weight:950;line-height:1.1}.field-card--sm .field-card-value{font-size:1.2rem}.field-card--md .field-card-value{font-size:1.6rem}.field-card--lg .field-card-value{font-size:1.9rem}.field-card-placeholder{opacity:.5;font-size:.85em}.field-card-footer{color:var(--text-muted);opacity:.8;margin-top:.2rem;font-size:.7rem;font-style:italic;font-weight:700}.high-contrast .field-card{background:var(--surface-color);color:var(--text-main);border-color:var(--border-color);box-shadow:0 3px 0 var(--border-color)}.high-contrast .field-card--lg{box-shadow:0 4px 0 var(--border-color)}.high-contrast .field-card.is-active{background:var(--border-color);color:var(--surface-color);border-color:var(--border-color)}.high-contrast .field-card.is-active .field-card-label,.high-contrast .field-card.is-active .field-card-label-icon,.high-contrast .field-card.is-active .field-card-label-extra,.high-contrast .field-card.is-active .field-card-value,.high-contrast .field-card.is-active .field-card-footer,.high-contrast .field-card.is-active .field-card-placeholder{color:var(--surface-color)}.high-contrast .field-card--defender{border-color:var(--border-color);box-shadow:0 3px 0 var(--border-color), inset 0 0 0 2px var(--accent-defender)}.high-contrast .field-card-value,.high-contrast .field-card-footer{color:var(--text-main)}.high-contrast .field-card-label{color:var(--text-muted-hc)}.high-contrast .field-card--danger .field-card-label{color:var(--danger-color)}.night-mode .field-card{border-color:var(--border-color);box-shadow:0 3px 0 var(--border-color);background:#ffffff0a}.night-mode .field-card.is-active{background:var(--primary-color);color:var(--primary-contrast);border-color:var(--primary-color);box-shadow:0 3px 0 var(--primary-color)}.night-mode .field-card.is-active .field-card-label,.night-mode .field-card.is-active .field-card-label-icon,.night-mode .field-card.is-active .field-card-label-extra,.night-mode .field-card.is-active .field-card-value,.night-mode .field-card.is-active .field-card-footer,.night-mode .field-card.is-active .field-card-placeholder{color:var(--primary-contrast)}.var-chip{text-transform:uppercase;letter-spacing:.05em;border:3px solid var(--border-color);background:var(--surface-color);color:var(--text-main);box-shadow:0 3px 0 var(--border-color);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:center;align-items:center;font-family:inherit;font-style:italic;font-weight:950;transition:transform 50ms;display:inline-flex;position:relative}.var-chip.is-clickable{cursor:pointer}.var-chip.is-clickable:active{box-shadow:0 0 0 var(--border-color);transform:translateY(3px)}.var-chip.is-disabled{opacity:.35;cursor:not-allowed}.var-chip--sm{min-width:24px;min-height:24px;box-shadow:0 2px 0 var(--border-color);border-width:2px;border-radius:6px;padding:0 6px;font-size:.7rem}.var-chip--md{min-width:44px;min-height:44px;padding:0 .8rem;font-size:.9rem}.var-chip--lg{min-width:52px;min-height:52px;box-shadow:0 4px 0 var(--border-color);border-radius:12px;padding:0 1rem;font-size:1.05rem}.var-chip:before{content:"";opacity:.9;background:currentColor;border-radius:2px;height:3px;position:absolute;top:3px;left:6px;right:6px}.var-chip--sm:before{height:2px;top:2px;left:4px;right:4px}.var-chip--r:before{background:var(--color-rosso)}.var-chip--v:before{background:var(--color-verde)}.var-chip--b:before{background:var(--color-blu)}.var-chip--n:before{background:var(--color-nero)}.var-chip.is-selected{background:var(--text-main);color:var(--surface-color)}.var-chip.is-selected:before{opacity:1;height:4px}.var-chip.is-suggested:after{content:"SUGG";background:var(--warning-color);color:var(--primary-contrast);box-shadow:0 2px 0 var(--border-color);border-radius:4px;padding:1px 5px;font-size:.48rem;font-style:normal;font-weight:950;position:absolute;top:-6px;right:-4px}.var-chip--sm.is-suggested:after{padding:0 3px;font-size:.42rem;top:-5px;right:-3px}.high-contrast .var-chip{background:var(--surface-color);color:var(--text-main);border-color:var(--border-color);box-shadow:0 3px 0 var(--border-color)}.high-contrast .var-chip--sm{box-shadow:0 2px 0 var(--border-color)}.high-contrast .var-chip--lg{box-shadow:0 4px 0 var(--border-color)}.high-contrast .var-chip.is-selected{background:var(--text-main);color:var(--surface-color)}.snackbar-host{z-index:9000;pointer-events:none;flex-direction:column;gap:.5rem;width:fit-content;min-width:288px;max-width:calc(100% - 2rem);display:flex;position:fixed}.snackbar-top-center{top:calc(1rem + env(safe-area-inset-top));left:50%;transform:translate(-50%)}.snackbar-top-left{top:calc(1rem + env(safe-area-inset-top));left:calc(1rem + env(safe-area-inset-left));transform:none}.snackbar-top-right{top:calc(1rem + env(safe-area-inset-top));right:calc(1rem + env(safe-area-inset-right));left:auto;transform:none}.snackbar-bottom-center{bottom:calc(var(--snackbar-bottom-offset,5rem) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%)}.snackbar-bottom-left{bottom:calc(var(--snackbar-bottom-offset,5rem) + env(safe-area-inset-bottom));left:calc(1rem + env(safe-area-inset-left));transform:none}.snackbar-bottom-right{bottom:calc(var(--snackbar-bottom-offset,5rem) + env(safe-area-inset-bottom));right:calc(1rem + env(safe-area-inset-right));left:auto;transform:none}.snackbar{text-transform:uppercase;letter-spacing:.03em;pointer-events:auto;border:3px solid #0003;border-radius:12px;align-items:center;gap:.75rem;padding:.7rem 2.5rem .7rem .75rem;font-size:.8rem;font-style:italic;font-weight:900;display:flex;position:relative;box-shadow:0 4px #0006}.snackbar-x{width:44px;height:44px;color:inherit;cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.snackbar-x:active{opacity:1}.snackbar-enter-down{animation:.15s ease-out snackbar-slide-down}.snackbar-enter-up{animation:.15s ease-out snackbar-slide-up}.snackbar-exit-up{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(-8px)}.snackbar-exit-down{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(8px)}@keyframes snackbar-slide-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes snackbar-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.snackbar-message{flex:1;min-width:0}.snackbar-action-btn{color:inherit;text-transform:uppercase;cursor:pointer;background:#fff3;border:2px solid #ffffff4d;border-radius:6px;flex-shrink:0;padding:.25rem .6rem;font-family:inherit;font-size:.7rem;font-weight:900}.snackbar-base{background:var(--surface-color);border-color:var(--border-color);color:var(--text-main)}.snackbar-success{background:var(--success-color);color:#064e3b}.snackbar-warning{background:var(--warning-color);color:#78350f}.snackbar-error{background:var(--danger-color);color:#fff}.night-mode .snackbar{border-color:var(--border-color);box-shadow:0 4px #ff3b304d}.night-mode .snackbar-success,.night-mode .snackbar-warning,.night-mode .snackbar-error{color:var(--primary-color);border-color:var(--primary-color);background:#000}.high-contrast .snackbar{border:3px solid #000;box-shadow:0 4px #000}.high-contrast .snackbar-base{color:#000;background:#fff}@media (width<=932px){.snackbar-host{width:fit-content;max-width:calc(100% - 2rem)}.snackbar-top-left,.snackbar-top-right,.snackbar-bottom-left,.snackbar-bottom-right{left:50%;right:auto;transform:translate(-50%)}.snackbar{padding:.6rem 2.5rem .6rem .7rem;font-size:.75rem}}.entry-overlay{z-index:100;background:#000000eb;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.entry-card{-webkit-overflow-scrolling:touch;background:var(--surface-color);border:3px solid var(--border-color);width:90%;max-width:700px;max-height:85vh;box-shadow:0 6px 0 var(--border-color);border-radius:16px;flex-direction:column;gap:.9rem;padding:1.25rem;display:flex;position:relative;overflow-y:auto}.entry-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.entry-title{text-transform:uppercase;color:var(--text-main);opacity:.85;margin:0;font-size:1rem;font-style:italic;font-weight:950}.entry-type-badge{text-transform:uppercase;border:3px solid var(--border-color);background:var(--surface-color);color:var(--text-main);box-shadow:0 3px 0 var(--border-color);border-radius:8px;padding:.3rem .6rem;font-size:.7rem;font-style:italic;font-weight:950}.entry-fields-row{flex-wrap:wrap;align-items:stretch;gap:.5rem;display:flex}.entry-fields-row>.field-card{flex:1;min-width:0}.entry-fields-row>.entry-playcard{flex:2}.entry-qb-add{border:2px solid var(--border-color);background:var(--surface-color);min-width:24px;min-height:24px;color:var(--text-main);cursor:pointer;box-shadow:0 2px 0 var(--border-color);-webkit-tap-highlight-color:transparent;border-radius:6px;padding:0 6px;font-size:.7rem;font-style:italic;font-weight:950;transition:transform 50ms}.entry-qb-add:active{box-shadow:0 1px 0 var(--border-color);transform:translateY(1px)}.entry-select-slot{z-index:50;border:3px solid var(--border-color);min-width:0;box-shadow:0 3px 0 var(--border-color);background:#ffffff0a;border-radius:12px;flex-direction:column;flex:2;justify-content:center;padding:.5rem;display:flex;position:relative}.entry-select-slot.is-penalty .entry-select-label{color:var(--danger-color)}.entry-select-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;align-items:center;gap:4px;margin-bottom:.3rem;font-size:.65rem;font-style:italic;font-weight:950;display:inline-flex}.entry-select-inner{transform-origin:top;width:115%;transform:scale(.85)}.entry-oob-btn{text-transform:uppercase;letter-spacing:.04em;border:3px solid var(--border-color);background:var(--surface-color);width:100%;min-height:44px;color:var(--text-main);box-shadow:0 4px 0 var(--border-color);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;padding:0 .8rem;font-family:inherit;font-size:.75rem;font-style:italic;font-weight:950;transition:transform 50ms;display:inline-flex}.entry-oob-btn:active{box-shadow:0 1px 0 var(--border-color);transform:translateY(3px)}.entry-oob-btn.is-on{background:var(--text-main);color:var(--surface-color)}.entry-penalty-row{gap:.75rem;display:flex}.entry-penalty-row>.btn-sideline{flex:1}.entry-toggle-row{border:3px solid var(--border-color);box-shadow:0 3px 0 var(--border-color);background:#ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .85rem;display:flex}.entry-toggle-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-main);font-size:.75rem;font-style:italic;font-weight:950}.entry-actions{gap:.5rem;display:flex}.entry-actions>.btn-sideline{flex:1;min-height:48px}.entry-actions>.btn-sideline.entry-save{flex:2}.high-contrast .entry-card{background:#fff;border-color:#000;box-shadow:0 6px #000}.high-contrast .entry-type-badge,.high-contrast .entry-select-slot,.high-contrast .entry-toggle-row{color:#000;background:#fff;border-color:#000;box-shadow:0 3px #000}.high-contrast .entry-select-label,.high-contrast .entry-toggle-label,.high-contrast .entry-title{color:#000}.high-contrast .entry-qb-add{color:#000;background:#fff;border-color:#000;box-shadow:0 2px #000}.high-contrast .entry-oob-btn{color:#000;background:#fff;border-color:#000;box-shadow:0 4px #000}.high-contrast .entry-oob-btn.is-on{color:#fff;background:#000}.night-mode .entry-card{background:#000;border-color:#ff3b304d;box-shadow:0 6px #ff3b3040}.night-mode .entry-select-slot,.night-mode .entry-toggle-row,.night-mode .entry-type-badge{background:#000;border-color:#ff3b3040;box-shadow:0 3px #ff3b3033}.night-mode .entry-title{color:var(--primary-color)}.night-mode .entry-oob-btn{color:#ff3b3099;box-shadow:none;background:#000;border-color:#ff3b3040}.night-mode .entry-oob-btn.is-on{color:var(--primary-color);border-color:var(--primary-color)}.t9-pad{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;flex:1;gap:6px;width:100%;min-height:0;display:flex}.t9-completions{flex-shrink:0;gap:6px;display:flex}.t9-chip{background:var(--primary-color);color:#fff;letter-spacing:1px;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;height:38px;font-size:1.1rem;font-style:italic;font-weight:950;transition:transform 50ms;display:flex;box-shadow:0 3px #0000004d}.t9-chip:active{transform:translateY(2px);box-shadow:0 1px #0000004d}.t9-grid{flex:1;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(6,1fr);gap:6px;min-height:0;display:grid}.t9-grid>.t9-digit,.t9-grid>.t9-del,.t9-grid>.t9-ok{grid-column:span 2}.t9-grid>.t9-nav{color:var(--text-main);grid-column:span 3;gap:6px}.t9-nav-label{letter-spacing:1px;font-size:.9rem;font-style:italic;font-weight:950}.t9-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:14px;justify-content:center;align-items:center;transition:transform 60ms,box-shadow 60ms,background .2s;display:flex;box-shadow:0 4px #00000059}.t9-btn:active{transform:translateY(3px);box-shadow:0 1px #0003}.t9-digit{background:var(--surface-color);border:3px solid var(--border-color)}.t9-num{color:var(--text-main);letter-spacing:-1px;font-size:1.8rem;font-style:italic;font-weight:950;line-height:1}.t9-with-letters{flex-direction:column;gap:1px}.t9-with-letters .t9-num{font-size:1.4rem}.t9-letters{color:var(--text-muted);letter-spacing:1.5px;opacity:.6;font-size:.5rem;font-style:normal;font-weight:700;line-height:1}.t9-digit.warm{background:rgba(var(--primary-color-rgb), .1);border-color:rgba(var(--primary-color-rgb), .25)}.t9-digit.warm .t9-num{color:var(--text-main)}.t9-digit.hot{background:var(--primary-color);box-shadow:0 4px 0 rgba(var(--primary-color-rgb), .5), 0 0 20px rgba(var(--primary-color-rgb), .2);border-color:#0000}.t9-digit.hot .t9-num{color:#fff;font-size:2.1rem}.t9-digit.hot:active{box-shadow:0 1px 0 rgba(var(--primary-color-rgb), .3)}.t9-del{color:var(--danger-color);background:#ef444414;border:3px solid #ef444433}.t9-del:active{background:#ef444433}.t9-ok{color:var(--success-color);background:#10b9811a;border:3px solid #10b98140}.t9-ok:active{background:#10b98140}.high-contrast .t9-digit{background:#fff;border:3px solid #000!important;box-shadow:0 4px #000!important}.high-contrast .t9-num{color:#000}.high-contrast .t9-digit.warm{background:#e5e5e5}.high-contrast .t9-digit.hot{background:var(--primary-color)}.high-contrast .t9-digit.hot .t9-num{color:#fff}.high-contrast .t9-chip{border:3px solid #000!important;box-shadow:0 4px #000!important}.high-contrast .t9-del,.high-contrast .t9-ok{color:#000;background:#fff;border:3px solid #000!important;box-shadow:0 4px #000!important}@media (width<=1024px){.t9-grid{gap:4px}.t9-btn{border-radius:12px}.t9-num{font-size:1.5rem}.t9-digit.hot .t9-num{font-size:1.8rem}.t9-chip{height:34px;font-size:1rem}}@media (width<=768px){.t9-grid{gap:3px}.t9-btn{border-radius:10px}.t9-num{font-size:1.3rem}.t9-digit.hot .t9-num{font-size:1.5rem}}.t9-multitap-pending{background:#000;border-radius:.5rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.1rem;height:3rem;display:flex;box-shadow:0 4px #0006}.t9-multitap-char{color:#fff;text-transform:uppercase;letter-spacing:.05em;font-size:1.6rem;font-style:italic;font-weight:950;line-height:1}.t9-multitap-label{letter-spacing:.12em;color:#fff9;text-transform:uppercase;font-size:.5rem;font-weight:900}.t9-btn.multitap-pending{color:#fff;background:#000;border-color:#000;box-shadow:0 4px #0009}.t9-btn.multitap-pending .t9-num,.t9-btn.multitap-pending .t9-letters{color:#fff}.t9-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.sidebar-fieldtap{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;flex:1;gap:8px;width:100%;min-height:0;display:flex}.sfield-nav{flex-shrink:0;grid-template-columns:1fr 1fr;gap:6px;height:52px;display:grid}.sfield-navbtn{background:var(--surface-color);border:3px solid var(--border-color);color:var(--text-main);letter-spacing:1px;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;justify-content:center;align-items:center;gap:6px;font-size:.9rem;font-style:italic;font-weight:950;transition:transform 60ms,box-shadow 60ms;display:flex;box-shadow:0 4px #00000059}.sfield-navbtn:active{transform:translateY(3px);box-shadow:0 1px #0003}.sfield-bighead{background:var(--surface-color);border:3px solid var(--border-color);text-align:center;border-radius:14px;flex-shrink:0;padding:10px 8px 8px;transition:border-color .15s,box-shadow .15s;box-shadow:0 4px #00000059}.sfield-bighead.gain{border-color:var(--success-color);box-shadow:0 4px #00000059}.sfield-bighead.loss{border-color:var(--danger-color);box-shadow:0 4px #00000059}.sfield-bighead.dragging .sfield-bighead-num{font-size:3.4rem}.sfield-bighead-num{color:var(--text-main);font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:2.8rem;font-style:italic;font-weight:900;line-height:.9;transition:font-size .12s}.sfield-bighead.gain .sfield-bighead-num{color:var(--success-color)}.sfield-bighead.loss .sfield-bighead-num{color:var(--danger-color)}.sfield-bighead-num .sign{margin-right:2px;display:inline-block}.sfield-bighead-num .unit{color:var(--text-muted);letter-spacing:0;margin-left:4px;font-size:.85rem;font-weight:950}.sfield-bighead-lbl{color:var(--text-main);letter-spacing:.05em;text-transform:uppercase;margin-top:6px;font-size:.8rem;font-style:italic;font-weight:950}.sfield-bighead-lbl .arrow{color:var(--primary-color);margin-right:2px;font-size:.9rem}.sfield-bighead.gain .sfield-bighead-lbl .arrow{color:var(--success-color)}.sfield-bighead.loss .sfield-bighead-lbl .arrow{color:var(--danger-color)}.high-contrast .sfield-bighead{color:#fff;background:#000;border:4px solid #000;box-shadow:0 6px #000}.high-contrast .sfield-bighead-num{color:#fff}.high-contrast .sfield-bighead.gain .sfield-bighead-num{color:var(--success-color)}.high-contrast .sfield-bighead.loss .sfield-bighead-num{color:var(--danger-color)}.high-contrast .sfield-bighead-num .unit{color:#9ca3af}.high-contrast .sfield-bighead-lbl{color:#fff}.sfield-main{flex:1;gap:6px;min-height:0;display:flex}.sfield-strip{cursor:grab;border:3px solid var(--border-color);background:var(--surface-color);touch-action:none;border-radius:12px;flex:1;min-height:0;transition:border-color .15s;position:relative;overflow:hidden}.sfield-strip.dragging{border-color:var(--primary-color)}.high-contrast .sfield-strip{border:4px solid #000;box-shadow:0 6px #000}.sfield-ez{height:14.2857%;color:var(--danger-color);opacity:.5;background:#ef44441f;justify-content:center;align-items:center;font-size:.65rem;font-weight:900;display:flex;position:absolute;left:0;right:0}.sfield-ez-top{border-bottom:2px solid #ef44444d;top:0}.sfield-ez-bottom{border-top:2px solid #ef44444d;bottom:0}.sfield-attack-arrow{z-index:4;pointer-events:none;text-shadow:0 1px 3px #0000008c;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.sfield-attack-label{letter-spacing:.08em;font-size:.7rem;font-weight:950}.sfield-attack-chevron{font-size:1.8rem;font-weight:900;line-height:.9}.sfield-marker{pointer-events:none;align-items:center;padding:0 8px;display:flex;position:absolute;left:0;right:0}.sfield-line{height:1px;position:absolute;left:8px;right:8px}.sfield-label{color:var(--text-muted);opacity:.6;background:var(--surface-color);padding:0 3px;font-size:.55rem;font-weight:900;position:absolute;right:6px}.sfield-gainzone{pointer-events:none;position:absolute;left:0;right:0}.sfield-los{background:var(--primary-color);height:4px;box-shadow:0 2px 0 var(--primary-color);z-index:2;pointer-events:none;border-radius:2px;position:absolute;left:20%;right:20%;transform:translateY(-50%)}.sfield-thumb{z-index:3;pointer-events:none;border:3px solid #fff;border-radius:50%;width:28px;height:28px;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px #0006}.sfield-rail{border:3px solid var(--border-color);background:var(--surface-color);touch-action:none;cursor:grab;border-radius:23px;flex-shrink:0;width:46px;transition:border-color .15s;position:relative;box-shadow:0 4px #00000059}.sfield-rail.dragging{cursor:grabbing}.sfield-rail.gain{border-color:var(--success-color)}.sfield-rail.loss{border-color:var(--danger-color)}.sfield-rail-track{background:var(--border-color);pointer-events:none;border-radius:2px;width:4px;position:absolute;top:12px;bottom:12px;left:50%;transform:translate(-50%)}.sfield-rail-fill{pointer-events:none;z-index:1;border-radius:2px;width:4px;position:absolute;left:50%;transform:translate(-50%)}.sfield-rail-tick{background:var(--text-muted);opacity:.3;pointer-events:none;width:12px;height:2px;position:absolute;left:50%;transform:translate(-50%,-50%)}.sfield-rail-tick.major{opacity:.6;width:18px;height:3px}.sfield-rail-tick.zero{background:var(--primary-color);opacity:1;width:26px;height:3px}.sfield-rail-zeromark{background:var(--primary-color);color:#fff;pointer-events:none;z-index:2;border-radius:3px;padding:1px 4px;font-size:.55rem;font-style:italic;font-weight:950;position:absolute;right:calc(100% + 2px);transform:translateY(-50%)}.sfield-rail-thumb{pointer-events:none;z-index:3;border:3px solid #fff;border-radius:50%;width:32px;height:32px;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px #0006}.high-contrast .sfield-rail{background:#fff;border:4px solid #000;box-shadow:0 6px #000}.high-contrast .sfield-rail-track{background:#000}.high-contrast .sfield-rail-tick{opacity:1;background:#000}.high-contrast .sfield-rail-tick.major{background:#000}.high-contrast .sfield-rail-tick.zero{background:#000;width:30px;height:4px}.high-contrast .sfield-rail-zeromark{background:#000}.high-contrast .sfield-rail-thumb{border:4px solid #000;box-shadow:4px 4px #000}.sfield-quick{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.sfield-quickbtn{border:2px solid var(--border-color);background:var(--surface-color);color:var(--text-main);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;min-width:44px;min-height:44px;padding:.6rem 0;font-size:.8rem;font-weight:900}.sfield-quickbtn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.sfield-quickbtn:active{transform:translateY(2px)}.sfield-confirm{color:var(--success-color);letter-spacing:1px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#10b9811a;border:3px solid #10b98140;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:.8rem;font-size:.9rem;font-weight:950;display:flex;box-shadow:0 4px #00000059}.sfield-confirm:active{transform:translateY(3px);box-shadow:0 1px #0003}.suggestion-tile{background:var(--bg-color);width:100%;color:var(--text-main);border:3px solid var(--border-color);box-shadow:0 4px 0 var(--border-color);cursor:pointer;will-change:transform;-webkit-tap-highlight-color:transparent;touch-action:manipulation;text-align:left;box-sizing:border-box;border-radius:12px;flex-direction:column;justify-content:center;align-items:stretch;gap:5px;min-height:56px;padding:10px 12px;font-family:inherit;transition:transform 60ms,box-shadow 60ms;display:flex}.suggestion-tile:active{box-shadow:0 1px 0 var(--border-color);transform:translateY(3px)}.suggestion-tile-name{text-transform:uppercase;letter-spacing:.03em;word-break:break-word;overflow-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;font-style:italic;font-weight:950;line-height:1.15;display:-webkit-box;overflow:hidden}.suggestion-tile-reason{border-top:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;padding-top:3px;font-size:.58rem;font-style:italic;font-weight:800;line-height:1.1;display:block;overflow:hidden}.high-contrast .suggestion-tile-reason{border-top-color:var(--border-color)}.suggestion-tile:disabled{opacity:.3;cursor:not-allowed;box-shadow:none;transform:none}.high-contrast .suggestion-tile{color:#000;background:#fff;border-color:#000;box-shadow:0 4px #000}.high-contrast .suggestion-tile:active{box-shadow:0 1px #000}.high-contrast .suggestion-tile-reason{color:#555}.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}}.seg-control{background:var(--surface-color);border:3px solid var(--border-color);border-radius:12px;gap:3px;width:100%;padding:3px;display:flex}.seg-item{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.35rem;font-family:inherit;font-style:italic;font-weight:900;transition:background .1s,color .1s;display:flex}.seg-active{background:var(--primary-color);color:var(--primary-contrast);box-shadow:0 2px #0000004d}.seg-md .seg-item{min-height:44px;padding:.55rem .75rem;font-size:.75rem}.seg-sm .seg-item{min-height:44px;padding:.4rem .5rem;font-size:.75rem}.seg-icon{align-items:center;display:flex}.night-mode .seg-active{color:var(--primary-color);border:2px solid var(--primary-color);background:#000}.high-contrast .seg-control{background:#fff;border:3px solid #000}.high-contrast .seg-item{color:#666}.high-contrast .seg-active{background:var(--primary-color);color:var(--primary-contrast);box-shadow:0 2px #000}.new-penalty-dialog{flex-direction:column;gap:.9rem;display:flex}.new-penalty-dialog-header{align-items:center;gap:.65rem;display:flex}.new-penalty-dialog-icon{border:3px solid var(--danger-color);background:var(--surface-color);width:44px;height:44px;color:var(--danger-color);box-shadow:0 3px 0 var(--danger-color);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.new-penalty-dialog-title{text-transform:uppercase;letter-spacing:.03em;color:var(--text-main);flex:1;margin:0;font-size:1.05rem;font-style:italic;font-weight:950}.new-penalty-dialog-team-badge{text-transform:uppercase;letter-spacing:.08em;border:3px solid var(--border-color);background:var(--surface-color);color:var(--text-main);box-shadow:0 3px 0 var(--border-color);border-radius:8px;padding:.3rem .55rem;font-size:.68rem;font-style:italic;font-weight:950}.new-penalty-dialog-field{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.new-penalty-dialog-row{gap:.6rem;display:flex}.new-penalty-dialog-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.65rem;font-style:italic;font-weight:950}.new-penalty-dialog-input{text-transform:uppercase;letter-spacing:.02em;background:var(--surface-color);width:100%;min-height:44px;color:var(--text-main);border:3px solid var(--border-color);box-shadow:0 3px 0 var(--border-color);appearance:none;box-sizing:border-box;border-radius:10px;outline:none;padding:.5rem .7rem;font-family:inherit;font-size:.95rem;font-style:italic;font-weight:900}.new-penalty-dialog-input:focus{border-color:var(--primary-color);box-shadow:0 3px 0 var(--primary-color)}.new-penalty-dialog-input--number{text-align:center;font-size:1.1rem}.new-penalty-dialog-helper{color:var(--text-muted);font-size:.6rem;font-style:italic;font-weight:700}.new-penalty-dialog-actions{gap:.6rem;margin-top:.4rem;display:flex}.new-penalty-dialog-actions>.btn-sideline{flex:1;min-height:48px}.new-penalty-dialog-actions>.new-penalty-dialog-save{flex:1.3}.high-contrast .new-penalty-dialog-title{color:var(--text-main)}.high-contrast .new-penalty-dialog-label,.high-contrast .new-penalty-dialog-helper{color:var(--text-muted-hc)}.high-contrast .new-penalty-dialog-team-badge,.high-contrast .new-penalty-dialog-input{background:var(--surface-color);color:var(--text-main);border-color:var(--border-color);box-shadow:0 3px 0 var(--border-color)}@media (width<=500px){.new-penalty-dialog-row{flex-direction:column;gap:.6rem}.new-penalty-dialog-title{font-size:.95rem}}.sparkline{flex-shrink:0;display:block;overflow:visible}.sparkline-line{stroke:#000;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.sparkline-dot{fill:#000;stroke:#fff;stroke-width:1.5px}.night-mode .sparkline-line{stroke:#fff}.night-mode .sparkline-dot{fill:#fff;stroke:#000}.high-contrast .sparkline-line{stroke:#000;stroke-width:2.5px}.high-contrast .sparkline-dot{fill:#000;stroke:#fff}.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}.trends-panel{background:var(--surface-color,#fff);border:3px solid var(--border-color,#000);box-shadow:0 4px 0 var(--border-color,#000);border-radius:12px;flex-direction:column;gap:0;width:100%;display:flex;overflow:hidden}.trends-header{border-bottom:3px solid var(--border-color,#000);background:var(--background-main,#fff);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.65rem .85rem;display:flex}.trends-header-icon{color:var(--text-main,#000);flex-shrink:0}.trends-header-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-main,#000);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.7rem;font-style:italic;font-weight:950;overflow:hidden}.trends-header-ctx{text-transform:uppercase;color:var(--text-muted,#666);white-space:nowrap;flex-shrink:0;font-size:.6rem;font-weight:700}.trends-low-sample{background:#f59e0b14;border-bottom:1px solid #f59e0b40;align-items:center;gap:.5rem;padding:.4rem .85rem;display:flex}.trends-sample-count{text-transform:uppercase;color:var(--text-muted,#666);font-size:.6rem;font-weight:800}.trends-rows{flex-direction:column;gap:.3rem;padding:.4rem;display:flex}.trends-row{background:var(--background-main,#fff);border:2px solid var(--border-color,#000);width:100%;min-height:44px;box-shadow:0 3px 0 var(--border-color,#000);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .65rem;font-family:inherit;transition:box-shadow 80ms,transform 80ms;display:flex}.trends-row:active{box-shadow:0 1px 0 var(--border-color,#000);transform:translateY(2px)}.trends-row--expanded{box-shadow:0 0 0 var(--border-color,#000);border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}.trends-row-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-main,#000);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.72rem;font-style:italic;font-weight:900;overflow:hidden}.trends-row-pct{color:var(--text-main,#000);text-align:right;min-width:3ch;font-size:.85rem;font-style:italic;font-weight:950}.trends-row-chevron{color:var(--text-muted,#666);flex-shrink:0;align-items:center;display:flex}.trends-drill{background:var(--surface-color,#f8f8f8);border:2px solid var(--border-color,#000);border-top:none;border-bottom-right-radius:8px;border-bottom-left-radius:8px;flex-direction:column;gap:.45rem;padding:.55rem .65rem .65rem;display:flex}.trends-drill-grid{flex-wrap:wrap;gap:.4rem;display:flex}.trends-drill-game{flex-direction:column;align-items:center;gap:1px;min-width:36px;display:flex}.trends-drill-game-label{text-transform:uppercase;color:var(--text-muted,#888);font-size:.55rem;font-weight:700}.trends-drill-game-pct{color:var(--text-main,#000);font-size:.75rem;font-weight:900}.trends-drill-no-history{text-transform:uppercase;color:var(--text-muted,#888);font-size:.6rem;font-style:italic;font-weight:700}.trends-drill-avg{text-transform:uppercase;color:var(--text-main,#000);letter-spacing:.02em;font-size:.65rem;font-weight:700}.trends-drill-avg strong{font-weight:950}.trends-drill-plays-link{background:var(--background-main,#fff);border:2px solid var(--border-color,#000);min-height:32px;box-shadow:0 2px 0 var(--border-color,#000);text-transform:uppercase;color:var(--text-main,#000);cursor:pointer;letter-spacing:.04em;-webkit-tap-highlight-color:transparent;border-radius:6px;align-self:flex-start;align-items:center;gap:.3rem;padding:.3rem .65rem;font-family:inherit;font-size:.65rem;font-style:italic;font-weight:900;display:inline-flex}.trends-drill-plays-link:active{box-shadow:0 1px 0 var(--border-color,#000);transform:translateY(1px)}.trends-show-all{border:none;border-top:2px solid var(--border-color,#000);text-transform:uppercase;width:100%;min-height:44px;color:var(--text-main,#000);cursor:pointer;letter-spacing:.04em;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;align-items:center;padding:.6rem;font-family:inherit;font-size:.65rem;font-style:italic;font-weight:900;display:flex}.trends-show-all:active{background:#0000000d}.trends-empty{text-transform:uppercase;color:var(--text-muted,#888);letter-spacing:.03em;align-items:center;gap:.5rem;padding:1.2rem .85rem;font-size:.65rem;font-style:italic;font-weight:800;display:flex}.trends-skeleton{flex-direction:column;gap:.4rem;padding:.6rem;display:flex}.trends-skeleton-row{background:linear-gradient(90deg, var(--surface-color,#f0f0f0) 25%, #0000000f 50%, var(--surface-color,#f0f0f0) 75%);border:2px solid var(--border-color,#ddd);background-size:200% 100%;border-radius:8px;height:44px;animation:1.4s infinite trends-shimmer}@keyframes trends-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.trends-panel--loading,.trends-panel--empty,.trends-panel--error{min-height:120px}.night-mode .trends-row{background:var(--surface-color);color:#fff;border-color:#fff;box-shadow:0 3px #fff}.night-mode .trends-row-label,.night-mode .trends-row-pct{color:#fff}.night-mode .trends-panel{border-color:#fff;box-shadow:0 4px #fff}.high-contrast .trends-panel{border:3px solid #000;box-shadow:0 4px #000}.high-contrast .trends-row{border:2px solid #000;box-shadow:0 3px #000}@media (width<=640px){.trends-header-ctx{display:none}.trends-row-pct{font-size:.75rem}.trends-drill-grid{gap:.3rem}}.scp{flex-direction:column;gap:6px;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.scp-toggle{background:var(--glass-bg);border:2px solid var(--border-color);border-radius:12px;flex-shrink:0;gap:4px;padding:3px;display:flex}.scp-toggle-btn{letter-spacing:.05em;cursor:pointer;color:var(--text-muted);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;font-size:.75rem;font-style:italic;font-weight:950;transition:all .15s;display:flex}.scp-toggle-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 2px #0000004d}.scp-suggestions{border-bottom:2px solid var(--border-color);flex-direction:column;flex-shrink:0;gap:6px;margin-bottom:2px;padding-bottom:4px;display:flex}.scp-filter-bar{background:rgba(var(--primary-color-rgb), .08);border:2px solid rgba(var(--primary-color-rgb), .2);border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;display:flex}.scp-filter-text{color:var(--primary-color);letter-spacing:1px;flex:1;font-size:.9rem;font-style:italic;font-weight:950}.scp-filter-clear{color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.scp-list{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex-direction:column;flex:1;gap:4px;display:flex;overflow:hidden auto}.scp-group{flex-direction:column;gap:3px;display:flex}.scp-group-header{color:var(--primary-color);letter-spacing:.1em;text-transform:uppercase;opacity:.7;padding:4px 8px 0;font-size:.55rem;font-style:italic;font-weight:950}.scp-entry{background:var(--glass-bg);width:100%;color:var(--text-main);text-transform:uppercase;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:10px;align-items:center;padding:10px;font-size:.75rem;font-style:italic;font-weight:900;transition:transform 50ms,background .1s;display:flex}.scp-entry:active{background:rgba(var(--primary-color-rgb), .15);border-color:rgba(var(--primary-color-rgb), .3);transform:translateY(1px)}.scp-empty{color:var(--text-muted);opacity:.5;flex:1;justify-content:center;align-items:center;font-size:.75rem;font-style:italic;font-weight:950;display:flex}.scp-close{border:2px solid var(--border-color);background:var(--glass-bg);width:100%;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:10px 0;transition:transform 50ms;display:flex}.scp-close:active{transform:translateY(1px)}.scp--variation{flex-direction:column;gap:.6rem;padding:.75rem .6rem;display:flex}.scp-variation-back{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:2px solid #0000;border-radius:8px;align-self:flex-start;align-items:center;gap:.35rem;padding:.35rem .55rem;font-family:inherit;font-size:.7rem;font-style:italic;font-weight:950;transition:color .1s;display:inline-flex}.scp-variation-back:active{color:var(--text-main)}.scp-variation-header{text-align:center;margin-top:.25rem}.scp-variation-name{text-transform:uppercase;letter-spacing:.03em;color:var(--text-main);font-size:.95rem;font-style:italic;font-weight:950;line-height:1.15}.scp-variation-hint{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-top:.2rem;font-size:.65rem;font-style:italic;font-weight:800}.scp-variation-chips{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.35rem;display:grid}.scp-variation-chips>.var-chip{width:100%;min-height:56px}.scp-variation-reason{text-align:center;color:var(--text-muted);margin-top:.25rem;font-size:.7rem;font-style:italic;font-weight:700;line-height:1.3}.scp-variation-reason strong{color:var(--text-main);font-weight:950}@media (width<=400px){.scp-variation-chips{grid-template-columns:1fr}}.high-contrast .scp-variation-hint,.high-contrast .scp-variation-reason{color:var(--text-muted-hc)}.scp--penalty{flex-direction:column;gap:.4rem;padding:.6rem .5rem;display:flex}.scp--penalty .scp-variation-header{margin-bottom:.15rem}.scp--penalty .scp-variation-name{color:var(--danger-color);align-items:center;gap:.4rem;display:inline-flex}.scp--penalty .scp-list{flex-direction:column;gap:.4rem;padding:0;display:flex}.scp-t9-candidates{flex-wrap:wrap;gap:.3rem;padding:.25rem 0;display:flex}.scp-t9-candidate{text-transform:uppercase;letter-spacing:.03em;background:var(--surface-color);min-height:32px;color:var(--text-main);border:2px solid var(--border-color);box-shadow:0 2px 0 var(--border-color);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;flex:none;padding:4px 10px;font-family:inherit;font-size:.7rem;font-style:italic;font-weight:950;transition:transform 50ms}.scp-t9-candidate:first-child{background:var(--text-main);color:var(--surface-color)}.scp-t9-candidate:active{box-shadow:0 0 0 var(--border-color);transform:translateY(2px)}.high-contrast .scp-t9-candidate:first-child{background:var(--border-color);color:var(--surface-color)}.high-contrast .scp-toggle{background:#f3f4f6;border-color:#000}.high-contrast .scp-toggle-btn.active{color:#fff;background:#000}.high-contrast .scp-suggestions{border-bottom-color:#000}.high-contrast .scp-filter-bar{background:#e5e5e5;border-color:#000}.high-contrast .scp-filter-text{color:#000}.high-contrast .scp-entry{background:#fff;border:2px solid #d1d5db}.high-contrast .scp-entry:active{background:#e5e5e5;border-color:#000}.high-contrast .scp-group-header{color:#000}.high-contrast .scp-close{color:#000;background:#fff;border-color:#000}.scp-tab-control{flex-shrink:0}.scp-trends-wrapper{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding-bottom:.5rem;overflow-y:auto}.action-tile{text-transform:uppercase;letter-spacing:.03em;cursor:pointer;background:var(--bg-color);color:var(--text-main);border:3px solid var(--border-color);box-shadow:0 4px 0 var(--border-color);will-change:transform;-webkit-tap-highlight-color:transparent;touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border-radius:14px;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .4rem;font-family:inherit;font-style:italic;font-weight:950;transition:transform 60ms,box-shadow 60ms;display:flex;overflow:hidden}.action-tile:active{box-shadow:0 1px 0 var(--border-color);transform:translateY(3px)}.action-tile-scoring{min-height:44px;padding:.5rem .4rem;font-size:.9rem}.action-tile-play{min-height:44px;padding:.4rem;font-size:.8rem}.action-tile-admin{min-height:44px;color:var(--text-muted);border-radius:8px;padding:.4rem;font-size:.75rem}.action-tile-badge{opacity:.7;margin-left:.2rem;font-size:.7em;font-weight:700}.action-tile:disabled{opacity:.3;cursor:not-allowed;box-shadow:none;transform:none}.high-contrast .action-tile{color:#000;background:#fff;border-color:#000;box-shadow:0 4px #000}.high-contrast .action-tile:active{transform:translateY(3px);box-shadow:0 1px #000}.high-contrast .action-tile-admin{color:#333}.bug-team{cursor:pointer;touch-action:manipulation;background:var(--surface-color);flex:1;align-items:center;gap:6px;padding:0 10px;display:flex}.bug-team-poss{background:var(--text-main)}.bug-team-right{flex-direction:row-reverse}.bug-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-style:italic;font-weight:950;overflow:hidden}.bug-team-poss .bug-name{color:var(--bg-color)}.bug-poss-dot-wrap{flex-shrink:0;width:8px}.bug-poss-dot{background:var(--bg-color);border-radius:50%;width:8px;height:8px}.bug-to-dots{gap:3px;display:flex}.bug-to-dot{border-radius:50%;width:6px;height:6px}.bug-to-dot-active{background:var(--text-main)}.bug-to-dot-inv{background:var(--bg-color)}.bug-to-dot-used{background:#8080804d}.bug-score{background:var(--text-main);color:var(--bg-color);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;border-left:3px solid var(--border-color);border-right:3px solid var(--border-color);justify-content:center;align-items:center;min-width:48px;padding:0 12px;font-size:1.8rem;font-weight:950;display:flex}.bug-score-poss{background:var(--bg-color);color:var(--text-main)}.bug-center{cursor:pointer;touch-action:manipulation;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:100px;padding:0 10px;display:flex;position:relative}.bug-clock-row{align-items:center;gap:5px;display:flex}.bug-clock{color:var(--text-main);font-variant-numeric:tabular-nums;cursor:pointer;touch-action:manipulation;align-items:center;min-height:44px;font-size:1.4rem;font-weight:950;display:flex}.bug-clock:active{opacity:.7}.bug-clock-stopped{color:var(--danger-color)}.bug-period-btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--glass-bg);color:var(--text-muted);border:2px solid var(--border-color);touch-action:manipulation;border-radius:4px;align-items:center;min-height:44px;padding:6px 10px;font-family:inherit;font-size:.6rem;font-style:italic;font-weight:950;display:flex}.bug-pro-btn{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--danger-color);touch-action:manipulation;background:#ef444426;border:2px solid #ef44444d;border-radius:4px;align-items:center;min-height:44px;padding:6px 10px;font-family:inherit;font-size:.5rem;font-weight:950;display:flex}.bug-pro-btn-forced{background:var(--danger-color);color:#fff;border-color:var(--danger-color)}.bug-down-row{color:var(--text-muted);white-space:nowrap;font-size:.65rem;font-style:italic;font-weight:950}.high-contrast .bug-team-poss{background:#000}.high-contrast .bug-team-poss .bug-name{color:#fff}.high-contrast .bug-poss-dot{background:#fff}.high-contrast .bug-score{color:#fff;background:#000}.high-contrast .bug-score-poss{color:#000;background:#fff}.high-contrast .bug-to-dot-inv{background:#fff}.play-info-row{align-items:center;gap:.4rem;display:flex}.play-yards-badge{text-align:center;border-radius:4px;min-width:35px;padding:2px 6px;font-size:.75rem;font-weight:900}.play-yards-gain{color:var(--success-color);background:#22c55e1a}.play-yards-loss{color:var(--danger-color);background:#ef44441a}.play-snap-badge{color:var(--text-main);background:var(--background-secondary);border:1px solid var(--border-color);opacity:.8;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:900}.play-call-section{border-left:2px solid var(--border-color);align-items:center;gap:.4rem;padding-left:.5rem;display:flex}.play-call-name{color:var(--primary-color);font-size:1rem;font-style:italic;font-weight:900}.play-call-section .col-dot{width:10px;height:10px}.play-penalty-name{color:var(--danger-color);font-size:1rem;font-weight:900}.play-penalty-declined{background:var(--danger-color);color:#fff;border-radius:4px;padding:2px 4px;font-size:.6rem;font-weight:900}.play-players{align-items:center;gap:.25rem;display:flex}.player-badge{color:#fff;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:900}.player-badge-primary{background:var(--primary-color)}.player-badge-danger{background:var(--danger-color);margin-left:4px}.player-arrow{opacity:.5}.scoreboard-footer{padding:var(--layout-margin);background:var(--surface-color);border-top:var(--border-weight) solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;min-height:44px;display:flex}.footer-left{align-items:center;gap:.5rem;display:flex}.footer-center{flex:1;justify-content:center;max-width:280px;display:flex}.footer-right{align-items:center;gap:.5rem;display:flex}.footer-confirm{align-items:center;gap:.4rem;display:flex}.footer-end-btn,.footer-cancel-btn{min-height:44px;padding:.4rem .8rem;font-size:.7rem}.pat-modal-overlay{z-index:9998;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pat-modal-content{background:var(--surface-color);text-align:center;border:3px solid var(--border-color);border-radius:20px;width:400px;max-width:90vw;padding:2rem;box-shadow:0 8px #0006}.pat-modal-title{color:var(--text-main);margin-bottom:.3rem;font-size:1.5rem;font-weight:900}.pat-modal-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.5rem;font-size:.7rem;font-weight:900}.pat-modal-options{gap:1rem;display:flex}.pat-modal-btn{border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:.3rem;padding:1.5rem 1rem;font-size:1.2rem;font-weight:900;display:flex}.pat-modal-btn-2pt{background:#dc2626}.pat-modal-points{font-size:2rem}.pat-modal-label{opacity:.7;font-size:.6rem}.numpad-modal-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.numpad-modal-content{background:var(--surface-color);border:3px solid var(--border-color);border-radius:16px;width:320px;padding:1.5rem}.numpad-modal-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.8rem;font-size:.7rem;font-weight:900}.numpad-modal-display{text-align:center;font-variant-numeric:tabular-nums;margin-bottom:.8rem;font-size:3rem;font-weight:900}.numpad-modal-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.numpad-modal-key{min-height:48px;padding:.9rem;font-size:1.2rem;font-weight:900}.down-override-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.down-override-content{background:var(--surface-color);border:3px solid var(--border-color);border-radius:16px;width:420px;max-width:90vw;padding:1.5rem;box-shadow:0 8px #0006}.down-override-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1rem;font-size:.65rem;font-weight:900}.down-override-downs{gap:.4rem;margin-bottom:1.2rem;display:flex}.down-override-down-btn{border-radius:10px;flex:1;padding:.7rem 0;font-size:1.1rem;font-weight:900}.down-override-pos-section{margin-bottom:.3rem}.down-override-pos-header{justify-content:space-between;align-items:baseline;margin-bottom:.4rem;display:flex}.down-override-pos-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;font-size:.6rem;font-weight:900}.down-override-pos-value{color:var(--text-main);font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:900}.down-override-strip{cursor:grab;border:3px solid var(--border-color);background:var(--surface-color);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:10px;height:48px;position:relative;overflow:hidden}.down-override-midline{background:var(--primary-color);opacity:.3;width:2px;position:absolute;top:0;bottom:0;left:50%}.down-override-ball{background:var(--primary-color);width:20px;height:20px;box-shadow:0 3px 0 var(--primary-color);z-index:2;border:3px solid #fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.down-override-yard-label{color:var(--text-muted);opacity:.5;font-size:.4rem;font-weight:900;position:absolute;bottom:2px;transform:translate(-50%)}.down-override-actions{gap:.5rem;margin-top:1.2rem;display:flex}.down-override-cancel{flex:1;padding:.7rem;font-size:.8rem;font-weight:900}.down-override-save{flex:2;padding:.7rem;font-size:.8rem;font-weight:900}.playlog-header{flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;margin-top:10px;padding:.25rem .75rem;display:flex}.playlog-header:empty{display:none}.pat-switcher-chip{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:2px solid #ffffff40;border-radius:100px;align-items:center;gap:.5rem;height:32px;padding:4px 10px 4px 8px;font-family:inherit;font-size:.7rem;font-weight:900;display:flex;box-shadow:0 4px #0006}.pat-switcher-chip-1pt{background:#eab308}.pat-switcher-chip-2pt{background:#dc2626}.pat-switcher-icon{background:#ffffff38;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.85rem;font-weight:900;display:inline-flex}.pat-switcher-label{letter-spacing:.5px;font-style:italic}.pending-call-chip{height:32px;box-shadow:0 4px 0 var(--border-color);cursor:pointer;border:3px solid var(--border-color);border-radius:100px;gap:6px;min-width:auto;padding:4px 12px;font-size:.7rem;font-weight:950}.pending-call-dismiss{opacity:.8}.manual-play-bar{background:#0003;border-bottom:1px solid #ffffff1a;padding:.5rem 1rem}.manual-play-row{gap:.25rem;display:flex}.manual-play-input{border:1px solid var(--primary-color);color:#fff;background:#ffffff1a;border-radius:8px;outline:none;flex:1;padding:.5rem;font-family:inherit;font-size:.8rem}.manual-play-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:0 12px}.scoreboard-empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;display:flex}.scoreboard-empty-title{opacity:.5;font-size:1.2rem;font-weight:900}.scoreboard-empty-subtitle{opacity:.3;font-size:.8rem;font-weight:900}.field-side-section{text-align:center;margin-bottom:1.5rem}.field-side-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.5rem;font-size:.6rem;font-weight:900}.field-side-toggle{background:var(--glass-bg-light);border:1px solid var(--border-color);border-radius:12px;gap:.25rem;max-width:400px;padding:.25rem;display:flex}.field-side-btn{cursor:pointer;border:none;flex:1;padding:.5rem;font-family:inherit;font-size:.65rem;font-weight:900}.field-side-btn-active{background:var(--primary-color);opacity:1}.field-side-btn-inactive{opacity:.5;background:0 0}.start-match-btn{box-shadow:0 6px 0 var(--border-color);border-radius:50px;padding:1.5rem 3rem;font-size:1.5rem}.kickoff-label{opacity:.5;font-size:.8rem;font-weight:900}.sideline-card{background:var(--surface-color);border:3px solid var(--border-color);box-sizing:border-box;border-radius:1.25rem;width:100%;padding:1.5rem;box-shadow:0 6px #00000059}.high-contrast .sideline-card{background:#fff;border:3px solid #000;box-shadow:0 6px #000}.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}.cs-container{width:100%;position:relative}.cs-trigger{background:var(--glass-bg);border:3px solid var(--border-color);width:100%;min-height:44px;color:var(--text-main);text-align:left;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;justify-content:space-between;align-items:center;padding:.9rem 1rem;font-family:inherit;font-size:1rem;font-weight:900;transition:all .2s;display:flex}.cs-trigger:focus-visible{outline:3px solid var(--text-main);outline-offset:2px}.cs-trigger-open{border-color:var(--text-main)}.cs-value{text-align:left;flex:1}.cs-caret{flex-shrink:0;align-items:center;transition:transform .15s;display:flex}.cs-caret-open{transform:rotate(180deg)}.cs-dropdown{background:var(--modal-bg,var(--surface-color));border:3px solid var(--border-color);z-index:9999;box-shadow:0 6px 0 var(--border-color);border-radius:12px;flex-direction:column;display:flex;overflow:hidden auto}.cs-dropdown:focus{outline:none}.cs-search{border-bottom:2px solid var(--border-color);flex-shrink:0;align-items:center;gap:.5rem;min-height:44px;padding:.5rem;display:flex}.cs-search-icon{opacity:.4;flex-shrink:0;margin-left:.25rem}.cs-search-input{min-height:44px;color:var(--text-main);text-transform:uppercase;background:0 0;border:none;outline:none;flex:1;padding:.4rem 0;font-family:inherit;font-size:.85rem;font-weight:900}.cs-list{-webkit-overflow-scrolling:touch;flex:1;padding:.25rem;overflow-y:auto}.cs-item{cursor:pointer;width:100%;min-height:44px;color:var(--text-main);text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:.65rem .75rem;font-family:inherit;font-size:.85rem;font-weight:900;display:flex}.cs-item:active{background:var(--glass-bg-hover)}.cs-item-active{background:var(--glass-bg);outline:none}.cs-item-selected{background:var(--glass-bg);font-weight:950}.cs-item-selected.cs-item-active{background:var(--glass-bg-hover,var(--glass-bg))}.cs-item-manual{border-top:2px solid var(--border-color);margin-top:.25rem}.cs-manual-label{align-items:center;gap:.4rem;display:flex}.cs-manual-hint{opacity:.5;letter-spacing:.05em;font-size:.75rem;font-weight:800}.cs-empty{text-align:center;color:var(--text-muted);padding:1.25rem;font-size:.8rem;font-weight:900}.high-contrast .cs-dropdown{background:#fff;border-color:#000;box-shadow:0 6px #000}.high-contrast .cs-item-selected{background:#00000014}@media (width<=932px){.cs-trigger{min-height:44px;padding:.6rem .75rem;font-size:.85rem}.cs-dropdown{max-height:180px}.cs-item{min-height:44px;padding:.6rem .75rem;font-size:.8rem}.cs-search-input{font-size:.8rem}}.playbook-screen{flex-direction:column;gap:.75rem;height:100%;padding:1rem 1.25rem .5rem;display:flex;overflow:hidden}.playbook-team-select{flex-shrink:0;width:260px}.playbook-tabs-desktop{flex-shrink:0}.playbook-inner-tabs,.playbook-mobile-toolbar{display:none}.playbook-grid{flex:1;grid-template-columns:1fr 340px;gap:.75rem;min-height:0;padding-bottom:8px;display:grid;overflow:hidden}.playbook-list-card{flex-direction:column;min-height:0;display:flex;overflow:hidden}.playbook-list-header{flex-shrink:0;padding:.5rem .5rem 0}.playbook-list-filter{flex-shrink:0;padding:0 .75rem .5rem}.playbook-list-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.playbook-list-motion{flex-direction:column;display:flex}.playbook-empty{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.playbook-empty-icon{opacity:.1}.playbook-initial{background:var(--glass-bg);border:2px solid var(--border-color);width:36px;height:36px;color:var(--text-main);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-style:italic;font-weight:950;display:flex}.playbook-play-colors{align-items:center;gap:.3rem;margin-top:.2rem;display:flex}.playbook-form-card{align-self:start;height:fit-content;position:sticky;top:0}.playbook-form-body{flex-direction:column;gap:1rem;display:flex}.playbook-color-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;display:grid}.playbook-mobile-tabs{display:none}.playbook-sync-hint{text-align:center;color:var(--text-muted);opacity:.5;margin-top:.25rem;font-size:.75rem;font-style:italic;font-weight:800}@media (width>=1024px) and (width<=1365px){.playbook-screen{gap:.6rem;padding:.75rem 1rem .5rem}.playbook-grid{grid-template-columns:1fr 300px;gap:.6rem}}@media (width>=1366px){.playbook-screen{width:100%;max-width:1400px;margin:0 auto;padding:1rem 2rem .5rem}.playbook-grid{grid-template-columns:1fr 380px;gap:1rem}.playbook-team-select{width:300px}}@media (width>=933px) and (width<=1023px){.playbook-screen{gap:.5rem;padding:.5rem .75rem}.playbook-grid{grid-template-columns:1fr 280px;gap:.5rem}}@media (width<=932px){.playbook-screen{height:auto;min-height:100%;padding:.25rem calc(.5rem + env(safe-area-inset-right)) 1rem calc(.5rem + env(safe-area-inset-left));gap:.5rem;overflow:hidden auto}.playbook-screen>.section-label,.playbook-tabs-desktop,.playbook-mobile-tabs,.playbook-inner-tabs{display:none}.playbook-mobile-toolbar{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.playbook-mobile-toolbar .seg-control{flex:1}.playbook-mobile-actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.playbook-grid{flex:none;grid-template-rows:auto auto;grid-template-columns:1fr;gap:.5rem;min-height:0;overflow:visible}.playbook-list-card{min-height:0;box-shadow:none;background:0 0;border:none;order:-1;padding:0;overflow:visible}.playbook-list-header .section-label-actions{display:none}.playbook-list-body{min-height:0;overflow:visible}.playbook-form-card{box-shadow:none;background:0 0;border:none;order:0;padding:0;position:static}.playbook-form-card>.section-label{display:none}.playbook-form-body{gap:.5rem}.playbook-color-grid{gap:.4rem}.playbook-form-card .color-btn{border-radius:10px;min-width:44px;height:44px;font-size:.75rem}.playbook-sync-hint{display:none}.playbook-team-select{width:100%}.playbook-grid.mobile-panel-0 .playbook-form-card,.playbook-grid.mobile-panel-1 .playbook-list-card{display:none}}.mss-sidebar-list{flex-direction:column;flex:1;gap:0;min-height:0;display:flex;overflow:hidden}.mss-sidebar-list-header{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid var(--border-color);flex-shrink:0;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.6rem;font-style:italic;font-weight:950;display:flex}.mss-sidebar-empty{letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;text-align:center;flex:1;justify-content:center;align-items:center;padding:2rem 1rem;font-size:.65rem;font-weight:900;display:flex}.mss-sidebar-loading{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;font-size:.65rem;font-weight:900;display:flex}@keyframes mss-spin{to{transform:rotate(360deg)}}.mss-spinner{border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;flex-shrink:0;width:1.2rem;height:1.2rem;animation:.7s linear infinite mss-spin}.mss-sidebar-item{border:none;border-bottom:1.5px solid var(--border-color);cursor:pointer;text-align:left;background:0 0;border-radius:0;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;min-height:2.75rem;padding:.5rem .75rem;font-family:inherit;transition:background 80ms;display:flex}.mss-sidebar-item:hover,.mss-sidebar-item:active{background:var(--glass-bg-hover,#0000000f)}.mss-sidebar-item-active{color:#fff;background:#000!important}.mss-sidebar-item-active .mss-sidebar-item-name,.mss-sidebar-item-active .mss-sidebar-item-sub{color:#fff}.mss-sidebar-item-pressed{transform:translateY(2px);background:#0000002e!important}.mss-sidebar-item-name{letter-spacing:.04em;color:var(--text-main);font-size:.75rem;font-style:italic;font-weight:900;line-height:1.2}.mss-sidebar-item-sub{letter-spacing:.06em;color:var(--text-muted);font-size:.6rem;font-weight:700;line-height:1.2}.mss-number-list{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex:1;overflow-y:auto}.mss-number-list::-webkit-scrollbar{width:3px}.mss-number-list::-webkit-scrollbar-track{background:0 0}.mss-number-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.mss-number-item{letter-spacing:.06em;color:var(--text-main);justify-content:center;align-items:center;font-size:1rem;font-style:italic;font-weight:900}.high-contrast .mss-sidebar-item{border-bottom-color:#000}.high-contrast .mss-sidebar-list-header{color:#000;border-bottom-color:#000}.high-contrast .mss-sidebar-item-active{color:#fff;background:#000!important}.city-t9-candidates{scrollbar-width:thin;-webkit-overflow-scrolling:touch;border-bottom:2px solid var(--border-color);flex-wrap:nowrap;flex-grow:0;flex-shrink:0;align-items:center;gap:.35rem;height:3.6rem;padding:.4rem .5rem;display:flex;overflow:auto hidden}.city-t9-candidates .city-t9-chip{flex:none}.city-t9-chip{background:var(--surface-color,#fff);border:2px solid var(--border-color,#000);min-height:2.75rem;box-shadow:0 3px 0 var(--border-color,#000);letter-spacing:.06em;text-transform:uppercase;color:var(--text-main,#000);cursor:pointer;border-radius:0;justify-content:center;align-items:center;padding:.3rem .6rem;font-family:inherit;font-size:.7rem;font-style:italic;font-weight:900;transition:transform 60ms,box-shadow 60ms;display:inline-flex}.city-t9-chip:active{box-shadow:0 0 0 var(--border-color,#000);transform:translateY(3px)}.city-t9-nomatch{letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;text-align:center;flex:auto;font-size:.6rem;font-weight:700}.high-contrast .city-t9-chip{border-color:#000;box-shadow:0 3px #000}.match-setup-layout{background-color:var(--bg-color);width:100%;height:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);box-sizing:border-box;grid-template:"side-a center side-b"1fr/0 1fr 0;transition:grid-template-columns .2s;display:grid;overflow:hidden}.match-setup-layout.match-setup-sidebars-open{grid-template-columns:var(--sidebar-width,280px) 1fr var(--sidebar-width,280px)}.match-setup-side-a{border-right:var(--border-weight,3px) solid var(--border-color);background:var(--bg-color);opacity:0;pointer-events:none;flex-direction:column;grid-area:side-a;transition:opacity .2s;display:flex;overflow:hidden}.match-setup-side-b{border-left:var(--border-weight,3px) solid var(--border-color);background:var(--bg-color);opacity:0;pointer-events:none;padding:var(--layout-margin,.75rem);flex-direction:column;grid-area:side-b;transition:opacity .2s;display:flex;overflow:hidden}.match-setup-side-a.match-setup-side-active,.match-setup-side-b.match-setup-side-active{opacity:1;pointer-events:auto}.match-setup-center{background:var(--surface-color);border-left:var(--border-weight,3px) solid var(--border-color);border-right:var(--border-weight,3px) solid var(--border-color);flex-direction:column;grid-area:center;display:flex;overflow:hidden}.msu-header{border-bottom:2px solid var(--border-color);flex-shrink:0;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.msu-back-btn{border:2px solid var(--border-color);width:2.75rem;height:2.75rem;min-height:44px;box-shadow:0 3px 0 var(--border-color);color:var(--text-main);cursor:pointer;background:0 0;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;transition:background .1s;display:flex}.msu-back-btn:hover,.msu-back-btn:active{background:var(--glass-bg-hover,#0000000f)}.msu-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-main);text-align:center;flex:1;margin:0;font-size:1rem;font-style:italic;font-weight:950}.msu-header-spacer{flex-shrink:0;width:2.75rem}.msu-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:1.25rem;padding:1rem;display:flex;overflow-y:auto}.msu-section{flex-direction:column;gap:.5rem;margin-bottom:.25rem;display:flex}.msu-section-label{letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;font-size:.6rem;font-weight:900}.msu-sub-label{letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;opacity:.7;margin-top:.25rem;font-size:.55rem;font-weight:900}.msu-row{gap:.75rem;display:flex}.team-config-row-5col{grid-template-columns:minmax(7rem,.8fr) minmax(6rem,1fr) auto minmax(6rem,1fr) minmax(7rem,.8fr);align-items:center;gap:.75rem;display:grid}.team-config-row-5col .team-config-color{min-width:0}.team-config-row-5col .team-config-name{letter-spacing:.04em;text-transform:uppercase;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-style:italic;font-weight:950;overflow:hidden}.team-config-row-5col .vs-label{letter-spacing:.12em;color:var(--text-muted);text-align:center;padding:0 .25rem;font-size:.95rem;font-weight:900}@media (width<=720px){.team-config-row-5col{grid-template-columns:1fr auto 1fr;grid-template-areas:"name-a vs name-b""color-a color-a color-b";row-gap:.5rem}.team-config-row-5col>.team-config-color:first-child{grid-area:color-a}.team-config-row-5col>.team-config-name:first-of-type{grid-area:name-a}.team-config-row-5col>.vs-label{grid-area:vs}.team-config-row-5col>.team-config-name:nth-of-type(2){grid-area:name-b}.team-config-row-5col>.team-config-color:last-child{grid-area:color-b}}.msu-field{flex:1}.msu-empty{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);text-align:center;padding:2rem 0;font-size:.9rem;font-weight:900}.msu-weather-dt{background:var(--surface-color);border:3px solid var(--border-color);height:2.75rem;min-height:44px;box-shadow:0 4px 0 var(--border-color);box-sizing:border-box;border-radius:.5rem;align-items:center;gap:.35rem;width:100%;padding:0 .5rem;display:flex}.msu-weather-dt-icon{color:var(--text-muted);flex-shrink:0;align-items:center;display:flex}.msu-weather-dt .dtp-cell{border:2px solid var(--border-color);min-width:2.25rem;min-height:36px;box-shadow:0 3px 0 var(--border-color);cursor:pointer;background:0 0;border-radius:.35rem;justify-content:center;align-items:center;padding:.35rem .5rem;font-family:inherit;transition:border-color .1s,box-shadow .1s,transform .1s;display:inline-flex}.msu-weather-dt .dtp-cell:active{box-shadow:0 1px 0 var(--border-color);transform:translateY(2px)}.msu-weather-dt .dtp-cell.dtp-cell-open{border-color:var(--text-main);background:var(--text-main);box-shadow:0 3px 0 var(--text-main)}.msu-weather-dt .dtp-cell.dtp-cell-open .dtp-cell-value{color:var(--bg-color)}.msu-weather-dt .dtp-cell:nth-child(7){min-width:3.25rem}.msu-weather-dt .dtp-cell-value{text-transform:uppercase;color:var(--text-main);letter-spacing:.04em;pointer-events:none;font-size:.8rem;font-style:italic;font-weight:950}.msu-weather-dt .dtp-sep{color:var(--text-muted);-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:.85rem;font-weight:900}.msu-weather-dt .dtp-divider{color:var(--border-color);-webkit-user-select:none;user-select:none;flex-shrink:0;margin:0 .15rem;font-size:.85rem;font-weight:300}.msu-city-btn-active{border-color:var(--text-main)!important;box-shadow:0 4px 0 var(--text-main)!important}.msu-city-field{background:var(--input-bg,var(--surface-color));border:3px solid var(--border-color);width:100%;height:2.75rem;min-height:44px;box-shadow:0 4px 0 var(--border-color);box-sizing:border-box;cursor:pointer;text-align:left;border-radius:.5rem;align-items:center;padding:0 .75rem;font-family:inherit;transition:border-color .1s,box-shadow .1s;display:flex}.msu-city-field-active{border-color:var(--text-main);box-shadow:0 4px 0 var(--text-main)}.msu-city-icon{color:var(--text-main);flex-shrink:0;margin-right:.25rem}.msu-city-placeholder{letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:700;overflow:hidden}.msu-weather-summary{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.msu-weather-summary .badge{border:2px solid var(--border-color);box-shadow:0 2px 0 var(--border-color);color:var(--text-main);background:0 0}.msu-gps-error{border:2px dashed var(--text-main);letter-spacing:.08em;color:var(--text-main);text-transform:uppercase;border-radius:.4rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.65rem;font-weight:900;display:flex}.night-mode .msu-gps-error,.high-contrast .msu-gps-error{border-style:solid;border-color:var(--danger-color,#dc2626);color:var(--danger-color,#dc2626)}.msu-weather-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.msu-weather-loading{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;align-items:center;gap:.4rem;font-size:.65rem;font-weight:900;display:inline-flex}.msu-weather-chips{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.msu-footer{border-top:2px solid var(--border-color);padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));flex-shrink:0}.high-contrast .msu-weather-dt{background:#fff;border-color:#000;box-shadow:0 4px #000}.high-contrast .msu-weather-dt .dtp-cell{border-color:#000;box-shadow:0 3px #000}.high-contrast .msu-weather-dt .dtp-cell.dtp-cell-open{background:#000;border-color:#000;box-shadow:0 3px #000}.high-contrast .msu-weather-dt .dtp-cell.dtp-cell-open .dtp-cell-value{color:#fff}.high-contrast .msu-city-field{background:#fff;border-color:#000;box-shadow:0 4px #000}.high-contrast .msu-back-btn{border-color:#000;box-shadow:0 3px #000}.otp-input-row{justify-content:center;gap:.5rem;display:flex}.otp-input-cell{text-align:center;width:48px;height:56px;color:var(--text-main);background:var(--input-bg);border:3px solid var(--border-color);box-shadow:0 3px 0 var(--border-color);caret-color:var(--primary-color);touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:12px;outline:none;font-family:inherit;font-size:1.5rem;font-style:italic;font-weight:950;transition:border-color .1s}.otp-input-cell:focus{border-color:var(--primary-color);box-shadow:0 3px 0 var(--primary-color)}.otp-input-filled{border-color:var(--primary-color)}.otp-input-cell:disabled{opacity:.3}.high-contrast .otp-input-cell{color:#000;background:#fff;border-color:#000;box-shadow:0 3px #000}.high-contrast .otp-input-cell:focus{border-color:#000;box-shadow:0 3px #000}@media (width<=932px){.otp-input-cell{border-radius:10px;gap:.35rem;width:44px;height:48px;font-size:1.2rem}}.auth-screen{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;display:flex;overflow-x:hidden}.auth-card{box-sizing:border-box;width:100%;max-width:700px;padding:2.5rem}.auth-card-wide{max-width:480px}.auth-brand{margin-bottom:1.5rem}.auth-title{letter-spacing:-.05em;text-align:center;color:var(--text-main);margin-bottom:.5rem;font-size:1.5rem;font-style:italic;font-weight:950}.auth-subtitle{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:900}.auth-error{background:rgba(var(--primary-color-rgb), .1);border:2px solid var(--danger-color);color:var(--danger-color);text-transform:uppercase;text-align:center;border-radius:10px;margin-bottom:.75rem;padding:.75rem;font-size:.75rem;font-weight:900}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-form-column{width:100%}.auth-code-hint{color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:900}.auth-mobile-actions{gap:.5rem;display:flex}.auth-actions-row{gap:.75rem;display:flex}.input-otp{text-align:center;letter-spacing:.3em;text-overflow:clip;font-size:1.5rem;overflow:hidden}.auth-verifying{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;min-height:56px;padding:1rem 0;font-size:.85rem;font-style:italic;font-weight:950;display:flex}.auth-have-code{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;text-align:center;touch-action:manipulation;background:0 0;border:none;justify-content:center;align-items:center;min-height:44px;padding:.5rem;font-family:inherit;font-size:.7rem;font-weight:900;display:flex}.auth-have-code:active{color:var(--primary-color)}.auth-mobile-only{display:none}.auth-desktop-only{display:inline-flex}.night-mode .auth-error{border-color:var(--danger-color);color:var(--danger-color);background:#000}@media (width<=932px){.auth-screen{padding-top:max(.5rem, env(safe-area-inset-top));padding-bottom:max(.5rem, env(safe-area-inset-bottom));padding-left:max(1.5rem, env(safe-area-inset-left));padding-right:max(1.5rem, env(safe-area-inset-right));justify-content:center;align-items:center}.auth-card{max-width:100%;padding:0;box-shadow:none!important;background:0 0!important;border:none!important}.auth-brand{margin-bottom:1rem}.auth-title{margin-bottom:.15rem;font-size:1.1rem}.auth-mobile-only{display:inline-flex}.auth-desktop-only{display:none}.auth-form{flex-flow:wrap;align-items:center;gap:.5rem}.auth-form .input-wrap{flex:1;min-width:0}.auth-form .auth-code-hint{width:100%}.auth-form .btn-sideline{flex-shrink:0}.auth-error{margin-bottom:.5rem;padding:.5rem;font-size:.75rem}.input-otp{letter-spacing:.2em;font-size:1.2rem}}.tooltip-wrap{display:inline-flex;position:relative}.tooltip{z-index:9999;background:var(--text-main);color:var(--bg-color);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;pointer-events:none;border:2px solid #0000004d;border-radius:6px;padding:.35rem .7rem;font-size:.65rem;font-style:italic;font-weight:900;position:absolute;box-shadow:0 3px #00000080}.tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-right{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}.tooltip-left{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}.high-contrast .tooltip{color:#fff;background:#000;border:2px solid #000;box-shadow:0 3px #000}@media (hover:none){.tooltip{display:none}}.avatar{-webkit-tap-highlight-color:transparent;border:3px solid #00000026;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden;box-shadow:0 3px #0006}.avatar-sm{border-radius:8px;width:32px;height:32px}.avatar-md{border-radius:10px;width:40px;height:40px}.avatar-lg{border-radius:14px;width:56px;height:56px}.avatar-img{object-fit:cover;width:100%;height:100%}.avatar-initials{background:var(--primary-color);width:100%;height:100%;color:var(--primary-contrast);letter-spacing:-.02em;justify-content:center;align-items:center;font-style:italic;font-weight:950;display:flex}.avatar-sm .avatar-initials{font-size:.75rem}.avatar-md .avatar-initials{font-size:.85rem}.avatar-lg .avatar-initials{font-size:1.2rem}.night-mode .avatar{border-color:var(--border-color);box-shadow:0 3px #ff3b3033}.night-mode .avatar-initials{color:var(--primary-color);border:2px solid var(--primary-color);background:#000}.high-contrast .avatar{border:3px solid #000;box-shadow:0 3px #000}.dropdown-wrap{display:inline-flex;position:relative}.dropdown-panel{z-index:500;background:var(--surface-color);border:3px solid var(--border-color);min-width:220px;box-shadow:0 6px 0 var(--border-color);border-radius:14px;flex-direction:column;gap:.15rem;padding:.4rem;display:flex;position:absolute;top:calc(100% + 6px)}.dropdown-left{left:0}.dropdown-right{right:0}.high-contrast .dropdown-panel{background:#fff;border:3px solid #000;box-shadow:0 6px #000}.menu-item{width:100%;color:var(--text-main);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;min-height:44px;padding:.6rem .75rem;font-family:inherit;font-size:.8rem;font-weight:900;transition:background .1s;display:flex}.menu-item:active{background:#ffffff14}.menu-item-danger{color:var(--danger-color)}.menu-item-left{align-items:center;gap:.6rem;display:flex}.menu-item-icon{opacity:.7;align-items:center;display:flex}.menu-item-label{white-space:nowrap}.menu-item-right{align-items:center;gap:.4rem;display:flex}.menu-item-hint{color:var(--text-muted);text-transform:none;font-size:.65rem;font-style:italic;font-weight:800}.high-contrast .menu-item{color:#000}.high-contrast .menu-item:active{background:#00000014}.high-contrast .menu-item-danger{color:var(--danger-color)}.divider{background:var(--border-color);border-radius:1px;height:2px;margin:.3rem .5rem}.divider-labeled{align-items:center;gap:.75rem;margin:.5rem 0;display:flex}.divider-line{background:var(--border-color);border-radius:1px;flex:1;height:2px}.divider-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;font-size:.75rem;font-weight:900}.high-contrast .divider,.high-contrast .divider-line{background:#0003}.confirm-dialog{text-align:center;flex-direction:column;gap:.75rem;display:flex}.confirm-dialog-icon{border:3px solid var(--border-color);background:var(--surface-color);width:56px;height:56px;color:var(--text-main);box-shadow:0 4px 0 var(--border-color);border-radius:16px;justify-content:center;align-items:center;margin:0 auto .25rem;display:flex}.confirm-dialog--danger .confirm-dialog-icon{color:var(--danger-color);border-color:var(--danger-color);box-shadow:0 4px 0 var(--danger-color)}.confirm-dialog-title{text-transform:uppercase;letter-spacing:.02em;color:var(--text-main);margin:0;font-size:1.2rem;font-style:italic;font-weight:950;line-height:1.2}.confirm-dialog-message{color:var(--text-muted);max-width:46ch;margin:.25rem auto .5rem;font-size:.95rem;font-style:normal;font-weight:500;line-height:1.4}.confirm-dialog-message strong{color:var(--text-main);font-weight:900}.confirm-dialog-actions{gap:.75rem;margin-top:.5rem;display:flex}.confirm-dialog-actions>.btn-sideline{flex:1;min-height:48px}.confirm-dialog-actions>.confirm-dialog-confirm{flex:1.2}.confirm-dialog-confirm.is-loading .confirm-dialog-confirm-label{opacity:.55}.confirm-dialog-spinner{vertical-align:-2px;border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;margin-left:.4rem;animation:.7s linear infinite confirm-dialog-spin;display:inline-block}@keyframes confirm-dialog-spin{to{transform:rotate(360deg)}}.high-contrast .confirm-dialog-title,.high-contrast .confirm-dialog-message strong{color:var(--text-main)}.high-contrast .confirm-dialog-message{color:var(--text-muted-hc)}.high-contrast .confirm-dialog-icon{background:var(--surface-color);color:var(--text-main);border-color:var(--border-color);box-shadow:0 4px 0 var(--border-color)}.high-contrast .confirm-dialog--danger .confirm-dialog-icon{color:var(--danger-color);border-color:var(--danger-color);box-shadow:0 4px 0 var(--danger-color)}@media (width<=932px){.confirm-dialog{gap:.5rem}.confirm-dialog-icon{width:48px;height:48px}.confirm-dialog-title{font-size:1.05rem}.confirm-dialog-message{font-size:.88rem}.confirm-dialog-actions{gap:.5rem;margin-top:.25rem}.confirm-dialog-actions>.btn-sideline{min-height:44px}}@media (width<=400px){.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-actions>.confirm-dialog-confirm{flex:1}}.sync-sheet-backdrop{z-index:9000;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sync-sheet{color:#000;background:#fff;border:3px solid #000;border-bottom:none;width:min(520px,100%);max-height:80vh;padding:16px;font-family:inherit;overflow-y:auto;box-shadow:0 -6px #000}.sync-sheet-header{border-bottom:3px solid #000;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.sync-sheet-header h2{letter-spacing:.5px;margin:0;font-weight:900}.sync-sheet-close{cursor:pointer;background:#fff;border:3px solid #000;min-width:44px;min-height:44px;font-size:22px;font-weight:900;box-shadow:0 3px #000}.sync-sheet-actions{margin-bottom:12px}.sync-sheet-flush{color:#fff;letter-spacing:.5px;cursor:pointer;background:#000;border:3px solid #000;width:100%;min-height:44px;font-weight:900;box-shadow:0 4px #000}.sync-sheet-flush:disabled{opacity:.5}.sync-sheet-section h3{text-transform:uppercase;margin:8px 0;font-weight:900}.sync-sheet-empty{color:#555;text-align:center;border:2px dashed #000;padding:16px}.sync-sheet-list{margin:0;padding:0;list-style:none}.sync-sheet-entry{background:#fff;border:2px solid #000;margin-bottom:10px;padding:10px;box-shadow:0 3px #000}.sync-sheet-entry-meta{justify-content:space-between;margin-bottom:6px;font-weight:700;display:flex}.sync-sheet-entry-error{word-break:break-word;background:#f0f0f0;border:1px solid #000;margin-bottom:8px;padding:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.sync-sheet-entry-actions{gap:8px;display:flex}.sync-sheet-entry-actions button{cursor:pointer;background:#fff;border:3px solid #000;flex:1;min-height:44px;font-weight:900;box-shadow:0 3px #000}.sync-sheet-entry-actions button.danger{color:#fff;background:#000}.sync-sheet-entry-actions button:disabled{opacity:.5}.sync-sheet button:disabled{cursor:not-allowed;pointer-events:none}.sync-btn{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;border:2px solid #00000026;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-family:inherit;transition:transform 60ms,box-shadow 60ms;display:inline-flex;position:relative;box-shadow:0 3px #0006}.sync-pending-count{color:#fff;text-align:center;box-sizing:content-box;pointer-events:none;background:#000;border:2px solid #fff;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;line-height:18px;position:absolute;top:-4px;right:-4px}.high-contrast .sync-pending-count,.night-mode .sync-pending-count{color:#000;background:#fff;border-color:#000}.sync-btn:active{transform:translateY(3px);box-shadow:0 1px #0003}.sync-icon{justify-content:center;align-items:center;display:flex}.sync-synced{background:var(--surface-color);border-color:var(--border-color);color:var(--text-main)}.sync-syncing{background:var(--warning-color);color:#78350f;border-color:#0003}.sync-syncing .sync-icon{animation:1.4s ease-in-out infinite sync-pulse}@keyframes sync-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.18)}}.sync-offline,.sync-error{background:var(--danger-color);color:#7f1d1d;border-color:#0003}.sync-orphan{background:var(--warning-color);color:#000;border-color:#000}.sync-dead{color:#fff;background:#000;border-color:#000}.sync-dead .sync-icon{animation:1.4s ease-in-out infinite sync-pulse}.high-contrast .sync-dead,.night-mode .sync-dead{color:#000;background:#fff;border-color:#000}.night-mode .sync-syncing{border-color:var(--primary-color);color:var(--primary-color);background:#000}.night-mode .sync-offline,.night-mode .sync-error{border-color:var(--danger-color);color:var(--danger-color);background:#000}.night-mode .sync-orphan{border-color:var(--warning-color);color:var(--warning-color);background:#000}.high-contrast .sync-synced{color:#000;background:#fff;border-color:#000;box-shadow:0 3px #000}.high-contrast .sync-syncing{background:var(--warning-color);color:#000;border-color:#000;box-shadow:0 3px #000}.high-contrast .sync-offline,.high-contrast .sync-error{background:var(--danger-color);color:#fff;border-color:#000;box-shadow:0 3px #000}.high-contrast .sync-orphan{background:var(--warning-color);color:#000;border-color:#000;box-shadow:0 3px #000}.app-shell{background-color:var(--bg-color);width:100%;height:100dvh;color:var(--text-main);box-sizing:border-box;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex;overflow:hidden}.app-header-desktop{border-bottom:3px solid var(--border-color);background:var(--surface-color);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;min-height:48px;padding:.4rem 1.25rem;display:flex}.app-header-left{align-items:center;gap:.75rem;min-width:0;display:flex}.app-header-nav{align-items:center;gap:.5rem;display:flex}.app-logo{letter-spacing:-.05em;cursor:pointer;white-space:nowrap;font-size:1.2rem;font-style:italic;font-weight:950;line-height:1}.app-header-title{letter-spacing:.02em;text-transform:uppercase;font-size:1rem;font-style:italic;font-weight:950}.app-mobile-bar,.app-mobile-header{display:none}.app-content{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.app-content-full{overflow:hidden}.dropdown-user-info{flex-direction:column;gap:.15rem;padding:.5rem .75rem;display:flex}.dropdown-user-name{letter-spacing:.02em;font-size:.8rem;font-style:italic;font-weight:950}.dropdown-user-email{color:var(--text-muted);font-size:.75rem;font-weight:800}.app-drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#000000b3;position:fixed;inset:44px 0 0}.app-drawer{background:var(--surface-color);border-bottom:3px solid var(--border-color);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.drawer-user-row{align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.drawer-user-info{flex-direction:column;gap:.1rem;display:flex}.drawer-user-name{font-size:.9rem;font-style:italic;font-weight:950}.drawer-user-team{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:800}.high-contrast .app-header-desktop,.high-contrast .app-mobile-bar,.high-contrast .app-mobile-header{color:#000;background:#fff;border-bottom:3px solid #000}.high-contrast .app-logo{color:#000}.high-contrast .app-drawer{background:#fff;border-bottom:3px solid #000}@media (width<=932px){.app-header-desktop{display:none}.app-mobile-bar{padding:.5rem calc(.5rem + env(safe-area-inset-right)) .5rem calc(.5rem + env(safe-area-inset-left));background:var(--surface-color);border-bottom:3px solid var(--border-color);z-index:100;flex-shrink:0;align-items:center;gap:.5rem;min-height:44px;display:flex}.app-mobile-bar .seg-control{flex:1}.app-mobile-actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.app-mobile-header{padding:.5rem calc(.5rem + env(safe-area-inset-right)) .5rem calc(.5rem + env(safe-area-inset-left));background:var(--surface-color);border-bottom:3px solid var(--border-color);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;min-height:44px;display:flex}.app-mobile-header .app-header-title{font-size:.85rem}}@media (width>=933px) and (width<=1199px){.app-header-desktop{padding:.4rem 1rem}.app-header-nav .btn-sideline.btn-size-sm{gap:0;padding:.5rem .6rem;font-size:0}.app-header-nav .btn-sideline.btn-size-sm>svg{font-size:initial}}@media (width>=1180px) and (width<=1365px){.app-header-nav .btn-sideline.btn-size-sm{padding:.4rem .75rem;font-size:.7rem}}@media (width>=1366px){.app-header-desktop{min-height:56px;padding:.5rem 1.5rem}.app-logo{font-size:1.3rem}}.list-item{border-bottom:1px solid var(--border-color);text-align:left;align-items:center;gap:.75rem;width:100%;min-height:44px;padding:.6rem .75rem;display:flex}.list-item:last-child{border-bottom:none}.list-item-compact{gap:.5rem;padding:.4rem .5rem}.list-item-tappable{color:var(--text-main);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-top:none;border-left:none;border-right:none;font-family:inherit;transition:background .1s}.list-item-tappable:active{background:var(--glass-bg-hover)}.list-item-active{background:var(--glass-bg);border-left:3px solid var(--text-main)}.list-item-left{color:var(--text-muted);flex-shrink:0;align-items:center;display:flex}.list-item-content{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.list-item-label{text-transform:uppercase;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:900;overflow:hidden}.list-item-compact .list-item-label{font-size:.75rem}.list-item-subtitle{color:var(--text-muted);font-size:.75rem;font-weight:800}.list-item-right{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.high-contrast .list-item{border-bottom-color:#0000001f}.high-contrast .list-item-active{border-left-color:#000}.high-contrast .list-item-tappable:active{background:#0000000f}.profile-page{flex-direction:column;height:100%;display:flex}.profile-content{flex-direction:column;flex:1;gap:1rem;width:100%;max-width:600px;margin:0 auto;padding:1rem 1.5rem 2rem;display:flex;overflow-y:auto}.profile-card{padding:1rem 0}.profile-card .section-label{padding:0 1rem}.profile-card .list-item{padding:1rem}.profile-user-hero{align-items:center;gap:1rem;padding:1rem;display:flex}.profile-user-details{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.profile-display-name{text-transform:uppercase;font-size:1.1rem;font-style:italic;font-weight:950}.profile-email{color:var(--text-muted);font-size:.75rem;font-weight:800}.profile-name-edit{align-items:center;gap:.5rem;display:flex}.profile-name-edit .sideline-input{flex:1}.profile-name-row{text-align:left;cursor:pointer;width:100%;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;margin:0;padding:0;font-family:inherit}.profile-name-row:hover{opacity:.75}.profile-team-right{align-items:center;gap:.5rem;display:flex}.profile-logout-row{padding:1rem}@media (width>=933px){.profile-content{grid-template-columns:1fr 1fr;align-items:start;gap:1rem;max-width:900px;display:grid}.profile-content>.profile-card:first-child{grid-column:1/-1}}@media (width<=932px){.profile-content{padding:.5rem calc(1rem + env(safe-area-inset-right)) calc(1.5rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left))}}.pwa-banner{z-index:9999;background:var(--surface-color);border:3px solid var(--border-color);box-shadow:0 4px 0 var(--border-color);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:.5rem;max-width:280px;padding:1rem 1.25rem;display:flex;position:fixed;top:12px;right:80px}.pwa-banner:before{content:"";border-left:10px solid #0000;border-right:10px solid #0000;border-bottom:10px solid var(--border-color);width:0;height:0;position:absolute;top:-10px;right:24px}.pwa-banner:after{content:"";border-left:7px solid #0000;border-right:7px solid #0000;border-bottom:7px solid var(--surface-color);width:0;height:0;position:absolute;top:-6px;right:27px}.pwa-banner-dismiss{color:var(--text-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.25rem;font-family:inherit;font-size:1.3rem;font-weight:900;line-height:1;display:flex;position:absolute;top:.25rem;right:.5rem}.pwa-banner-icon{color:var(--primary-color)}.pwa-banner-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-main);font-size:.75rem;font-style:italic;font-weight:950}.pwa-banner-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:.1rem;font-size:.6rem;font-weight:900}.pwa-banner-text{flex-direction:column;align-items:center;display:flex}.pwa-banner-steps{align-items:center;gap:.4rem;margin-top:.15rem;display:flex}.pwa-banner-step{background:var(--glass-bg);border:2px solid var(--border-color);text-transform:uppercase;color:var(--text-main);border-radius:10px;align-items:center;gap:.3rem;min-height:44px;padding:.4rem .6rem;font-size:.6rem;font-weight:900;display:flex}.pwa-banner-step-arrow{color:var(--text-muted);font-size:1rem;font-weight:900}.pwa-banner-install-btn{background:var(--primary-color);color:var(--primary-contrast);border:3px solid var(--border-color);box-shadow:0 4px 0 var(--border-color);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;touch-action:manipulation;border-radius:14px;justify-content:center;align-items:center;gap:.4rem;min-height:44px;padding:.6rem 1.2rem;font-family:inherit;font-size:.75rem;font-style:italic;font-weight:950;transition:transform 60ms,box-shadow 60ms;display:flex}.pwa-banner-install-btn:active{box-shadow:0 1px 0 var(--border-color);transform:translateY(3px)}.high-contrast .pwa-banner{background:#fff;border-color:#000;box-shadow:0 4px #000}.high-contrast .pwa-banner:before{border-bottom-color:#000}.high-contrast .pwa-banner:after{border-bottom-color:#fff}.high-contrast .pwa-banner-step{border-color:#000}@media (width<=932px){.pwa-banner{top:auto;bottom:60px;right:50%;transform:translate(50%)}.pwa-banner:before{border-bottom:none;border-top:10px solid var(--border-color);top:auto;bottom:-10px;right:50%;transform:translate(50%)}.pwa-banner:after{border-bottom:none;border-top:7px solid var(--surface-color);top:auto;bottom:-6px;right:50%;transform:translate(50%)}}.debug-fab{z-index:99999;color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#000000b3;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-family:inherit;font-size:.75rem;font-weight:900;display:flex;position:fixed;bottom:12px;left:12px}.debug-fab-error{background:#dc2626e6;border-color:#ef4444}.debug-panel{z-index:99999;-webkit-backdrop-filter:blur(8px);background:#000000eb;border:2px solid #ffffff26;border-radius:12px;flex-direction:column;width:min(500px,100vw - 24px);height:280px;display:flex;position:fixed;bottom:64px;left:12px;overflow:hidden}.debug-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.debug-title{color:#888;text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;font-weight:900}.debug-actions{gap:.5rem;display:flex}.debug-btn{color:#aaa;cursor:pointer;text-transform:uppercase;touch-action:manipulation;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;min-height:32px;padding:.3rem .6rem;font-family:inherit;font-size:.55rem;font-weight:900}.debug-scroll{-webkit-overflow-scrolling:touch;flex:1;padding:.4rem .75rem;font-family:SF Mono,Menlo,monospace;font-size:.6rem;line-height:1.5;overflow-y:auto}.debug-line{color:#ccc;white-space:pre-wrap;word-break:break-all;padding:1px 0}.debug-warn{color:#eab308}.debug-error{color:#ef4444;font-weight:700}.debug-ts{color:#555;margin-right:.5rem;font-size:.5rem}.debug-empty{color:#555;text-align:center;padding:2rem 0;font-family:inherit;font-weight:900}.onboarding-backdrop{z-index:9000;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.onboarding-panel{background:var(--surface-color);border:3px solid var(--primary-color);box-shadow:0 8px 0 var(--primary-color);border-radius:1.5rem;flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex;position:relative;overflow:hidden}.onboarding-skip{z-index:1;border:2px solid var(--text-muted);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;background:0 0;border-radius:6px;min-width:44px;min-height:44px;padding:.35rem .75rem;font-size:.65rem;font-style:italic;font-weight:900;transition:border-color .15s,color .15s;position:absolute;top:1rem;right:1rem}.onboarding-skip:hover{border-color:var(--text-main);color:var(--text-main)}.onboarding-dots{justify-content:center;gap:.5rem;padding:1.25rem 1.25rem 0;display:flex}.onboarding-dot{background:var(--text-muted);border:2px solid var(--text-muted);border-radius:50%;width:10px;height:10px;transition:background .2s,border-color .2s}.onboarding-dot.active{background:var(--primary-color);border-color:var(--primary-color)}.onboarding-body{text-align:center;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;align-items:center;padding:1.5rem 2rem;display:flex;overflow-y:auto}.onboarding-icon{color:var(--primary-color);flex-shrink:0;margin-bottom:1rem}.onboarding-step-num{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem;font-size:.65rem;font-style:italic;font-weight:900}.onboarding-title{text-transform:uppercase;color:var(--text-main);letter-spacing:.02em;margin-bottom:.75rem;font-size:1.4rem;font-style:italic;font-weight:950;line-height:1.1}.onboarding-desc{color:var(--text-muted);max-width:400px;font-size:.9rem;font-weight:600;line-height:1.6}.onboarding-desc strong{color:var(--text-main);font-weight:900}.onboarding-callout{background:var(--glass-bg);border:2px solid var(--border-color);text-transform:uppercase;color:var(--text-main);letter-spacing:.04em;text-align:center;border-radius:.75rem;margin-top:1rem;padding:.75rem 1rem;font-size:.8rem;font-style:italic;font-weight:800}.onboarding-footer{border-top:2px solid var(--border-color);gap:.75rem;padding:1rem 2rem 1.5rem;display:flex}.onboarding-footer .btn-sideline{flex:1}@media (width<=932px){.onboarding-panel{border-radius:1rem 1rem 0 0;max-width:100%;max-height:85vh}.onboarding-backdrop{align-items:flex-end;padding:0}.onboarding-body{padding:1rem 1.25rem}.onboarding-footer{padding:.75rem 1.25rem calc(.75rem + env(safe-area-inset-bottom))}.onboarding-title{font-size:1.15rem}.onboarding-desc{font-size:.82rem}}.accordion{flex-direction:column;gap:.5rem;display:flex}.accordion-item{border:3px solid var(--border-color);box-shadow:0 4px 0 var(--border-color);background:var(--surface-color);border-radius:.75rem;transition:box-shadow .15s;overflow:hidden}.accordion-item.accordion-item-open{border-color:var(--primary-color);box-shadow:0 4px 0 var(--primary-color)}.accordion-trigger{cursor:pointer;text-align:left;touch-action:manipulation;width:100%;min-height:52px;color:var(--text-main);background:0 0;border:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.accordion-trigger:active{transform:translateY(2px)}.accordion-trigger-label{text-transform:uppercase;letter-spacing:.03em;flex:1;font-size:.9rem;font-style:italic;font-weight:900}.accordion-trigger-icon{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.accordion-item-open .accordion-trigger-icon{color:var(--primary-color);transform:rotate(180deg)}.accordion-body{color:var(--text-muted);border-top:2px solid var(--border-color);padding:0 1rem 1rem;font-size:.85rem;font-weight:600;line-height:1.7}.accordion-body strong{color:var(--text-main);font-weight:900}.accordion-body p{margin:.5rem 0}.accordion-body p:first-child{margin-top:.75rem}@media (width<=932px){.accordion-trigger-label{font-size:.82rem}.accordion-body{font-size:.8rem}}.help-page{-webkit-overflow-scrolling:touch;max-width:720px;height:100%;margin:0 auto;padding:1.5rem 1.5rem 3rem;overflow-y:auto}.help-header{align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.help-header-icon{color:var(--primary-color);flex-shrink:0}.help-header-title{text-transform:uppercase;letter-spacing:.02em;color:var(--text-main);margin:0;font-size:1.6rem;font-style:italic;font-weight:950;line-height:1}.help-header-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.2rem;font-size:.75rem;font-weight:700}.help-section{margin-bottom:2rem}.help-section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid var(--border-color);margin-bottom:.75rem;padding-bottom:.4rem;font-size:.65rem;font-style:italic;font-weight:900}.help-steps{flex-direction:column;gap:.75rem;display:flex}.help-step-card{background:var(--surface-color);border:3px solid var(--border-color);box-shadow:0 4px 0 var(--border-color);border-radius:.75rem;align-items:flex-start;gap:1rem;padding:.875rem 1rem;display:flex}.help-step-num{background:var(--primary-color);width:32px;height:32px;color:var(--primary-contrast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-style:italic;font-weight:950;display:flex}.help-step-title{text-transform:uppercase;color:var(--text-main);letter-spacing:.02em;margin-bottom:.2rem;font-size:.9rem;font-style:italic;font-weight:900}.help-step-desc{color:var(--text-muted);font-size:.82rem;font-weight:600;line-height:1.6}.help-step-desc strong{color:var(--text-main);font-weight:900}.help-replay-row{text-align:center;margin-top:2rem}@media (width<=932px){.help-page{padding:1rem 1rem 2rem}.help-header-title{font-size:1.2rem}.help-step-card{gap:.75rem;padding:.75rem}}