/* SweepGrind extras: canonical Free Drops cards + Daily Route compact callout.
   Do not load all of daily-rewards.css on /drops/ — this is the extras subset. */

/* Existing .sg-ex-* rules (from daily-rewards.css) */
#sg-extras-today{margin:0 0 16px}
.sg-ex-banner{font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gold);border:1px solid rgba(242,178,51,.35);background:rgba(242,178,51,.06);padding:7px 12px;margin-bottom:12px}
.sg-ex-section{margin-bottom:16px}
.sg-ex-head{font-family:'JetBrains Mono',monospace;font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin:0 0 10px;padding-bottom:7px;border-bottom:1px solid var(--glass-border)}
.sg-ex-subhead{font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text2);margin:14px 0 8px}
.sg-ex-zero{color:var(--text2);font-size:.85rem;margin:0 0 8px;line-height:1.5}
.sg-ex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.sg-ex-helper{font-size:.75rem;color:var(--text2);margin:-8px 0 12px;line-height:1.4}
.sg-ex-code-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.sg-ex-code{font-family:'JetBrains Mono',monospace;font-size:.78rem;color:var(--emerald);background:rgba(0,0,0,.35);padding:5px 8px;border:1px solid var(--glass-border)}
.sg-ex-copy{background:transparent;color:var(--text2);border:1px solid var(--glass-border);padding:5px 10px;font-family:'JetBrains Mono',monospace;font-size:.62rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;cursor:pointer}
.sg-ex-copy:hover{color:var(--gold);border-color:rgba(242,178,51,.4)}
.sg-ex-badge{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;border:1px solid rgba(242,178,51,.4);color:var(--gold);white-space:nowrap}
.sg-ex-badge-ready{color:var(--emerald);border-color:rgba(62,230,138,.4)}
.sg-ex-meta{font-size:.7rem;color:var(--text2);margin-bottom:10px}
.sg-ex-card .dr-cta{display:inline-block;margin-top:4px}
.sg-ex-card .dr-card-head{flex-wrap:nowrap}
.sg-ex-card .dr-card-name{flex:1 1 auto;min-width:0;overflow:visible}
.sg-ex-card .dr-card-chips{margin-top:-4px}

/* Canonical Free Drops mount + hash target */
#extras{scroll-margin-top:88px}
#sg-extras-canonical{margin:0 0 36px}
#sg-extras-canonical[hidden]{display:none;margin:0}

/* Compact Daily Route callout: gold, monospace, one line */
.sg-ex-callout{margin:0;padding:0;line-height:1.3}
.sg-ex-callout-link{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:.72rem;font-weight:700;letter-spacing:.6px;color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(242,178,51,.4);padding:0 0 1px}
.sg-ex-callout-link:hover{color:var(--gold-light,#f6c96a);border-bottom-color:var(--gold)}
.sg-ex-callout-link:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* 3-across on desktop, single column around phone width */
#sg-extras-canonical .sg-ex-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){
  #sg-extras-canonical .sg-ex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  #sg-extras-canonical .sg-ex-grid,.sg-ex-grid{grid-template-columns:1fr}
}

/* Minimal card subset extras cards need. Scoped so live drop .rd-card is untouched. */
#sg-extras-canonical .dr-logo{width:40px;height:40px;border-radius:10px;object-fit:contain;background:rgba(255,255,255,.05);padding:5px;flex-shrink:0}
#sg-extras-canonical .dr-cta{background:var(--gold);color:#1a1500;text-decoration:none;font-family:'Inter',sans-serif;font-weight:800;padding:10px 16px;border-radius:0;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;transition:background .2s,box-shadow .2s;white-space:nowrap}
#sg-extras-canonical .dr-cta:hover{background:var(--gold-light,#f6c96a);box-shadow:0 0 16px rgba(242,178,51,.3)}
#sg-extras-canonical .dr-cta:focus-visible{outline:2px solid var(--text);outline-offset:2px}
#sg-extras-canonical .dr-card{display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(5,12,8,.92),rgba(8,18,12,.88));border:1px solid var(--glass-border);border-radius:0;padding:20px;transition:border-color .25s,transform .25s,box-shadow .25s;position:relative}
#sg-extras-canonical .dr-card:hover{border-color:rgba(62,230,138,.45);transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.35)}
#sg-extras-canonical .dr-card-head{display:flex;align-items:center;gap:11px;margin-bottom:12px}
#sg-extras-canonical .dr-card-name{font-weight:900;color:var(--text);font-size:1.08rem;letter-spacing:-.02em;flex:1;min-width:0}
#sg-extras-canonical .dr-card-reward{color:var(--text2);font-size:.8rem;margin-bottom:16px;font-family:'JetBrains Mono',monospace;padding:10px 12px;background:rgba(5,10,7,.7);border:1px solid var(--glass-border);border-left:2px solid rgba(242,178,51,.5)}
#sg-extras-canonical .dr-card-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
#sg-extras-canonical .dr-chip{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;border-radius:0;border:1px solid var(--glass-border);color:var(--text3);white-space:nowrap;font-variant-numeric:tabular-nums}
#sg-extras-canonical .dr-chip-inroute{color:#04160b;background:rgba(62,230,138,.85);border-color:var(--emerald);font-weight:700}

@media (prefers-reduced-motion:reduce){
  #sg-extras-canonical .dr-card:hover{transform:none}
}
@media (max-width:375px){
  #sg-extras-canonical .sg-ex-grid,.sg-ex-grid{grid-template-columns:1fr}
}