/* Draft room — modern board */
.dm{--dm-panel:#141a25;--dm-panel2:#18202d;--dm-line:rgba(255,255,255,.08);--dm-mut:#8f99ab;--dm-dim:#6b7486;--dm-or:#ffa64d;color:#e8ecf2}

.dm-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:26px 30px;margin-bottom:16px;border-radius:18px;border:1px solid rgba(255,166,77,.2);
  background:radial-gradient(ellipse 70% 140% at 95% 0%,rgba(255,166,77,.16),transparent 55%),linear-gradient(145deg,#161d2c,#0a0e14 75%);box-shadow:0 18px 48px rgba(0,0,0,.35)}
.dm-kicker{display:inline-block;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--dm-or);background:rgba(255,166,77,.12);border:1px solid rgba(255,166,77,.35);padding:5px 12px;border-radius:999px;margin-bottom:12px}
.dm-hero h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.6px;margin:0 0 6px;line-height:1.1}
.dm-hero h1 em{font-style:normal;background:linear-gradient(90deg,#ffa64d,#ff6b6b);-webkit-background-clip:text;background-clip:text;color:transparent}
.dm-hero p{color:#9aa3b2;margin:0;max-width:560px;font-size:14px}
.dm-hero-year{display:flex;align-items:center;gap:10px}
.dm-step{width:38px;height:38px;border-radius:50%;border:1px solid var(--dm-line);background:rgba(255,255,255,.04);color:#e8ecf2;font-size:20px;line-height:1;cursor:pointer}
.dm-step:hover{border-color:rgba(255,166,77,.5);color:var(--dm-or)}
.dm-year-big{text-align:center;min-width:150px}
.dm-year-big small{display:block;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--dm-dim);font-weight:700}
.dm-year-big strong{display:block;font-size:52px;line-height:1;font-weight:900;letter-spacing:-2px;background:linear-gradient(180deg,#fff,#ffb066);-webkit-background-clip:text;background-clip:text;color:transparent}
.dm-year-big span{display:block;font-size:11.5px;color:var(--dm-mut);margin-top:4px}

.dm-years{display:flex;gap:4px;overflow-x:auto;padding:4px;margin-bottom:14px;border:1px solid var(--dm-line);border-radius:12px;background:rgba(255,255,255,.03);scrollbar-width:thin}
.dm-year{flex:0 0 auto;border:0;background:none;color:var(--dm-mut);font:700 12.5px/1 inherit;padding:9px 12px;border-radius:8px;cursor:pointer}
.dm-year:hover{color:#e8ecf2;background:rgba(255,255,255,.05)}
.dm-year.on{color:#ffb066;background:linear-gradient(180deg,rgba(255,166,77,.22),rgba(255,166,77,.08));box-shadow:inset 0 0 0 1px rgba(255,166,77,.4)}

.dm-stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.dm-stat{display:flex;flex-direction:column;justify-content:center;padding:12px 16px;border-radius:12px;border:1px solid var(--dm-line);background:var(--dm-panel);min-width:110px}
.dm-stat b{font-size:22px;line-height:1.1}
.dm-stat>span:not(.dm-top-txt):not(.dm-stat-shot){font-size:11px;color:var(--dm-mut);text-transform:uppercase;letter-spacing:.8px;font-weight:700}
.dm-stat--wide{flex:1}
.dm-stat--top{flex-direction:row;align-items:center;gap:12px;text-align:left;color:inherit;font:inherit;cursor:pointer;border-color:rgba(255,166,77,.3);background:linear-gradient(135deg,rgba(255,166,77,.12),var(--dm-panel) 60%)}
.dm-stat--top small{display:block;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--dm-or);font-weight:800}
.dm-stat--top b{display:block;font-size:17px}
.dm-top-txt em{display:block;font-style:normal;font-size:12px;color:var(--dm-mut)}
.dm-stat-shot{position:relative;width:46px;height:46px;border-radius:50%;overflow:hidden;background:#1d2633;display:grid;place-items:center;flex-shrink:0}

.dm-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.dm-seg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--dm-line);border-radius:10px;background:rgba(255,255,255,.03)}
.dm-seg button{border:0;background:none;color:var(--dm-mut);font:700 12px inherit;padding:8px 13px;border-radius:7px;cursor:pointer}
.dm-seg button.on{color:#e8ecf2;background:rgba(255,255,255,.09)}
.dm-search{flex:1;min-width:220px;max-width:360px}
.dm-search input{width:100%;background:var(--dm-panel2);border:1px solid var(--dm-line);color:#e8ecf2;border-radius:10px;padding:9px 12px 9px 34px;font:inherit;font-size:13px;outline:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%238f99ab' stroke-width='2'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath d='m9.5 9.5 3 3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px 50%}
.dm-search input:focus{border-color:rgba(255,166,77,.5)}
.dm-legend{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--dm-dim)}
.dm-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:8px}
.dm-dot--lotto{background:var(--dm-or)}
.dm-dot--trade{background:#60a5fa}
.dm-dot--career{background:#4ade80}

.dm-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.dm-hits{margin:0 0 10px;color:var(--dm-mut);font-size:12.5px}
.dm-sec{margin-bottom:18px}
.dm-sec h3{display:flex;align-items:baseline;gap:8px;margin:0 0 9px;font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:#cbd2dd}
.dm-sec h3 span{color:var(--dm-dim);font-weight:600;letter-spacing:.5px}
.dm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}

.dm-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;text-align:left;padding:9px 12px 9px 10px;border-radius:12px;border:1px solid var(--dm-line);background:var(--dm-panel);color:inherit;font:inherit;cursor:pointer;transition:transform .15s,border-color .15s,background .15s,opacity .15s}
.dm-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--tc)}
.dm-card:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.18);background:#171e2b}
.dm-card.is-lotto .dm-num{color:var(--dm-or)}
.dm-card.is-selected{border-color:rgba(255,166,77,.6);background:linear-gradient(90deg,rgba(255,166,77,.13),var(--dm-panel) 70%);box-shadow:0 0 0 1px rgba(255,166,77,.25),0 8px 22px rgba(0,0,0,.3)}
.dm-card.is-empty{opacity:.45}
.dm-card.is-dim{opacity:.18}
.dm-num{width:24px;text-align:center;font-size:15px;font-weight:900;color:#cbd2dd;font-variant-numeric:tabular-nums;flex-shrink:0}
.dm-shot{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#1d2633;display:grid;place-items:center;flex-shrink:0}
.dm-shot img,.dm-stat-shot img,.dm-spot-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.dm-shot-init{font-size:12px;font-weight:800;color:var(--dm-mut)}
.dm-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.dm-main b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-main small{font-size:11.5px;color:var(--dm-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-trade{align-self:flex-start;margin-top:3px;font-size:10px;font-weight:800;letter-spacing:.4px;padding:1px 6px;border-radius:5px;background:rgba(96,165,250,.15);color:#93c5fd}
.dm-logo{width:28px;height:28px;object-fit:contain;flex-shrink:0}
.dm-logo.is-empty{display:inline-block}
.dm-career{position:absolute;top:5px;right:6px;font-size:10px;font-weight:900;color:#4ade80;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:rgba(74,222,128,.12)}
.dm-career:hover{background:rgba(74,222,128,.3)}

.dm-spot{position:sticky;top:84px;border-radius:16px;border:1px solid var(--dm-line);background:var(--dm-panel);overflow:hidden}
.dm-spot-head{position:relative;height:170px;display:flex;align-items:flex-end;justify-content:center;
  background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--tc) 70%,transparent),transparent 70%),linear-gradient(180deg,#0e131c,#141a25)}
.dm-spot-logo{position:absolute;right:-18px;top:-10px;width:150px;height:150px;object-fit:contain;opacity:.13}
.dm-spot-num{position:absolute;left:16px;top:10px;font-size:58px;font-weight:900;letter-spacing:-3px;line-height:1;color:rgba(255,255,255,.12)}
.dm-spot-shot{position:relative;width:132px;height:132px;border-radius:50% 50% 0 0;overflow:hidden;display:grid;place-items:center;background:rgba(255,255,255,.04)}
.dm-spot-shot .dm-shot-init{font-size:34px}
.dm-spot-body{padding:16px 18px 18px}
.dm-spot-kicker{font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--dm-or);font-weight:800}
.dm-spot-body h2{margin:4px 0 12px;font-size:23px;letter-spacing:-.3px;line-height:1.15}
.dm-spot-body dl{margin:0 0 12px;display:grid;gap:6px}
.dm-spot-body dl div{display:flex;justify-content:space-between;gap:12px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:6px}
.dm-spot-body dt{color:var(--dm-dim)}
.dm-spot-body dd{margin:0;text-align:right;font-weight:600}
.dm-spot-trade{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:rgba(96,165,250,.08);border:1px solid rgba(96,165,250,.25);font-size:12.5px;color:#c7d6ea;line-height:1.5}
.dm-spot-trade b{display:block;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:#93c5fd;margin-bottom:2px}
.dm-spot-story{margin:0 0 12px;font-size:13px;line-height:1.6;color:#c3cad6;white-space:pre-line}
.dm-spot-muted{margin:0 0 12px;font-size:12.5px;color:var(--dm-dim)}
.dm-spot-cta{width:100%;padding:11px;border-radius:10px;border:0;background:linear-gradient(90deg,#ffa64d,#ff7a45);color:#1a1205;font:800 13px inherit;cursor:pointer;margin-bottom:10px}
.dm-spot-cta:hover{filter:brightness(1.08)}
.dm-spot-nav{display:flex;justify-content:space-between;gap:8px}
.dm-spot-nav button{flex:1;padding:8px;border-radius:9px;border:1px solid var(--dm-line);background:none;color:var(--dm-mut);font:600 12px inherit;cursor:pointer}
.dm-spot-nav button:hover:not(:disabled){color:#e8ecf2;border-color:rgba(255,255,255,.2)}
.dm-spot-nav button:disabled{opacity:.35;cursor:default}

/* Draft-night TV board inside the modern layout */
.dm-tv.draft-bc{max-width:none;margin:0}
.dm-tv .draft-tv-card{margin:0}
.dm-tv .dm-hits{margin:10px 16px 0}
.dm-tv .draft-tv-cell.is-dim{opacity:.22}
.dm-tv .draft-tv-cell.is-hit{box-shadow:0 0 0 1px rgba(255,166,77,.55),0 0 18px rgba(255,166,77,.18)}
.dm-tv .draft-tv-name{display:flex;flex-direction:column;min-width:0}
.dm-tv-trade{font-size:9.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#93c5fd;margin-top:1px}

@media (max-width:1099px){
  .dm-layout{grid-template-columns:minmax(0,1fr)}
  .dm-spot{position:static;order:-1}
  .dm-legend{margin-left:0}
}
@media (max-width:640px){
  .dm-hero{padding:20px 18px}
  .dm-hero-year{width:100%;justify-content:space-between}
  .dm-year-big strong{font-size:42px}
  .dm-year-big{min-width:0}
  .dm-grid{grid-template-columns:1fr}
  .dm-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .dm-stat{min-width:0;padding:10px 12px}
  .dm-stat b{font-size:19px}
  .dm-stat--top{grid-column:1/-1}
  .dm-search{min-width:0;max-width:none;flex-basis:100%}
  .dm-spot{scroll-margin-top:150px}
  .dm-spot-head{height:120px}
  .dm-spot-shot{width:100px;height:100px}
  .dm-spot-logo{width:110px;height:110px}
  .dm-spot-num{font-size:46px}
  .dm-spot-body{padding:12px 14px 14px}
  .dm-spot-body h2{font-size:20px;margin-bottom:8px}
  .dm-tv .draft-tv-grid-mega{flex-direction:column;overflow:visible;gap:10px;padding:10px}
  .dm-tv .draft-tv-col-mega{flex:none;width:100%;gap:5px}
  .dm-tv .draft-tv-cell-mega{padding:8px 10px;gap:10px;min-height:0}
  .dm-tv .draft-tv-cell-mega .draft-tv-logo{width:32px;height:32px}
  .dm-tv .draft-tv-shot-slot{width:36px;height:40px}
}