/* Daily game components: challenge board and collectible boxing insignia. */
:root[data-theme] body#bapp-ui #daily {--daily-surface:var(--ui-surface);--daily-soft:var(--ui-soft);--daily-copy:var(--ui-ink);--daily-secondary:var(--ui-muted);--daily-stroke:var(--ui-border);padding:0;background:transparent;border:0;}
:root[data-theme] body#bapp-ui #daily .daily-game-shell {margin:22px 28px 40px;border:0;background:transparent;border-radius:0;overflow:visible;}
:root[data-theme] body#bapp-ui #daily .daily-game-masthead {display:flex;justify-content:space-between;align-items:center;gap:30px;padding:32px 0;border:0;border-bottom:1px solid var(--daily-stroke);background:transparent;color:var(--daily-copy);}
:root[data-theme] body#bapp-ui #daily .daily-game-masthead h2 {font:650 clamp(36px,4vw,56px)/1.1 var(--display);letter-spacing:-2px;color:var(--daily-copy);margin:10px 0;}
.daily-title-period {color:#ce764b;}
:root[data-theme] body#bapp-ui #daily .daily-game-masthead :is(p,.eyebrow) {color:var(--daily-secondary);}
:root[data-theme] body#bapp-ui #daily .daily-game-record {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;flex-shrink:0;}
:root[data-theme] body#bapp-ui #daily .daily-game-record > span {padding:0 0 0 16px;border-color:var(--daily-stroke);}
:root[data-theme] body#bapp-ui #daily .daily-game-record small {font:500 10px/1.4 var(--display);letter-spacing:.05em;color:var(--daily-secondary);}
:root[data-theme] body#bapp-ui #daily .daily-game-record strong {font:600 28px/1.4 var(--display);color:var(--daily-copy);}
:root[data-theme] body#bapp-ui #daily .daily-challenge-spotlight {padding:28px 0;background:transparent;}
:root[data-theme] body#bapp-ui #daily .daily-challenge-spotlight-inner {display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;}
:root[data-theme] body#bapp-ui #daily .daily-challenge-copy {padding:30px;border:1px solid var(--daily-stroke);border-radius:18px;background:var(--daily-surface);box-shadow:none;}
:root[data-theme] body#bapp-ui #daily .daily-round-meta {flex-wrap:wrap;gap:12px;padding-bottom:20px;border-color:var(--daily-stroke);}
:root[data-theme] body#bapp-ui #daily .daily-round-meta > span {font:600 10px/1.5 var(--display);letter-spacing:.08em;color:var(--ui-accent);}
:root[data-theme] body#bapp-ui #daily .daily-round-meta > strong {font:500 11px/1.5 var(--display);color:var(--daily-secondary);}
:root[data-theme] body#bapp-ui #daily .daily-question {margin:28px 0;gap:12px;}
:root[data-theme] body#bapp-ui #daily .daily-question > span {font:500 11px/1.5 var(--display);color:var(--daily-secondary);text-transform:none;}
:root[data-theme] body#bapp-ui #daily .daily-question > strong {font:600 clamp(24px,2.7vw,36px)/1.2 var(--display);letter-spacing:-.7px;color:var(--daily-copy);text-wrap:balance;}
:root[data-theme] body#bapp-ui #daily .daily-question small {font:400 12px/1.6 var(--display);color:var(--daily-secondary);}
:root[data-theme] body#bapp-ui #daily .daily-choices {display:grid;grid-template-columns:1fr;gap:10px;}
:root[data-theme] body#bapp-ui #daily .daily-choices button {display:flex;align-items:center;gap:14px;width:100%;padding:14px;min-height:70px;border:1px solid var(--daily-stroke);border-radius:12px;background:var(--daily-soft);color:var(--daily-copy);font:550 15px/1.4 var(--display);text-align:start;}
:root[data-theme] body#bapp-ui #daily :is(.daily-choice-photo,.daily-choice-mark) {flex:0 0 42px;width:42px;height:42px;overflow:hidden;display:grid;place-items:center;border-radius:8px;background:var(--daily-surface);color:var(--ui-accent);font:600 15px/1 var(--display);}
:root[data-theme] body#bapp-ui #daily .daily-choice-photo img {width:100%;height:100%;object-fit:cover;}
:root[data-theme] body#bapp-ui #daily .daily-local-note {font:400 10px/1.6 var(--display);color:var(--daily-secondary);margin:20px 0 0;}
:root[data-theme] body#bapp-ui #daily .daily-trophy-case {padding:22px;border:1px solid var(--daily-stroke);border-radius:18px;background:var(--daily-surface);box-shadow:none;color:var(--daily-copy);}
:root[data-theme] body#bapp-ui #daily .daily-trophy-heading {border-color:var(--daily-stroke);gap:10px;}
:root[data-theme] body#bapp-ui #daily .daily-trophy-heading h3 {font:600 20px/1.3 var(--display);color:var(--daily-copy);}
:root[data-theme] body#bapp-ui #daily .daily-trophy-heading .eyebrow {font-size:9px;color:var(--daily-secondary);}
:root[data-theme] body#bapp-ui #daily .daily-trophy-heading > strong {background:var(--daily-soft);color:var(--daily-copy);border-color:var(--daily-stroke);font-size:11px;}
:root[data-theme] body#bapp-ui #daily .daily-badges {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:20px 0;}
:root[data-theme] body#bapp-ui #daily .daily-badge {position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:190px;padding:16px 10px 12px;overflow:hidden;text-align:center;border:1px solid var(--daily-stroke);border-radius:12px;background:var(--daily-soft);opacity:1;}
:root[data-theme] body#bapp-ui #daily .daily-badge::after {display:none;}
.badge-first-bell {--badge-accent:#db9a72;--badge-metal:#623c2b;}
.badge-sharp-eye {--badge-accent:#c6d5e5;--badge-metal:#3f5267;}
.badge-seven-count {--badge-accent:#ebc777;--badge-metal:#715526;}
.badge-matchmaker {--badge-accent:#8bd2c4;--badge-metal:#2a645c;}
.badge-ten-round {--badge-accent:#b3b8f0;--badge-metal:#4b4d7d;}
.badge-champion-habit {--badge-accent:#ffe29b;--badge-metal:#92702f;}
:root[data-theme] body#bapp-ui #daily .daily-badge-medallion {display:block;position:relative;width:76px;height:85px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;}
:root[data-theme] body#bapp-ui #daily .daily-badge-art,.daily-badge-preview .daily-badge-art {display:block;width:100%;height:100%;fill:none;stroke:none;filter:drop-shadow(0 5px 7px #00000030);}
:root[data-theme] body#bapp-ui #daily .daily-badge-art > svg,.daily-badge-preview .daily-badge-art > svg {width:48px;height:48px;fill:none;stroke:var(--badge-accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
:root[data-theme] body#bapp-ui #daily .daily-badge.is-locked .daily-badge-art {filter:grayscale(.25);opacity:.8;}
:root[data-theme] body#bapp-ui #daily .daily-badge-medallion > i {display:none;}
:root[data-theme] body#bapp-ui #daily .daily-badge-copy {display:flex;flex-direction:column;gap:5px;min-width:0;}
:root[data-theme] body#bapp-ui #daily .daily-badge-copy strong {font:600 12px/1.3 var(--display);color:var(--daily-copy);}
:root[data-theme] body#bapp-ui #daily .daily-badge-copy small {font:400 10px/1.5 var(--display);color:var(--daily-secondary);}
:root[data-theme] body#bapp-ui #daily .daily-badge-copy em {font:500 9px/1.5 var(--display);color:var(--ui-accent);text-transform:none;letter-spacing:0;}
:root[data-theme] body#bapp-ui #daily .daily-badge-track {display:block;height:2px;width:100%;margin-top:auto;background:var(--daily-stroke);}
:root[data-theme] body#bapp-ui #daily .daily-badge-track i {display:block;height:100%;background:var(--badge-accent);}
:root[data-theme] body#bapp-ui #daily .daily-next-unlock {padding:16px 0 0;border:0;border-top:1px solid var(--daily-stroke);background:transparent;color:var(--daily-copy);}
:root[data-theme] body#bapp-ui #daily .daily-next-unlock :is(span,small) {color:var(--daily-secondary);font-size:11px;}
:root[data-theme] body#bapp-ui #daily .daily-next-unlock strong {font:600 14px/1.5 var(--display);color:var(--daily-copy);}
:root[data-theme] body#bapp-ui #daily .daily-next-unlock > i {background:var(--daily-soft);}
:root[data-theme] body#bapp-ui #daily .daily-next-unlock > i > b {background:var(--ui-accent);}
:root[data-theme] body#bapp-ui #daily .daily-complete {margin-top:24px;padding:24px;border:1px solid var(--daily-stroke);border-inline-start:3px solid #b2ce9a;border-radius:12px;background:var(--daily-soft);min-height:0;gap:14px;}
:root[data-theme] body#bapp-ui #daily .daily-complete.is-wrong {border-inline-start-color:#e4b77d;}
:root[data-theme] body#bapp-ui #daily .daily-complete > span {color:var(--ui-accent);font:600 11px/1.5 var(--display);}
:root[data-theme] body#bapp-ui #daily .daily-complete > strong {font:600 26px/1.25 var(--display);color:var(--daily-copy);}
:root[data-theme] body#bapp-ui #daily .daily-complete :is(p,small) {font:400 12px/1.7 var(--display);color:var(--daily-secondary);}
.daily-result-footer {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--daily-stroke);padding-top:16px;font-size:12px;color:var(--daily-copy);}
.daily-result-footer button {padding:10px 12px;min-height:40px;border:1px solid var(--daily-stroke);border-radius:8px;background:var(--daily-surface);color:var(--daily-copy);font-size:12px;}
.daily-badge-dialog {position:fixed;width:min(380px,calc(100% - 32px));padding:30px;border:1px solid #ffffff30;border-radius:18px;background:#171923;color:#f4f0eb;text-align:center;box-shadow:0 30px 100px #00000060;}
.daily-badge-dialog::backdrop {background:#080a12b3;}
.daily-badge-close {position:absolute;inset:10px 12px auto auto;width:36px;height:36px;border:0;border-radius:50%;background:#ffffff10;color:white;font-size:24px;cursor:pointer;}
.daily-badge-preview {width:128px;height:144px;margin:8px auto 24px;}
.daily-badge-dialog h2 {font:600 28px/1.2 var(--display);margin:10px 0;}
.daily-badge-dialog p {color:#c2c5d0;font-size:14px;line-height:1.7;}
.daily-badge-dialog .eyebrow {font-size:9px;color:#d0ad7c;}
.daily-badge-dialog progress {display:block;width:100%;height:6px;margin:22px 0 10px;accent-color:#deb46e;}
.daily-badge-dialog small {font-size:12px;color:#c2c5d0;}
:root[data-theme] body#bapp-ui .daily-home-teaser {margin-inline:28px;border-radius:18px;border:1px solid var(--ui-border);background:var(--ui-surface);color:var(--ui-ink);}
:root[data-theme] body#bapp-ui .daily-home-teaser :is(h2,p,.daily-home-progress strong) {color:var(--ui-ink);}
:root[data-theme] body#bapp-ui .daily-home-teaser :is(.eyebrow,.daily-home-progress small) {color:var(--ui-muted);}
@media(hover:hover) {
 :root[data-theme] body#bapp-ui #daily :is(.daily-choices button,.daily-badge):hover {border-color:var(--ui-accent);background:var(--daily-soft);color:var(--daily-copy);}
}
@media(prefers-reduced-motion:no-preference) {
 :root[data-theme] body#bapp-ui #daily :is(.daily-badge,.daily-choices button) {transition:transform 180ms ease,border-color 180ms ease;}
 :root[data-theme] body#bapp-ui #daily .daily-badge:hover {transform:translateY(-3px);}
 .daily-badge-dialog[open] {animation:bapp-dialog-in 300ms cubic-bezier(.16,1,.3,1);}
}
@media(max-width:1100px) {
 :root[data-theme] body#bapp-ui #daily .daily-game-masthead {align-items:start;flex-direction:column;gap:18px;}
 :root[data-theme] body#bapp-ui #daily .daily-challenge-spotlight-inner {grid-template-columns:minmax(0,1fr) 320px;gap:16px;}
}
@media(max-width:800px) {
 :root[data-theme] body#bapp-ui #daily .daily-challenge-spotlight-inner {grid-template-columns:1fr;}
 :root[data-theme] body#bapp-ui #daily .daily-badges {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:640px) {
 :root[data-theme] body#bapp-ui #daily .daily-game-shell {margin:10px 12px 30px;}
 :root[data-theme] body#bapp-ui #daily .daily-game-masthead {padding:24px 4px;}
 :root[data-theme] body#bapp-ui #daily .daily-game-record {gap:12px;width:100%;}
 :root[data-theme] body#bapp-ui #daily .daily-game-record > span {padding-inline-start:10px;}
 :root[data-theme] body#bapp-ui #daily .daily-game-record strong {font-size:24px;}
 :root[data-theme] body#bapp-ui #daily .daily-challenge-copy {padding:22px 18px;}
 :root[data-theme] body#bapp-ui #daily .daily-trophy-case {padding:18px;}
 :root[data-theme] body#bapp-ui #daily .daily-badges {grid-template-columns:repeat(2,minmax(0,1fr));}
 :root[data-theme] body#bapp-ui #daily .daily-question > strong {font-size:26px;}
 :root[data-theme] body#bapp-ui .daily-home-teaser {margin-inline:12px;}
}

:root[data-theme] body#bapp-ui #daily .daily-challenge-spotlight {border:0;box-shadow:none;}
:root[data-theme] body#bapp-ui #daily .daily-game-masthead {border-radius:0;}
:root[data-theme] body#bapp-ui .daily-home-teaser h2 {font:600 clamp(23px,2.4vw,32px)/1.25 var(--display);text-wrap:balance;letter-spacing:-.6px;}

/* A consistent set of numbered ringside medals. */
:root[data-theme] body#bapp-ui #daily .daily-badges {grid-template-columns:1fr;gap:0;padding:12px 0;}
:root[data-theme] body#bapp-ui #daily .daily-badge {--badge-accent:#d9b778;--badge-metal:#27231c;display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:16px;min-height:108px;padding:18px 0;border:0;border-bottom:1px solid var(--daily-stroke);border-radius:0;background:transparent;text-align:left;}
:root[data-theme] body#bapp-ui #daily .daily-badge:last-child {border-bottom:0;}
:root[data-theme] body#bapp-ui #daily .daily-badge-medallion {width:62px;height:62px;grid-row:1;grid-column:1;}
:root[data-theme] body#bapp-ui #daily .daily-badge-art {filter:none;}
:root[data-theme] body#bapp-ui #daily .daily-badge-copy {grid-column:2;grid-row:1;gap:6px;}
:root[data-theme] body#bapp-ui #daily .daily-badge-copy strong {font-size:14px;letter-spacing:-.2px;}
:root[data-theme] body#bapp-ui #daily .daily-badge-copy small {font-size:11px;}
:root[data-theme] body#bapp-ui #daily .daily-badge-copy em {font-size:10px;color:var(--daily-secondary);}
:root[data-theme] body#bapp-ui #daily .daily-badge-track {grid-column:2;margin-top:-8px;height:2px;}
:root[data-theme] body#bapp-ui #daily .daily-badge.is-locked {--badge-accent:#85858a;--badge-metal:transparent;}
:root[data-theme] body#bapp-ui #daily .daily-badge.is-locked .daily-badge-art {opacity:.65;filter:none;}
:root[data-theme] body#bapp-ui #daily .daily-badge:hover {transform:none;background:transparent;border-color:var(--daily-stroke);}
.daily-badge-preview {--badge-accent:#d9b778;--badge-metal:#27231c;width:120px;height:120px;}
.daily-badge-preview.is-locked {--badge-accent:#99999f;--badge-metal:transparent;}
