/* The four draft formats share one row in the approved clubhouse. */
.draft-format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.draft-format-card{display:flex;flex-direction:column;align-items:stretch;min-width:0;min-height:324px;padding:24px 22px 18px;text-align:left;font-family:var(--body);color:#fff1cf;background:#1d3b59;border:1px solid #6b87a2;border-radius:6px}
.draft-format-copy{display:flex;flex-direction:column;gap:12px}
.draft-format-copy>h3{font:400 29px/1.2 var(--display);letter-spacing:.005em;text-transform:uppercase;color:inherit;margin:0}
.draft-format-copy>p{font-size:16px;line-height:1.5;min-height:72px;color:#e0eaf5;margin:0}
.draft-format-art{height:74px;margin:20px 0 22px;display:flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}
.draft-format-eras>span{display:grid;place-items:center;height:60px;min-width:66px;font:400 28px/1 var(--display);background:#10243d;border:1px solid #718eac;border-radius:3px;padding:0 8px;color:#fff1cf}
.draft-format-eras>span:last-child{min-width:39px}
.draft-format-flaps{gap:5px}
.draft-format-flaps>span{position:relative;display:grid;place-items:center;width:39px;height:60px;border:1px solid #8b9eb1;border-radius:3px;background:#f8fafc;color:#142b43;font:400 44px/1 var(--display)}
.draft-format-flaps>span::after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#8b9eb1}
.draft-format-clock{font:400 64px/1 var(--display);color:#142b43;gap:9px;align-items:baseline;padding-top:7px}
.draft-format-clock small{font:700 14px/1.3 var(--body);align-self:flex-end;margin-bottom:11px}
.draft-format-action{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:auto;min-height:50px;padding:12px 14px;border:1px solid transparent;border-radius:4px;background:#ff824e;color:#10243d;font:700 15px/1.3 var(--body);cursor:pointer;transition:background-color .18s}
.draft-format-action:not(:disabled):hover{background:#ffad7b}
.draft-format-action:not(:disabled):active{background:#ff6a30}
.draft-format-action:focus-visible{outline:3px solid #b6dcff;outline-offset:4px}
.draft-format-action>span{display:grid;place-items:center;width:22px;height:20px;flex-shrink:0}
.draft-format-action .icon-arrow{width:20px;height:17px}
.draft-format-year{color:#142b43;background:#f1e9d6;border-color:#c7d4e1}
.draft-format-year .draft-format-copy>p{color:#38516a}
.draft-format-year .draft-format-action{background:#142b43;color:#faf7ee}
.draft-format-year .draft-format-action:hover{background:#294e70}
.draft-format-year .draft-format-action:active{background:#0b1c2d}
.draft-format-year .draft-format-action:focus-visible{outline-color:#176aab}
.draft-format-daily{color:#142b43;background:#f1d8b1;border-color:#d4b88e}
.draft-format-daily .draft-format-copy>p{color:#3c4a56}
.draft-format-daily .draft-format-action{background:#142b43;color:#faf7ee}
.draft-format-daily .draft-format-action:not(:disabled):hover{background:#294e70}
.draft-format-daily .draft-format-action:not(:disabled):active{background:#0b1c2d}
.draft-format-daily .draft-format-action:focus-visible{outline-color:#176aab}
.draft-format-daily.is-unavailable{color:#536171;background:#dce1e7;border-color:#a6b4c0}
.draft-format-daily.is-unavailable :is(.draft-format-copy>p,.draft-format-art){color:#536171}
.draft-format-daily .draft-format-action:disabled{opacity:1;cursor:not-allowed;background:#b7c2ce;color:#374d62}
.draft-format-franchise{background:#142b43;color:#fff1cf;border-color:#5f7895}
.draft-format-club{color:#ffad7b;gap:14px}
.draft-format-club svg{width:51px;height:61px;flex-shrink:0}
.draft-format-club>span{font:400 23px/1.25 var(--display);text-transform:uppercase;letter-spacing:.02em}
.ballpark-formats .ballpark-customize{margin-top:16px}
.world-series-draft{display:flex;align-items:center;gap:22px;padding:25px 28px;margin-top:20px;border:1px solid #b99b62;border-radius:6px;background:#10243d;color:#fff1cf}
.world-series-cup{width:58px;height:64px;flex-shrink:0;color:#e6c989}
.world-series-draft>div{flex:1;min-width:0}
.world-series-draft h3{font:400 29px/1.2 var(--display);text-transform:uppercase;margin:0 0 7px;color:inherit}
.world-series-draft p{font-size:16px;line-height:1.5;color:#d3e0ed;margin:0;max-width:65ch}
.world-series-draft .button{flex-shrink:0}
@media(max-width:700px){.world-series-draft{align-items:flex-start;flex-wrap:wrap;padding:22px;gap:15px}.world-series-cup{width:43px;height:49px}.world-series-draft>div{flex-basis:calc(100% - 58px)}.world-series-draft h3{font-size:27px}.world-series-draft .button{width:100%}}
@media(max-width:1100px){.draft-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.draft-format-card{min-height:300px}.draft-format-copy>p{min-height:48px}}
@media(max-width:600px){.draft-format-grid{grid-template-columns:minmax(0,1fr);gap:14px}.draft-format-card{padding:22px 22px 17px;min-height:286px}.draft-format-copy>h3{font-size:28px}.draft-format-copy{gap:9px}.draft-format-art{margin:16px 0 18px}.draft-format-copy>p{min-height:48px}.ballpark-formats .ballpark-customize{margin-top:12px;gap:0 12px}}
/* Daily Challenge leads the row inside a bright accent frame: a wide ring with a highlight that travels around it, a
   solid outline and a glow that slowly breathes. Each sport theme sets the colors; reduced motion keeps the bright frame
   still, and the frame disappears while Daily is unavailable. */
@property --daily-sweep{syntax:'<angle>';inherits:false;initial-value:0deg}
.draft-format-daily{--daily-ring:#ff6a2b;--daily-shine:#fff3e6;position:relative;
  --daily-glow-low:0 0 0 2px var(--daily-ring),0 0 18px 3px color-mix(in srgb,var(--daily-ring) 60%,transparent),0 14px 30px -12px rgba(4,8,13,.6);
  --daily-glow-high:0 0 0 2px var(--daily-ring),0 0 36px 10px color-mix(in srgb,var(--daily-ring) 90%,transparent),0 14px 30px -12px rgba(4,8,13,.6);
  box-shadow:var(--daily-glow-high);animation:daily-glow 2.4s ease-in-out infinite alternate}
.draft-format-daily::before{content:'';position:absolute;inset:-1px;padding:5px;border-radius:6px;pointer-events:none;
  background:conic-gradient(from var(--daily-sweep),var(--daily-ring) 0deg 240deg,var(--daily-shine) 295deg,var(--daily-ring) 350deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:daily-sweep 4s linear infinite}
@keyframes daily-sweep{to{--daily-sweep:360deg}}
@keyframes daily-glow{from{box-shadow:var(--daily-glow-low)}to{box-shadow:var(--daily-glow-high)}}
.draft-format-daily.is-unavailable{box-shadow:none;animation:none}
.draft-format-daily.is-unavailable::before{content:none}
@media(prefers-reduced-motion:reduce){.draft-format-action{transition:none}.draft-format-daily{animation:none}.draft-format-daily::before{animation:none;background:var(--daily-ring)}}