/* Draw odds tool (/draw/). Loaded after cc.css. Uses the cc.css tokens. */
.draw-head{padding:var(--s4) 0 var(--s3)}
.draw-head h1{color:var(--spruce-dk);margin:.25rem 0 .6rem;max-width:22ch}
.draw-deadline{position:relative;margin:var(--s4) 0 var(--s5);border-radius:var(--radius);color:#eef1e6;overflow:hidden;box-shadow:var(--shadow);
  background:radial-gradient(700px 260px at 90% -20%,rgba(242,212,138,.22),transparent 60%),linear-gradient(160deg,#24392d 0%,var(--spruce-dk) 60%,var(--spruce-900) 100%)}
.dl-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s4) var(--s5);align-items:center;padding:var(--s5)}
.draw-deadline .eyebrow{color:var(--mark)}
.draw-deadline h2{color:#fff;font-size:clamp(1.3rem,1.05rem + 1.1vw,1.85rem);line-height:1.2;margin:0 0 .4rem}
.draw-deadline p{margin:0;color:#d5dccb}
.dl-status{display:inline-block;margin-top:.35rem;font-weight:700;color:var(--mark)}
.dl-status:empty{display:none}
.dl-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}
.dl-note{margin:0;padding:.7rem var(--s5);background:rgba(0,0,0,.22);color:#cfd6c4!important;font-size:var(--fs-sm);border-top:1px solid rgba(255,255,255,.08)}
@media (max-width:760px){.dl-in{grid-template-columns:1fr;padding:var(--s4)}.dl-actions{justify-content:stretch}.dl-actions .cta{flex:1 1 100%}.dl-note{padding:.7rem var(--s4)}}

.sp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:var(--s3);margin:0 0 var(--s6)}
.sp-fact{font-size:var(--fs-md);color:var(--ink);margin:0 0 var(--s3);max-width:70ch}
@media (min-width:1000px){.sp-cards{grid-template-columns:repeat(9,minmax(0,1fr))}}
.sp-card{display:flex;flex-direction:column;gap:.1rem;padding:var(--s3) var(--s4);background:var(--card);border:1px solid var(--line);border-left:4px solid var(--moss);border-radius:var(--radius-sm);text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}
.sp-card strong{font-family:var(--font-display);font-size:1.12rem;color:var(--spruce-dk)}
.sp-card span{font-size:var(--fs-sm);color:var(--muted)}
.sp-card:hover{border-color:var(--line-strong);transform:translateY(-1px);color:var(--ink)}

.stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);margin:0 0 var(--s5)}
.stat-row div{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--s3) var(--s4)}
.stat-row strong{display:block;font:700 1.6rem/1.1 var(--font-display);color:var(--spruce-dk)}
.stat-row span{font-size:var(--fs-sm);color:var(--muted)}
.toplists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4);margin:0 0 var(--s6)}
.toplist{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s4) var(--s5)}
.toplist h2{font-size:1.15rem;color:var(--spruce-dk);margin:0 0 .5rem}
.toplist ol{margin:0;padding-left:1.3rem;display:grid;gap:.45rem}
.toplist li span{display:block;font-size:var(--fs-sm);color:var(--muted)}
@media (max-width:760px){.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.toplists{grid-template-columns:1fr}}

.draw-filters{display:grid;grid-template-columns:2fr repeat(5,minmax(0,1fr));gap:var(--s3);align-items:end;background:var(--bone);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s4);margin:0 0 var(--s4);position:sticky;top:0;z-index:5}
.draw-filters label{display:block;font:700 .74rem/1.3 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.25rem}
.draw-filters input[type=search],.draw-filters select{width:100%;min-height:44px;padding:.5rem .6rem;border:1.5px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;font:inherit;font-size:.95rem;color:var(--ink)}
.draw-filters select:disabled{background:var(--paper);color:var(--muted)}
.f-check{grid-column:1/3}
.f-check label{display:flex;align-items:center;gap:.45rem;text-transform:none;letter-spacing:0;font-weight:600;font-size:.9rem;color:var(--ink);margin:0;min-height:32px}
.f-check input{width:18px;height:18px;accent-color:var(--spruce)}
.f-count{grid-column:3/-1;margin:0;text-align:right;font-weight:700;color:var(--spruce-dk);font-size:.92rem}
@media (max-width:1100px){.draw-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.f-q{grid-column:1/-1}.f-check{grid-column:1/3}.f-count{grid-column:3}}
@media (max-width:620px){.draw-filters{grid-template-columns:repeat(2,minmax(0,1fr));position:static;padding:var(--s3)}.f-check,.f-count{grid-column:1/-1;text-align:left}}

.hunt-list{display:grid;gap:.5rem}
.hunt{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--spruce);border-radius:var(--radius-sm);scroll-margin-top:var(--s7)}
.hunt[data-cur="0"]{border-left-color:var(--line-strong);opacity:.92}
.hunt summary{display:grid;grid-template-columns:7.2rem minmax(0,1fr) 10.5rem 5.5rem 1.2rem;gap:var(--s3);align-items:center;padding:var(--s3) var(--s4);cursor:pointer;list-style:none}
.hunt summary::-webkit-details-marker{display:none}
.hunt summary:hover{background:var(--paper)}
.h-id strong{display:block;font:700 1.05rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--spruce-dk)}
.sp{font-size:var(--fs-xs);color:var(--muted)}
.h-where{min-width:0}
.h-where strong{display:block;color:var(--ink)}
.h-where>span{display:block;color:var(--muted);font-size:.92rem;overflow-wrap:anywhere}
.tags{display:flex!important;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}
.tag{display:inline-block;margin:0;font-size:.7rem;font-weight:700;background:var(--bone);border:1px solid var(--line);border-radius:999px;padding:.05rem .5rem;color:var(--muted)}
.tag.res-R{background:#e6efe0;border-color:#c7d8bb;color:#2f4a3a}
.tag.res-N{background:#eaf0f3;border-color:#c8d7de;color:#2d5562}
.tag.off{background:#f3eee6;color:#7a6a55}
.h-odds{text-align:right}
.h-odds strong{display:block;font:700 1.45rem/1.1 var(--font-display);color:var(--spruce-dk)}
.h-odds span{display:block;font-size:var(--fs-xs);color:var(--muted)}
.h-odds.b-good strong{color:#2e6b34}.h-odds.b-fair strong{color:var(--spruce-dk)}.h-odds.b-long strong,.h-odds.b-vlong strong{color:var(--rust-dk)}.h-odds.b-none strong{color:var(--muted)}
.spark{display:flex;align-items:flex-end;gap:2px;height:34px;padding:2px;border-bottom:1px solid var(--line)}
.spark .bar{flex:1;background:var(--moss);border-radius:2px 2px 0 0;min-width:4px}
.spark .bar.na{background:repeating-linear-gradient(45deg,var(--line) 0 2px,transparent 2px 4px);height:30%}
.chev{width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);justify-self:center;transition:transform .15s}
details[open] .chev{transform:rotate(225deg)}
.h-body{padding:var(--s2) var(--s4) var(--s4);border-top:1px solid var(--line)}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);margin:var(--s3) 0}
.facts dt{font:700 .72rem/1.3 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.facts dd{margin:.15rem 0 0;font-size:.92rem}
.h-tables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
.tbl-wrap{overflow-x:auto}
.h-body table{width:100%;border-collapse:collapse;font-size:.88rem;font-variant-numeric:tabular-nums}
.h-body caption{text-align:left;font:700 .95rem/1.3 var(--font-display);color:var(--spruce-dk);padding-bottom:.3rem}
.h-body th,.h-body td{padding:.32rem .45rem;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.h-body thead th{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:700}
.h-body th:first-child{text-align:left}
.h-body tr.na td{color:var(--muted);font-style:italic;text-align:left}
.pct{display:flex;align-items:center;justify-content:flex-end;gap:.4rem}
.pbar{display:inline-block;width:48px;height:6px;background:var(--line);border-radius:3px;overflow:hidden}
.pbar i{display:block;height:100%;background:var(--moss)}
.nodata{color:var(--muted);font-size:.9rem;font-style:italic;margin:.4rem 0}
.h-links{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:var(--s3) 0 0}
.permalink{font-size:var(--fs-sm);margin-left:auto}
.no-results{padding:var(--s5);text-align:center;color:var(--muted);background:var(--bone);border-radius:var(--radius)}
@media (max-width:900px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.h-tables{grid-template-columns:1fr}}
@media (max-width:620px){
  .hunt summary{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"id odds" "where where" "spark chev";gap:.35rem .75rem;padding:var(--s3)}
  .h-id{grid-area:id;display:flex;align-items:baseline;gap:.5rem}.h-id strong{display:inline}
  .h-where{grid-area:where}.h-odds{grid-area:odds}.spark{grid-area:spark;height:24px;max-width:150px}.chev{grid-area:chev}
  .h-body{padding:var(--s2) var(--s3) var(--s3)}
  .h-odds .yr{display:none}.tags{margin-top:.15rem}.hunt summary{gap:.25rem .75rem}
  .facts{grid-template-columns:1fr}
  .permalink{margin-left:0}
}

.draw-signup{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;padding:var(--s5)!important;margin:var(--s6) 0 var(--s4);color:#eef1e6}
.draw-signup h2{color:#fff;margin:0 0 .3rem;font-size:1.45rem}
.draw-signup p{margin:0;max-width:60ch;color:#d5dccb}
.gohunt{background:var(--card);border:1px dashed var(--line-strong);border-radius:var(--radius);padding:var(--s4) var(--s5);margin:0 0 var(--s4)}
.gohunt h2{font-size:1.1rem;color:var(--spruce-dk);margin:0 0 .3rem}
.gohunt p{margin:0 0 .6rem;color:var(--muted);font-size:.94rem}
.draw-method h2{color:var(--spruce-dk)}
.draw-method h3{font-size:1.1rem;color:var(--spruce-dk);margin:0 0 .4rem}
.prose-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6)}
.prose-cols ul{padding-left:1.15rem;display:grid;gap:.45rem;margin:0 0 var(--s3)}
.src{font-size:.92rem}
.sp-others{margin:var(--s4) 0;color:var(--muted)}
@media (max-width:760px){.prose-cols{grid-template-columns:1fr;gap:var(--s4)}}
@media print{.draw-filters,.draw-signup,.gohunt{display:none}.hunt details{display:block}}