:root{color:#17201a;background:#edf0e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{display:grid;grid-template-columns:312px minmax(0,1fr);min-height:100vh;background:linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px) 0 0 / 84px 100%,linear-gradient(180deg,#244b33,#0f2f23 44%,#e8ebe2 44%)}.sidebar{display:flex;flex-direction:column;gap:22px;min-height:100vh;padding:24px;color:#f7faf4;background:#111a15}.brand{display:flex;align-items:center;gap:12px}.brand svg{flex:0 0 auto;color:#9bd18b}.brand h1{margin:0;font-size:1.35rem;line-height:1.1;letter-spacing:0}.brand span{display:block;margin-top:4px;color:#aab8ae;font-size:.9rem}.draft-form{display:grid;grid-template-columns:1fr auto;gap:8px}input,select{width:100%;border:1px solid #cfd8ce;border-radius:8px;padding:11px 12px;color:#17201a;background:#fff;outline:none}input:focus,select:focus{border-color:#386f4f;box-shadow:0 0 0 3px #386f4f2e}.draft-form button,.auth-panel form button,.table-wrap button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:11px 14px;color:#fff;background:#2d6747;font-weight:700}.draft-list{display:grid;gap:8px}.draft{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:46px;border-radius:8px;padding:10px;color:#dce7de;background:transparent;text-align:left}.draft.active,.draft:hover{background:#203126}.draft strong{color:#9bd18b}.logout{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:#dce7de;background:transparent;text-align:left}.draft-share{display:grid;gap:12px;border:1px solid #283b2f;border-radius:8px;padding:14px;background:#1a261f}.draft-share span{display:block;margin-bottom:3px;color:#aab8ae;font-size:.74rem;font-weight:800;text-transform:uppercase}.draft-share strong{color:#f7faf4;font-size:1.7rem;letter-spacing:.06em}.draft-share svg{width:100%;height:auto;max-width:180px;border-radius:8px;padding:10px;background:#fff}.draft-share button{min-height:40px;padding:10px 12px;color:#fff;background:#2d6747;font-size:.92rem;font-weight:800}.share-rounds{border-top:1px solid #283b2f;padding-top:10px}.hub-panel button{min-height:42px}.draft-share button,.hub-panel button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:11px 14px;color:#fff;background:#2d6747;font-weight:800}.draft-hub{display:flex;flex-direction:column;gap:22px;padding:34px;min-width:0}.hub-header{min-height:132px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}.hub-header h2{margin:0;font-size:clamp(2rem,4vw,4rem);line-height:.95;letter-spacing:0}.hub-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hub-panel{display:grid;gap:12px;align-content:start;border:1px solid #d6ddd2;border-radius:8px;padding:18px;background:#fff;box-shadow:0 18px 40px #141e1824}.roster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.roster-grid label{display:grid;gap:5px}.roster-grid span,.roster-total span{color:#5e6b60;font-size:.72rem;font-weight:850;text-transform:uppercase}.roster-grid select{min-height:40px;padding:8px 10px}.roster-total{display:flex;justify-content:space-between;align-items:center;border:1px solid #d6ddd2;border-radius:8px;padding:10px 12px;background:#f7f9f4}.roster-total strong{color:#245f42;font-size:1.3rem}.roster-total.compact{min-width:170px}.timer-field{display:grid;gap:6px;max-width:260px}.team-count-field{display:grid;gap:6px;max-width:240px}.team-count-field span{color:#5e6b60;font-size:.82rem;font-weight:750}.mock-field{display:inline-flex;align-items:center;gap:8px;width:fit-content;color:#17201a;font-weight:800}.mock-field input{width:auto;accent-color:#2d6747}.mock-field span{color:#17201a;font-size:.92rem}.draft-order-editor{display:grid;gap:10px;border-top:1px solid #e1e7de;padding-top:14px}.draft-order-editor h4{margin:0 0 4px;color:#17201a;font-size:.98rem}.draft-order-editor span{color:#5e6b60;font-size:.82rem;font-weight:750}.draft-order-editor p{margin:0;color:#5e6b60;font-weight:700}.draft-order-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.draft-order-list label{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px}.team-name-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.team-name-list label{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(150px,.8fr);align-items:center;gap:8px}.draft-order-list label>span,.team-name-list label>span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#fff;background:#2d6747;font-size:.88rem}.hub-panel h3,.joined-drafts h3{margin:0;color:#17201a;font-size:1.05rem}.joined-drafts{display:grid;gap:12px}.joined-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.joined-grid button{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:center;border:1px solid #d6ddd2;border-radius:8px;padding:14px;color:#17201a;background:#fff;text-align:left}.joined-grid strong{grid-column:2;color:#5e6b60;font-size:.86rem}.board{display:flex;flex-direction:column;gap:18px;padding:34px;min-width:0}.board-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;min-height:132px;color:#fff}.eyebrow{margin:0 0 8px;color:#cce4c6;font-weight:700;text-transform:uppercase;font-size:.78rem}.board-header h2{margin:0;font-size:clamp(2rem,4vw,4rem);line-height:.95;letter-spacing:0}.board-actions{display:flex;gap:10px;flex-wrap:wrap}.pick-timer{display:grid;grid-template-columns:minmax(130px,auto) 1fr auto;align-items:center;gap:16px;border:1px solid #c7d8c3;border-radius:8px;padding:14px 16px;color:#17201a;background:#fff;box-shadow:0 18px 40px #141e1824}.pick-timer span,.timer-details span{display:block;margin-bottom:3px;color:#5e6b60;font-size:.72rem;font-weight:850;text-transform:uppercase}.timer-clock strong{color:#245f42;font-variant-numeric:tabular-nums;font-size:2rem;line-height:1}.timer-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0}.timer-details div{min-width:0}.timer-details strong{display:block;overflow:hidden;color:#17201a;font-size:.94rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.pick-timer p{margin:0;color:#5e6b60;font-weight:750}.pick-timer.expired{border-color:#efb7ae;background:#fff1ef}.pick-timer.expired .timer-clock strong,.pick-timer.expired p{color:#9a2f28}.board-actions button,.settings-panel button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:10px 13px;color:#fff;background:#2d6747;font-weight:800}.board-actions button.reset-button{background:#8d332b}.settings-panel{display:grid;gap:14px;border:1px solid #d6ddd2;border-radius:8px;padding:18px;background:#fff;box-shadow:0 18px 40px #141e1824}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.settings-head h3{margin:0 0 4px;color:#17201a;font-size:1.05rem}.settings-head span,.timer-field span{color:#5e6b60;font-size:.82rem;font-weight:750}.stat-strip{display:flex;gap:10px;flex-wrap:wrap}.stat-strip span{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:9px 12px;background:#111a155c;color:#f7faf4;font-weight:700}.controls{display:grid;grid-template-columns:minmax(220px,360px) 1fr minmax(160px,210px);gap:14px;align-items:center}.search{position:relative}.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#617061}.search input{padding-left:40px}.segments{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.segments button,.mode-switch button{border:1px solid #cfd8ce;border-radius:8px;min-width:52px;padding:10px 12px;color:#263129;background:#fff;font-weight:800}.segments .selected,.mode-switch .selected{border-color:#2d6747;color:#fff;background:#2d6747}.my-team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.team-selector{display:flex;align-items:end;gap:12px;border:1px solid #d6ddd2;border-radius:8px;padding:14px;background:#fff;box-shadow:0 18px 40px #141e181f}.team-selector label{display:grid;gap:6px;width:min(100%,320px)}.team-selector span{color:#5e6b60;font-size:.76rem;font-weight:850;text-transform:uppercase}.team-selector strong{color:#245f42;font-weight:850}.draft-board-grid{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:min(720px,calc(100vh - 300px));border:1px solid #d6ddd2;border-radius:8px;padding:12px;background:#fff;box-shadow:0 18px 40px #141e1824;overflow:hidden}.draft-board-grid:fullscreen{width:100vw;height:100vh;min-height:100vh;border:0;border-radius:0;padding:12px}.draft-board-grid.empty{display:block;min-height:0}.draft-board-grid.empty p{margin:0;color:#5e6b60;font-weight:750}.draft-board-grid-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.draft-board-grid-head h3{margin:0;color:#17201a;font-size:1rem}.draft-board-grid-head span{color:#5e6b60;font-size:.8rem;font-weight:800}.draft-board-grid-head button{flex:0 0 auto;border-radius:8px;padding:9px 12px;color:#fff;background:#2d6747;font-size:.86rem;font-weight:850}.draft-grid{display:grid;min-height:0;overflow:auto;border:1px solid #dfe6dc;border-radius:8px;background:#dfe6dc;gap:1px}.draft-grid-corner,.draft-grid-team,.draft-grid-round,.draft-grid-pick{min-width:0;background:#fff}.draft-grid-corner,.draft-grid-team,.draft-grid-round{display:flex;align-items:center;justify-content:center;color:#506056;background:#f7f9f4;font-size:.72rem;font-weight:900;text-transform:uppercase}.draft-grid-team{padding:0 6px;color:#17201a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-grid-round{color:#245f42}.draft-grid-pick{position:relative;display:grid;align-content:center;gap:1px;padding:4px 6px 4px 22px;overflow:hidden}.draft-grid-pick>span{position:absolute;left:5px;top:4px;color:#879289;font-size:.62rem;font-weight:850}.draft-grid-pick strong{min-width:0;color:#17201a;font-size:.72rem;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-grid-pick em{color:#5e6b60;font-size:.62rem;font-style:normal;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-grid-pick.filled{background:#f8fbf5}.draft-grid-pick.current{outline:2px solid #2d6747;outline-offset:-2px;background:#e4f3df}.draft-board-grid:fullscreen .draft-grid-pick{padding:3px 5px 3px 20px}.mock-crossed-list,.roster-section{display:grid;gap:10px;border:1px solid #d6ddd2;border-radius:8px;padding:14px;background:#fff;box-shadow:0 18px 40px #141e181f}.roster-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.roster-section h3{margin:0;color:#17201a;font-size:1rem}.roster-section-head span{color:#5e6b60;font-size:.82rem;font-weight:850}.roster-slots{display:grid;gap:8px}.roster-slot{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;min-height:58px;border:1px dashed #cfd8ce;border-radius:8px;padding:8px;background:#f7f9f4}.roster-slot.filled{border-style:solid;background:#fff}.roster-slot strong{display:block;color:#17201a;line-height:1.2}.roster-slot span{display:block;margin-top:3px;color:#5e6b60;font-size:.84rem;font-weight:700}.empty-slot-label{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:#5e6b60;background:#edf0e8;font-size:.72rem;font-weight:900}.roster-slot.empty-position{display:block;min-height:0}.notice,.error{border-radius:8px;padding:10px 12px;color:#24412e;background:#dcefd7;font-weight:700}.error{color:#7b221f;background:#ffe0dc}.popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:22px;background:#111a1594}.popup-panel{display:grid;gap:14px;width:min(100%,420px);border:1px solid #efb7ae;border-radius:8px;padding:22px;color:#17201a;background:#fff;box-shadow:0 24px 80px #00000052}.popup-panel h3{margin:0;color:#8d332b;font-size:1.2rem}.popup-panel p{margin:0;color:#344038;font-weight:750;line-height:1.45}.popup-panel button{justify-self:end;border-radius:8px;padding:10px 18px;color:#fff;background:#2d6747;font-weight:800}.table-wrap{overflow:auto;border:1px solid #d6ddd2;border-radius:8px;background:#fff;box-shadow:0 18px 40px #141e1824}.data-source{margin:-6px 0 0;color:#506056;font-size:.86rem}.data-source a{color:#245f42;font-weight:800}table{width:100%;border-collapse:collapse;min-width:680px}th,td{border-bottom:1px solid #e8ede4;padding:14px 16px;text-align:left}th{color:#5e6b60;background:#f7f9f4;font-size:.78rem;text-transform:uppercase}tbody tr:last-child td{border-bottom:0}.player-name{color:#111a15;font-weight:850}.player-cell{display:flex;align-items:center;gap:11px}.player-copy{display:flex;flex-wrap:wrap;align-items:baseline}.player-meta{margin-left:8px;color:#5e6b60;font-weight:700}.player-thumb{flex:0 0 auto;width:42px;height:42px;border:1px solid #d6ddd2;border-radius:50%;object-fit:cover;background:#edf0e8}.player-thumb.fallback{display:inline-flex;align-items:center;justify-content:center;color:#245f42;background:#e4f4df;font-size:.78rem;font-weight:900}tr.drafted{color:#7c877e;background:#f2f4f0}tr.drafted .player-name{color:#6f7971;text-decoration:line-through}.auth-page{display:grid;place-items:center;min-height:100vh;padding:24px;background:linear-gradient(#0d1e158c,#0d1e15c7),url(https://images.unsplash.com/photo-1566577739112-5180d4bf9390?auto=format&fit=crop&w=1800&q=80) center / cover}.auth-panel{width:min(100%,430px);border-radius:8px;padding:28px;background:#fffffff5;box-shadow:0 24px 80px #00000042}.auth-panel .brand{color:#17201a;margin-bottom:22px}.auth-panel .brand span{color:#5d6a60}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.auth-panel form{display:grid;gap:12px}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.board,.draft-hub{padding:22px}.board-header,.controls{grid-template-columns:1fr;display:grid}.settings-head{align-items:stretch;flex-direction:column}.pick-timer{align-items:flex-start;grid-template-columns:1fr}.timer-details{grid-template-columns:1fr;width:100%}.timer-details strong{overflow:visible;white-space:normal}.hub-actions{grid-template-columns:1fr}.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.draft-order-list,.team-name-list,.my-team,.team-selector{grid-template-columns:1fr}.team-selector{align-items:stretch;flex-direction:column}.segments{justify-content:flex-start}}