/* Daily Doughnut Run overlays & mobile-first responsive additions on top of /run/run.css */
.daily-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 10px}
.d-pill{font:700 12px Mono,monospace;letter-spacing:.4px;padding:6px 12px;border-radius:999px;background:#161b22e6;border:1px solid #ffffff29;color:var(--text)}
.d-pill.streak{color:#ffd46b;border-color:#feb30066;background:#2a1d0ee6}
.d-pill.countdown{color:var(--pink);border-color:#ff8fb155}
.d-pill.target{color:var(--green);border-color:#88e7c055}
.d-pill.target.beaten{background:#123026e6;border-color:#88e7c0aa}
.daily-attempt-line{margin:0 0 16px;font:700 13px Mono,monospace;color:#ffd46b;letter-spacing:.4px}
.daily-attempt-line.practice{color:var(--green)}
.daily-attempt-line.archive{color:var(--pink)}

.hud-mode-badge{font:700 10px Mono,monospace;letter-spacing:1.2px;padding:6px 10px;border-radius:999px;background:#ff568b26;border:1px solid #ff568b88;color:#ffb1c1;align-self:center}
.hud-mode-badge.practice{background:#88e7c022;border-color:#88e7c077;color:#88e7c0}

/* Over screen: mobile-first scrollable card */
body[data-mode=over] .over-panel{padding:max(14px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));overflow-y:auto;justify-content:flex-start}
.over-scroll{width:min(680px,100%);margin:auto;display:flex;flex-direction:column;align-items:center;gap:12px}
.over-official-note{margin:0;font:700 13px Mono,monospace;color:var(--green);background:#88e7c01a;border:1px solid #88e7c055;padding:7px 14px;border-radius:10px}
.over-meta{justify-content:center;margin:2px 0 0}

.over-signin{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}
.btn-google{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:12px;background:#fff;color:#1b1b1f;font:700 14px Space,sans-serif;text-decoration:none;box-shadow:0 8px 24px #0006}
.btn-google::before{content:'G';display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#1a73e8;color:#fff;font:700 12px/1 Space,sans-serif}
.small-go{padding:11px 18px;font-size:15px;border-radius:12px}
.small-btn{padding:10px 15px;font-size:14px;border-radius:12px;text-decoration:none;color:var(--text)}

.share-card-wrap{width:100%;display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center;background:#161b22f2;border:1px solid #ff8fb144;border-radius:18px;padding:14px;text-align:left}
.share-preview-col{display:flex;justify-content:center}
#share-canvas{width:180px;height:180px;border-radius:12px;border:1px solid #ffffff26;background:#1a1020;display:block}
.share-copy-col{display:flex;flex-direction:column;gap:8px;min-width:0}
.share-label{font:700 10px Mono,monospace;letter-spacing:1.8px;color:var(--pink)}
.share-text{margin:0;padding:10px 12px;border-radius:10px;background:#0f141a;border:1px solid #ffffff22;font:12px/1.45 Mono,monospace;color:#f8f2ed;word-break:break-word;user-select:text;-webkit-user-select:text}
.share-btns{display:flex;flex-wrap:wrap;gap:8px}

.over-board-box{width:100%;background:#161b22e8;border:1px solid #ffffff1c;border-radius:16px;padding:12px 14px;text-align:left}
.over-board-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font:700 11px Mono,monospace;letter-spacing:1.5px;color:var(--pink)}
.link-btn{font:700 12px Mono,monospace;color:var(--amber);text-decoration:underline}
.scores-list.compact{margin:0;max-height:220px}
.scores-list li.target-row{background:#122520;border:1px solid #88e7c044}
.scores-list li.target-row .nm{color:var(--green)}
.scores-list li.mine-row{border:1px solid #ffb1c188;background:#271625}

.day-switch{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 4px}
.day-nav{font:700 12px Mono,monospace;padding:6px 12px;border-radius:8px;border:1px solid #ffffff29;background:#0f141a;color:var(--text)}
.day-nav:disabled{opacity:.35;cursor:not-allowed}

.over-actions{margin-top:4px;padding-bottom:8px}

@media (max-width:600px){
  .share-card-wrap{grid-template-columns:1fr;text-align:center}
  #share-canvas{width:200px;height:200px}
  .share-copy-col{align-items:stretch}
  .share-btns{justify-content:center}
  .hud-target{display:none}
  .hud-mode-badge{font-size:9px;padding:4px 8px}
  .results div{min-width:96px;padding:10px 14px}
}