: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}.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}.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}.notice,.error{border-radius:8px;padding:10px 12px;color:#24412e;background:#dcefd7;font-weight:700}.error{color:#7b221f;background:#ffe0dc}.table-wrap{overflow:auto;border:1px solid #d6ddd2;border-radius:8px;background:#fff;box-shadow:0 18px 40px #141e1824}table{width:100%;border-collapse:collapse;min-width:760px}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}.position{display:inline-flex;justify-content:center;min-width:44px;border-radius:999px;padding:5px 8px;color:#1a3c2a;background:#e4f4df;font-weight:850}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{padding:22px}.board-header,.controls{grid-template-columns:1fr;display:grid}.segments{justify-content:flex-start}}