.draft-mode{grid-template-columns:1fr}.draft-mode>.sidebar{display:none}.draft-mode .topbar{display:none}.draft-mode .view{padding:5px 8px 7px;max-width:none}
.draft-room{font-size:13px}.draft-room button,.draft-room input,.draft-room select,.draft-room textarea{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:5px;padding:7px 9px}.draft-room button{cursor:pointer}.draft-room button:hover{background:#213745;border-color:#617e90}.draft-room button:disabled{opacity:.4;cursor:not-allowed}.draft-room :focus-visible{outline:2px solid var(--orange);outline-offset:2px}.draft-room button.active{border-color:#62f5a8;color:#8affbd}
.dr-control-dock{height:28px;position:relative;z-index:30}.draft-room .dr-control-tab{width:100%;height:26px;padding:3px 10px;display:flex;align-items:center;justify-content:center;gap:12px;background:#101e28;border-color:#29414f;color:#c3d2da;border-radius:5px}.dr-control-tab span,.dr-control-tab i{font-size:11px;color:#62f5a8;font-style:normal}.dr-control-tab strong{font-size:12px;color:var(--orange)}.dr-control-panel{position:absolute;top:28px;left:0;right:0;background:rgba(8,18,25,.98);border:1px solid #385061;border-radius:8px;padding:10px 12px;box-shadow:var(--shadow);visibility:hidden;opacity:0;transform:translateY(-6px);transition:.12s ease;pointer-events:none}.dr-control-panel.open{visibility:visible;opacity:1;transform:none;pointer-events:auto}.dr-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.dr-heading a{color:var(--muted);font-size:12px}.dr-start-heading{padding:8px}.dr-heading h1{font-size:21px;letter-spacing:-.03em;margin:3px 0}.dr-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.dr-actions select{max-width:220px}.dr-feedback{color:var(--muted);font-size:12px;min-height:20px;padding:3px 0}.dr-command{display:flex;gap:10px;align-items:center;justify-content:space-between;padding-top:6px}.dr-command strong{color:var(--orange);font-size:13px}.dr-command button{font-size:12px;padding:6px 8px}.dr-workspace{height:calc(100dvh - 40px);min-height:450px;display:grid;grid-template-rows:minmax(80px,var(--split)) 8px minmax(160px,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel)}
.dr-grid-scroll,.dr-rank-scroll{overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable}.dr-grid{display:grid;grid-template-columns:38px repeat(var(--teams),minmax(108px,1fr));min-width:calc(38px + var(--teams)*108px);gap:3px;padding:0 4px 5px 0}.dr-corner,.dr-team{position:sticky;top:0;z-index:3;background:#14232f;padding:7px 6px;border-bottom:2px solid var(--line);min-height:50px}.dr-team b{font-size:12px;display:block;overflow-wrap:anywhere}.dr-team small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.dr-team.is-mine{border-color:var(--orange);background:#352c24}.dr-corner{font-size:11px;padding:7px 2px;left:0;z-index:4}.dr-round{position:sticky;left:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--panel);color:var(--muted);font-weight:700}.dr-round small{font-size:14px}
.draft-room .dr-pick{height:67px;text-align:left;border-radius:4px;padding:5px 6px;display:flex;flex-direction:column;gap:3px;line-height:1.08;min-width:0;border-left:3px solid #2a4353;background:#101d27}.dr-pick small{font-size:11px;color:#aabdc8}.dr-pick b{font-size:12px;font-weight:700;overflow-wrap:anywhere}.dr-pick span{font-size:11px;color:#c3d3db;margin-top:auto}.draft-room .pos-RB{background:#12382e;border-left-color:#56d3a2}.draft-room .pos-WR{background:#18334e;border-left-color:#69b8ff}.draft-room .pos-QB{background:#482733;border-left-color:#fc92b4}.draft-room .pos-TE{background:#42381d;border-left-color:#e4c464}.draft-room .pos-K{background:#33304b;border-left-color:#b5a0ef}.draft-room .pos-DST{background:#343d43;border-left-color:#b6cad6}.draft-room .dr-pick.is-selected{outline:2px solid var(--orange);outline-offset:-2px}.draft-room .dr-pick.is-mine:not(.is-selected){border-bottom:2px solid #b4854e}
.dr-divider{touch-action:none;cursor:row-resize;display:flex;justify-content:center;align-items:center;background:#59ff9f;color:#072316;border:0;user-select:none;font-size:10px}.dr-divider span{line-height:1}.dr-rank-panel{min-height:0;display:flex;flex-direction:column;overflow:hidden}.dr-rank-tools{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#0c1922;flex-wrap:wrap}.dr-rank-tools input{width:200px;min-width:140px}.dr-positions{display:flex;gap:3px}.dr-rank-tools small{color:var(--muted);margin-left:auto}.dr-rank-tools button{padding:5px 7px;font-size:12px}.dr-hide-toggle{white-space:nowrap}.dr-hide-toggle .dr-toggle-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#60717b;margin-right:5px}.dr-hide-toggle.active .dr-toggle-dot{background:#62f5a8;box-shadow:0 0 8px rgba(98,245,168,.6)}.dr-rank-scroll{flex:1}.dr-rank-table{width:100%;min-width:1040px;border-collapse:separate;border-spacing:0}.dr-rank-table th{top:0;position:sticky;z-index:2;background:#172733;padding:6px 7px;font-size:11px;white-space:nowrap}.dr-rank-table th button{border:0;background:none;padding:1px;font-size:12px}.dr-rank-table td{padding:5px 7px;font-size:13px;vertical-align:middle;border-bottom:1px solid var(--line)}.dr-rank-table .dr-name{min-width:210px}.dr-name>button{display:block;text-align:left;background:none;border:0;padding:0}.dr-name b{font-size:13px}.draft-room .dr-pos{display:block;font-size:11px;background:none;border:0;color:var(--muted);margin-top:2px}.dr-status{white-space:nowrap;min-width:82px}.dr-drafted td:not(:first-child):not(:last-child){opacity:.52}.dr-mine td:not(:first-child):not(:last-child){opacity:.85}.dr-mine{background:#28271f}.draft-room .dr-status.is-mine{border-color:var(--orange);color:var(--orange)}.dr-name .signal-bubbles{margin-top:3px}.dr-empty{padding:60px 0;text-align:center}.dr-empty h2{font-size:24px}.dr-empty p{color:var(--muted)}
.dr-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;width:min(560px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:1px solid #4b6474;border-radius:12px;background:var(--panel);color:var(--text);padding:24px;z-index:101;box-shadow:var(--shadow)}.dr-backdrop{position:fixed;inset:0;background:#000b;z-index:100}.dr-dialog h2{margin:0 0 18px;font-size:22px}.dr-dialog label{display:block;margin:12px 0}.dr-dialog label input,.dr-dialog label select{width:100%;margin-top:6px}.dr-dialog textarea{width:100%;resize:vertical;margin-top:6px}.dr-form-row{display:flex;gap:12px}.dr-form-row>*{flex:1;min-width:0}.dr-muted{color:var(--muted);font-size:13px;line-height:1.6}.draft-room .dr-primary{background:var(--orange);border-color:var(--orange);color:#151b20;font-weight:750}.dr-error{color:var(--red)}#paste-preview ol{max-height:180px;overflow:auto;line-height:1.8}
@media(max-width:900px){.draft-mode .view{padding:4px}.dr-command{flex-direction:column;align-items:flex-start}.dr-workspace{height:calc(100dvh - 36px)}.dr-rank-tools{gap:4px}.dr-rank-tools input{flex:1}.dr-rank-tools small{display:none}.dr-heading .dr-actions button{font-size:12px;padding:6px}.dr-heading .dr-actions select{max-width:150px}}
@media(max-width:540px){.dr-control-panel .dr-heading{flex-direction:column;align-items:flex-start}.dr-heading .dr-actions{justify-content:flex-start}.dr-rank-tools input{width:130px}.dr-positions{order:3;flex-basis:100%}.dr-dialog{padding:18px}.dr-form-row{gap:8px}}