@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/f452a35c58ab4a71-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/edf65f7123d74381-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/d18a3a29d8185443-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/26be29d2d9761069-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/d4e3e848b38cb0be-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Montserrat Fallback;src:local("Arial");ascent-override:85.79%;descent-override:22.25%;line-gap-override:0.00%;size-adjust:112.83%}.__className_dee88b{font-family:Montserrat,Montserrat Fallback;font-weight:300;font-style:normal}.__variable_dee88b{--font:"Montserrat","Montserrat Fallback"}:root{--chalk:#F7F7F7;--night-game:#111111;--clay:#E9D7B4;--dirt:#574F3D;--stitch-red:#B93C3C;--high-heat:#FA4D4D;--outfield:#50684C;--fresh-cut:#71A368;--black:#111111;--gray-950:#181818;--gray-900:#1E1E1E;--gray-800:#2A2A2A;--gray-700:#3A3A3A;--gray-600:#5A5A5A;--gray-400:#8A8A8A;--gray-200:#B0B0B0;--white:#F7F7F7;--teal:var(--clay);--green:var(--fresh-cut);--purple:var(--dirt);--accent-gradient:var(--clay);--danger:var(--high-heat);--success:var(--fresh-cut);--bg:var(--black);--bg-deep:var(--gray-950);--bg-card:var(--gray-900);--bg-input:var(--gray-800);--text:var(--white);--text-muted:var(--gray-400);--text-dim:var(--gray-600);--text-sub:var(--gray-200);--border:var(--gray-700);--border-light:var(--gray-700);--accent:var(--clay);--accent-hover:#D4C29F;--accent-on:var(--black);--sp-1:4px;--sp-2:8px;--sp-3:16px;--sp-4:24px;--sp-5:32px;--sp-6:48px;--sp-8:64px;--r-1:4px;--r-2:8px;--r-3:16px;--r-4:24px;--r-full:9999px;--text-xs:10px;--text-sm:12px;--text-base:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--font:"Montserrat",sans-serif;--font-weight:300;--glow-clay:none;--glow-teal:none;--glow-green:none;--glow-purple:none;--glow-accent:none;--glow-danger:none;--glow-success:none;--duration-fast:120ms;--duration-base:250ms;--duration-slow:500ms;--duration-xslow:800ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1)}body.light{--bg:#F7F7F7;--bg-deep:#EBEBEB;--bg-card:#FFFFFF;--bg-input:#EBEBEB;--text:#111111;--text-muted:#5A5A5A;--text-dim:#8A8A8A;--text-sub:#3A3A3A;--border:#D4D4D4;--border-light:#D4D4D4;--accent:#574F3D;--accent-hover:#3E382C;--accent-on:#F7F7F7;--white:#111111;--black:#F7F7F7;--clay:#574F3D;--dirt:#E9D7B4}.grad-border{background:var(--bg-input);border:1px solid var(--border)!important}.grad-border:hover{background:var(--gray-800);border-color:var(--clay)!important}.grad-border-dark{background:var(--bg-deep);border:1px solid var(--border)!important}.grad-border-transparent{background:var(--black);border:1px solid var(--border)!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);font-weight:var(--font-weight);font-size:var(--text-base);background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column}.settings-toggle{position:absolute;left:var(--sp-3);top:50%;transform:translateY(-50%);background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-muted);cursor:pointer;width:38px;height:38px;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-in-out)}.settings-toggle.active,.settings-toggle:hover{color:var(--clay);border-color:var(--clay)}.theme-toggle{position:absolute;right:var(--sp-3);top:50%;transform:translateY(-50%);background:none;border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-muted);cursor:pointer;width:38px;height:38px;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-in-out)}.theme-toggle:hover{border-color:var(--clay);color:var(--clay)}nav{display:none;background:var(--bg-deep);border-bottom:1px solid var(--border);position:relative}nav.visible{display:flex}nav button{flex:1 1;padding:14px;background:none;color:var(--text-dim);font-family:var(--font);font-weight:var(--font-weight);font-size:var(--text-base);cursor:pointer;border:none;border-bottom:2px solid transparent;transition:color var(--duration-fast) var(--ease-in-out)}nav button.active{color:var(--white);border-bottom-color:var(--clay)}nav button:hover:not(.active){color:var(--text-muted)}.main-tabs{display:flex;background:var(--bg-deep);border-bottom:1px solid var(--border)}.main-tabs button{flex:1 1;padding:12px;background:none;color:var(--text-dim);font-family:var(--font);font-weight:var(--font-weight);font-size:var(--text-base);cursor:pointer;border:none;border-bottom:2px solid transparent;transition:color var(--duration-fast) var(--ease-in-out);display:flex;align-items:center;justify-content:center;gap:6px}.main-tabs button.active{color:var(--white);border-bottom-color:var(--clay)}.main-tabs button:hover:not(.active){color:var(--text-muted)}.main-tabs.hidden,.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn var(--duration-base) var(--ease-out)}.page{display:none;flex:1 1;padding:var(--sp-4);overflow-y:auto;padding-bottom:120px}.page.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:var(--text-lg);font-weight:var(--font-weight);color:var(--white);margin:var(--sp-4) 0 var(--sp-2);padding-bottom:var(--sp-1);border-bottom:1px solid var(--border);letter-spacing:.5px}.section-title:first-child{margin-top:0}.drop-zone{border:1px dashed var(--border);border-radius:var(--r-2);padding:var(--sp-6);text-align:center;color:var(--text-dim);margin-bottom:var(--sp-3);transition:all var(--duration-fast) var(--ease-in-out);cursor:pointer}.drop-zone.dragover{border-color:var(--clay);color:var(--clay);background:rgba(233,215,180,.03)}.drop-zone p{font-size:var(--text-base);margin-bottom:var(--sp-1)}.drop-zone small{color:var(--text-dim);font-size:var(--text-sm)}.file-input{display:none}.upload-list{list-style:none}.upload-item{display:flex;align-items:center;gap:var(--sp-2);background:var(--bg-card);border-radius:var(--r-2);padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-2);border:1px solid transparent;transition:border-color var(--duration-fast) var(--ease-in-out);animation:slideUp var(--duration-base) var(--ease-spring)}.upload-item:hover{border-color:var(--border)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.upload-item .file-name{color:var(--text-dim);font-size:var(--text-sm);flex-shrink:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-item input[type=text]{flex:1 1;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-1);padding:var(--sp-2) var(--sp-2);color:var(--text);font-family:var(--font);font-weight:var(--font-weight);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-in-out)}.upload-item input[type=text]:focus{outline:none;border-color:var(--teal);box-shadow:var(--glow-teal)}.remove-btn{background:none;border:none;color:var(--text-dim);font-size:1.3rem;cursor:pointer;padding:0 var(--sp-1);transition:color var(--duration-fast) var(--ease-in-out)}.remove-btn:hover{color:var(--danger)}.add-player-row{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-3)}.add-player-row input{flex:1 1;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-1);padding:10px 14px;color:var(--text);font-family:var(--font);font-weight:var(--font-weight);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-in-out)}.add-player-row input:focus{outline:none;border-color:var(--teal);box-shadow:var(--glow-teal)}.add-player-row button{background:var(--accent-gradient);border:none;border-radius:var(--r-2);color:var(--black);padding:10px 20px;font-family:var(--font);font-weight:var(--font-weight);cursor:pointer;font-size:var(--text-base);white-space:nowrap;transition:all var(--duration-fast) var(--ease-in-out)}.add-player-row button:hover{box-shadow:var(--glow-accent);transform:scale(1.03)}.add-player-row button:active{transform:scale(.97)}.player-card{background:var(--bg-card);border-radius:var(--r-2);padding:var(--sp-3);margin-bottom:var(--sp-2);display:flex;flex-direction:column;gap:var(--sp-2);border:1px solid transparent;transition:all var(--duration-fast) var(--ease-in-out);animation:slideUp var(--duration-base) var(--ease-spring)}.player-card:hover{border-color:var(--border)}.player-card.dragging{opacity:.3;transform:scale(1.02);box-shadow:var(--glow-accent)}.player-card.drag-over{border-top:2px solid var(--teal);margin-top:-2px}.player-card.benched{opacity:.4}.player-card .bench-toggle{margin-left:auto;border:none;background:none;cursor:pointer;color:var(--text-dim);font-size:var(--text-sm);font-family:var(--font);font-weight:var(--font-weight);display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-1);transition:all var(--duration-fast) var(--ease-in-out)}.player-card .bench-toggle:hover{background:var(--bg-input);color:var(--text-muted)}.player-card.benched .bench-toggle{color:var(--teal)}.drag-handle{cursor:-webkit-grab;cursor:grab;color:var(--text-dim);font-size:1.2rem;padding:0 var(--sp-1);-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;transition:color var(--duration-fast) var(--ease-in-out)}.drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.drag-handle:hover{color:var(--text-muted)}.player-photo{width:40px;height:40px;border-radius:var(--r-full);object-fit:cover;border:2px solid var(--gray-700);flex-shrink:0;transition:all var(--duration-fast) var(--ease-in-out)}.player-photo:hover{transform:scale(1.05);border-color:var(--teal)}.player-photo-placeholder{width:40px;height:40px;border-radius:var(--r-full);flex-shrink:0;background:var(--bg-input);display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.player-header{display:flex;align-items:center;gap:var(--sp-2)}.player-number{color:var(--text-muted);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.player-number,.player-number-input{background:var(--bg-input);font-weight:var(--font-weight);font-size:var(--text-sm);border-radius:var(--r-full);flex-shrink:0;border:1px solid var(--border)}.player-number-input{color:var(--text);font-family:var(--font);width:36px;height:36px;text-align:center;padding:0;transition:all var(--duration-fast) var(--ease-in-out)}.player-number-input:focus{border-color:var(--teal);outline:none;box-shadow:var(--glow-teal)}.player-name-display{font-weight:var(--font-weight);font-size:var(--text-base);flex:1 1}.player-audio-row{display:flex;align-items:center;gap:var(--sp-2);padding-left:44px;flex-wrap:wrap}.player-audio-row label{font-size:var(--text-sm);color:var(--text-dim);width:80px;flex-shrink:0}.player-audio-row .file-label{font-size:var(--text-sm);color:var(--text-muted);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-audio-row .file-label.empty{color:var(--text-dim);font-style:italic}.small-btn{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-1);color:var(--text-muted);padding:6px 12px;font-family:var(--font);font-weight:var(--font-weight);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;transition:all var(--duration-fast) var(--ease-in-out)}.small-btn:hover{color:var(--clay);border-color:var(--clay)}.small-btn.danger{background:none;border-color:transparent;color:var(--text-dim)}.small-btn.danger:hover{color:var(--danger);border-color:var(--danger)}.upload-progress-wrap{display:none;width:100%;padding-left:80px;margin-top:-4px}.upload-progress-wrap.active{display:block}.upload-progress-bar{height:3px;border-radius:var(--r-full);background:var(--gray-800);overflow:hidden}.upload-progress-bar .fill{height:100%;width:0;background:var(--accent-gradient);border-radius:var(--r-full);transition:width var(--duration-fast)}.upload-progress-bar .fill.success{background:var(--green)}.upload-progress-bar .fill.error{background:var(--danger)}.upload-status{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--text-sm);min-width:20px}.upload-status .check{color:var(--green)}.upload-status .fail{color:var(--danger)}.board-wrap{overflow-x:auto;overflow-y:clip;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gray-700) transparent;padding:20px var(--sp-4);margin:-20px calc(-1 * var(--sp-4))}.board-wrap::-webkit-scrollbar{height:4px}.board-wrap::-webkit-scrollbar-track{background:transparent}.board-wrap::-webkit-scrollbar-thumb{background:var(--gray-700);border-radius:var(--r-full)}.board{display:flex;gap:var(--sp-3);padding:0 2px}.sound-btn{flex:0 0 90px;width:90px;height:90px;scroll-snap-align:start;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-2);color:var(--text);font-family:var(--font);font-weight:var(--font-weight);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out);display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--sp-2);word-break:break-word;line-height:1.3}.sound-btn:hover{transform:scale(1.03);border-color:var(--clay)}.sound-btn:active{transform:scale(.97)}.sound-btn.playing{background:var(--clay);border-color:var(--clay);color:var(--black);transform:scale(1);flex-direction:column;gap:6px}.sound-btn.playing .btn-label{display:none}.library-controls{display:flex;gap:var(--sp-3);align-items:center;margin-bottom:var(--sp-3)}.library-search{flex:1 1;display:flex;align-items:center;gap:var(--sp-2);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-2);padding:0 var(--sp-3)}.library-search input{flex:1 1;background:none;border:none;color:var(--text);font-family:var(--font);font-weight:var(--font-weight);font-size:var(--text-sm);padding:10px 0;outline:none}.library-search input::placeholder{color:var(--text-dim)}.library-list{display:flex;flex-direction:column;gap:var(--sp-2)}.library-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-2);transition:all var(--duration-fast) var(--ease-in-out)}.library-item:hover{border-color:var(--gray-600)}.library-item .song-info{flex:1 1;min-width:0}.library-item .song-title{font-size:var(--text-sm);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-item .song-meta{font-size:var(--text-xs);color:var(--text-dim);margin-top:2px}.library-item .song-actions{display:flex;gap:var(--sp-2);align-items:center}.library-item .song-actions button{background:none;border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-muted);width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-in-out)}.library-item .song-actions button:hover{border-color:var(--teal);color:var(--teal)}.library-item.playing{border-color:var(--clay)}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:1000;align-items:center;justify-content:center;padding:var(--sp-4)}.modal-overlay.visible{display:flex}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-3);padding:var(--sp-5);width:100%;max-width:400px}.modal h3{margin:0 0 var(--sp-4);font-size:var(--text-lg);color:var(--white);font-weight:var(--font-weight)}.modal .form-group{margin-bottom:var(--sp-3)}.modal .form-group label{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--sp-1);text-transform:uppercase;letter-spacing:.05em}.modal .form-group input,.modal .form-group select{width:100%;padding:10px var(--sp-3);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-2);color:var(--text);font-family:var(--font);font-weight:var(--font-weight);font-size:var(--text-sm);outline:none;box-sizing:border-box}.modal .form-group input:focus,.modal .form-group select:focus{border-color:var(--teal)}.modal .modal-actions{display:flex;gap:var(--sp-3);justify-content:flex-end}.modal .modal-actions,.queue-section{margin-top:var(--sp-4)}.queue-list{display:flex;flex-direction:column;gap:var(--sp-1)}.queue-item{display:flex;align-items:center;gap:var(--sp-3);padding:8px var(--sp-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-2);cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-color var(--duration-fast) var(--ease-in-out)}.queue-item.current{border-color:var(--clay)}.queue-item.dragging{opacity:.3;border-color:var(--purple)}.queue-item.drag-over{border-top:2px solid var(--clay);margin-top:-2px}.queue-item .queue-drag{color:var(--text-dim);flex-shrink:0}.queue-item .queue-name{flex:1 1;font-size:var(--text-sm);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item .queue-pos{font-size:var(--text-xs);color:var(--text-dim);flex-shrink:0;min-width:20px;text-align:center}.queue-item .queue-remove{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px;transition:color var(--duration-fast) var(--ease-in-out)}.queue-item .queue-remove:hover{color:var(--danger)}.category-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 12px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);font-family:var(--font);font-weight:var(--font-weight);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out)}.chip:hover{border-color:var(--teal);color:var(--teal)}.chip.active{background:var(--accent-gradient);color:var(--black);border-color:transparent}.waveform{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:32px;width:60px;overflow:hidden}.waveform .eq-bar{width:4px;border-radius:2px;background:#000;transform-origin:bottom;animation:eqBounce var(--eq-speed,.8s) ease-in-out infinite alternate;animation-delay:var(--eq-delay,0s)}@keyframes eqBounce{0%{height:var(--eq-min,4px)}to{height:var(--eq-max,28px)}}.pause-icon{font-size:20px!important;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.lc-btn.playing{background:var(--clay)!important;color:var(--black)!important;outline:none!important;border:1px solid var(--clay)!important}.lc-btn.playing .waveform{height:20px;width:36px;gap:2px}.lc-btn.playing .waveform .eq-bar{width:3px}.lineup-section{margin-top:var(--sp-5)}.lineup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--sp-2);gap:var(--sp-2)}.lineup-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-2);padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2);transition:all var(--duration-fast) var(--ease-in-out)}.lineup-card:hover{border-color:var(--gray-600)}.lineup-card .lc-name{font-weight:var(--font-weight);font-size:var(--text-base);display:flex;align-items:center;gap:var(--sp-2)}.lineup-card .lc-name .player-number{width:28px;height:28px;font-size:var(--text-xs)}.lineup-card .lc-photo{width:36px;height:36px;border-radius:var(--r-full);object-fit:cover;border:1px solid var(--border);transition:all var(--duration-fast) var(--ease-in-out)}.lineup-card .lc-photo:hover{border-color:var(--teal);transform:scale(1.05)}.lineup-card .lc-photo-placeholder{width:36px;height:36px;border-radius:var(--r-full);background:var(--bg-input);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:var(--text-sm)}.lineup-card .lc-buttons{display:flex;gap:var(--sp-2);align-items:center}.lineup-card .lc-btn{flex:1 1;height:40px;min-height:40px;max-height:40px;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--r-1);color:var(--text-muted);font-family:var(--font);font-weight:var(--font-weight);font-size:var(--text-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-in-out);padding:0;box-sizing:border-box}.lineup-card .lc-btn-sq{flex:0 0 40px;width:40px}.lineup-card .lc-btn:hover{color:var(--clay);border-color:var(--clay)}.lineup-card .lc-btn.full{background:var(--clay);color:var(--black);border:1px solid var(--clay)}.lineup-card .lc-btn.full:hover{border-color:var(--accent-hover);transform:scale(1.03)}.lineup-card .lc-btn:disabled{opacity:.2;cursor:not-allowed}.lineup-card.active{border-color:var(--clay)}.live-batter-banner{display:none;margin-bottom:var(--sp-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-2);padding:var(--sp-3);gap:var(--sp-3)}.live-batter-banner.visible{display:flex;align-items:center}.live-batter-banner .batter-slot{flex:1 1;display:flex;align-items:center;gap:var(--sp-2);min-width:0}.live-batter-banner .batter-tag{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:9999px;white-space:nowrap;flex-shrink:0}.live-batter-banner .batter-tag.at-bat{background:var(--clay);color:var(--black)}.live-batter-banner .batter-tag.on-deck{background:transparent;color:var(--text-muted);border:1px solid var(--gray-600)}.live-batter-banner .batter-tag.defense{background:var(--gray-700);color:var(--text-muted)}.live-batter-banner .batter-name{font-size:var(--text-sm);font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-batter-banner .batter-number{font-size:var(--text-xs);font-weight:700;color:var(--clay);flex-shrink:0}.live-batter-banner .divider{width:1px;height:24px;background:var(--border);flex-shrink:0}.lineup-card.at-bat{border-color:var(--clay);outline:2px solid var(--clay);outline-offset:-2px}.lineup-card.on-deck{border-color:var(--gray-600)}.loading-overlay{position:fixed;inset:0;background:var(--bg);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3)}.loading-overlay.hidden{display:none;opacity:0;transition:opacity var(--duration-slow)}@keyframes spin{to{transform:rotate(1turn)}}.loading-overlay .load-text{color:var(--text-dim);font-size:var(--text-base)}.loading-overlay .load-progress{color:var(--text-muted);font-size:var(--text-sm)}.empty-state{text-align:center;color:var(--text-dim);margin-top:var(--sp-8);font-size:var(--text-base)}.empty-state a{color:var(--teal);cursor:pointer;text-decoration:none;border-bottom:1px solid var(--teal)}.empty-state a:hover{box-shadow:0 1px 0 var(--teal)}.now-playing{position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--border);padding:10px var(--sp-4);padding-bottom:calc(10px + env(safe-area-inset-bottom));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-deep)}.now-playing .np-row{display:flex;align-items:center;gap:var(--sp-3)}.now-playing .track-info{flex:1 1;min-width:0}.now-playing .track-name{font-weight:var(--font-weight);font-size:var(--text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing .track-meta{display:flex;align-items:center;gap:var(--sp-2)}.now-playing .time-display,.now-playing .track-status{font-size:var(--text-sm);color:var(--text-dim)}.now-playing .time-display{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.now-playing .controls{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.now-playing .controls button{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--r-full);width:42px;height:42px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-in-out)}.now-playing .controls button:hover{color:var(--clay);border-color:var(--clay)}.now-playing .controls .play-pause{width:50px;height:50px;color:var(--clay)}.now-playing .controls .play-pause:hover{border-color:var(--clay)}.now-playing .controls button.active{color:var(--clay);border-color:var(--clay)}.now-playing .controls .more-toggle{width:36px;height:36px}.now-playing .controls .more-toggle.open i{transform:rotate(180deg)}.now-playing .controls .more-toggle i,.now-playing .controls .more-toggle.open i{transition:transform var(--duration-fast) var(--ease-in-out)}.now-playing .extra-controls{display:none;position:absolute;bottom:100%;right:var(--sp-4);background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--r-2);padding:6px;gap:6px;flex-direction:row;align-items:center;box-shadow:0 -4px 16px rgba(0,0,0,.4)}.now-playing .extra-controls.visible{display:flex}.now-playing .extra-controls button{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--r-full);width:38px;height:38px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-in-out)}.now-playing .extra-controls button.active,.now-playing .extra-controls button:hover{color:var(--clay);border-color:var(--clay)}.progress-bar{top:0;left:0;height:2px;transition:width .1s linear;width:0}.progress-bar,.queue-badge{position:absolute;background:var(--clay)}.queue-badge{top:-4px;right:-4px;color:var(--black);font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;padding:0 3px}.now-playing .controls .more-toggle{position:relative}.queue-panel-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:998}.queue-panel{position:fixed;bottom:0;left:0;right:0;z-index:999;background:var(--bg-card);border-top:1px solid var(--border);border-radius:var(--r-3) var(--r-3) 0 0;max-height:60vh;overflow-y:auto;transform:translateY(100%);transition:transform var(--duration-base) var(--ease-out);padding-bottom:calc(90px + env(safe-area-inset-bottom))}.queue-panel.open{transform:translateY(0)}.queue-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;background:var(--bg-card);z-index:1}.queue-panel-title{font-size:var(--text-lg);font-weight:var(--font-weight);color:var(--white)}.queue-panel-actions{display:flex;gap:var(--sp-2);align-items:center}.queue-panel-btn{background:none;border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-muted);width:34px;height:34px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-in-out)}.queue-panel-btn.active,.queue-panel-btn:hover{color:var(--clay);border-color:var(--clay)}.queue-panel-btn.danger{border-color:transparent}.queue-panel-btn.danger:hover{color:var(--danger);border-color:var(--danger)}.queue-panel-list{padding:var(--sp-2) var(--sp-4)}.queue-panel-empty{text-align:center;color:var(--text-dim);padding:var(--sp-5) 0;font-size:var(--text-sm)}@media (max-width:600px){nav button{padding:12px var(--sp-2);font-size:var(--text-sm)}.page{padding:var(--sp-3);padding-bottom:130px}header{padding:10px 12px!important}header svg{height:32px!important}.settings-toggle{width:34px;height:34px;left:10px}.theme-toggle{width:34px;height:34px;right:10px}.drop-zone{padding:var(--sp-4) var(--sp-3)}.drop-zone p{font-size:var(--text-base)}.upload-item{flex-wrap:wrap;gap:var(--sp-2);padding:10px 12px}.upload-item .file-name{max-width:100%;flex-basis:100%}.upload-item input[type=text]{min-width:0}.add-player-row{flex-wrap:wrap;gap:var(--sp-2)}.add-player-row input:first-of-type{flex:1 1;min-width:0}.add-player-row input[style*=max-width]{max-width:50px!important}.add-player-row button{flex-basis:100%}.player-card{padding:12px}.player-card,.player-header{gap:var(--sp-2)}.player-audio-row{padding-left:0;flex-wrap:wrap;gap:6px}.player-audio-row label{width:70px;font-size:var(--text-xs)}.player-audio-row .file-label{flex-basis:calc(100% - 160px);min-width:60px}.small-btn{padding:var(--sp-2) var(--sp-2);font-size:var(--text-sm)}.board{gap:10px}.board-wrap{padding:20px var(--sp-3);margin:-20px calc(-1 * var(--sp-3))}.sound-btn{flex:0 0 90px;width:90px;height:90px;font-size:var(--text-xs);padding:var(--sp-2);border-radius:var(--r-2)}.lineup-grid{grid-template-columns:1fr;gap:10px}.lineup-card{padding:12px}.lineup-card .lc-buttons{gap:6px}.lineup-card .lc-btn{height:36px;min-height:36px;max-height:36px}.lineup-card .lc-btn-sq{flex:0 0 36px;width:36px}.now-playing{padding:8px 12px calc(8px + env(safe-area-inset-bottom))}.now-playing .np-row{gap:8px}.now-playing .track-name{font-size:var(--text-sm)}.now-playing .controls{gap:4px}.now-playing .controls button{width:34px;height:34px}.now-playing .controls .play-pause{width:40px;height:40px}.now-playing .controls .more-toggle{width:28px;height:28px}.section-title{font-size:var(--text-base);margin:var(--sp-3) 0 var(--sp-2)}.library-controls{gap:var(--sp-2)}.add-song-btn .btn-label,.play-all-btn .btn-label{display:none}.add-song-btn,.play-all-btn{padding:var(--sp-2)}input[type=file],input[type=text]{font-size:16px}}@media (max-width:380px){.sound-btn{flex:0 0 80px;width:80px;height:80px;font-size:var(--text-xs)}.player-header{flex-wrap:wrap}}@media (hover:none){.sound-btn:hover{background:var(--bg-card);transform:none}.sound-btn:active{border-color:var(--clay);transform:scale(.97)}.sound-btn.playing{background:var(--clay);color:var(--black)}.lineup-card .lc-btn:hover{background:var(--bg-deep);border-color:var(--border);color:var(--text-muted)}.lineup-card .lc-btn:active{border-color:var(--clay);color:var(--clay)}.lineup-card .lc-btn.full:hover{background:var(--clay);transform:none}.lineup-card .lc-btn.full:active{border-color:var(--accent-hover)}}@supports (padding-top:env(safe-area-inset-top)){header{padding-top:calc(12px + env(safe-area-inset-top))!important}header .settings-toggle,header .theme-toggle{top:calc(50% + env(safe-area-inset-top) / 2)}}.toast-container{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{pointer-events:auto;padding:.625rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,.3);border:1px solid;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .5s,transform .5s;opacity:1;transform:translateY(0)}.toast.fading{opacity:0;transform:translateY(.5rem)}.toast.error{background:rgba(220,38,38,.9);color:#fff;border-color:rgba(220,38,38,.5)}.toast.success{background:rgba(5,150,105,.9);color:#fff;border-color:rgba(5,150,105,.5)}.toast.info{background:var(--surface,rgba(30,30,30,.9));color:var(--text,#fff);border-color:var(--border,rgba(255,255,255,.1))}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--sp-4)}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-3);padding:var(--sp-6);width:100%;max-width:380px;text-align:center}.login-logo{height:28px;width:auto;margin-bottom:var(--sp-4)}.login-card h2{font-size:var(--text-xl);color:var(--white);margin-bottom:var(--sp-5)}.login-card h2,.login-input{font-weight:var(--font-weight)}.login-input{width:100%;padding:12px var(--sp-3);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-2);color:var(--text);font-family:var(--font);font-size:var(--text-base);outline:none;box-sizing:border-box;margin-bottom:var(--sp-3);transition:border-color var(--duration-fast) var(--ease-in-out)}.login-input:focus{border-color:var(--clay)}.login-btn{width:100%;padding:12px;border-radius:var(--r-2);font-family:var(--font);font-weight:var(--font-weight);font-size:var(--text-base);cursor:pointer;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:var(--sp-2);transition:all var(--duration-fast) var(--ease-in-out)}.login-btn.primary{background:var(--clay);color:var(--black);border-color:var(--clay)}.login-btn.primary:hover{border-color:var(--accent-hover);transform:scale(1.02)}.login-btn.primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-btn.secondary{background:var(--bg-input);color:var(--text-muted);margin-top:var(--sp-3)}.login-btn.secondary:hover{color:var(--clay);border-color:var(--clay)}.login-btn.google{background:var(--bg-input);color:var(--text)}.login-btn.google:hover{border-color:var(--clay);transform:scale(1.02)}.login-divider{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-4) 0;color:var(--text-dim);font-size:var(--text-sm)}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.login-sent p{color:var(--text-muted);margin-bottom:var(--sp-2)}.login-sent .login-hint{font-size:var(--text-sm);color:var(--text-dim)}.login-sent strong,.team-switcher{color:var(--text)}.team-switcher{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-2);font-family:var(--font);font-weight:var(--font-weight);font-size:var(--text-sm);padding:6px 10px;cursor:pointer;outline:none;transition:border-color var(--duration-fast) var(--ease-in-out);-webkit-appearance:none;-moz-appearance:none;appearance:none}.team-switcher:focus,.team-switcher:hover{border-color:var(--clay)}.login-error{margin-top:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);border-radius:var(--r-2);color:var(--danger);font-size:var(--text-sm)}