html,body,#root{width:100%;height:100%}body{color:#222;-webkit-font-smoothing:antialiased;background:#fff;font-family:Segoe UI,system-ui,sans-serif}.player-list-panel{flex-direction:column;flex:1;min-height:0;font-family:Segoe UI,sans-serif;font-size:.9rem;display:flex;overflow:hidden}.player-list-filters{background:#f0f0f0;border:1px solid #ccc;border-bottom:none;flex-wrap:wrap;gap:4px;padding:8px;display:flex}.pos-filter-label{cursor:pointer;opacity:.5;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:.8rem;font-weight:600;transition:opacity .15s;display:flex}.pos-filter-label input[type=checkbox]{display:none}.pos-filter-label.pos-active{opacity:1;border-color:#0003}.pos-filter-label.pos-qb{color:#fff;background:#5f9ea0}.pos-filter-label.pos-rb{color:#fff;background:salmon}.pos-filter-label.pos-wr{color:#fff;background:#8db843}.pos-filter-label.pos-te{color:#333;background:#e6c619}.pos-filter-label.pos-k{color:#fff;background:peru}.pos-filter-label.pos-def{color:#fff;background:#9e9e9e}.pos-filter-label.pos-all{color:#fff;opacity:1;background:#555}.pos-filter-label.pos-rookies{color:#fff;background:#7b5ea7}.player-list-search{background:#f0f0f0;border:1px solid #ccc;border-bottom:none;align-items:center;gap:8px;padding:6px 8px;display:flex}.player-list-search-label{color:#555;flex-shrink:0;font-size:.85rem}.player-list-search-input{border:1px solid #bbb;border-radius:4px;outline:none;flex:1;padding:4px 8px;font-size:.85rem}.player-list-search-input:focus{border-color:#5f9ea0;box-shadow:0 0 0 2px #5f9ea033}.player-list{border-top:1px solid #ccc;flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.player-row{cursor:pointer;border-bottom:1px solid #0000000f;align-items:center;gap:6px;padding:4px 8px;transition:filter .1s;display:flex}.player-row:hover{filter:brightness(.92)}.player-row-selected{outline-offset:-2px;filter:brightness(.85);outline:2px solid #333}.player-rank{text-align:right;color:#555;flex-shrink:0;width:30px;font-size:.8rem}.player-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.player-pos{color:#333;flex-shrink:0;width:30px;font-size:.75rem;font-weight:700}.player-team{color:#444;flex-shrink:0;width:30px;font-size:.75rem}.player-bye{color:#666;flex-shrink:0;width:46px;font-size:.75rem}.player-rookie-badge{color:#fff;background:#7b5ea7;border-radius:3px;flex-shrink:0;padding:1px 4px;font-size:.7rem;font-weight:700}.player-list-empty{color:#999;text-align:center;padding:16px;font-style:italic}.draft-board-wrapper{width:100%;height:100%;overflow:auto}.draft-board{border-collapse:collapse;table-layout:fixed;min-width:100%}.draft-board-team-header-col,.draft-board-team-name-cell{width:140px;min-width:140px}.draft-board-round-header,.draft-board-cell{width:110px;min-width:110px}.draft-board thead tr{z-index:2;position:sticky;top:0}.draft-board-team-header-col{z-index:3;background:#1a3a2a;border-right:1px solid #2d5a3d;position:sticky;left:0}.draft-board-round-header{color:#fff;text-align:center;background:#1a3a2a;border-right:1px solid #2d5a3d;padding:6px 4px;font-size:.8rem;font-weight:700}.draft-board-team-name-cell{z-index:1;vertical-align:middle;background:#f0f0f0;border-bottom:1px solid #e0e0e0;border-right:1px solid #ccc;padding:4px 8px;position:sticky;left:0}.draft-board-team-name-cell .team-name{color:#222;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:700;display:block;overflow:hidden}.draft-board-team-name-cell .team-owner{color:#777;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;display:block;overflow:hidden}.draft-board-cell{vertical-align:top;border-bottom:1px solid #0000001a;border-right:1px solid #0000001a;padding:0;overflow:hidden}.cell-traded{background:repeating-linear-gradient(135deg,#f5f5f5,#f5f5f5 4px,#ebebeb 4px 8px)}.cell-pick-slot{flex-direction:column;justify-content:center;min-height:40px;padding:3px 6px;display:flex;overflow:hidden}.cell-multi .cell-pick-slot+.cell-pick-slot{border-top:1px dashed #00000026}.cell-empty{background:#fafafa}.cell-empty-num{color:#ccc;font-size:.7rem}.cell-pick-slot.cell-on-clock{outline-offset:-2px;outline:2px solid #e67e22;animation:1.4s ease-in-out infinite clock-pulse;background-color:#fff9f0!important}@keyframes clock-pulse{0%,to{background-color:#fff9f0}50%{background-color:#ffe0b0}}.cell-clock-label{color:#e67e22;text-align:center;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700;display:block}.cell-player-name{white-space:nowrap;text-overflow:ellipsis;color:#111;font-size:.78rem;font-weight:600;line-height:1.3;display:block;overflow:hidden}.cell-pick-num{color:#555;font-size:.68rem;line-height:1.2;display:block}.team-viewer{flex-direction:column;height:100%;font-family:Segoe UI,sans-serif;display:flex;overflow:hidden}.team-viewer-empty{color:#aaa;justify-content:center;align-items:center;height:100%;font-size:.9rem;font-style:italic;display:flex}.tv-header{color:#fff;background:#7a3a10;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.tv-title{flex-direction:column;gap:2px;display:flex}.tv-team-name{font-size:1.1rem;font-weight:700}.tv-owner{color:#e0b080;font-size:.8rem}.tv-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.tv-clock-badge{letter-spacing:.08em;color:#fff;white-space:nowrap;background:#e67e22;border-radius:4px;padding:3px 8px;font-size:.72rem;font-weight:800}.tv-team-select{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:4px;max-width:130px;padding:3px 6px;font-size:.78rem}.tv-team-select option{color:#fff;background:#333}.tv-roster{flex:1;overflow-y:auto}.tv-group{border-bottom:2px solid #00000014}.tv-group-header{justify-content:space-between;align-items:center;padding:5px 14px;display:flex}.tv-group-pos{color:#333;letter-spacing:.04em;font-size:.78rem;font-weight:800}.tv-group-count{color:#444;font-size:.78rem;font-weight:700}.tv-player-row{background:#fff;border-top:1px solid #0000000f;justify-content:space-between;align-items:center;padding:6px 14px 6px 22px;display:flex}.tv-player-name{color:#111;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;font-weight:600;overflow:hidden}.tv-player-info{color:#666;white-space:nowrap;flex-shrink:0;margin-left:8px;font-size:.75rem}.player-stats-panel{background:#fff;border:1px solid #ddd;border-radius:4px;flex:65;min-width:0;overflow-y:auto}.ps-player-header{padding:8px 12px 6px}.ps-player-name{color:#111;align-items:center;gap:6px;margin-bottom:3px;font-size:.95rem;font-weight:700;display:flex}.ps-rookie-badge{color:#fff;background:#7b5ea7;border-radius:3px;padding:1px 4px;font-size:.65rem;font-weight:800}.ps-player-meta{color:#444;flex-wrap:wrap;gap:8px;font-size:.75rem;display:flex}.ps-pos{font-weight:700}.ps-rank,.ps-number{color:#888}.ps-bubbles{flex-wrap:wrap;gap:6px;padding:8px 12px 10px;display:flex}.ps-bubble{background:#f0f2f4;border-radius:8px;flex-direction:column;align-items:flex-end;min-width:72px;padding:5px 10px;display:flex}.ps-bubble-best{background:#d4edda}.ps-bubble-label{color:#555;white-space:nowrap;font-size:.68rem;font-weight:700}.ps-bubble-value{color:#111;margin-top:1px;font-size:.92rem;font-weight:700}.ps-bubble-best .ps-bubble-label{color:#276138}.ps-bubble-best .ps-bubble-value{color:#1a4a2a}.ps-compare-divider{background:#ddd;height:1px;margin:4px 0}.ps-no-stats{color:#aaa;padding:12px;font-size:.82rem;font-style:italic}.pos-bg-qb{background-color:#b2d8d8}.pos-bg-rb{background-color:#fdb9b0}.pos-bg-wr{background-color:#c9e89a}.pos-bg-te{background-color:#fff176}.pos-bg-k{background-color:#ddb88a}.pos-bg-def{background-color:#e8e8e8}.dsm-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dsm-card{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:480px;max-width:600px;padding:48px 56px;display:flex;box-shadow:0 20px 60px #0006}.dsm-title{color:#1a3a2a;text-align:center;margin:0;font-size:1.6rem;font-weight:700}.dsm-subtitle{color:#888;margin:0 0 12px;font-size:.9rem}.dsm-tabs{border-bottom:2px solid #e0e0e0;gap:0;width:100%;margin-bottom:8px;display:flex}.dsm-tab{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;margin-bottom:-2px;padding:10px;font-size:.95rem;font-weight:600;transition:color .15s,border-color .15s}.dsm-tab:hover{color:#333}.dsm-tab-active{color:#1a3a2a;border-bottom-color:#2ecc71}.dsm-section{flex-direction:column;align-items:stretch;gap:10px;width:100%;display:flex}.dsm-label{color:#555;font-size:.85rem;font-weight:600}.dsm-input{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:1rem}.dsm-input:focus{border-color:#2ecc71;box-shadow:0 0 0 2px #2ecc7133}.dsm-buttons{gap:16px;display:flex}.dsm-btn{cursor:pointer;border:none;border-radius:8px;padding:14px 32px;font-size:1rem;font-weight:700;transition:background .15s,transform .1s}.dsm-btn:disabled{opacity:.5;cursor:not-allowed}.dsm-btn:not(:disabled):hover{transform:translateY(-2px)}.dsm-btn-new{color:#fff;background:#2ecc71}.dsm-btn-new:not(:disabled):hover{background:#27ae60}.dsm-btn-load{color:#fff;background:#3498db}.dsm-btn-load:not(:disabled):hover{background:#2980b9}.dsm-error{color:#c0392b;margin:0;font-size:.85rem}.dsm-trades{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.dsm-trades-header{justify-content:space-between;align-items:center;display:flex}.dsm-trades-empty{color:#aaa;text-align:center;margin:0;padding:2px 0;font-size:.82rem}.dsm-applied-list{flex-direction:column;gap:4px;display:flex}.dsm-applied-row{background:#eef8f3;border:1px solid #c3e6d0;border-radius:5px;align-items:center;gap:6px;padding:5px 10px;font-size:.82rem;display:flex}.dsm-applied-team{color:#1a3a2a;white-space:nowrap;font-weight:600}.dsm-applied-pick{color:#555;white-space:nowrap}.dsm-applied-arrow{color:#2ecc71;flex-shrink:0;font-size:1rem}.dsm-undo-trade{color:#e67e22;cursor:pointer;background:0 0;border:1px solid #e67e22;border-radius:5px;padding:4px 10px;font-size:.8rem;font-weight:600;transition:background .15s}.dsm-undo-trade:hover{background:#fef5ec}.dsm-trade-form{border-top:1px solid #e8e8e8;flex-wrap:wrap;align-items:center;gap:8px;padding-top:4px;display:flex}.dsm-trade-side{flex-direction:column;flex:1;gap:4px;min-width:130px;display:flex}.dsm-trade-select{box-sizing:border-box;background:#fff;border:1px solid #ccc;border-radius:5px;width:100%;padding:5px 8px;font-size:.85rem}.dsm-trade-pick-select{box-sizing:border-box;color:#444;background:#fff;border:1px solid #ccc;border-radius:5px;width:100%;padding:5px 8px;font-size:.82rem}.dsm-trade-pick-select:disabled{color:#aaa;background:#f5f5f5}.dsm-trade-arrow{color:#888;font-size:1rem}.dsm-trade-arrow-center{flex-shrink:0;align-self:center;margin-bottom:-4px}.dsm-apply-trade{color:#fff;cursor:pointer;white-space:nowrap;background:#2ecc71;border:none;border-radius:6px;align-self:flex-end;padding:8px 16px;font-size:.88rem;font-weight:600;transition:background .15s}.dsm-apply-trade:hover:not(:disabled){background:#27ae60}.dsm-apply-trade:disabled{opacity:.45;cursor:not-allowed}.dsm-trade-error-msg{color:#e74c3c;margin:0;font-size:.78rem}.dsm-step-label{color:#2ecc71;text-transform:uppercase;letter-spacing:.05em;align-self:flex-start;margin:0;font-size:.8rem;font-weight:700}.dsm-order-list{flex-direction:column;gap:4px;width:100%;display:flex}.dsm-order-row{cursor:grab;-webkit-user-select:none;user-select:none;background:#f7f7f7;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:10px;padding:7px 12px;transition:background .1s,box-shadow .1s;display:flex}.dsm-order-row:active{cursor:grabbing;background:#eef8f3;box-shadow:0 2px 8px #0000001f}.dsm-order-slot{color:#2ecc71;text-align:right;min-width:20px;font-size:.82rem;font-weight:700}.dsm-order-handle{color:#bbb;flex-shrink:0;font-size:1rem}.dsm-order-name{color:#1a3a2a;flex:1;font-size:.9rem;font-weight:600}.dsm-order-owner{color:#888;white-space:nowrap;font-size:.82rem}.dsm-btn-next{color:#fff;background:#2ecc71}.dsm-btn-next:not(:disabled):hover{background:#27ae60}.dsm-btn-back{color:#555;background:#f0f0f0}.dsm-btn-back:hover{background:#e0e0e0}.tpm-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tpm-card{background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:640px;padding:40px 48px;display:flex;box-shadow:0 20px 60px #0006}.tpm-title{color:#1a3a2a;margin:0;font-size:1.5rem;font-weight:700}.tpm-subtitle{color:#888;margin:0;font-size:.9rem}.tpm-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.tpm-team-btn{cursor:pointer;background:#f0faf4;border:2px solid #2ecc71;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;transition:background .15s,transform .1s;display:flex;position:relative}.tpm-team-btn:not(:disabled):hover{background:#d4f7e4;transform:translateY(-1px)}.tpm-team-btn.tpm-claimed{cursor:not-allowed;opacity:.6;background:#f5f5f5;border-color:#ccc}.tpm-team-name{color:#1a3a2a;font-size:.9rem;font-weight:700}.tpm-team-owner{color:#555;font-size:.8rem}.tpm-claimed-label{color:#999;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:700;position:absolute;top:6px;right:8px}.tpm-error{color:#c0392b;margin:0;font-size:.85rem}.tpm-spectate-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:6px;padding:10px 24px;font-size:.85rem;transition:background .15s,color .15s}.tpm-spectate-btn:hover{color:#444;background:#f5f5f5}.ls-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ls-card{background:#fff;border-radius:12px;flex-direction:column;gap:12px;min-width:360px;padding:48px 56px;display:flex;box-shadow:0 20px 60px #0006}.ls-title{color:#1a3a2a;text-align:center;margin:0;font-size:1.6rem;font-weight:700}.ls-subtitle{color:#888;text-align:center;margin:0;font-size:.9rem}.ls-section{flex-direction:column;gap:6px;display:flex}.ls-label{color:#555;font-size:.85rem;font-weight:600}.ls-input{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;outline:none;padding:10px 12px;font-size:1rem}.ls-input:focus{border-color:#2ecc71;box-shadow:0 0 0 2px #2ecc7133}.ls-btn{color:#fff;cursor:pointer;background:#2ecc71;border:none;border-radius:8px;margin-top:8px;padding:14px;font-size:1rem;font-weight:700;transition:background .15s,transform .1s}.ls-btn:hover:not(:disabled){background:#27ae60;transform:translateY(-2px)}.ls-btn:disabled{opacity:.5;cursor:not-allowed}.ls-error{color:#c0392b;margin:0;font-size:.85rem}.cpm-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cpm-card{background:#fff;border-radius:12px;flex-direction:column;gap:12px;min-width:360px;padding:48px 56px;display:flex;box-shadow:0 20px 60px #0006}.cpm-title{color:#1a3a2a;text-align:center;margin:0;font-size:1.4rem;font-weight:700}.cpm-subtitle{color:#888;text-align:center;margin:0;font-size:.9rem}.cpm-section{flex-direction:column;gap:4px;display:flex}.cpm-label{color:#555;font-size:.85rem;font-weight:600}.cpm-input{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;outline:none;padding:10px 12px;font-size:1rem}.cpm-input:focus{border-color:#2ecc71;box-shadow:0 0 0 2px #2ecc7133}.cpm-input-error{border-color:#c0392b}.cpm-hint{color:#aaa;font-size:.78rem}.cpm-error{color:#c0392b;margin:0;font-size:.85rem}.cpm-btn{color:#fff;cursor:pointer;background:#2ecc71;border:none;border-radius:8px;margin-top:8px;padding:14px;font-size:1rem;font-weight:700;transition:background .15s,transform .1s}.cpm-btn:hover:not(:disabled){background:#27ae60;transform:translateY(-2px)}.cpm-btn:disabled{opacity:.5;cursor:not-allowed}.rtm-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rtm-card{background:#fff;border-radius:10px;flex-direction:column;gap:14px;min-width:320px;padding:32px 40px;display:flex;box-shadow:0 12px 40px #0000004d}.rtm-title{color:#1a3a2a;margin:0;font-size:1.1rem;font-weight:700}.rtm-input{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;outline:none;padding:10px 12px;font-size:1rem}.rtm-input:focus{border-color:#2ecc71;box-shadow:0 0 0 2px #2ecc7133}.rtm-error{color:#c0392b;margin:0;font-size:.85rem}.rtm-buttons{justify-content:flex-end;gap:10px;display:flex}.rtm-btn{cursor:pointer;border:none;border-radius:6px;padding:9px 20px;font-size:.9rem;font-weight:600;transition:background .15s}.rtm-btn:disabled{opacity:.5;cursor:not-allowed}.rtm-btn-cancel{color:#555;background:#ecf0f1}.rtm-btn-cancel:hover{background:#dde1e2}.rtm-btn-save{color:#fff;background:#2ecc71}.rtm-btn-save:hover:not(:disabled){background:#27ae60}.upm-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upm-card{background:#fff;border-radius:10px;flex-direction:column;gap:14px;min-width:340px;padding:32px 40px;display:flex;box-shadow:0 12px 40px #0000004d}.upm-title{color:#1a3a2a;margin:0;font-size:1.1rem;font-weight:700}.upm-section{flex-direction:column;gap:4px;display:flex}.upm-label{color:#555;font-size:.85rem;font-weight:600}.upm-input{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;outline:none;padding:10px 12px;font-size:1rem}.upm-input:focus{border-color:#2ecc71;box-shadow:0 0 0 2px #2ecc7133}.upm-input-error{border-color:#c0392b}.upm-hint{color:#aaa;font-size:.78rem}.upm-error{color:#c0392b;margin:0;font-size:.85rem}.upm-buttons{justify-content:flex-end;gap:10px;display:flex}.upm-btn{cursor:pointer;border:none;border-radius:6px;padding:9px 20px;font-size:.9rem;font-weight:600;transition:background .15s}.upm-btn:disabled{opacity:.5;cursor:not-allowed}.upm-btn-cancel{color:#555;background:#ecf0f1}.upm-btn-cancel:hover{background:#dde1e2}.upm-btn-save{color:#fff;background:#2ecc71}.upm-btn-save:hover:not(:disabled){background:#27ae60}.udnm-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.udnm-card{background:#fff;border-radius:10px;flex-direction:column;gap:14px;min-width:320px;padding:32px 40px;display:flex;box-shadow:0 12px 40px #0000004d}.udnm-title{color:#1a3a2a;margin:0;font-size:1.1rem;font-weight:700}.udnm-input{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;outline:none;padding:10px 12px;font-size:1rem}.udnm-input:focus{border-color:#2ecc71;box-shadow:0 0 0 2px #2ecc7133}.udnm-error{color:#c0392b;margin:0;font-size:.85rem}.udnm-buttons{justify-content:flex-end;gap:10px;display:flex}.udnm-btn{cursor:pointer;border:none;border-radius:6px;padding:9px 20px;font-size:.9rem;font-weight:600;transition:background .15s}.udnm-btn:disabled{opacity:.5;cursor:not-allowed}.udnm-btn-cancel{color:#555;background:#ecf0f1}.udnm-btn-cancel:hover{background:#dde1e2}.udnm-btn-save{color:#fff;background:#2ecc71}.udnm-btn-save:hover:not(:disabled){background:#27ae60}.pick-ticker-wrapper{background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;flex-direction:row;flex-shrink:0;display:flex;overflow:auto hidden}.pick-ticker-cell{border-right:1px solid #0000001a;flex-direction:column;flex-shrink:0;justify-content:center;width:110px;height:50px;padding:3px 6px;display:flex;overflow:hidden}.ticker-team-name{color:#999;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.62rem;display:block;overflow:hidden}.pos-bg-qb .ticker-team-name,.pos-bg-rb .ticker-team-name,.pos-bg-wr .ticker-team-name,.pos-bg-te .ticker-team-name,.pos-bg-k .ticker-team-name,.pos-bg-def .ticker-team-name{color:#111}.ticker-my-pick{border-left:3px solid #2ecc71;background:#eaf6ee!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#222;background:#fff;font-family:Segoe UI,sans-serif}.app-layout{flex-direction:column;height:100vh;display:flex}.app-header{color:#fff;background:#1a3a2a;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:20px;padding:8px 16px;display:flex}.app-header-left{flex:1;align-items:baseline;gap:14px;min-width:0;display:flex}.app-header h1{white-space:nowrap;font-size:1.2rem;font-weight:700}.app-onclock{color:#9dc8a8;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.app-onclock strong{color:#fff}.app-onclock-owner{color:#7aab88;margin-left:4px;font-style:normal}.app-header-right{align-items:center;gap:10px;display:flex}.app-draft-id{color:#7aab88;font-family:monospace;font-size:.8rem}.app-role-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:12px;padding:3px 10px;font-size:.75rem;font-weight:700}.app-role-commissioner{color:#fff;background:#f39c12}.app-role-team{color:#fff;background:#2ecc71}.app-role-spectator{color:#fff;background:#95a5a6}.app-team-menu-wrapper{position:relative}.app-role-team-btn{cursor:pointer;border:none}.app-role-team-btn:hover{background:#27ae60}.app-team-menu{z-index:100;background:#fff;border:1px solid #ddd;border-radius:6px;min-width:160px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 4px 16px #00000026}.app-team-menu button{text-align:left;color:#333;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px;font-size:.9rem;display:block}.app-team-menu button:hover{background:#f5f5f5}.app-user-menu-wrapper{position:relative}.app-user-menu-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff59;border-radius:6px;padding:5px 12px;font-size:.85rem;font-weight:600;transition:background .15s}.app-user-menu-btn:hover{background:#ffffff40}.app-user-menu{z-index:100;background:#fff;border:1px solid #ddd;border-radius:6px;min-width:180px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 4px 16px #00000026}.app-user-menu button{text-align:left;color:#333;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px;font-size:.9rem;display:block}.app-user-menu button:hover{background:#f5f5f5}.app-draft-actions{background:#f5f5f5;border-bottom:1px solid #ccc;flex-shrink:0;gap:8px;padding:8px;display:flex}.btn-draft{color:#fff;cursor:pointer;white-space:nowrap;background:#2ecc71;border:none;border-radius:4px;padding:6px 16px;font-size:.88rem;font-weight:700;transition:background .15s}.btn-draft:hover{background:#27ae60}.btn-undo{color:#666;cursor:pointer;background:0 0;border:1px solid #bbb;border-radius:4px;padding:5px 12px;font-size:.85rem;transition:border-color .15s,color .15s}.btn-undo:hover{color:#333;border-color:#888}.app-body{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex;overflow:hidden}.app-top{flex:1;gap:12px;min-height:0;display:flex;overflow:hidden}.app-sidebar{border:1px solid #ccc;border-radius:4px;flex-direction:column;flex-shrink:0;width:320px;min-height:0;display:flex;overflow:hidden}.app-top-right{flex-direction:row;flex:1;gap:12px;min-height:0;display:flex;overflow:hidden}.app-rosters{border:1px solid #ddd;border-radius:4px;flex:35;min-width:0;overflow:hidden}.app-bottom{border:1px solid #ddd;border-radius:4px;flex:1;min-height:0;overflow:hidden}