.daily-draft-shell {
    --daily-ink: #eee9dd;
    --daily-muted: #ada99e;
    --daily-faint: #85877e;
    --daily-border: #303934;
    --daily-border-strong: #465149;
    --daily-paper: #151a18;
    --daily-paper-alt: #1b211e;
    --daily-canvas: #0d1110;
    --daily-accent: #d18454;
    --daily-accent-dark: #eeae7d;
    --daily-accent-soft: #3b2821;
    --daily-gold: #d7b46a;
    --daily-success: #78c493;
    --daily-success-soft: #1b3528;
    --daily-danger: #e18191;
    --daily-danger-soft: #3d2329;
    --daily-focus: #66c8e4;
    --daily-review-map-background: #222925;
    color: var(--daily-ink);
    margin: 0 auto 2rem;
    max-width: 118rem;
    width: 100%;
}

.daily-draft-shell,
.daily-draft-shell * {
    box-sizing: border-box;
}

.daily-draft-shell [hidden] {
    display: none !important;
}

.daily-draft-shell button,
.daily-draft-shell input,
.daily-draft-shell select {
    font: inherit;
}

.daily-draft-shell button:not(:disabled),
.daily-draft-shell select:not(:disabled) {
    cursor: pointer;
}

.daily-draft-shell button:disabled,
.daily-draft-shell input:disabled,
.daily-draft-shell select:disabled {
    cursor: not-allowed;
    opacity: 0.58;
}

.daily-draft-shell :focus-visible {
    outline: 3px solid var(--daily-focus);
    outline-offset: 2px;
}

.daily-eyebrow {
    color: var(--daily-accent);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    line-height: 1.2;
    margin: 0 0 0.35rem;
    text-transform: uppercase;
}

.daily-primary-action {
    align-items: center;
    background: var(--daily-accent);
    border: 1px solid var(--daily-accent);
    border-radius: 0.42rem;
    color: #fff;
    display: inline-flex;
    font-weight: 750;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0.62rem 1rem;
    text-decoration: none;
}

.daily-primary-action:hover:not(:disabled) {
    background: var(--daily-accent-dark);
    border-color: var(--daily-accent-dark);
    color: #fff;
    text-decoration: none;
}

.daily-primary-action--wide {
    width: 100%;
}

.daily-muted {
    color: var(--daily-muted);
    margin: 0;
}

.daily-count-badge {
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 99rem;
    color: var(--daily-muted);
    flex: none;
    font-size: 0.72rem;
    font-weight: 750;
    padding: 0.25rem 0.55rem;
}

.daily-status {
    color: var(--daily-muted);
    margin: 0;
    min-height: 1.5rem;
    padding: 0.2rem 0.1rem;
}

.daily-status--error {
    color: var(--daily-danger);
    font-weight: 650;
}

.daily-status--success {
    color: var(--daily-success);
    font-weight: 650;
}

.daily-panel-heading,
.daily-section-heading {
    align-items: center;
    border-bottom: 1px solid var(--daily-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-height: 4rem;
    padding: 0.7rem 0.85rem;
}

.daily-panel-heading h2,
.daily-section-heading h2 {
    font-size: 1.05rem;
    line-height: 1.15;
    margin: 0;
}

/* Landing */
.daily-draft-landing {
    max-width: 76rem;
}

.daily-format-hero {
    margin: 0 auto 1.5rem;
    max-width: 54rem;
    text-align: center;
}

.daily-format-hero h1 {
    font-size: clamp(2.4rem, 6vw, 4.8rem);
    margin: 0.2rem 0 0.65rem;
}

.daily-format-hero > p:last-child {
    color: var(--daily-muted);
    font-size: 1.05rem;
    line-height: 1.65;
    margin: 0 auto;
    max-width: 44rem;
}

.daily-format-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 2rem;
}

.daily-format-card {
    background: linear-gradient(165deg, rgba(32, 29, 25, 0.98), rgba(17, 16, 15, 0.98));
    border: 1px solid rgba(219, 190, 126, 0.27);
    border-radius: 1rem;
    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    min-height: 29rem;
    overflow: hidden;
}

.daily-format-card--10e { border-color: rgba(130, 169, 211, 0.48); }
.daily-format-card--m20 { border-color: rgba(216, 106, 87, 0.48); }
.daily-format-card--cube { border-color: rgba(152, 111, 212, 0.58); }

.daily-format-card__masthead {
    align-items: center;
    background: radial-gradient(circle at top left, rgba(215, 177, 92, 0.35), transparent 60%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    justify-content: space-between;
    padding: 1.3rem 1.4rem;
}

.daily-format-card--10e .daily-format-card__masthead { background: radial-gradient(circle at top left, rgba(83, 137, 191, 0.42), transparent 62%); }
.daily-format-card--m20 .daily-format-card__masthead { background: radial-gradient(circle at top left, rgba(190, 68, 46, 0.45), transparent 62%); }
.daily-format-card--cube .daily-format-card__masthead { background: radial-gradient(circle at top left, rgba(126, 77, 190, 0.5), transparent 62%); }

.daily-format-card__set {
    font-family: Georgia, serif;
    font-size: 2.2rem;
    font-weight: 800;
    letter-spacing: -0.04em;
}

.daily-format-card__date,
.daily-format-card__action span {
    color: var(--daily-muted);
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.daily-format-card__packs {
    align-items: stretch;
    background: rgba(4, 4, 4, 0.24);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    gap: 0.65rem;
    overflow-x: auto;
    padding: 0.8rem 1rem 0.9rem;
    scrollbar-color: rgba(219, 190, 126, 0.46) transparent;
    scrollbar-width: thin;
}

.daily-format-card__key-art {
    aspect-ratio: 16 / 7;
    background: #09080c;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    margin: 0;
    overflow: hidden;
    position: relative;
}

.daily-format-card__key-art::after {
    background: linear-gradient(180deg, transparent 46%, rgba(8, 7, 11, 0.82));
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.daily-format-card__key-art img {
    display: block;
    height: 100%;
    object-fit: cover;
    transition: transform 260ms ease;
    width: 100%;
}

.daily-format-card:hover .daily-format-card__key-art img { transform: scale(1.025); }

.daily-format-card__key-art figcaption {
    bottom: 0.6rem;
    color: rgba(255, 255, 255, 0.84);
    font-size: 0.62rem;
    font-weight: 700;
    left: 0.9rem;
    letter-spacing: 0.12em;
    position: absolute;
    text-transform: uppercase;
    z-index: 1;
}

.daily-pack-product {
    display: flex;
    flex: 1 0 6.25rem;
    flex-direction: column;
    gap: 0.4rem;
    margin: 0;
    min-width: 0;
    text-align: center;
}

.daily-pack-product > img,
.daily-pack-product__fallback {
    aspect-ratio: 5 / 7;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 0.42rem;
    box-shadow: 0 0.45rem 0.9rem rgba(0, 0, 0, 0.3);
    display: block;
    height: 7.4rem;
    margin: 0 auto;
    max-width: 100%;
    object-fit: contain;
    overflow: hidden;
    width: auto;
}

.daily-pack-product__fallback {
    align-items: center;
    background:
        radial-gradient(circle at 50% 24%, rgba(255, 248, 225, 0.2), transparent 28%),
        linear-gradient(150deg, rgba(202, 156, 67, 0.85), rgba(74, 42, 29, 0.95) 58%, rgba(18, 16, 15, 0.98));
    color: #fff7df;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 5.25rem;
    padding: 0.4rem;
}

.daily-pack-product__fallback b {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
    line-height: 1;
}

.daily-pack-product__fallback small {
    font-size: 0.58rem;
    letter-spacing: 0.08em;
    margin-top: 0.4rem;
    text-transform: uppercase;
}

.daily-pack-product figcaption {
    display: grid;
    gap: 0.08rem;
    line-height: 1.15;
}

.daily-pack-product figcaption span {
    color: var(--daily-muted);
    font-size: 0.6rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.daily-pack-product figcaption strong {
    color: #f8f1e2;
    font-size: 0.68rem;
    font-weight: 650;
    overflow-wrap: anywhere;
}

.daily-format-card__body {
    flex: 1;
    padding: 1.35rem 1.4rem 0;
}

.daily-format-card__body h2 { font-size: 1.55rem; margin: 0 0 0.7rem; }
.daily-format-card__body > p { color: var(--daily-muted); line-height: 1.55; min-height: 6.2rem; }
.daily-format-card__body > p strong { color: #f6effd; font-size: 0.88rem; }
.daily-format-card__period {
    color: #c9a9ed;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.72rem;
    gap: 0.25rem;
    letter-spacing: 0.02em;
    margin: -0.45rem 0 0.55rem;
}
.daily-format-card__body > .daily-format-card__source { font-size: 0.76rem; min-height: 0; }
.daily-format-card__source a { color: #d9bdf8; }
.daily-format-card__source span { white-space: nowrap; }

.daily-format-card__features {
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
    list-style: none;
    margin: -0.2rem 0 0.9rem;
    padding: 0;
}

.daily-format-card__features li {
    background: rgba(140, 91, 196, 0.17);
    border: 1px solid rgba(182, 139, 231, 0.3);
    border-radius: 999px;
    color: #eadcf8;
    font-size: 0.67rem;
    line-height: 1.2;
    padding: 0.3rem 0.52rem;
}

.daily-format-card__facts { border-top: 1px solid rgba(255, 255, 255, 0.08); margin: 1.15rem 0 0; padding-top: 0.75rem; }
.daily-format-card__facts div { display: flex; justify-content: space-between; padding: 0.3rem 0; }
.daily-format-card__facts dt { color: var(--daily-muted); }
.daily-format-card__facts dd { margin: 0; }

.daily-format-card__notes {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    color: var(--daily-muted);
    font-size: 0.72rem;
    margin-top: 0.7rem;
    padding-top: 0.7rem;
}

.daily-format-card__notes summary { color: #d9bdf8; cursor: pointer; }
.daily-format-card__notes p { line-height: 1.45; margin: 0.55rem 0 0; }
.daily-format-card__story ul { margin: 0.55rem 0 0; padding-left: 1.1rem; }
.daily-format-card__story li { line-height: 1.45; margin-top: 0.35rem; }
.daily-format-card__story a { color: #d9bdf8; margin-left: 0.2rem; }

.daily-format-card__action { align-items: stretch; display: flex; flex-direction: column; gap: 0.65rem; padding: 1.3rem 1.4rem 1.4rem; text-align: center; }
.daily-format-card__action form, .daily-format-card__action button { width: 100%; }

@media (max-width: 900px) {
    .daily-format-grid { grid-template-columns: 1fr; }
    .daily-format-card { min-height: 0; }
    .daily-format-card__body > p { min-height: 0; }
}

.daily-landing-error {
    background: var(--daily-danger-soft);
    border: 1px solid #dfb2ba;
    border-radius: 0.5rem;
    color: var(--daily-danger);
    font-weight: 650;
    margin-bottom: 0.8rem;
    padding: 0.75rem 0.9rem;
}

.daily-bot-cast {
    background: linear-gradient(145deg, var(--daily-paper), var(--daily-paper-alt));
    border: 1px solid var(--daily-border);
    border-radius: 0.85rem;
    color: var(--daily-ink);
    margin: 0 0 2rem;
    padding: 0.2rem 1rem 1rem;
}

.daily-bot-cast > summary {
    cursor: pointer;
    list-style-position: outside;
    padding: 1rem 0.3rem;
}

.daily-bot-cast > summary span {
    display: inline-grid;
    gap: 0.15rem;
    margin-left: 0.35rem;
}

.daily-bot-cast > summary strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
}

.daily-bot-cast > summary small,
.daily-bot-cast__intro {
    color: var(--daily-muted);
}

.daily-bot-cast__intro {
    line-height: 1.5;
    margin: 0 0.3rem 1rem;
}

.daily-bot-cast__grid {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}

.daily-bot-cast__grid article {
    align-items: flex-start;
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 0.55rem;
    display: flex;
    gap: 0.7rem;
    padding: 0.75rem;
}

.daily-bot-cast__grid article > span {
    align-items: center;
    background: var(--daily-accent);
    border-radius: 50%;
    color: #fff8e9;
    display: flex;
    flex: 0 0 2rem;
    font-family: Georgia, serif;
    font-size: 1rem;
    font-weight: 800;
    height: 2rem;
    justify-content: center;
}

.daily-bot-cast__grid h3 {
    font-size: 0.92rem;
    margin: 0;
}

.daily-bot-cast__grid strong {
    color: var(--daily-accent-dark);
    display: block;
    font-size: 0.68rem;
    margin-top: 0.1rem;
}

.daily-bot-cast__grid p {
    color: var(--daily-muted);
    font-size: 0.72rem;
    line-height: 1.35;
    margin: 0.35rem 0 0;
}

.daily-hero {
    background:
        radial-gradient(circle at 88% 12%, rgba(154, 107, 47, 0.22), transparent 28%),
        linear-gradient(125deg, #181e1b, #111513);
    border: 1px solid var(--daily-border);
    border-radius: 0.85rem;
    box-shadow: 0 0.7rem 2.2rem rgba(46, 37, 25, 0.1);
    display: grid;
    gap: 3rem;
    grid-template-columns: minmax(0, 1.55fr) minmax(17rem, 0.65fr);
    overflow: hidden;
    padding: clamp(1.5rem, 4vw, 4rem);
    position: relative;
}

.daily-hero__copy {
    align-self: center;
    position: relative;
    z-index: 1;
}

.daily-hero h1 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.2rem, 5vw, 4.8rem);
    font-weight: 600;
    letter-spacing: -0.035em;
    line-height: 0.98;
    margin: 0 0 1.2rem;
    max-width: 14ch;
}

.daily-hero__lede {
    color: #514e47;
    font-size: clamp(1rem, 1.7vw, 1.25rem);
    line-height: 1.65;
    margin: 0 0 1.4rem;
    max-width: 48rem;
}

.daily-hero__copy form {
    display: inline-block;
}

.daily-hero__status {
    color: var(--daily-muted);
    font-size: 0.86rem;
    margin: 0.65rem 0 0;
}

.daily-hero__card {
    align-self: center;
    background: rgba(32, 39, 35, 0.9);
    border: 1px solid rgba(113, 53, 31, 0.22);
    border-radius: 0.8rem;
    box-shadow: 0 0.7rem 1.8rem rgba(49, 37, 22, 0.11);
    padding: 1.2rem;
    position: relative;
}

.daily-hero__symbol {
    align-items: center;
    background: var(--daily-accent);
    border: 0.35rem double #d9b27d;
    border-radius: 50%;
    color: #fff8e9;
    display: flex;
    font-family: Georgia, serif;
    font-size: 2.3rem;
    height: 4.6rem;
    justify-content: center;
    margin: -3rem auto 1rem;
    width: 4.6rem;
}

.daily-summary-list {
    margin: 0;
}

.daily-summary-list > div {
    border-bottom: 1px solid var(--daily-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.65rem 0;
}

.daily-summary-list > div:last-child {
    border-bottom: 0;
}

.daily-summary-list dt {
    color: var(--daily-muted);
    font-size: 0.75rem;
    font-weight: 750;
    text-transform: uppercase;
}

.daily-summary-list dd {
    font-weight: 700;
    margin: 0;
    text-align: right;
}

.daily-how {
    margin: 2.5rem 0 0;
}

.daily-how > h2 {
    font-size: 1.45rem;
    margin: 0 0 1rem;
}

.daily-step-list {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, 1fr);
    list-style: none;
    margin: 0;
    padding: 0;
}

.daily-step-list li {
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 0.65rem;
    display: flex;
    gap: 0.8rem;
    padding: 1rem;
}

.daily-step-list__number {
    align-items: center;
    background: var(--daily-accent-soft);
    border-radius: 50%;
    color: var(--daily-accent-dark);
    display: flex;
    flex: 0 0 2rem;
    font-weight: 850;
    height: 2rem;
    justify-content: center;
}

.daily-step-list h3 {
    font-size: 1rem;
    margin: 0 0 0.3rem;
}

.daily-step-list p {
    color: var(--daily-muted);
    line-height: 1.5;
    margin: 0;
}

.daily-secondary-links {
    color: var(--daily-faint);
    margin: 1.5rem 0;
    text-align: center;
}

/* Draft play */
.daily-play {
    margin-top: -0.4rem;
}

.daily-play-toolbar,
.daily-builder-toolbar {
    align-items: center;
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 0.6rem;
    box-shadow: 0 0.35rem 1rem rgba(42, 35, 26, 0.08);
    display: grid;
    gap: 1rem;
    grid-template-columns: auto minmax(18rem, 1fr) auto;
    margin-bottom: 0.35rem;
    padding: 0.65rem 0.8rem;
    position: sticky;
    top: 0.25rem;
    z-index: 20;
}

.daily-play-toolbar h1,
.daily-builder-toolbar h1 {
    font-size: 1.1rem;
    margin: 0;
}

.daily-pick-progress {
    margin: 0 auto;
    max-width: 42rem;
    width: 100%;
}

.daily-pick-progress__labels {
    align-items: baseline;
    display: flex;
    gap: 0.65rem;
    justify-content: center;
    margin-bottom: 0.25rem;
}

.daily-pick-progress__labels span {
    color: var(--daily-muted);
    font-size: 0.8rem;
}

.daily-pick-progress progress,
.daily-deck-counter progress,
.daily-ranking-progress progress {
    accent-color: var(--daily-success);
    display: block;
    height: 0.55rem;
    width: 100%;
}

.daily-toolbar-link {
    color: var(--daily-accent);
    font-size: 0.85rem;
    font-weight: 700;
    white-space: nowrap;
}

.daily-play-deadline {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.daily-play-grid {
    display: grid;
    gap: 0.75rem;
    grid-template-areas:
        "pack pick"
        "pack pool";
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem);
    grid-template-rows: auto 1fr;
}

.daily-pack-panel,
.daily-pick-panel,
.daily-pool-panel,
.daily-builder-pool,
.daily-main-deck,
.daily-builder-preview {
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 0.55rem;
    min-width: 0;
    overflow: hidden;
}

.daily-pack-panel {
    grid-area: pack;
}

.draft-pack-provenance {
    align-items: center;
    background: linear-gradient(90deg, var(--daily-paper-alt), var(--daily-paper));
    border-bottom: 1px solid var(--daily-border);
    display: flex;
    gap: 0.7rem;
    min-height: 3.5rem;
    padding: 0.55rem 0.85rem;
}

.draft-pack-provenance__set {
    align-items: center;
    background: var(--daily-ink);
    border-radius: 0.35rem;
    color: var(--daily-paper);
    display: inline-flex;
    flex: none;
    font-size: 0.68rem;
    font-weight: 850;
    justify-content: center;
    letter-spacing: 0.08em;
    min-height: 2rem;
    min-width: 3rem;
    padding: 0.35rem 0.5rem;
}

.draft-pack-provenance.has-wheeled .draft-pack-provenance__set {
    background: var(--daily-gold);
}

.draft-pack-provenance__identity {
    min-width: 0;
}

.draft-pack-provenance__identity > strong {
    display: block;
    font-size: 0.88rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.draft-pack-provenance__meta {
    align-items: center;
    color: var(--daily-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.72rem;
    gap: 0.25rem 0.5rem;
    line-height: 1.35;
    margin-top: 0.18rem;
}

.draft-pack-provenance__meta > span + span {
    border-left: 1px solid var(--daily-border-strong);
    padding-left: 0.5rem;
}

.draft-pack-provenance__visit {
    color: var(--daily-accent);
    font-weight: 800;
}

.draft-pack-provenance.has-wheeled .draft-pack-provenance__visit {
    color: var(--daily-gold);
}

.daily-pick-panel {
    align-self: start;
    grid-area: pick;
    padding: 0.85rem;
    position: sticky;
    top: 6rem;
    z-index: 3;
}

.daily-pool-panel {
    grid-area: pool;
    position: relative;
    z-index: 2;
}

.draft-card-grid {
    align-content: start;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
    min-height: 18rem;
    padding: 0.7rem;
}

@media (min-width: 1600px) {
    .draft-card-grid {
        grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr));
    }
}

.draft-card {
    align-self: start;
    background: var(--daily-paper);
    border: 2px solid transparent;
    border-radius: 0.5rem;
    box-shadow: 0 0.18rem 0.55rem rgba(36, 31, 25, 0.15);
    color: var(--daily-ink);
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: left;
}

.draft-card:hover,
.draft-card.is-selected,
.draft-card[aria-pressed="true"] {
    border-color: var(--daily-accent);
    box-shadow: 0 0 0 2px var(--daily-accent-soft), 0 0.35rem 0.9rem rgba(36, 31, 25, 0.2);
    transform: translateY(-2px);
}

.draft-card__image,
.daily-card-image-fallback {
    aspect-ratio: 488 / 680;
    background: #d8d2c4;
    display: block;
    object-fit: cover;
    width: 100%;
}

.daily-card-image-fallback {
    align-items: center;
    color: var(--daily-accent);
    display: flex;
    font-family: Georgia, serif;
    font-size: 3rem;
    justify-content: center;
}

.draft-card__image.is-unavailable {
    align-items: center;
    color: var(--daily-muted);
    display: flex;
    font-size: 0.72rem;
    padding: 1rem;
}

.draft-card__pick-cue {
    align-items: center;
    background: rgba(35, 30, 24, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 0.4rem;
    bottom: 3.35rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    left: 0.35rem;
    opacity: 0;
    padding: 0.48rem 0.35rem;
    pointer-events: none;
    position: absolute;
    right: 0.35rem;
    text-align: center;
    transform: translateY(0.35rem);
    transition: opacity 120ms ease, transform 120ms ease;
}

.draft-card__pick-cue strong,
.draft-card__pick-cue small {
    display: block;
    line-height: 1.2;
}

.draft-card__pick-cue strong {
    font-size: 0.72rem;
}

.draft-card__pick-cue small {
    color: #d9cfbf;
    font-size: 0.58rem;
    margin-top: 0.15rem;
}

.draft-card.is-selected .draft-card__pick-cue,
.draft-card[aria-pressed="true"] .draft-card__pick-cue {
    opacity: 1;
    transform: translateY(0);
}

.draft-card:focus-visible {
    outline: 3px solid var(--daily-gold);
    outline-offset: 2px;
}

.draft-card__caption {
    display: block;
    min-height: 3rem;
    padding: 0.45rem 0.5rem;
}

.draft-card__caption strong,
.draft-card__caption span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.draft-card__caption strong {
    font-size: 0.77rem;
}

.draft-card__caption span {
    color: var(--daily-muted);
    font-size: 0.68rem;
    margin-top: 0.18rem;
}

.daily-empty-state {
    align-items: center;
    color: var(--daily-muted);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 12rem;
    padding: 1rem;
    text-align: center;
}

.daily-empty-state > span {
    color: var(--daily-gold);
    font-size: 2rem;
}

.daily-empty-state p {
    margin: 0.5rem 0 0;
    max-width: 18rem;
}

.daily-empty-state--compact {
    min-height: 8rem;
}

.draft-preview__image-wrap {
    margin: 0 auto 0.65rem;
    max-width: 13rem;
}

.draft-preview__image,
.builder-preview > img {
    border-radius: 0.55rem;
    box-shadow: 0 0.35rem 1rem rgba(33, 29, 24, 0.2);
    display: block;
    height: auto;
    width: 100%;
}

@media (min-width: 1600px) {
    .draft-preview__image-wrap {
        max-width: 18rem;
    }
}

.draft-preview__heading,
.builder-preview__heading {
    align-items: baseline;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
}

.draft-preview__context {
    color: var(--daily-accent);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin: 0 0 0.3rem;
    text-transform: uppercase;
}

.draft-preview__heading h2,
.builder-preview__heading h2 {
    font-size: 1.05rem;
    margin: 0;
}

.draft-preview__heading span,
.builder-preview__heading span {
    color: var(--daily-muted);
    font-size: 0.78rem;
    white-space: nowrap;
}

.draft-preview__type {
    color: var(--daily-muted);
    font-size: 0.78rem;
    font-weight: 650;
    margin: 0.35rem 0 0.6rem;
}

.draft-preview__text {
    font-size: 0.84rem;
    line-height: 1.45;
    margin: 0 0 0.8rem;
    white-space: pre-line;
}

.draft-preview__warning {
    color: var(--daily-faint);
    font-size: 0.7rem;
    margin: 0.35rem 0 0;
    text-align: center;
}

.draft-pool-list {
    max-height: 26rem;
    overflow-y: auto;
    padding: 0.6rem 0.75rem;
}

.draft-pool-group + .draft-pool-group {
    margin-top: 0.65rem;
}

.draft-pool-group h3 {
    color: var(--daily-accent);
    font-size: 0.68rem;
    letter-spacing: 0.075em;
    margin: 0 0 0.2rem;
    text-transform: uppercase;
}

.draft-pool-group ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.draft-pool-group li {
    border-bottom: 1px solid #ece8de;
    font-size: 0.78rem;
}

.draft-pool-card {
    align-items: baseline;
    background: transparent;
    border: 0;
    color: inherit;
    display: grid;
    gap: 0.35rem;
    grid-template-columns: 1.3rem minmax(0, 1fr) auto;
    padding: 0.3rem 0.15rem;
    text-align: left;
    width: 100%;
}

.draft-pool-card:hover,
.draft-pool-card[aria-pressed="true"] {
    background: var(--daily-accent-soft);
    color: var(--daily-accent);
}

.draft-pool-card:focus-visible {
    outline: 2px solid var(--daily-gold);
    outline-offset: 1px;
}

.draft-pool-card strong {
    color: var(--daily-accent);
    text-align: center;
}

.draft-pool-card span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.draft-pool-card small {
    color: var(--daily-muted);
}

.draft-table-seats {
    border-top: 1px solid var(--daily-border);
    font-size: 0.78rem;
    padding: 0.6rem 0.75rem;
}

.draft-table-seats summary {
    color: var(--daily-accent);
    font-weight: 700;
}

.draft-bot-list {
    display: grid;
    gap: 0.25rem 0.7rem;
    grid-template-columns: repeat(2, 1fr);
    list-style: none;
    margin: 0.6rem 0 0;
    padding: 0;
}

.draft-bot-list li {
    display: flex;
    gap: 0.35rem;
}

.draft-bot-list li > span {
    display: grid;
    gap: 0.05rem;
}

.draft-bot-list b {
    font-size: 0.78rem;
}

.draft-bot-list small {
    color: var(--daily-muted);
    font-size: 0.65rem;
    line-height: 1.2;
}

.draft-bot-list strong {
    color: var(--daily-muted);
    font-size: 0.68rem;
}

/* Deck builder */
.daily-builder {
    margin-top: -0.4rem;
}

.daily-builder-toolbar {
    grid-template-columns: auto minmax(12rem, 1fr) minmax(9rem, auto) auto;
}

.daily-name-field label,
.daily-builder-filters label {
    color: var(--daily-muted);
    display: block;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    margin-bottom: 0.2rem;
    text-transform: uppercase;
}

.daily-name-field input,
.daily-builder-filters input,
.daily-builder-filters select {
    background: #111614;
    border: 1px solid var(--daily-border-strong);
    border-radius: 0.35rem;
    color: var(--daily-ink);
    min-height: 2.45rem;
    padding: 0.4rem 0.55rem;
    width: 100%;
}

.daily-deck-counter {
    align-items: baseline;
    display: grid;
    gap: 0 0.2rem;
    grid-template-columns: auto auto;
    justify-content: center;
}

.daily-deck-counter strong {
    font-size: 1.35rem;
}

.daily-deck-counter span {
    color: var(--daily-muted);
    font-size: 0.78rem;
}

.daily-deck-counter progress {
    grid-column: 1 / -1;
    min-width: 8rem;
}

.daily-builder-validation {
    color: var(--daily-danger);
    font-size: 0.8rem;
}

.daily-builder-validation:empty {
    display: none;
}

.daily-builder-validation ul {
    background: var(--daily-danger-soft);
    border: 1px solid #e4b7bf;
    border-radius: 0.4rem;
    margin: 0.35rem 0;
    padding: 0.55rem 0.8rem 0.55rem 1.8rem;
}

.daily-builder-grid {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(28rem, 1fr) minmax(20rem, 25rem) minmax(16rem, 19rem);
    min-height: 42rem;
}

.daily-builder-pool,
.daily-main-deck,
.daily-builder-preview {
    min-height: 0;
}

.daily-builder-pool,
.daily-main-deck {
    display: flex;
    flex-direction: column;
}

.daily-builder-filters {
    background: var(--daily-paper-alt);
    border-bottom: 1px solid var(--daily-border);
    display: grid;
    gap: 0.5rem;
    grid-template-columns: minmax(10rem, 1fr) 8.5rem 8.5rem;
    padding: 0.55rem 0.7rem;
}

.builder-pool-grid {
    align-content: start;
    display: grid;
    flex: 1;
    gap: 0.55rem;
    grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));
    min-height: 16rem;
    overflow-y: auto;
    padding: 0.65rem;
}

.builder-pool-empty {
    grid-column: 1 / -1;
    padding: 2rem;
    text-align: center;
}

.builder-pool-card {
    align-self: start;
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 0.45rem;
    box-shadow: 0 0.12rem 0.35rem rgba(37, 31, 25, 0.07);
    overflow: hidden;
}

.builder-pool-card.is-selected {
    border-color: var(--daily-accent);
    box-shadow: 0 0 0 2px var(--daily-accent-soft);
}

.builder-pool-card.is-in-deck {
    background: #16251c;
}

.builder-pool-card__select {
    background: transparent;
    border: 0;
    color: inherit;
    display: block;
    padding: 0;
    text-align: left;
    width: 100%;
}

.builder-pool-card__image {
    aspect-ratio: 488 / 680;
    display: block;
    object-fit: cover;
    width: 100%;
}

.builder-pool-card__identity {
    display: block;
    min-height: 3.1rem;
    padding: 0.42rem 0.5rem;
}

.builder-pool-card__identity strong,
.builder-pool-card__identity small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.builder-pool-card__identity strong {
    font-size: 0.76rem;
    white-space: nowrap;
}

.builder-pool-card__identity small {
    color: var(--daily-muted);
    font-size: 0.65rem;
    margin-top: 0.18rem;
    white-space: nowrap;
}

.builder-pool-card__footer {
    align-items: center;
    border-top: 1px solid #e9e5dc;
    display: flex;
    gap: 0.35rem;
    justify-content: space-between;
    padding: 0.35rem 0.4rem;
}

.builder-pool-card__footer > span {
    color: var(--daily-muted);
    font-size: 0.61rem;
    line-height: 1.2;
}

.builder-pool-card__footer button,
.daily-deck-row__actions button,
.builder-preview__actions button {
    align-items: center;
    background: var(--daily-accent-soft);
    border: 1px solid #d6b9a8;
    border-radius: 0.3rem;
    color: var(--daily-accent-dark);
    display: flex;
    font-weight: 850;
    height: 2rem;
    justify-content: center;
    min-width: 2rem;
}

.daily-text-button {
    background: transparent;
    border: 0;
    color: var(--daily-accent);
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.35rem;
}

.daily-deck-list {
    flex: 1;
    min-height: 12rem;
    overflow-y: auto;
    padding: 0.55rem 0.65rem;
}

.daily-deck-group + .daily-deck-group {
    margin-top: 0.85rem;
}

.daily-deck-group h3 {
    color: var(--daily-accent);
    font-size: 0.7rem;
    letter-spacing: 0.07em;
    margin: 0 0 0.25rem;
    text-transform: uppercase;
}

.daily-deck-row {
    align-items: center;
    border-bottom: 1px solid #e9e5dc;
    display: flex;
    gap: 0.35rem;
    min-height: 2.4rem;
}

.daily-deck-row__identity {
    align-items: baseline;
    background: transparent;
    border: 0;
    color: inherit;
    display: grid;
    flex: 1;
    gap: 0.4rem;
    grid-template-columns: 1.4rem minmax(0, 1fr) auto;
    min-width: 0;
    padding: 0.3rem 0;
    text-align: left;
}

.daily-deck-row__identity strong {
    color: var(--daily-accent);
    text-align: center;
}

.daily-deck-row__identity span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.daily-deck-row__identity small {
    color: var(--daily-muted);
}

.daily-deck-row__actions {
    display: flex;
    gap: 0.25rem;
}

.daily-deck-stats {
    background: var(--daily-paper-alt);
    border-top: 1px solid var(--daily-border);
    padding: 0.6rem 0.7rem;
}

.daily-deck-stats h3 {
    font-size: 0.8rem;
    margin: 0 0 0.45rem;
}

.daily-deck-stats dl {
    display: grid;
    gap: 0.35rem;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 0 0.6rem;
}

.daily-deck-stats dl > div {
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 0.35rem;
    padding: 0.35rem;
    text-align: center;
}

.daily-deck-stats dt {
    color: var(--daily-muted);
    font-size: 0.61rem;
    text-transform: uppercase;
}

.daily-deck-stats dd {
    font-size: 1rem;
    font-weight: 800;
    margin: 0;
}

.daily-mana-curve {
    align-items: end;
    display: grid;
    gap: 0.25rem;
    grid-template-columns: repeat(7, 1fr);
    min-height: 5rem;
}

.daily-mana-curve > div {
    display: grid;
    gap: 0.15rem;
    grid-template-rows: auto 3rem auto;
    text-align: center;
}

.daily-mana-curve strong,
.daily-mana-curve span {
    font-size: 0.62rem;
}

.daily-mana-curve progress {
    accent-color: var(--daily-accent);
    height: 100%;
    transform: rotate(180deg);
    width: 100%;
    writing-mode: vertical-lr;
}

.daily-builder-preview {
    align-self: start;
    padding: 0.8rem;
    position: sticky;
    top: 6rem;
}

.builder-preview > img {
    margin: 0 auto 0.75rem;
    max-width: 14rem;
}

.builder-preview__availability {
    background: var(--daily-paper-alt);
    border-radius: 0.35rem;
    color: var(--daily-muted);
    font-size: 0.72rem;
    margin: 0.6rem 0;
    padding: 0.45rem;
    text-align: center;
}

.builder-preview__actions {
    align-items: center;
    display: grid;
    gap: 0.45rem;
    grid-template-columns: 2.5rem 1fr 2.5rem;
}

.builder-preview__actions button {
    height: 2.5rem;
}

.builder-preview__actions span {
    font-size: 1.2rem;
    font-weight: 800;
    text-align: center;
}

/* Results and history */
.daily-results,
.daily-history {
    max-width: 76rem;
}

.daily-results-header,
.daily-history-header {
    align-items: center;
    background: linear-gradient(115deg, var(--daily-paper), #211d19);
    border: 1px solid var(--daily-border);
    border-radius: 0.7rem;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.2rem 1.35rem;
}

.daily-results-header h1,
.daily-history-header h1 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    margin: 0;
}

.daily-results-header__status,
.daily-history-header p {
    color: var(--daily-muted);
    margin: 0.3rem 0 0;
}

.daily-result-cards,
.daily-history-stats {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 0.85rem;
}

.daily-result-card,
.daily-history-stats article {
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 0.55rem;
    display: flex;
    flex-direction: column;
    min-height: 8.5rem;
    padding: 1rem;
}

.daily-result-card--placement {
    background: linear-gradient(135deg, #262317, #33291b);
    border-color: #705d37;
}

.daily-result-card p,
.daily-history-stats span {
    color: var(--daily-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    margin: 0;
    text-transform: uppercase;
}

.daily-result-card strong,
.daily-history-stats strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 2rem;
    margin: auto 0 0.2rem;
}

.daily-result-card > span {
    color: var(--daily-muted);
    font-size: 0.75rem;
}

.daily-ranking-progress {
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 0.55rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(12rem, auto) minmax(15rem, 1fr);
    margin-top: 0.75rem;
    padding: 0.8rem 1rem;
}

.daily-ranking-progress h2 {
    font-size: 0.95rem;
    margin: 0;
}

.daily-ranking-progress span {
    color: var(--daily-muted);
    font-size: 0.72rem;
}

.daily-ranking-progress progress {
    align-self: center;
}

.daily-ranking-live {
    align-items: center;
    color: var(--daily-muted);
    display: flex;
    font-size: 0.72rem;
    gap: 0.45rem;
    grid-column: 1 / -1;
    margin: -0.15rem 0 0;
}

.daily-ranking-live__dot {
    animation: daily-ranking-pulse 1.5s ease-in-out infinite;
    background: var(--daily-success);
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(53, 122, 86, 0.28);
    flex: 0 0 0.5rem;
    height: 0.5rem;
    width: 0.5rem;
}

.daily-ranking-warning {
    color: #8a3c2d;
    font-size: 0.72rem;
    grid-column: 1 / -1;
    margin: -0.15rem 0 0;
}

@keyframes daily-ranking-pulse {
    50% {
        box-shadow: 0 0 0 0.3rem rgba(53, 122, 86, 0);
        opacity: 0.72;
    }
}

.daily-deck-link {
    margin: 0.8rem 0;
    text-align: right;
}

.daily-recap-pending {
    align-items: center;
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 0.5rem;
    color: var(--daily-muted);
    display: flex;
    font-size: 0.76rem;
    gap: 0.5rem;
    margin: 0.8rem 0;
    padding: 0.65rem 0.8rem;
}

.daily-match-recap__overview {
    color: var(--daily-muted);
    line-height: 1.6;
    margin: 0;
    max-width: 78rem;
    padding: 0.9rem 1rem 0;
}

.daily-match-recap__grid {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0.9rem;
}

.daily-matchup-recap {
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 0.55rem;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    padding: 0.9rem;
    position: relative;
}

.daily-matchup-recap::before {
    background: var(--daily-success);
    content: "";
    height: 0.22rem;
    inset: 0 0 auto;
    position: absolute;
}

.daily-matchup-recap--toughest::before {
    background: var(--daily-accent);
}

.daily-matchup-recap__header {
    align-items: flex-start;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
}

.daily-matchup-recap__header h3 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.2rem;
    line-height: 1.15;
    margin: 0;
}

.daily-matchup-recap__record {
    background: var(--daily-paper);
    border: 1px solid var(--daily-border-strong);
    border-radius: 99rem;
    color: var(--daily-ink);
    flex: none;
    font-size: 0.86rem;
    letter-spacing: 0.02em;
    line-height: 1;
    padding: 0.42rem 0.58rem;
}

.daily-matchup-recap__source {
    align-items: center;
    align-self: flex-start;
    border-radius: 99rem;
    display: inline-flex;
    font-size: 0.65rem;
    font-weight: 800;
    gap: 0.3rem;
    letter-spacing: 0.055em;
    margin: 0.7rem 0 0;
    padding: 0.28rem 0.5rem;
    text-transform: uppercase;
}

.daily-matchup-recap__source--generated {
    background: #292a40;
    color: #c5c4ef;
}

.daily-matchup-recap__source--fallback {
    background: var(--daily-success-soft);
    color: var(--daily-success);
}

.daily-matchup-recap__layout {
    align-items: start;
    display: grid;
    flex: 1;
    gap: 0.9rem;
    grid-template-columns: minmax(0, 1fr) minmax(8.75rem, 10.5rem);
    min-width: 0;
}

.daily-matchup-recap__narrative {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.daily-matchup-recap__insight {
    font-size: 0.91rem;
    line-height: 1.55;
    margin: 0.75rem 0 0;
    overflow-wrap: anywhere;
}

.daily-card-reference {
    background: var(--daily-accent-soft);
    border-radius: 0.18rem;
    box-decoration-break: clone;
    color: var(--daily-accent-dark);
    font-weight: 800;
    padding: 0.03em 0.14em;
    text-decoration-color: rgba(113, 53, 31, 0.45);
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.12em;
    -webkit-box-decoration-break: clone;
}

.daily-card-reference:hover,
.daily-card-reference:focus-visible {
    background: #523629;
    color: var(--daily-accent-dark);
}

.daily-card-reference--text {
    cursor: help;
    text-decoration: underline;
}

.daily-key-card {
    align-self: start;
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 0.55rem;
    box-shadow: 0 0.3rem 0.85rem rgba(42, 35, 28, 0.14);
    margin: 0.75rem 0 0;
    min-width: 0;
    overflow: hidden;
    width: 100%;
}

.daily-key-card__visual {
    background: #d8d2c4;
    color: inherit;
    display: block;
    overflow: hidden;
    text-decoration: none;
}

.daily-key-card__visual img,
.daily-key-card__fallback {
    aspect-ratio: 488 / 680;
    background: #d8d2c4;
    display: block;
    object-fit: cover;
    width: 100%;
}

.daily-key-card__visual img {
    height: auto;
}

.daily-key-card__fallback {
    align-items: center;
    display: flex;
    font-size: 2.25rem;
    justify-content: center;
}

.daily-key-card__caption {
    display: grid;
    gap: 0.22rem;
    padding: 0.55rem 0.6rem 0.65rem;
}

.daily-key-card__label {
    color: var(--daily-gold);
    font-size: 0.61rem;
    font-weight: 850;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.daily-key-card[data-story-kind="activity-leader"] {
    border-color: #9fbea9;
}

.daily-key-card[data-story-kind="activity-leader"] .daily-key-card__label {
    color: var(--daily-success);
}

.daily-key-card[data-story-kind="no-tracked-activity"] .daily-key-card__label {
    color: #5a597d;
}

.daily-key-card[data-story-kind="decklist-wildcard"] .daily-key-card__label {
    color: var(--daily-gold);
}

.daily-key-card__caption strong {
    color: var(--daily-ink);
    font-size: 0.82rem;
    font-weight: 850;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.daily-key-card__evidence,
.daily-key-card__role {
    color: var(--daily-muted);
    font-size: 0.67rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.daily-key-card__role {
    border-top: 1px solid var(--daily-border);
    margin-top: 0.15rem;
    padding-top: 0.35rem;
}

.daily-matchup-recap__caveat {
    border-top: 1px solid var(--daily-border);
    color: var(--daily-muted);
    display: grid;
    font-size: 0.7rem;
    gap: 0.15rem;
    line-height: 1.4;
    margin: auto 0 0;
    padding-top: 0.75rem;
}

.daily-matchup-recap__insight + .daily-matchup-recap__caveat {
    margin-top: 0.85rem;
}

.daily-matchup-recap__caveat strong {
    color: var(--daily-ink);
    font-size: 0.64rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.daily-card-preview-tooltip {
    background: #201d18;
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 0.62rem;
    box-shadow: 0 0.75rem 2rem rgba(17, 14, 11, 0.38);
    color: #fffdf5;
    left: 0;
    max-width: calc(100vw - 1.5rem);
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: clamp(9.5rem, 18vw, 13rem);
    z-index: 1200;
}

.daily-card-preview-tooltip[hidden] {
    display: none;
}

.daily-card-preview-tooltip [hidden] {
    display: none !important;
}

.daily-card-preview-tooltip__visual,
.daily-card-preview-tooltip__image,
.daily-card-preview-tooltip__fallback {
    aspect-ratio: 488 / 680;
    display: block;
    width: 100%;
}

.daily-card-preview-tooltip__visual {
    background: #d8d2c4;
    overflow: hidden;
}

.daily-card-preview-tooltip__image {
    height: auto;
    object-fit: cover;
}

.daily-card-preview-tooltip__fallback {
    align-items: center;
    background: #d8d2c4;
    color: #71351f;
    display: flex;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 2.4rem;
    justify-content: center;
}

.daily-card-preview-tooltip__name {
    display: block;
    font-size: 0.75rem;
    font-weight: 800;
    line-height: 1.3;
    overflow-wrap: anywhere;
    padding: 0.48rem 0.58rem 0.54rem;
}

.daily-results-section {
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 0.6rem;
    margin-top: 1rem;
    overflow: hidden;
}

.daily-results-section > .daily-muted {
    padding: 1rem;
}

.daily-table-wrap {
    overflow-x: auto;
}

.daily-table {
    border-collapse: collapse;
    min-width: 42rem;
    width: 100%;
}

.daily-table th,
.daily-table td {
    border-bottom: 1px solid #e8e4da;
    padding: 0.65rem 0.8rem;
    text-align: left;
}

.daily-table th {
    background: var(--daily-paper-alt);
    color: var(--daily-muted);
    font-size: 0.68rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.daily-table tbody tr:last-child td {
    border-bottom: 0;
}

.daily-pod-grid {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    padding: 0.8rem;
}

.daily-pod-card {
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 0.45rem;
    display: flex;
    flex-direction: column;
    min-height: 8rem;
    padding: 0.75rem;
}

.daily-pod-card p {
    color: var(--daily-muted);
    font-size: 0.65rem;
    font-weight: 800;
    margin: 0;
    text-transform: uppercase;
}

.daily-pod-card h3 {
    font-size: 1rem;
    margin: 0.25rem 0;
}

.daily-bot-archetype {
    color: var(--daily-accent);
    font-size: 0.72rem;
    letter-spacing: 0.025em;
}

.daily-pod-card .daily-bot-tendency,
.daily-archive-bot-card .daily-bot-tendency,
.daily-archive-pod-grid .daily-bot-tendency {
    color: var(--daily-muted);
    font-size: 0.72rem;
    font-weight: 500;
    line-height: 1.4;
    margin: 0.3rem 0 0.55rem;
    text-transform: none;
}

.daily-pod-card span {
    color: var(--daily-muted);
    font-size: 0.75rem;
}

.daily-pod-card a {
    margin-top: auto;
    padding-top: 0.8rem;
}

.daily-pod-decklist {
    border-top: 1px solid var(--daily-border);
    margin-top: auto;
    padding-top: 0.7rem;
}

.daily-pod-decklist summary {
    color: var(--daily-accent);
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 750;
}

.daily-pod-decklist ul {
    list-style: none;
    margin: 0.55rem 0 0;
    max-height: 17rem;
    overflow-y: auto;
    padding: 0;
}

.daily-pod-decklist li {
    align-items: baseline;
    border-bottom: 1px solid #e4dfd4;
    display: grid;
    font-size: 0.74rem;
    gap: 0.4rem;
    grid-template-columns: 1.25rem minmax(0, 1fr);
    padding: 0.2rem 0;
}

.daily-pod-decklist li strong {
    color: var(--daily-accent);
    text-align: center;
}

.daily-history-empty {
    color: var(--daily-muted);
    padding: 3rem 1rem;
    text-align: center;
}

.daily-history-empty > span {
    color: var(--daily-gold);
    font-size: 2rem;
}

.daily-history-empty h3 {
    color: var(--daily-ink);
    margin: 0.4rem 0;
}

.daily-archive-hero,
.daily-archive-deck-hero {
    align-items: center;
    background:
        radial-gradient(circle at 85% 12%, rgba(197, 151, 74, 0.24), transparent 30%),
        linear-gradient(135deg, var(--daily-paper), #211d19);
    border: 1px solid var(--daily-border);
    border-radius: 0.7rem;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    overflow: hidden;
    padding: clamp(1.25rem, 3vw, 2.4rem);
}

.daily-archive-hero h1,
.daily-archive-deck-hero h1 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 4vw, 3.35rem);
    line-height: 1;
    margin: 0.2rem 0 0.6rem;
}

.daily-archive-hero p,
.daily-archive-deck-hero p {
    color: var(--daily-muted);
    line-height: 1.55;
    margin: 0;
    max-width: 46rem;
}

/* The archive index has its own dark masthead. The shared archive gradient
   above is intentionally retained for individual deck pages. */
.daily-archive > .daily-archive-hero {
    background:
        linear-gradient(90deg, rgba(12, 14, 13, 0.14), rgba(12, 14, 13, 0.58)),
        radial-gradient(circle at 76% -15%, rgba(213, 135, 83, 0.28), transparent 45%),
        radial-gradient(circle at 8% 115%, rgba(193, 153, 81, 0.16), transparent 42%),
        #151917;
    border-color: rgba(219, 190, 126, 0.28);
    border-radius: 1rem;
    box-shadow: 0 1rem 2.8rem rgba(0, 0, 0, 0.24);
    isolation: isolate;
    padding: clamp(1.4rem, 3vw, 2.25rem) clamp(1.35rem, 3.5vw, 2.75rem);
    position: relative;
}

.daily-archive > .daily-archive-hero::after {
    background: linear-gradient(90deg, #d98754, rgba(215, 180, 106, 0));
    bottom: 0;
    content: "";
    height: 3px;
    left: clamp(1.35rem, 3.5vw, 2.75rem);
    position: absolute;
    width: min(10rem, 38%);
}

.daily-archive > .daily-archive-hero > div {
    max-width: 48rem;
    position: relative;
    z-index: 1;
}

.daily-archive > .daily-archive-hero .daily-eyebrow {
    color: #e8a16f;
    font-size: 0.7rem;
    letter-spacing: 0.13em;
}

.daily-archive > .daily-archive-hero h1 {
    color: #f7f1e5;
    font-size: clamp(2.35rem, 5vw, 4rem);
    letter-spacing: -0.035em;
    line-height: 0.98;
    margin: 0.28rem 0 0.75rem;
}

.daily-archive > .daily-archive-hero p:last-child {
    color: #bbb7ad;
    font-size: clamp(0.94rem, 1.4vw, 1.05rem);
    line-height: 1.55;
    max-width: 42rem;
}

.daily-archive > .daily-archive-hero .daily-primary-action {
    background: #d98754;
    border-color: #d98754;
    box-shadow: 0 0.55rem 1.35rem rgba(0, 0, 0, 0.25);
    color: #17110e;
    flex: none;
    min-width: 8.75rem;
    position: relative;
    z-index: 1;
}

.daily-archive > .daily-archive-hero .daily-primary-action:hover {
    background: #eba26f;
    border-color: #eba26f;
    color: #17110e;
    transform: translateY(-1px);
}

.daily-archive-actions {
    align-items: center;
    display: flex;
    flex: none;
    gap: 0.8rem;
}

.daily-archive-actions > a:not(.daily-primary-action),
.daily-archive-back {
    color: var(--daily-accent);
    font-size: 0.8rem;
    font-weight: 800;
}

.daily-archive-empty {
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 0.7rem;
    color: var(--daily-muted);
    margin-top: 1rem;
    padding: 4rem 1rem;
    text-align: center;
}

.daily-archive-empty > span {
    color: var(--daily-gold);
    font-size: 2.25rem;
}

.daily-archive-empty h2 {
    color: var(--daily-ink);
    font-family: Georgia, "Times New Roman", serif;
    margin: 0.5rem 0;
}

.daily-archive-days {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    margin-top: 1rem;
}

.daily-archive-day-card {
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 0.65rem;
    display: grid;
    grid-template-columns: minmax(7.5rem, 35%) minmax(0, 1fr);
    min-height: 17rem;
    overflow: hidden;
}

.daily-archive-day-card__visual,
.daily-archive-player-card__visual {
    background: #d8d2c4;
    display: block;
    overflow: hidden;
}

.daily-archive-day-card__visual img,
.daily-archive-day-card__visual .daily-card-image-fallback {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.daily-archive-day-card__visual .daily-card-image-fallback,
.daily-archive-player-card__visual .daily-card-image-fallback {
    align-items: center;
    display: flex;
    font-size: 2rem;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.daily-archive-player-card__visual {
    background:
        radial-gradient(circle at 50% 110%, color-mix(in srgb, var(--daily-accent) 24%, transparent), transparent 58%),
        linear-gradient(145deg, var(--daily-paper), var(--daily-canvas));
    isolation: isolate;
    position: relative;
}

.daily-archive-player-card__tile {
    border-radius: 0.45rem;
    box-shadow: 0 0.45rem 1rem rgba(20, 18, 14, 0.34);
    height: calc(100% - 1.35rem);
    left: 50%;
    object-fit: contain;
    position: absolute;
    top: 0.68rem;
    transform: translateX(-50%);
    transform-origin: 50% 90%;
    width: auto;
}

.daily-archive-player-card__tile:first-child:nth-last-child(2) {
    transform: translateX(-78%) rotate(-5deg);
}

.daily-archive-player-card__tile:nth-child(2):last-child {
    transform: translateX(-22%) rotate(5deg);
}

.daily-archive-player-card__tile:first-child:nth-last-child(3) {
    transform: translateX(-92%) rotate(-7deg);
    z-index: 1;
}

.daily-archive-player-card__tile:nth-child(2):nth-last-child(2) {
    z-index: 2;
}

.daily-archive-player-card__tile:nth-child(3) {
    transform: translateX(-8%) rotate(7deg);
    z-index: 3;
}

.daily-archive-day-card__copy {
    display: flex;
    flex-direction: column;
    padding: 1.1rem;
}

.daily-archive-day-card__copy h2 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.35rem;
    margin: 0.1rem 0 0.65rem;
}

.daily-archive-day-card__copy h2 a,
.daily-archive-player-card h3 a {
    color: var(--daily-ink);
}

.daily-archive-day-card__copy > p:not(.daily-eyebrow) {
    color: var(--daily-muted);
    font-size: 0.85rem;
    line-height: 1.5;
}

.daily-archive-day-card__key {
    color: var(--daily-gold);
    font-size: 0.71rem;
    font-weight: 800;
    margin-bottom: 0.75rem;
}

.daily-text-link {
    color: var(--daily-accent);
    font-size: 0.78rem;
    font-weight: 850;
    margin-top: auto;
}

.daily-archive-replay-form {
    align-items: flex-start;
    border-top: 1px solid var(--daily-border);
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-top: 0.85rem;
    padding-top: 0.75rem;
}

.daily-archive-replay-form button:not(.daily-primary-action) {
    background: none;
    border: 0;
    color: var(--daily-accent);
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 850;
    padding: 0;
    text-align: left;
}

.daily-archive-replay-form small {
    color: var(--daily-muted);
    font-size: 0.64rem;
}

.daily-archive-replay-form--hero {
    align-items: center;
    border: 0;
    margin: 0;
    padding: 0;
}

.daily-archive-insights {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 0.9rem;
}

.daily-archive-insight-card {
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 0.55rem;
    min-width: 0;
    padding: 0.8rem;
}

.daily-archive-insight-card h3 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1rem;
    margin: 0 0 0.7rem;
}

.daily-consensus-list {
    display: grid;
    gap: 0.45rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.daily-consensus-list li {
    align-items: center;
    border-top: 1px solid var(--daily-border);
    display: grid;
    gap: 0.55rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding-top: 0.45rem;
}

.daily-consensus-list li:first-child {
    border-top: 0;
    padding-top: 0;
}

.daily-consensus-list img {
    border-radius: 0.2rem;
    height: 3.35rem;
    object-fit: cover;
    width: 2.4rem;
}

.daily-consensus-list span {
    display: grid;
    min-width: 0;
}

.daily-consensus-list strong {
    font-size: 0.76rem;
    overflow-wrap: anywhere;
}

.daily-consensus-list small {
    color: var(--daily-muted);
    font-size: 0.64rem;
}

.daily-consensus-list b {
    color: var(--daily-gold);
    font-size: 0.72rem;
}

.daily-consensus-list--compact li {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 2.1rem;
}

.daily-archive-type-grid {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    padding: 0.9rem;
}

.daily-archive-type-grid article {
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 0.5rem;
    display: grid;
    gap: 0.25rem;
    padding: 0.8rem;
    position: relative;
}

.daily-archive-type-grid strong {
    font-family: Georgia, "Times New Roman", serif;
    padding-right: 2.5rem;
}

.daily-archive-type-grid span,
.daily-archive-color-summary {
    color: var(--daily-muted);
    font-size: 0.7rem;
}

.daily-archive-type-grid b {
    color: var(--daily-gold);
    position: absolute;
    right: 0.8rem;
    top: 0.8rem;
}

.daily-archive-color-summary {
    border-top: 1px solid var(--daily-border);
    margin: 0;
    padding: 0.8rem 0.9rem;
}

.daily-archive-note {
    color: var(--daily-muted);
    font-size: 0.72rem;
    max-width: 20rem;
    text-align: right;
}

.daily-archive-player-grid {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(auto-fill, minmax(15.5rem, 20rem));
    justify-content: start;
    padding: 0.9rem;
}

.daily-archive-player-card {
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 0.55rem;
    display: grid;
    grid-template-rows: 14rem minmax(0, 1fr);
    min-width: 0;
    overflow: hidden;
}

.daily-archive-player-card--viewer {
    border-color: var(--daily-success);
    box-shadow: inset 0 0 0 1px var(--daily-success);
}

.daily-archive-player-card__copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 0.8rem;
}

.daily-archive-player-card__rank {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
    margin-bottom: 0.55rem;
}

.daily-archive-player-card__rank > strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.15rem;
}

.daily-archive-player-card__rank > span {
    background: var(--daily-success-soft);
    border-radius: 99rem;
    color: var(--daily-success);
    font-size: 0.61rem;
    font-weight: 850;
    padding: 0.28rem 0.45rem;
    text-transform: uppercase;
}

.daily-archive-player-card h3 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.05rem;
    line-height: 1.2;
    margin: 0.18rem 0 0.7rem;
    overflow-wrap: anywhere;
}

.daily-archive-player-card__stats {
    display: grid;
    gap: 0.3rem;
    margin: 0;
}

.daily-archive-player-card__stats > div {
    display: flex;
    font-size: 0.7rem;
    gap: 0.5rem;
    justify-content: space-between;
}

.daily-archive-player-card__stats dt {
    color: var(--daily-muted);
    font-weight: 650;
}

.daily-archive-player-card__stats dd {
    font-weight: 800;
    margin: 0;
    text-align: right;
}

.daily-archive-player-card__key {
    border-top: 1px solid var(--daily-border);
    color: var(--daily-muted);
    font-size: 0.68rem;
    margin: 0.7rem 0 0;
    padding-top: 0.55rem;
}

.daily-archive-section-intro {
    color: var(--daily-muted);
    line-height: 1.5;
    margin: 0;
    padding: 0.8rem 0.9rem 0;
}

.daily-archive-bot-grid {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    padding: 0.9rem;
}

.daily-archive-bot-card {
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 0.5rem;
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    min-height: 8.5rem;
    overflow: hidden;
}

.daily-archive-bot-card--rival {
    border-color: var(--daily-accent);
    box-shadow: inset 0 0 0 1px var(--daily-accent);
}

.daily-direct-rival-flag {
    align-self: flex-start;
    background: var(--daily-accent);
    border-radius: 99rem;
    color: #fff;
    display: inline-block;
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    margin-bottom: 0.4rem;
    padding: 0.28rem 0.48rem;
    text-transform: uppercase;
}

.daily-archive-bot-card__art {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.daily-archive-bot-card__copy {
    min-width: 0;
    padding: 0.7rem;
}

.daily-archive-bot-card h3 {
    font-size: 0.92rem;
    margin: 0.15rem 0 0.55rem;
}

.daily-archive-bot-card summary,
.daily-archive-picks summary {
    color: var(--daily-accent);
    cursor: pointer;
    font-size: 0.72rem;
    font-weight: 800;
}

.daily-archive-mini-decklist,
.daily-archive-decklist,
.daily-archive-compare-list {
    list-style: none;
    margin: 0.55rem 0 0;
    padding: 0;
}

.daily-archive-mini-decklist {
    max-height: 17rem;
    overflow-y: auto;
}

.daily-archive-mini-decklist li,
.daily-archive-compare-list li {
    align-items: baseline;
    border-bottom: 1px solid var(--daily-border);
    display: grid;
    font-size: 0.7rem;
    gap: 0.4rem;
    grid-template-columns: 1.4rem minmax(0, 1fr);
    padding: 0.23rem 0;
}

.daily-archive-mini-decklist a,
.daily-archive-compare-list a,
.daily-archive-decklist a,
.daily-archive-bench-grid a,
.daily-archive-picks a,
.daily-archive-divergence a {
    color: var(--daily-ink);
    font-weight: 750;
}

.daily-archive-deck-hero {
    align-items: flex-end;
}

.daily-archive-back {
    display: inline-block;
    margin-bottom: 1rem;
}

.daily-archive-deck-placing {
    background: rgba(32, 39, 35, 0.9);
    border: 1px solid var(--daily-border-strong);
    border-radius: 0.55rem;
    display: grid;
    flex: none;
    min-width: 10rem;
    padding: 0.8rem 1rem;
    text-align: right;
}

.daily-archive-deck-placing span,
.daily-archive-deck-placing small {
    color: var(--daily-muted);
    font-size: 0.67rem;
}

.daily-archive-deck-placing strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.65rem;
}

.daily-archive-deck-stats,
.daily-archive-comparison-summary {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 0.8rem;
}

.daily-archive-deck-stats article,
.daily-archive-comparison-summary article {
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 0.5rem;
    display: grid;
    padding: 0.7rem 0.85rem;
}

.daily-archive-deck-stats span,
.daily-archive-deck-stats small,
.daily-archive-comparison-summary span {
    color: var(--daily-muted);
    font-size: 0.67rem;
}

.daily-archive-deck-stats strong,
.daily-archive-comparison-summary strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
}

.daily-archive-divergence {
    align-items: center;
    background: linear-gradient(135deg, #271f19, #171b19);
    border-bottom: 1px solid var(--daily-border);
    border-top: 1px solid var(--daily-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

.daily-archive-divergence h3 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.05rem;
    margin: 0.15rem 0 0;
}

.daily-archive-divergence__choices {
    align-items: stretch;
    display: flex;
    gap: 0.6rem;
}

.daily-archive-divergence__choices article {
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 0.4rem;
    display: grid;
    min-width: 9.5rem;
    padding: 0.55rem 0.65rem;
}

.daily-archive-divergence__choices article span {
    color: var(--daily-muted);
    font-size: 0.64rem;
}

.daily-archive-divergence__choices > span {
    align-self: center;
    color: var(--daily-gold);
    font-size: 1.3rem;
}

.daily-archive-comparison-summary {
    margin: 0;
    padding: 0.9rem;
}

.daily-archive-comparison-columns {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 0 0.9rem 0.9rem;
}

.daily-archive-comparison-columns > section {
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 0.45rem;
    min-width: 0;
    padding: 0.7rem;
}

.daily-archive-comparison-columns h3 {
    font-size: 0.8rem;
    margin: 0;
}

.daily-archive-recap__grid {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0.9rem;
}

.daily-archive-recap__grid article {
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 0.45rem;
    padding: 0.8rem;
}

.daily-archive-recap__grid h3 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.05rem;
    margin: 0.15rem 0 0.45rem;
}

.daily-archive-recap__grid article > p:last-child {
    font-size: 0.82rem;
    line-height: 1.5;
    margin: 0;
}

.daily-archive-deck-layout {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(13rem, 18rem);
}

.daily-archive-deck-columns {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 0.9rem;
}

.daily-archive-deck-columns > section {
    min-width: 0;
}

.daily-archive-deck-columns h3 {
    border-bottom: 1px solid var(--daily-border);
    display: flex;
    font-size: 0.78rem;
    justify-content: space-between;
    margin: 0;
    padding-bottom: 0.45rem;
}

.daily-archive-deck-columns h3 span {
    color: var(--daily-muted);
}

.daily-archive-decklist li {
    align-items: baseline;
    border-bottom: 1px solid #ebe6dc;
    display: grid;
    font-size: 0.73rem;
    gap: 0.35rem;
    grid-template-columns: 1.2rem minmax(0, 1fr) auto;
    padding: 0.25rem 0;
}

.daily-archive-decklist li > strong,
.daily-archive-mini-decklist li > strong,
.daily-archive-compare-list li > strong {
    color: var(--daily-accent);
    text-align: center;
}

.daily-archive-decklist small {
    color: var(--daily-muted);
}

.daily-archive-curve__chart {
    display: grid;
    gap: 0.5rem;
    padding: 0.9rem;
}

.daily-archive-curve__chart > div {
    align-items: center;
    display: grid;
    font-size: 0.7rem;
    gap: 0.45rem;
    grid-template-columns: 1.4rem minmax(0, 1fr) 1.2rem;
}

.daily-archive-curve progress {
    accent-color: var(--daily-accent);
    height: 0.65rem;
    width: 100%;
}

.daily-archive-bench-grid {
    display: grid;
    gap: 0.45rem;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    list-style: none;
    margin: 0;
    padding: 0.9rem;
}

.daily-archive-bench-grid li {
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 0.4rem;
    display: grid;
    font-size: 0.72rem;
    gap: 0.15rem 0.4rem;
    grid-template-columns: 1.3rem minmax(0, 1fr);
    padding: 0.5rem;
}

.daily-archive-bench-grid li span {
    color: var(--daily-muted);
    font-size: 0.62rem;
    grid-column: 2;
}

.daily-archive-picks {
    padding: 0.9rem;
}

.daily-archive-picks ol {
    display: grid;
    gap: 0.35rem;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.daily-archive-picks li {
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 0.35rem;
    display: grid;
    font-size: 0.7rem;
    padding: 0.4rem 0.5rem;
}

.daily-archive-picks li span {
    color: var(--daily-muted);
    font-size: 0.61rem;
}

.daily-archive-pod-grid {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    padding: 0.9rem;
}

.daily-archive-pod-grid > article {
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 0.45rem;
    padding: 0.6rem;
}

.daily-archive-pod-grid header {
    display: grid;
    margin-bottom: 0.55rem;
}

.daily-archive-pod-grid header span,
.daily-archive-pod-grid header small {
    color: var(--daily-muted);
    font-size: 0.62rem;
}

.daily-archive-pod-grid header strong {
    font-size: 0.8rem;
}

@media (max-width: 1199.98px) {
    .draft-card-grid {
        grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
    }

    .daily-builder-grid {
        grid-template-columns: minmax(25rem, 1fr) minmax(19rem, 23rem);
    }

    .daily-builder-preview {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .daily-archive-deck-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .daily-archive-curve {
        margin-top: 0;
    }

    .daily-archive-comparison-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .daily-archive-comparison-columns > section:last-child {
        grid-column: 1 / -1;
    }

    .daily-play-toolbar,
    .daily-builder-toolbar {
        position: relative;
        top: auto;
    }

    .daily-play-grid {
        grid-template-areas:
            "pack pick"
            "pool pool";
        grid-template-columns: minmax(0, 1fr) minmax(17rem, 20rem);
    }

    .daily-pick-panel {
        position: static;
    }

    .daily-builder-toolbar {
        grid-template-columns: minmax(10rem, 1fr) auto auto;
    }

    .daily-builder-toolbar__title {
        display: none;
    }

    .daily-builder-grid {
        grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr);
    }

    .daily-builder-filters {
        grid-template-columns: 1fr 1fr;
    }

    .daily-builder-filters > div:first-child {
        grid-column: 1 / -1;
    }

    .daily-step-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .daily-archive-hero,
    .daily-archive-deck-hero,
    .daily-archive-divergence {
        align-items: stretch;
        flex-direction: column;
    }

    .daily-archive-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .daily-archive-actions a {
        text-align: center;
    }

    .daily-archive-replay-form--hero {
        align-items: stretch;
    }

    .daily-archive-replay-form--hero small {
        text-align: center;
    }

    .daily-archive-insights {
        grid-template-columns: minmax(0, 1fr);
    }

    .daily-archive > .daily-archive-hero {
        gap: 1.2rem;
        padding: 1.35rem 1.15rem 1.2rem;
    }

    .daily-archive > .daily-archive-hero::after {
        left: 1.15rem;
    }

    .daily-archive > .daily-archive-hero h1 {
        font-size: clamp(2.15rem, 11vw, 3.15rem);
    }

    .daily-archive > .daily-archive-hero .daily-primary-action {
        min-height: 3rem;
        width: 100%;
    }

    .daily-archive-deck-placing {
        text-align: left;
    }

    .daily-archive-deck-stats,
    .daily-archive-comparison-summary,
    .daily-archive-comparison-columns,
    .daily-archive-recap__grid,
    .daily-archive-deck-columns {
        grid-template-columns: minmax(0, 1fr);
    }

    .daily-archive-comparison-columns > section:last-child {
        grid-column: auto;
    }

    .daily-archive-divergence__choices {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    }

    .daily-hero {
        gap: 3.5rem;
        grid-template-columns: 1fr;
    }

    .daily-hero__card {
        margin-top: 1rem;
    }

    .daily-play-toolbar {
        align-items: stretch;
        grid-template-columns: 1fr auto;
    }

    .daily-play-toolbar > div:first-child {
        display: none;
    }

    .daily-pick-progress__labels {
        justify-content: flex-start;
    }

    .daily-play-grid {
        display: flex;
        flex-direction: column;
    }

    .daily-pick-panel {
        order: 2;
    }

    .daily-pack-panel {
        order: 1;
    }

    .daily-pool-panel {
        order: 3;
    }

    .draft-card-grid {
        grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
    }

    .daily-builder-toolbar {
        align-items: end;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .daily-deck-counter {
        grid-row: 1;
    }

    .daily-builder-toolbar .daily-primary-action {
        grid-column: 1 / -1;
        width: 100%;
    }

    .daily-builder-grid {
        display: flex;
        flex-direction: column;
    }

    .daily-builder-pool,
    .daily-main-deck {
        max-height: none;
    }

    .builder-pool-grid,
    .daily-deck-list {
        max-height: 38rem;
    }

    .daily-results-header,
    .daily-history-header {
        align-items: stretch;
        flex-direction: column;
    }

    .daily-result-cards,
    .daily-history-stats {
        grid-template-columns: 1fr;
    }

    .daily-result-card,
    .daily-history-stats article {
        min-height: 7rem;
    }

    .daily-ranking-progress {
        grid-template-columns: 1fr;
    }

    .daily-match-recap__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 479.98px) {
    .daily-archive-day-card {
        grid-template-columns: 6.5rem minmax(0, 1fr);
    }

    .daily-archive-player-grid,
    .daily-archive-bot-grid,
    .daily-archive-deck-columns,
    .daily-archive-comparison-columns,
    .daily-archive-recap__grid {
        padding: 0.6rem;
    }

    .daily-archive-deck-stats,
    .daily-archive-comparison-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .daily-archive-divergence__choices {
        grid-template-columns: minmax(0, 1fr);
    }

    .daily-archive-divergence__choices > span {
        justify-self: center;
    }

    .daily-hero {
        border-radius: 0.55rem;
        padding: 1.25rem;
    }

    .daily-hero h1 {
        font-size: 2.25rem;
    }

    .draft-card-grid {
        gap: 0.45rem;
        grid-template-columns: repeat(2, 1fr);
        padding: 0.5rem;
    }

    .daily-builder-filters {
        grid-template-columns: 1fr;
    }

    .daily-builder-filters > div:first-child {
        grid-column: auto;
    }

    .builder-pool-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 0.45rem;
    }

    .builder-pool-card__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .builder-pool-card__footer button {
        width: 100%;
    }

    .daily-panel-heading,
    .daily-section-heading {
        padding: 0.6rem;
    }

    .draft-pack-provenance {
        align-items: flex-start;
        padding: 0.55rem 0.6rem;
    }

    .draft-pack-provenance__meta {
        gap: 0.2rem 0.4rem;
    }

    .draft-pack-provenance__meta > span + span {
        padding-left: 0.4rem;
    }

    .draft-bot-list {
        grid-template-columns: 1fr;
    }

    .daily-match-recap__grid {
        padding: 0.6rem;
    }

    .daily-matchup-recap {
        padding: 0.75rem;
    }

    .daily-matchup-recap__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .daily-key-card {
        justify-self: center;
        max-width: 12rem;
        width: min(100%, 12rem);
    }

    .daily-card-preview-tooltip {
        width: min(10.5rem, calc(100vw - 1.5rem));
    }
}

@media (prefers-reduced-motion: reduce) {
    .draft-card,
    .draft-card__pick-cue {
        transition: none;
    }

    .daily-ranking-live__dot,
    .daily-v2-live__badge i {
        animation: none;
    }

    .draft-card:hover,
    .draft-card.is-selected {
        transform: none;
    }

    .daily-card-preview-tooltip {
        transition: none;
    }
}

/* Daily Draft story */
.daily-story {
    display: flex;
    flex-direction: column;
    max-width: 76rem;
}

.daily-story-header { order: 1; }
.daily-story-navigation { order: 2; }
.daily-v2-live { order: 3; }
.daily-v2-summary { order: 4; }
#daily-story-draft-room { order: 5; }
#daily-story-field { order: 6; }
#daily-story-championship { order: 7; }
#daily-story-arena { order: 8; }

.daily-story-header__aside {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.daily-story-record {
    color: var(--daily-success);
    display: grid;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.7rem;
    line-height: 1;
}

.daily-story-record small {
    color: var(--daily-muted);
    font-family: var(--bs-body-font-family, system-ui, sans-serif);
    font-size: 0.58rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    margin-top: 0.3rem;
    text-align: right;
}

.daily-story-navigation {
    background: color-mix(in srgb, var(--daily-canvas) 92%, transparent);
    border-bottom: 1px solid var(--daily-border);
    margin: 0.75rem 0 0;
    padding: 0.55rem 0 0.65rem;
}

.daily-story-navigation__label {
    color: var(--daily-muted);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    margin: 0 0 0.4rem;
    text-transform: uppercase;
}

.daily-story-tabs {
    display: flex;
    gap: 0.45rem;
    margin: 0;
    overflow-x: auto;
    padding: 0.05rem 0 0.2rem;
    scrollbar-width: thin;
}

.daily-story-navigation .daily-story-tabs {
    margin: 0;
}

.daily-story-tabs a {
    align-items: center;
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 999px;
    color: var(--daily-muted);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.82rem;
    font-weight: 750;
    min-height: 2.5rem;
    padding: 0.5rem 0.85rem;
    text-align: center;
    text-decoration: none;
}

.daily-story-tabs a:hover,
.daily-story-tabs a:focus-visible {
    background: var(--daily-paper-alt);
    border-color: var(--daily-accent);
    color: var(--daily-ink);
    text-decoration: none;
}

.daily-story-tabs a[aria-current="page"] {
    background: var(--daily-paper-alt);
    border-color: var(--daily-accent);
    box-shadow: inset 0 0 0 1px var(--daily-accent);
    color: var(--daily-ink);
}

.daily-story-tabs a:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--daily-accent) 35%, transparent);
    outline-offset: 2px;
}

.daily-v2-live {
    background: linear-gradient(110deg, var(--daily-success-soft), var(--daily-paper));
    border: 1px solid color-mix(in srgb, var(--daily-success) 45%, var(--daily-border));
    border-radius: 0.7rem;
    display: grid;
    gap: 0.8rem 1.25rem;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-top: 1rem;
    padding: 1rem 1.1rem;
}

.daily-v2-live__copy {
    align-items: flex-start;
    display: flex;
    gap: 0.8rem;
}

.daily-v2-live__badge {
    align-items: center;
    background: var(--daily-success);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    flex: none;
    font-size: 0.66rem;
    font-weight: 850;
    gap: 0.35rem;
    letter-spacing: 0.08em;
    padding: 0.35rem 0.55rem;
    text-transform: uppercase;
}

.daily-v2-live__badge i {
    animation: daily-ranking-pulse 1.5s ease-in-out infinite;
    background: var(--daily-accent-dark);
    border-radius: 50%;
    height: 0.42rem;
    width: 0.42rem;
}

.daily-v2-live h2 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.15rem;
    margin: 0 0 0.18rem;
}

.daily-v2-live p {
    color: var(--daily-muted);
    font-size: 0.74rem;
    line-height: 1.45;
    margin: 0;
}

.daily-v2-live__heartbeat {
    align-self: start;
    color: var(--daily-success);
    font-size: 0.64rem;
    font-weight: 800;
    justify-self: end;
}

.daily-v2-live__metrics {
    display: grid;
    gap: 0.55rem;
    grid-column: 1 / -1;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.daily-v2-live__metrics span {
    background: color-mix(in srgb, var(--daily-paper) 72%, transparent);
    border: 1px solid var(--daily-border);
    border-radius: 0.5rem;
    color: var(--daily-muted);
    display: grid;
    gap: 0.15rem;
    min-width: 0;
    padding: 0.62rem 0.7rem;
}

.daily-v2-live__metrics strong {
    color: var(--daily-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.08rem;
    line-height: 1.1;
}

.daily-v2-live__metrics small {
    color: var(--daily-muted);
    font-size: 0.55rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.daily-v2-live__metrics em {
    color: var(--daily-muted);
    font-size: 0.6rem;
    font-style: normal;
    line-height: 1.3;
}

.daily-v2-live__metric--status {
    border-color: color-mix(in srgb, var(--daily-success) 55%, var(--daily-border)) !important;
}

.daily-v2-live progress {
    accent-color: var(--daily-success);
    grid-column: 1 / -1;
    height: 0.32rem;
    width: 100%;
}

.daily-v2-live__field-note {
    grid-column: 1 / -1;
}

.daily-v2-live__field-note strong {
    color: var(--daily-ink);
}

.daily-story-panel {
    border-top: 1px solid var(--daily-border);
    margin-top: 1.5rem;
    min-height: 0;
    padding-top: 1.5rem;
    scroll-margin-top: 8.5rem;
}

.daily-v2-summary {
    background: linear-gradient(125deg, var(--daily-paper), var(--daily-accent-soft));
    border: 1px solid var(--daily-border);
    border-radius: 0.75rem;
    padding: 1.25rem;
}

.daily-v2-verdict {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.daily-v2-verdict h2 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.55rem, 3vw, 2.2rem);
    margin: 0 0 0.35rem;
}

.daily-v2-verdict p:last-child {
    color: var(--daily-muted);
    line-height: 1.55;
    margin: 0;
    max-width: 58rem;
}

.daily-v2-verdict__status {
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 999px;
    flex: none;
    font-size: 0.67rem;
    font-weight: 800;
    padding: 0.45rem 0.7rem;
}

.daily-v2-verdict__status.is-live { color: var(--daily-success); }
.daily-v2-verdict__status.is-rough { color: var(--daily-danger); }
.daily-v2-verdict__status.is-strong { color: var(--daily-success); }

.daily-v2-build-signal {
    align-items: center;
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-left: 4px solid var(--daily-gold);
    border-radius: 0.55rem;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(16rem, 1fr) minmax(24rem, 1.2fr);
    margin-top: 0.85rem;
    padding: 0.85rem 1rem;
}

.daily-v2-build-signal h3 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.05rem;
    margin: 0;
}

.daily-v2-build-signal dl {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
}

.daily-v2-build-signal dl > div {
    border-left: 1px solid var(--daily-border);
    padding-left: 0.75rem;
}

.daily-v2-build-signal dt {
    color: var(--daily-muted);
    font-size: 0.62rem;
    font-weight: 750;
}

.daily-v2-build-signal dd {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
    font-weight: 750;
    margin: 0.15rem 0 0;
}

.daily-story-hero,
.daily-final-locked {
    background: linear-gradient(125deg, var(--daily-paper), var(--daily-accent-soft));
    border: 1px solid var(--daily-border);
    border-radius: 0.65rem;
    margin-bottom: 0.85rem;
    padding: 1.2rem 1.3rem;
}

.daily-story-hero h2,
.daily-final-locked h2,
.daily-championship-heading h2,
.daily-final-recap h2 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.4rem, 3vw, 2rem);
    margin: 0 0 0.45rem;
}

.daily-story-hero > p:last-child,
.daily-final-locked > p:last-child,
.daily-championship-heading p,
.daily-final-recap__overview {
    color: var(--daily-muted);
    line-height: 1.55;
    margin: 0;
}

.daily-draft-seat-grid {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    margin-bottom: 0.85rem;
}

.daily-draft-seat {
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 0.55rem;
    min-width: 0;
}

.daily-draft-seat--player {
    border-color: var(--daily-accent);
    box-shadow: inset 0 0 0 1px var(--daily-accent);
}

.daily-draft-seat__header {
    align-items: center;
    display: grid;
    gap: 0.25rem 0.55rem;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    list-style: none;
    min-height: 5.15rem;
    padding: 0.7rem;
}

.daily-draft-seat__avatar,
.daily-championship-tile__avatar {
    align-items: center;
    background: var(--daily-paper-alt);
    border-radius: 50%;
    color: var(--daily-accent);
    display: inline-flex;
    font-family: Georgia, "Times New Roman", serif;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.daily-draft-seat__identity {
    min-width: 0;
}

.daily-draft-seat__identity strong,
.daily-draft-seat__identity small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.daily-draft-seat__identity strong {
    font-size: 0.8rem;
}

.daily-draft-seat__identity small,
.daily-draft-seat__colors,
.daily-draft-seat__counts {
    color: var(--daily-muted);
    font-size: 0.68rem;
}

.daily-draft-seat__colors {
    white-space: nowrap;
}

.daily-draft-seat__counts {
    grid-column: 2 / -1;
}

.daily-draft-seat__reveal {
    border-top: 1px solid var(--daily-border);
    padding: 0.75rem;
}

.daily-draft-seat__tendency {
    color: var(--daily-muted);
    font-size: 0.75rem;
    line-height: 1.5;
    margin: 0 0 0.7rem;
}

.daily-draft-seat__lists {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.daily-draft-seat__lists > div {
    background: var(--daily-paper-alt);
    border-radius: 0.4rem;
    min-width: 0;
    padding: 0.6rem;
}

.daily-draft-seat__lists h3 {
    align-items: baseline;
    display: flex;
    font-size: 0.76rem;
    justify-content: space-between;
    margin: 0 0 0.45rem;
}

.daily-draft-seat__lists h3 span {
    color: var(--daily-muted);
    font-size: 0.68rem;
}

.daily-draft-seat__lists ul,
.daily-championship-decklist ul {
    list-style: none;
    margin: 0;
    max-height: 16rem;
    overflow: auto;
    padding: 0;
}

.daily-draft-seat__lists li,
.daily-championship-decklist li {
    border-top: 1px solid var(--daily-border);
    display: grid;
    font-size: 0.72rem;
    gap: 0.45rem;
    grid-template-columns: 1.25rem minmax(0, 1fr);
    padding: 0.3rem 0;
}

.daily-draft-seat__lists li:first-child,
.daily-championship-decklist li:first-child {
    border-top: 0;
}

.daily-draft-seat__deck-link {
    font-size: 0.72rem;
    margin: 0.65rem 0 0;
}

.daily-forge-export {
    align-items: center;
    background: linear-gradient(135deg, var(--daily-paper), var(--daily-paper-alt));
    border: 1px solid var(--daily-accent);
    border-radius: 0.55rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.85rem;
    padding: 0.9rem;
}

.daily-forge-export h3 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.15rem;
    margin: 0 0 0.3rem;
}

.daily-forge-export > div > p:last-child {
    color: var(--daily-muted);
    font-size: 0.75rem;
    line-height: 1.5;
    margin: 0;
}

.daily-forge-export__button {
    background: var(--daily-accent);
    border: 1px solid var(--daily-accent);
    border-radius: 999px;
    color: var(--daily-paper);
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 700;
    justify-content: center;
    padding: 0.6rem 0.9rem;
    text-decoration: none;
    white-space: nowrap;
}

.daily-forge-export__actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem 0.8rem;
}

.daily-forge-export__guide {
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

.daily-forge-export__button:hover,
.daily-forge-export__button:focus-visible {
    background: transparent;
    color: var(--daily-accent);
}

.daily-draft-facts {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.daily-draft-fact {
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 0.55rem;
    min-height: 8rem;
    padding: 0.9rem;
}

.daily-draft-fact h3 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.15rem;
    margin: 0 0 0.35rem;
}

.daily-draft-fact > p:last-child {
    color: var(--daily-muted);
    font-size: 0.75rem;
    line-height: 1.5;
    margin: 0;
}

.daily-championship-heading {
    align-items: flex-end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.65rem;
}

.daily-championship-heading strong {
    color: var(--daily-accent);
    flex: none;
    font-size: 0.75rem;
}

.daily-championship-live {
    margin: 0 0 0.7rem;
}

.daily-championship-grid {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.daily-championship-tile {
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 0.5rem;
    color: var(--daily-ink);
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 4.65rem minmax(0, 1fr);
    min-height: 10.75rem;
    min-width: 0;
    padding: 0.65rem;
    text-align: left;
    text-decoration: none;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.daily-championship-tile:hover,
.daily-championship-tile:focus-visible {
    border-color: var(--daily-accent);
    box-shadow: inset 0 0 0 1px var(--daily-accent);
    color: var(--daily-ink);
    text-decoration: none;
}

.daily-championship-tile:hover {
    transform: translateY(-1px);
}

.daily-championship-tile[data-matchup-state="playing"] {
    background: var(--daily-paper-alt);
    border-style: dashed;
}

.daily-championship-tile__visual {
    align-self: start;
    aspect-ratio: 488 / 680;
    background: var(--daily-paper-alt);
    border-radius: 0.38rem;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.daily-championship-tile__visual > img,
.daily-championship-tile__visual > .daily-championship-tile__avatar {
    border-radius: 0;
    display: block;
    height: 100%;
    margin: 0;
    object-fit: cover;
    width: 100%;
}

.daily-championship-tile__visual > .daily-championship-tile__avatar {
    align-items: center;
    display: flex;
    font-size: 1.75rem;
    justify-content: center;
}

.daily-championship-tile__outcome {
    background: rgba(27, 33, 30, 0.93);
    border-radius: 0.22rem;
    bottom: 0.3rem;
    box-shadow: 0 1px 4px rgba(36, 31, 25, 0.2);
    color: var(--daily-muted);
    font-size: 0.58rem;
    font-style: normal;
    font-weight: 800;
    left: 0.3rem;
    letter-spacing: 0.045em;
    line-height: 1.25;
    padding: 0.24rem 0.18rem;
    position: absolute;
    right: 0.3rem;
    text-align: center;
    text-transform: uppercase;
}

.daily-championship-tile[data-matchup-outcome="win"] .daily-championship-tile__outcome {
    color: var(--daily-success);
}

.daily-championship-tile[data-matchup-outcome="loss"] .daily-championship-tile__outcome {
    color: var(--daily-danger);
}

.daily-championship-tile__story {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
}

.daily-championship-tile__meta {
    align-items: baseline;
    display: flex;
    gap: 0.4rem;
    justify-content: space-between;
    min-width: 0;
}

.daily-championship-tile__meta small,
.daily-championship-tile__archetype,
.daily-championship-tile__teaser {
    color: var(--daily-muted);
    font-size: 0.64rem;
}

.daily-championship-tile__meta b {
    color: var(--daily-muted);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 0.92rem;
    white-space: nowrap;
}

.daily-championship-tile[data-matchup-outcome="win"] .daily-championship-tile__meta b {
    color: var(--daily-success);
}

.daily-championship-tile[data-matchup-outcome="loss"] .daily-championship-tile__meta b {
    color: var(--daily-danger);
}

.daily-championship-tile__story > strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 0.93rem;
    line-height: 1.15;
    margin-top: 0.25rem;
}

.daily-championship-tile__archetype {
    margin-top: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.daily-championship-tile__story > em {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.22;
    margin-top: 0.65rem;
}

.daily-championship-tile__teaser {
    display: -webkit-box;
    line-height: 1.35;
    margin-top: 0.3rem;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.daily-championship-tile.is-newly-complete {
    animation: daily-championship-unlock 900ms ease-out;
}

@keyframes daily-championship-unlock {
    0% {
        border-color: var(--daily-accent);
        box-shadow: 0 0 0 0.4rem var(--daily-accent-soft);
        transform: translateY(3px) scale(0.985);
    }
    55% {
        border-color: var(--daily-accent);
        box-shadow: 0 0 0 0.12rem var(--daily-accent-soft);
        transform: translateY(-2px) scale(1.005);
    }
    100% {
        box-shadow: none;
        transform: none;
    }
}

.daily-championship-detail {
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 0.55rem;
    display: grid;
    gap: 0.85rem;
    grid-template-columns: minmax(0, 1fr) minmax(12rem, 0.36fr);
    margin-top: 0;
    padding: 1rem;
    scroll-margin-top: 8.5rem;
}

.daily-championship-details {
    display: grid;
    gap: 1rem;
    margin-top: 1rem;
}

.daily-championship-detail__story h3 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.35rem;
    margin: 0 0 0.45rem;
}

.daily-championship-detail__opponent {
    color: var(--daily-muted);
    font-size: 0.72rem;
    margin: -0.25rem 0 0.65rem;
}

.daily-championship-detail__story > p:last-child,
.daily-championship-detail__insight {
    color: var(--daily-muted);
    line-height: 1.55;
    margin-bottom: 0;
}

.daily-championship-detail__insight a {
    color: var(--daily-accent);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 0.16em;
}

.daily-championship-card {
    align-items: center;
    align-self: start;
    background: var(--daily-paper-alt);
    border-radius: 0.45rem;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: 4.25rem minmax(0, 1fr);
    margin: 0;
    padding: 0.6rem;
}

.daily-championship-card > a {
    display: block;
    width: 4.25rem;
}

.daily-championship-card img,
.daily-championship-card .daily-card-image-fallback {
    aspect-ratio: 488 / 680;
    border-radius: 0.28rem;
    display: block;
    height: auto;
    object-fit: cover;
    width: 100%;
}

.daily-championship-card .daily-card-image-fallback {
    align-items: center;
    display: flex;
    font-size: 1.5rem;
    justify-content: center;
}

.daily-championship-card figcaption span,
.daily-championship-card figcaption strong,
.daily-championship-card figcaption small {
    display: block;
}

.daily-championship-card figcaption span,
.daily-championship-card figcaption small {
    color: var(--daily-muted);
    font-size: 0.65rem;
}

.daily-championship-card figcaption strong {
    font-size: 0.78rem;
    margin: 0.2rem 0;
}

.daily-championship-decklist {
    border-top: 1px solid var(--daily-border);
    grid-column: 1 / -1;
    padding-top: 0.7rem;
}

.daily-visual-deck {
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 0.55rem;
    grid-column: 1 / -1;
    min-width: 0;
    overflow: hidden;
    padding: 0.75rem;
}

.daily-visual-deck__header {
    align-items: end;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.7rem;
}

.daily-visual-deck__header .daily-eyebrow {
    margin-bottom: 0.12rem;
}

.daily-visual-deck__header h4,
.daily-shared-deck-viewer__heading {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1rem;
    font-weight: 750;
    margin: 0;
}

.daily-v2-player-standings {
    margin-top: 1rem;
}

.daily-archive-breadcrumbs {
    align-items: center;
    color: var(--daily-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.72rem;
    gap: 0.35rem;
    margin-bottom: 1rem;
}

.daily-archive-breadcrumbs a {
    color: var(--daily-accent);
    font-weight: 800;
}

.daily-visual-deck__header > span {
    color: var(--daily-muted);
    font-size: 0.66rem;
    text-align: right;
}

.daily-visual-deck__groups {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.daily-visual-deck__group {
    min-width: 0;
}

.daily-visual-deck__group h5 {
    align-items: baseline;
    color: var(--daily-ink);
    display: flex;
    font-size: 0.67rem;
    gap: 0.35rem;
    letter-spacing: 0.055em;
    margin: 0 0 0.35rem;
    text-transform: uppercase;
}

.daily-visual-deck__group h5 span {
    color: var(--daily-muted);
    font-size: 0.62rem;
}

.daily-visual-deck__cards {
    display: grid;
    gap: 0.3rem;
    grid-template-columns: repeat(auto-fill, minmax(3.45rem, 1fr));
}

.daily-visual-deck-card {
    aspect-ratio: 488 / 680;
    background: #25221e;
    border: 1px solid rgba(45, 38, 31, 0.28);
    border-radius: 0.32rem;
    box-shadow: 0 0.12rem 0.32rem rgba(32, 27, 22, 0.16);
    color: #fff;
    display: block;
    min-width: 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}

.daily-visual-deck-card:hover,
.daily-visual-deck-card:focus-visible {
    border-color: var(--daily-gold);
    box-shadow: 0 0 0 2px rgba(160, 119, 48, 0.24), 0 0.25rem 0.6rem rgba(32, 27, 22, 0.24);
    color: #fff;
    outline: 0;
    transform: translateY(-1px);
}

.daily-visual-deck-card__visual,
.daily-visual-deck-card__visual img,
.daily-visual-deck-card__visual .daily-card-image-fallback {
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
}

.daily-visual-deck-card__visual img {
    object-fit: cover;
}

.daily-visual-deck-card__visual .daily-card-image-fallback {
    align-items: center;
    background: #d8d2c4;
    color: var(--daily-ink);
    display: flex;
    font-size: 1.35rem;
    justify-content: center;
}

.daily-visual-deck-card::after {
    background: linear-gradient(to bottom, transparent 42%, rgba(17, 14, 12, 0.9) 100%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.daily-visual-deck-card__quantity {
    background: rgba(23, 19, 16, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 99rem;
    font-size: 0.57rem;
    line-height: 1;
    padding: 0.2rem 0.27rem;
    position: absolute;
    right: 0.22rem;
    top: 0.22rem;
    z-index: 1;
}

.daily-visual-deck-card__name {
    bottom: 0;
    display: -webkit-box;
    font-size: 0.54rem;
    font-weight: 800;
    left: 0;
    line-height: 1.12;
    overflow: hidden;
    padding: 0.45rem 0.25rem 0.24rem;
    position: absolute;
    right: 0;
    text-shadow: 0 1px 2px #000;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.daily-championship-decklist summary {
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 750;
}

.daily-championship-decklist > p {
    color: var(--daily-muted);
    font-size: 0.72rem;
    margin: 0.55rem 0;
}

.daily-championship-decklist ul {
    columns: 3;
    margin-top: 0.55rem;
    max-height: none;
}

.daily-championship-decklist li {
    break-inside: avoid;
}

.daily-gauntlet-distinction {
    background: var(--daily-paper-alt);
    border-left: 3px solid var(--daily-gold);
    color: var(--daily-muted);
    font-size: 0.72rem;
    line-height: 1.5;
    margin: 0.75rem 0 0;
    padding: 0.65rem 0.75rem;
}

.daily-reveal-lock {
    margin: 1rem 0 0;
    padding: .85rem 1rem;
    border: 1px solid rgba(226, 185, 89, .38);
    border-radius: .75rem;
    background: rgba(226, 185, 89, .08);
    color: #f4dfaa;
}

.daily-arena-heading {
    align-items: end;
}

.daily-arena-summary {
    margin: 1rem 0 1.25rem;
}

.daily-arena-row--viewer {
    background: rgba(89, 174, 226, .14);
    box-shadow: inset 3px 0 0 #59aee2;
}

.daily-arena-feed {
    margin-top: 1.5rem;
}

.daily-arena-feed ol {
    display: grid;
    gap: .55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.daily-arena-feed li {
    display: grid;
    grid-template-columns: minmax(5rem, auto) 1fr auto 1fr;
    gap: .75rem;
    align-items: center;
    padding: .75rem 1rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: .65rem;
    background: rgba(255, 255, 255, .035);
}

.daily-arena-feed li > span {
    color: #e2b959;
    font-size: .75rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.daily-arena-feed li > b {
    color: #aeb9c5;
    font-weight: 600;
}

.daily-bot-benchmark-result {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .25rem 1rem;
    align-items: center;
    margin: 1rem 0 1.25rem;
    padding: 1rem 1.15rem;
    border: 1px solid rgba(89, 174, 226, .42);
    border-radius: .8rem;
    background: linear-gradient(135deg, rgba(89, 174, 226, .14), rgba(89, 174, 226, .035));
}

.daily-mirror-drafter-explainer {
    align-items: start;
    background: color-mix(in srgb, var(--daily-focus) 10%, var(--daily-paper));
    border: 1px solid color-mix(in srgb, var(--daily-focus) 45%, var(--daily-border));
    border-radius: 0.7rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto minmax(0, 1fr);
    margin-top: 1rem;
    padding: 0.85rem 1rem;
}

.daily-mirror-drafter-explainer__mark {
    align-items: center;
    background: var(--daily-focus);
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: 1rem;
    font-weight: 900;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.daily-mirror-drafter-explainer h3 {
    font: 700 1rem/1.2 Georgia, "Times New Roman", serif;
    margin: 0 0 0.2rem;
}

.daily-mirror-drafter-explainer p {
    color: var(--daily-muted);
    font-size: 0.74rem;
    line-height: 1.5;
    margin: 0;
}

.daily-bot-benchmark-result p,
.daily-bot-benchmark-result h3,
.daily-bot-benchmark-result span {
    grid-column: 1;
    margin: 0;
}

.daily-bot-benchmark-result > strong {
    grid-column: 2;
    grid-row: 1 / span 4;
    font-size: 1.65rem;
}

.daily-bot-benchmark-result__definition {
    color: var(--daily-ink);
    font-weight: 750;
}

.daily-championship-tile--benchmark {
    outline: 1px solid rgba(89, 174, 226, .5);
    outline-offset: 2px;
}

.daily-gauntlet-distinction strong {
    color: var(--daily-ink);
}

.daily-final-heading {
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 0.55rem 0.55rem 0 0;
}

.daily-story .daily-result-cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 0.85rem;
}

.daily-story .daily-result-card {
    min-height: 8rem;
}

.daily-story .daily-result-card strong {
    font-size: clamp(1.35rem, 2.4vw, 1.8rem);
}

.daily-result-card--evidence {
    border-color: color-mix(in srgb, var(--daily-focus) 48%, var(--daily-border));
}

.daily-result-card--evidence strong a {
    align-items: center;
    color: var(--daily-ink);
    display: inline-flex;
    gap: 0.4rem;
    text-decoration: none;
}

.daily-result-card--evidence strong a::after,
.daily-arena-games-link::after {
    color: var(--daily-focus);
    content: "→";
    transition: transform 120ms ease;
}

.daily-result-card--evidence:hover strong a,
.daily-result-card--evidence strong a:focus-visible {
    color: var(--daily-focus);
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.daily-result-card--evidence:hover strong a::after,
.daily-result-card--evidence strong a:focus-visible::after,
.daily-arena-games-link:hover::after,
.daily-arena-games-link:focus-visible::after {
    transform: translateX(0.2rem);
}

.daily-inline-evidence-link,
.daily-arena-games-link {
    color: inherit;
    font-weight: 800;
    text-decoration-color: color-mix(in srgb, var(--daily-focus) 62%, transparent);
    text-underline-offset: 0.16em;
}

.daily-inline-evidence-link:hover,
.daily-inline-evidence-link:focus-visible,
.daily-arena-games-link:hover,
.daily-arena-games-link:focus-visible {
    color: var(--daily-focus);
}

.daily-arena-games-link {
    white-space: nowrap;
}

.daily-ranking-games-pointer {
    align-items: center;
    background: color-mix(in srgb, var(--daily-focus) 9%, var(--daily-paper));
    border: 1px solid color-mix(in srgb, var(--daily-focus) 42%, var(--daily-border));
    border-radius: 0.7rem;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-top: 1rem;
    padding: 0.85rem 1rem;
}

.daily-ranking-games-pointer div,
.daily-ranking-games-pointer div > span {
    display: block;
}

.daily-ranking-games-pointer strong {
    color: var(--daily-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1rem;
}

.daily-ranking-games-pointer div > span {
    color: var(--daily-muted);
    font-size: 0.74rem;
    line-height: 1.5;
    margin-top: 0.18rem;
}

.daily-ranking-games-pointer > a {
    background: var(--daily-focus);
    border-radius: 999px;
    color: #fff;
    flex: 0 0 auto;
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.58rem 0.8rem;
    text-decoration: none;
}

.daily-ranking-games-pointer > a:hover,
.daily-ranking-games-pointer > a:focus-visible {
    filter: brightness(1.08);
}

.daily-rating-games__heading {
    align-items: end;
}

.daily-rating-games__heading > div {
    max-width: 58rem;
}

.daily-rating-games__heading > span {
    color: var(--daily-muted);
    font-size: 0.7rem;
    white-space: nowrap;
}

.daily-rating-games__metrics {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 1rem 0;
}

.daily-rating-games__metrics article {
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 0.55rem;
    display: flex;
    flex-direction: column;
    padding: 0.75rem 0.85rem;
}

.daily-rating-games__metrics span {
    color: var(--daily-muted);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.daily-rating-games__metrics strong {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.6rem;
    margin-top: 0.15rem;
}

.daily-rating-games__filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-bottom: 0.85rem;
}

.daily-rating-games__filters a,
.daily-rating-games__pagination a {
    border: 1px solid var(--daily-border);
    border-radius: 999px;
    color: var(--daily-muted);
    font-size: 0.72rem;
    font-weight: 800;
    padding: 0.45rem 0.68rem;
    text-decoration: none;
}

.daily-rating-games__filters a[aria-current="page"],
.daily-rating-games__filters a:hover,
.daily-rating-games__filters a:focus-visible,
.daily-rating-games__pagination a:hover,
.daily-rating-games__pagination a:focus-visible {
    background: color-mix(in srgb, var(--daily-focus) 12%, var(--daily-paper));
    border-color: var(--daily-focus);
    color: var(--daily-ink);
}

.daily-rating-games__table {
    font-size: 0.72rem;
    min-width: 68rem;
}

.daily-rating-games__table td {
    vertical-align: middle;
}

.daily-rating-games__table td:first-child strong,
.daily-rating-games__table td:first-child small,
.daily-rating-game__deck,
.daily-rating-game__you {
    display: block;
}

.daily-rating-games__table td:first-child small,
.daily-rating-game__you {
    color: var(--daily-muted);
    font-size: 0.62rem;
    margin-top: 0.1rem;
}

.daily-rating-game--viewer {
    background: color-mix(in srgb, var(--daily-focus) 10%, var(--daily-paper));
    box-shadow: inset 3px 0 0 var(--daily-focus);
}

.daily-rating-game__source {
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 999px;
    display: inline-block;
    font-size: 0.62rem;
    font-weight: 800;
    padding: 0.25rem 0.4rem;
    white-space: nowrap;
}

.daily-rating-game__deck {
    color: var(--daily-ink);
    font-weight: 750;
    line-height: 1.35;
}

.daily-rating-game__you {
    color: var(--daily-focus);
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.daily-rating-game__result {
    color: var(--daily-ink);
    line-height: 1.35;
}

.daily-rating-game__replay {
    color: var(--daily-focus);
    font-weight: 800;
}

.daily-rating-games__empty {
    padding: 1rem;
}

.daily-rating-games__pagination {
    align-items: center;
    border-top: 1px solid var(--daily-border);
    color: var(--daily-muted);
    display: flex;
    font-size: 0.7rem;
    gap: 1rem;
    justify-content: space-between;
    margin-top: 0.9rem;
    padding-top: 0.8rem;
}

.daily-rating-games__pagination div {
    display: flex;
    gap: 0.35rem;
}

@media (max-width: 700px) {
    .daily-ranking-games-pointer,
    .daily-rating-games__pagination {
        align-items: flex-start;
        flex-direction: column;
    }

    .daily-rating-games__metrics {
        grid-template-columns: 1fr;
    }

    .daily-rating-games__heading > span {
        display: none;
    }
}

.daily-final-recap {
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 0.55rem;
    margin: 0.85rem 0;
    padding: 1rem;
}

.daily-final-recap__grid {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0.8rem;
}

.daily-final-recap__grid article {
    background: var(--daily-paper-alt);
    border-radius: 0.45rem;
    padding: 0.8rem;
}

.daily-final-recap__grid h3 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.05rem;
    margin: 0 0 0.35rem;
}

.daily-final-recap__grid h3 span {
    color: var(--daily-accent);
    float: right;
}

.daily-final-recap__grid article > p:last-child {
    color: var(--daily-muted);
    font-size: 0.75rem;
    line-height: 1.5;
    margin: 0;
}

.daily-field-hero {
    background: linear-gradient(125deg, var(--daily-paper), #18231f);
}

.daily-field-section {
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 0.6rem;
    margin-bottom: 0.75rem;
    padding: 0.85rem;
}

.daily-field-section__heading {
    align-items: end;
    border-bottom: 1px solid var(--daily-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.7rem;
    padding-bottom: 0.65rem;
}

.daily-field-section__heading h3 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.15rem;
    margin: 0;
}

.daily-field-section__heading > p {
    color: var(--daily-muted);
    font-size: 0.68rem;
    line-height: 1.4;
    margin: 0;
    max-width: 22rem;
    text-align: right;
}

.daily-field-columns {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.daily-field-stat-list {
    display: grid;
    gap: 0.45rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.daily-field-stat-list--votes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.daily-field-stat-list > li {
    align-items: center;
    background: var(--daily-paper-alt);
    border-radius: 0.45rem;
    display: grid;
    gap: 0.6rem;
    grid-template-columns: 2.8rem minmax(0, 1fr) auto;
    min-width: 0;
    padding: 0.42rem;
}

.daily-field-stat-list--votes > li {
    grid-template-columns: 3.4rem minmax(0, 1fr) auto;
}

.daily-field-card__visual {
    aspect-ratio: 488 / 680;
    background: #d8d2c4;
    border-radius: 0.25rem;
    display: block;
    overflow: hidden;
    width: 100%;
}

.daily-field-card__visual img,
.daily-field-card__visual .daily-card-image-fallback,
.daily-field-passed-card__visual img,
.daily-field-passed-card__visual .daily-card-image-fallback {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.daily-field-card__visual .daily-card-image-fallback,
.daily-field-passed-card__visual .daily-card-image-fallback {
    align-items: center;
    display: flex;
    font-size: 1.25rem;
    justify-content: center;
}

.daily-field-stat__copy {
    display: block;
    min-width: 0;
}

.daily-field-stat__copy strong,
.daily-field-stat__copy small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.daily-field-stat__copy strong {
    font-size: 0.76rem;
}

.daily-field-stat__copy a,
.daily-field-passed-cards a {
    color: var(--daily-ink);
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 0.16em;
}

.daily-field-stat__copy small {
    color: var(--daily-muted);
    font-size: 0.61rem;
    margin-top: 0.14rem;
}

.daily-field-share {
    background: var(--daily-border);
    border-radius: 999px;
    display: block;
    height: 0.28rem;
    margin-top: 0.35rem;
    overflow: hidden;
}

.daily-field-share i {
    background: var(--daily-accent);
    border-radius: inherit;
    display: block;
    height: 100%;
    width: var(--field-share, 0%);
}

.daily-field-stat-list > li > b {
    color: var(--daily-accent);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1rem;
    padding-right: 0.15rem;
}

.daily-field-colors {
    display: grid;
    gap: 0.45rem;
    grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
}

.daily-field-colors article {
    align-items: baseline;
    background: var(--daily-paper-alt);
    border-left: 0.22rem solid var(--daily-accent);
    border-radius: 0.35rem;
    display: grid;
    gap: 0.1rem 0.4rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 0.6rem;
}

.daily-field-colors strong {
    font-size: 0.78rem;
}

.daily-field-colors span {
    color: var(--daily-muted);
    font-size: 0.63rem;
    grid-column: 1;
}

.daily-field-colors b {
    color: var(--daily-accent);
    font-family: Georgia, "Times New Roman", serif;
    grid-column: 2;
    grid-row: 1 / span 2;
}

.daily-field-passed-cards {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.daily-field-passed-cards article {
    min-width: 0;
}

.daily-field-passed-card__visual {
    aspect-ratio: 488 / 680;
    background: #d8d2c4;
    border-radius: 0.32rem;
    display: block;
    margin-bottom: 0.35rem;
    overflow: hidden;
}

.daily-field-passed-cards strong,
.daily-field-passed-cards small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.daily-field-passed-cards strong {
    font-size: 0.7rem;
}

.daily-field-passed-cards small {
    color: var(--daily-muted);
    font-size: 0.6rem;
    margin-top: 0.12rem;
}

@media (max-width: 991.98px) {
    .daily-draft-seat-grid,
    .daily-championship-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .daily-championship-tile {
        min-height: 10.25rem;
    }

    .daily-story .daily-result-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .daily-field-stat-list--votes {
        grid-template-columns: 1fr;
    }

    .daily-field-passed-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .daily-v2-live,
    .daily-v2-build-signal {
        grid-template-columns: 1fr;
    }

    .daily-v2-live__metrics {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .daily-v2-verdict {
        flex-direction: column;
    }

    .daily-story-header__aside {
        align-items: stretch;
    }

    .daily-story-record {
        text-align: left;
    }

    .daily-draft-facts,
    .daily-final-recap__grid,
    .daily-championship-detail,
    .daily-field-columns {
        grid-template-columns: 1fr;
    }

    .daily-field-section__heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.35rem;
    }

    .daily-field-section__heading > p {
        text-align: left;
    }

    .daily-championship-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .daily-championship-decklist {
        grid-column: auto;
    }

    .daily-visual-deck {
        grid-column: auto;
    }

    .daily-visual-deck__groups {
        grid-template-columns: 1fr;
    }

    .daily-visual-deck__cards {
        grid-template-columns: repeat(auto-fill, minmax(3.8rem, 1fr));
    }

    .daily-championship-decklist ul {
        columns: 2;
    }
}

@media (max-width: 479.98px) {
    .daily-story-tabs a {
        padding-inline: 0.8rem;
    }

    .daily-v2-live__copy {
        display: grid;
    }

    .daily-v2-live__heartbeat {
        justify-self: start;
    }

    .daily-v2-live__metrics,
    .daily-v2-build-signal dl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .daily-v2-live__metrics span {
        padding: 0.55rem;
    }

    .daily-v2-build-signal dl > div {
        border-left: 0;
        border-top: 1px solid var(--daily-border);
        padding: 0.45rem 0 0;
    }

    .daily-draft-seat-grid,
    .daily-draft-seat__lists,
    .daily-championship-grid,
    .daily-story .daily-result-cards {
        grid-template-columns: 1fr;
    }

    .daily-championship-tile {
        min-height: 9.75rem;
    }

    .daily-championship-decklist ul {
        columns: 1;
    }

    .daily-visual-deck__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.2rem;
    }

    .daily-visual-deck__header > span {
        text-align: left;
    }

    .daily-field-passed-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .daily-recap-pending {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .daily-championship-tile {
        transition: none;
    }

    .daily-championship-tile.is-newly-complete {
        animation: none;
    }
}
.daily-highlight-replay-link {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin-top: .65rem;
    padding: .58rem .85rem;
    border: 1px solid rgba(203, 163, 79, .55);
    border-radius: 999px;
    color: #f0d79c;
    background: rgba(203, 163, 79, .09);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .03em;
}

.daily-highlight-replay-link:hover {
    color: #fff2ce;
    background: rgba(203, 163, 79, .16);
    text-decoration: none;
}

/* Daily Draft front door */
.daily-draft-landing-v2 {
    max-width: 94rem;
    padding: 0 0.5rem;
}

.daily-roster-hero {
    background:
        radial-gradient(circle at 82% 18%, rgba(115, 174, 151, 0.15), transparent 23rem),
        radial-gradient(circle at 16% 8%, rgba(209, 132, 84, 0.15), transparent 20rem),
        linear-gradient(145deg, #18201d, #101412 72%);
    border: 1px solid var(--daily-border);
    border-radius: 1.1rem;
    box-shadow: 0 1.4rem 4rem rgba(0, 0, 0, 0.27);
    display: grid;
    gap: 1.5rem 3rem;
    grid-template-columns: minmax(0, 1.35fr) minmax(22rem, 0.65fr);
    margin: 0 0 1.4rem;
    overflow: hidden;
    padding: clamp(1.5rem, 4vw, 3.7rem);
    position: relative;
}

.daily-roster-hero::before {
    background: linear-gradient(90deg, #d18454, #7cb39d 45%, #8e72bf 72%, #c8687c);
    content: "";
    height: 3px;
    inset: 0 0 auto;
    position: absolute;
}

.daily-roster-hero__copy h1 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.8rem, 6.8vw, 6.2rem);
    font-weight: 500;
    letter-spacing: -0.055em;
    line-height: 0.9;
    margin: 0.2rem 0 1rem;
    max-width: 10ch;
}

.daily-roster-hero__copy > p:last-child {
    color: #cbc8be;
    font-size: clamp(1rem, 1.5vw, 1.2rem);
    line-height: 1.6;
    margin: 0;
    max-width: 48rem;
}

.daily-roster-legend {
    align-self: center;
    display: grid;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.daily-roster-legend li {
    align-items: baseline;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
    color: #f7f1e5;
    display: grid;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.2rem, 2vw, 1.65rem);
    grid-template-columns: 2.4rem 1fr;
    padding: 0.55rem 0;
}

.daily-roster-legend li:last-child { border-bottom: 0; }
.daily-roster-legend span {
    color: var(--daily-faint);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.68rem;
}

.daily-roster-promise {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: grid;
    gap: 0.8rem;
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-top: 1.2rem;
}

.daily-roster-promise span {
    color: var(--daily-muted);
    display: grid;
    font-size: 0.78rem;
    gap: 0.12rem;
}

.daily-roster-promise b {
    color: #eee9dd;
    font-size: 0.85rem;
}

.daily-draft-landing-v2 .daily-format-grid {
    gap: 1.2rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 1.4rem;
}

.daily-draft-landing-v2 .daily-format-card {
    --lane: #79af9a;
    --lane-soft: rgba(121, 175, 154, 0.15);
    background: linear-gradient(165deg, #1a211e, #111513 76%);
    border: 1px solid color-mix(in srgb, var(--lane) 42%, #303934);
    border-radius: 1rem;
    box-shadow: 0 0.9rem 2.8rem rgba(0, 0, 0, 0.23);
    color: var(--daily-ink);
    min-height: 0;
}

.daily-draft-landing-v2 .daily-format-card--classic {
    --lane: #d2a15f;
    --lane-soft: rgba(210, 161, 95, 0.15);
}

.daily-draft-landing-v2 .daily-format-card--cube {
    --lane: #a985da;
    --lane-soft: rgba(169, 133, 218, 0.16);
}

.daily-draft-landing-v2 .daily-format-card--crazy {
    --lane: #db7890;
    --lane-soft: rgba(219, 120, 144, 0.15);
}

.daily-draft-landing-v2 .daily-format-card__masthead {
    background:
        radial-gradient(circle at 5% 0%, var(--lane-soft), transparent 54%),
        rgba(255, 255, 255, 0.015);
    gap: 0.75rem;
    justify-content: start;
    padding: 1rem 1.15rem;
}

.daily-format-card__number {
    color: var(--lane);
    font: 700 0.68rem/1 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.daily-draft-landing-v2 .daily-format-card__masthead > div {
    display: grid;
    flex: 1;
    gap: 0.1rem;
}

.daily-draft-landing-v2 .daily-format-card__masthead strong {
    color: #fff8ec;
    font-size: 0.78rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.daily-draft-landing-v2 .daily-format-card__masthead div span {
    color: var(--daily-muted);
    font-size: 0.68rem;
}

.daily-draft-landing-v2 .daily-format-card__set {
    color: var(--lane);
    font: 700 1.1rem/1 Georgia, "Times New Roman", serif;
    letter-spacing: -0.03em;
}

.daily-format-card__visual {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.025), transparent),
        #0b0e0c;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    min-height: 15.5rem;
}

.daily-draft-landing-v2 .daily-format-card__packs {
    align-items: center;
    background: transparent;
    border: 0;
    height: 100%;
    justify-content: center;
    min-height: 15.5rem;
    overflow: visible;
    padding: 1rem 1.2rem;
}

.daily-draft-landing-v2 .daily-pack-product {
    flex: 1 1 10rem;
    max-width: 23rem;
}

.daily-pack-product__image {
    align-items: center;
    display: flex;
    height: 11.8rem;
    justify-content: center;
    position: relative;
}

.daily-draft-landing-v2 .daily-pack-product__image > img {
    filter: drop-shadow(0 0.8rem 0.8rem rgba(0, 0, 0, 0.36));
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    width: auto;
}

.daily-draft-landing-v2 .daily-pack-product__fallback {
    height: 10.5rem;
    width: 7.5rem;
}

.daily-pack-product__quantity {
    align-items: center;
    background: var(--lane);
    border: 2px solid #111513;
    border-radius: 999px;
    bottom: 0;
    color: #111513;
    display: flex;
    font-size: 0.78rem;
    font-weight: 900;
    height: 2rem;
    justify-content: center;
    position: absolute;
    right: 8%;
    width: 2rem;
}

.daily-draft-landing-v2 .daily-pack-product figcaption strong {
    color: #f5efe4;
    font-size: 0.72rem;
}

.daily-draft-landing-v2 .daily-format-card__key-art {
    aspect-ratio: auto;
    border: 0;
    height: 15.5rem;
}

.daily-draft-landing-v2 .daily-format-card__key-art figcaption {
    color: #f0e8f8;
}

.daily-draft-landing-v2 .daily-format-card__body {
    padding: 1.4rem 1.4rem 0;
}

.daily-draft-landing-v2 .daily-format-card__period {
    color: var(--lane);
    font-size: 0.7rem;
    letter-spacing: 0.04em;
    margin: 0 0 0.45rem;
    min-height: 0;
    text-transform: uppercase;
}

.daily-draft-landing-v2 .daily-format-card__body h2 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.7rem, 3vw, 2.45rem);
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 1.02;
    margin: 0 0 0.8rem;
}

.daily-draft-landing-v2 .daily-format-card__lede {
    color: var(--daily-muted);
    display: grid;
    gap: 0.35rem;
    line-height: 1.52;
    margin: 0 0 1rem;
    min-height: 0;
}

.daily-draft-landing-v2 .daily-format-card__lede strong {
    color: #f4eee2;
    font-size: 0.92rem;
}

.daily-draft-landing-v2 .daily-format-card__features {
    margin: 0 0 1.1rem;
}

.daily-draft-landing-v2 .daily-format-card__features li {
    background: var(--lane-soft);
    border-color: color-mix(in srgb, var(--lane) 38%, transparent);
    color: color-mix(in srgb, var(--lane) 68%, white);
}

.daily-draft-landing-v2 .daily-format-card__facts {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.daily-draft-landing-v2 .daily-format-card__facts div {
    background: rgba(255, 255, 255, 0.025);
    display: grid;
    gap: 0.15rem;
    justify-content: stretch;
    padding: 0.65rem 0.55rem;
}

.daily-draft-landing-v2 .daily-format-card__facts dt {
    color: var(--daily-faint);
    font-size: 0.6rem;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.daily-draft-landing-v2 .daily-format-card__facts dd {
    color: #f7f1e5;
    font-size: 0.82rem;
    font-weight: 750;
}

.daily-draft-landing-v2 .daily-format-card__facts small {
    color: var(--daily-muted);
    font-size: 0.58rem;
    line-height: 1.2;
}

.daily-draft-landing-v2 .daily-format-card__notes {
    margin-top: 1rem;
    padding-top: 0;
}

.daily-draft-landing-v2 .daily-format-card__notes summary {
    align-items: center;
    color: var(--lane);
    display: flex;
    justify-content: space-between;
    padding: 0.8rem 0;
}

.daily-draft-landing-v2 .daily-format-card__notes summary span { font-weight: 750; }
.daily-draft-landing-v2 .daily-format-card__notes summary small { color: var(--daily-faint); }

.daily-format-card__notebook {
    border-left: 2px solid var(--lane);
    margin-bottom: 0.8rem;
    padding: 0 0 0.2rem 0.9rem;
}

.daily-draft-landing-v2 .daily-format-card__notebook p {
    color: var(--daily-muted);
    line-height: 1.5;
    margin: 0 0 0.7rem;
}

.daily-draft-landing-v2 .daily-format-card__notebook p strong {
    color: #eee9dd;
    display: block;
    font-size: 0.67rem;
    letter-spacing: 0.08em;
    margin-bottom: 0.15rem;
    text-transform: uppercase;
}

.daily-format-card__history {
    line-height: 1.45;
    margin: 0.5rem 0 0.8rem;
    padding-left: 1rem;
}

.daily-format-card__history a { color: var(--lane); }
.daily-draft-landing-v2 .daily-format-card__rules { font-size: 0.66rem; }

.daily-draft-landing-v2 .daily-format-card__action {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    margin-top: 0.7rem;
    padding: 1rem 1.4rem 1.25rem;
}

.daily-draft-landing-v2 .daily-primary-action {
    background: var(--lane);
    border-color: var(--lane);
    color: #101412;
    min-height: 3rem;
}

.daily-draft-landing-v2 .daily-primary-action:hover {
    background: color-mix(in srgb, var(--lane) 82%, white);
    border-color: color-mix(in srgb, var(--lane) 82%, white);
    color: #101412;
}

.daily-field-pitch {
    align-items: center;
    background:
        radial-gradient(circle at 90% 20%, rgba(169, 133, 218, 0.14), transparent 24rem),
        linear-gradient(140deg, #1c221f, #121614);
    border: 1px solid var(--daily-border);
    border-radius: 1rem;
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 0.9fr) minmax(30rem, 1.1fr);
    margin: 0 0 1.4rem;
    padding: clamp(1.4rem, 4vw, 3rem);
}

.daily-field-pitch h2 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 4vw, 3.4rem);
    font-weight: 500;
    line-height: 1;
    margin: 0 0 0.75rem;
}

.daily-field-pitch > div > p:last-child {
    color: var(--daily-muted);
    line-height: 1.6;
    margin: 0;
}

.daily-field-pitch ol {
    counter-reset: none;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.daily-field-pitch li {
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0.65rem;
    display: grid;
    gap: 0.2rem;
    min-height: 7rem;
    padding: 0.75rem;
}

.daily-field-pitch li span {
    color: var(--daily-faint);
    font: 700 0.65rem/1 ui-monospace, SFMono-Regular, Consolas, monospace;
}

.daily-field-pitch li b { align-self: end; color: #f4eee2; }
.daily-field-pitch li small { color: var(--daily-muted); font-size: 0.64rem; }
.daily-field-pitch li:nth-child(3) { border-color: rgba(209, 132, 84, 0.45); }
.daily-field-pitch li:nth-child(4) { border-color: rgba(121, 175, 154, 0.45); }

.daily-draft-landing-v2 .daily-bot-cast {
    margin-bottom: 1.4rem;
}

@media (max-width: 1120px) {
    .daily-roster-hero { grid-template-columns: minmax(0, 1fr) 18rem; }
    .daily-draft-landing-v2 .daily-format-card__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .daily-field-pitch { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
    .daily-roster-hero { grid-template-columns: 1fr; }
    .daily-roster-legend { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .daily-roster-legend li {
        border-bottom: 0;
        border-right: 1px solid rgba(255, 255, 255, 0.09);
        display: grid;
        font-size: 1rem;
        gap: 0.3rem;
        grid-template-columns: 1fr;
        padding-left: 0.55rem;
    }
    .daily-roster-legend li:last-child { border-right: 0; }
    .daily-roster-promise { grid-template-columns: 1fr; }
    .daily-draft-landing-v2 .daily-format-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
    .daily-draft-landing-v2 { padding: 0; }
    .daily-roster-hero { border-radius: 0.8rem; padding: 1.4rem 1.1rem; }
    .daily-roster-hero__copy h1 { font-size: clamp(2.55rem, 15vw, 4rem); }
    .daily-roster-legend { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .daily-roster-legend li:nth-child(2) { border-right: 0; }
    .daily-draft-landing-v2 .daily-format-card__masthead div span { display: none; }
    .daily-draft-landing-v2 .daily-format-card__body { padding: 1.15rem 1rem 0; }
    .daily-draft-landing-v2 .daily-format-card__action { padding: 1rem; }
    .daily-draft-landing-v2 .daily-format-card__visual,
    .daily-draft-landing-v2 .daily-format-card__packs,
    .daily-draft-landing-v2 .daily-format-card__key-art { min-height: 12.5rem; height: 12.5rem; }
    .daily-pack-product__image { height: 9rem; }
    .daily-field-pitch { padding: 1.3rem 1rem; }
    .daily-field-pitch ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .daily-field-pitch li { min-height: 5.5rem; }
}

/* Pack It Up: the landing stays sealed until the red-button wall reveal. */
.daily-chaos-card-wall {
    align-content: center;
    background: linear-gradient(145deg, #24150f, #0b0e0d 68%);
    display: grid;
    gap: 0.22rem;
    grid-template-columns: repeat(7, 1fr);
    height: 100%;
    inset: 0;
    padding: 1.3rem 1.7rem 2.1rem;
    position: absolute;
    width: 100%;
}

.daily-chaos-card-wall i,
.daily-chaos-sealed__wall i,
.chaos-wall i {
    background:
        linear-gradient(160deg, hsl(calc(var(--wall-tile) * 31deg) 56% 48%), #171817 72%);
    border: 1px solid rgba(255, 238, 202, 0.18);
    border-radius: 0.16rem;
    box-shadow: 0 0.18rem 0.4rem rgba(0, 0, 0, 0.38);
    aspect-ratio: 0.69;
    min-height: 0;
    overflow: hidden;
    position: relative;
    transform: rotate(calc((var(--wall-tile) - 14) * 0.06deg));
}

.daily-chaos-card-wall i img,
.daily-chaos-sealed__wall i img,
.chaos-wall i img {
    background: radial-gradient(circle, #3a332c, #111412 75%);
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.daily-chaos-card-wall i::after,
.daily-chaos-sealed__wall i::after,
.chaos-wall i::after {
    background: linear-gradient(140deg, rgba(255,255,255,0.12), transparent 38%, rgba(0,0,0,0.18));
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.daily-chaos-card-wall b {
    align-items: center;
    background: #d34e36;
    border: 0.28rem solid #f2b461;
    border-radius: 50%;
    bottom: 0.75rem;
    box-shadow: 0 0 1.2rem rgba(235, 74, 49, 0.72);
    color: #fff6df;
    display: flex;
    font: 900 1.6rem/1 Georgia, serif;
    height: 3.5rem;
    justify-content: center;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 3.5rem;
}

.daily-chaos-sealed {
    background: #0c0e0d;
    border: 1px solid rgba(239, 177, 96, 0.22);
    display: grid;
    grid-template-columns: minmax(12rem, 1.05fr) minmax(11rem, 0.95fr);
    min-height: 23rem;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.daily-chaos-sealed__wall {
    align-content: center;
    background: linear-gradient(145deg, #25140c, #101311);
    display: grid;
    gap: 0.35rem;
    grid-template-columns: repeat(8, 1fr);
    padding: 1.6rem 3rem 4.5rem 1.6rem;
}

.daily-chaos-sealed__button {
    background: linear-gradient(100deg, #151719, #27201e 52%, #111314);
    bottom: -2.7rem;
    clip-path: polygon(18% 0, 82% 0, 100% 100%, 0 100%);
    height: 8.5rem;
    left: 32%;
    position: absolute;
    width: 8rem;
}

.daily-chaos-sealed__button span {
    background: radial-gradient(circle at 40% 30%, #ff9a67, #dd3227 42%, #641813 72%);
    border: 0.25rem solid #d5aa6f;
    border-radius: 50%;
    box-shadow: 0 0 1.4rem rgba(237, 65, 45, 0.7);
    display: block;
    height: 3.2rem;
    margin: -1.1rem auto 0;
    width: 3.2rem;
}

.daily-chaos-sealed__copy {
    align-content: center;
    background:
        radial-gradient(circle at 20% 50%, rgba(214, 61, 43, 0.16), transparent 40%),
        linear-gradient(135deg, #151917, #0c0e0d);
    display: grid;
    gap: 0.65rem;
    padding: 2.2rem;
}

.daily-chaos-sealed__copy > span {
    color: #e1905c;
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.daily-chaos-sealed__copy strong {
    color: #fff3dc;
    font: 600 clamp(1.7rem, 3vw, 2.6rem)/1.02 Georgia, serif;
}

.daily-chaos-sealed__copy p {
    color: #bdb8ad;
    line-height: 1.5;
    margin: 0;
}

.chaos-reveal {
    color: #f7eddb;
    display: grid;
    gap: 1rem;
}

.chaos-reveal__header {
    align-items: end;
    background: #121614;
    border: 1px solid var(--daily-border);
    border-radius: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 1.3rem 1.5rem;
}

.chaos-reveal__header h1 {
    font: 600 clamp(2rem, 4vw, 3.8rem)/0.98 Georgia, serif;
    margin: 0.2rem 0 0.55rem;
}

.chaos-reveal__header p:last-child {
    color: #bdb8ae;
    line-height: 1.45;
    margin: 0;
    max-width: 65rem;
}

.chaos-reveal__stage {
    background: #0b0d0c;
    border: 1px solid rgba(234, 157, 76, 0.24);
    border-radius: 1rem;
    display: grid;
    grid-template-columns: minmax(24rem, 1.25fr) minmax(25rem, 0.75fr);
    min-height: 37rem;
    overflow: hidden;
}

.chaos-wall {
    align-content: center;
    background:
        linear-gradient(90deg, transparent 94%, rgba(255,255,255,0.06) 94%),
        radial-gradient(circle at 50% 35%, rgba(238, 151, 69, 0.2), transparent 43%),
        linear-gradient(145deg, #25150e, #101311 72%);
    display: grid;
    gap: 0.42rem;
    grid-template-columns: repeat(12, 1fr);
    padding: 2rem 2rem 5rem;
    position: relative;
}

.chaos-wall::after {
    background: linear-gradient(180deg, #241d1b, #111315);
    bottom: 0;
    clip-path: polygon(14% 0, 86% 0, 100% 100%, 0 100%);
    content: "";
    height: 8rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 11rem;
}

.chaos-wall--key-art {
    display: block;
    overflow: hidden;
    padding: 0;
}

.chaos-wall--key-art::after {
    background:
        linear-gradient(90deg, transparent 62%, rgba(9, 12, 11, 0.22)),
        linear-gradient(180deg, transparent 72%, rgba(9, 12, 11, 0.38));
    clip-path: none;
    height: auto;
    inset: 0;
    transform: none;
    width: auto;
}

.chaos-wall__key-art {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: 44% center;
    width: 100%;
}

.chaos-reveal__show {
    align-content: center;
    background:
        repeating-conic-gradient(from -28deg at 0 50%, #6a2438 0 8deg, #d16838 8deg 16deg, #d3a941 16deg 24deg, #2f826a 24deg 32deg, #315b80 32deg 40deg, #503a77 40deg 48deg),
        #101311;
    display: grid;
    justify-items: center;
    padding: 2rem;
    position: relative;
}

.chaos-reveal__show::before {
    background: linear-gradient(135deg, rgba(15, 18, 17, 0.94), rgba(15, 18, 17, 0.82));
    content: "";
    inset: 0 0 0 12%;
    position: absolute;
}

.chaos-reveal__show > * { position: relative; z-index: 1; }
.chaos-reveal__show .daily-eyebrow { color: #eaa066; margin-bottom: 0.8rem; }

.chaos-booster-carousel {
    background:
        linear-gradient(90deg, #0d100f 0, transparent 17%, transparent 83%, #0d100f 100%),
        rgba(8, 10, 9, 0.82);
    border: 1px solid rgba(239, 176, 102, 0.26);
    border-radius: 0.75rem;
    height: 8.3rem;
    margin-bottom: 0.75rem;
    overflow: hidden;
    position: relative;
    width: min(100%, 31rem);
}

.chaos-booster-carousel__track {
    align-items: center;
    display: flex;
    gap: 0.55rem;
    height: 100%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: max-content;
}

.chaos-booster-carousel__track span {
    align-items: center;
    background:
        linear-gradient(150deg,
            hsl(calc(var(--wrapper) * 47deg) 62% 55%),
            hsl(calc(var(--wrapper) * 47deg + 28deg) 48% 24%) 64%,
            #171918);
    border: 1px solid rgba(255, 244, 216, 0.3);
    border-radius: 0.28rem;
    box-shadow: 0 0.35rem 0.7rem rgba(0, 0, 0, 0.55);
    display: flex;
    flex: 0 0 auto;
    height: 6.35rem;
    justify-content: center;
    transform: perspective(18rem) rotateY(calc((var(--wrapper) - 4) * 2deg));
    width: 4.15rem;
}

.chaos-booster-carousel__track img {
    border-radius: inherit;
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.chaos-booster-carousel__track b {
    color: rgba(255, 247, 226, 0.86);
    font: 800 1.2rem/1 ui-monospace, monospace;
}

.chaos-booster-carousel > i {
    border-bottom: 0.55rem solid #ef8a4e;
    border-left: 0.42rem solid transparent;
    border-right: 0.42rem solid transparent;
    filter: drop-shadow(0 0 0.35rem rgba(239, 105, 67, 0.85));
    height: 0;
    left: 50%;
    position: absolute;
    top: 0.25rem;
    transform: translateX(-50%) rotate(180deg);
    width: 0;
    z-index: 2;
}

.chaos-booster-carousel::after {
    border: 1px solid rgba(245, 171, 91, 0.58);
    border-bottom: 0;
    border-top: 0;
    content: "";
    inset: 0 41%;
    pointer-events: none;
    position: absolute;
}

.chaos-booster-carousel.is-spinning .chaos-booster-carousel__track {
    animation: chaos-booster-spin 0.42s linear infinite;
}

.chaos-booster-carousel.is-dealing .chaos-booster-carousel__track {
    animation: chaos-booster-deal 0.2s linear infinite;
}

.chaos-reveal__result {
    align-items: center;
    background: rgba(10, 13, 12, 0.9);
    border: 1px solid rgba(244, 190, 116, 0.25);
    border-radius: 0.85rem;
    display: grid;
    gap: 1rem;
    grid-template-columns: 6rem 1fr;
    min-height: 8.5rem;
    padding: 0.9rem;
    width: min(100%, 31rem);
}

.chaos-reveal__result.is-spinning {
    animation: chaos-reel 0.13s linear infinite;
}

.chaos-reveal__result.is-dealing {
    animation: chaos-pod-flash 0.21s ease-in-out infinite alternate;
}

.chaos-reveal__pack {
    align-items: center;
    aspect-ratio: 0.69;
    background: linear-gradient(155deg, #d28448, #3c2722 58%, #171918);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 0.3rem;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.chaos-reveal__pack img { height: 100%; object-fit: contain; width: 100%; }
.chaos-reveal__pack span { color: #fff0d5; font: 800 1.5rem/1 ui-monospace, monospace; }
.chaos-reveal__result > div:last-child { display: grid; gap: 0.3rem; min-width: 0; }
.chaos-reveal__result > div:last-child span { color: #d88b5b; font-size: 0.65rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.chaos-reveal__result strong { color: #fff5e1; font: 600 1.4rem/1.12 Georgia, serif; }
.chaos-reveal__result small { color: #b9b4aa; line-height: 1.35; }

.chaos-pedestal {
    background: linear-gradient(100deg, #121415, #29211f 50%, #111314);
    clip-path: polygon(20% 0, 80% 0, 100% 100%, 0 100%);
    height: 7rem;
    margin: 2.4rem 0 -3.5rem;
    width: 8rem;
}

.chaos-pedestal span {
    background: radial-gradient(circle at 40% 28%, #ffa476, #dd3028 40%, #641714 72%);
    border: 0.28rem solid #d8ad72;
    border-radius: 50%;
    box-shadow: 0 0 1.6rem rgba(238, 60, 43, 0.78);
    display: block;
    height: 3.4rem;
    margin: -1.3rem auto 0;
    width: 3.4rem;
}

.chaos-spin-button {
    background: linear-gradient(#ef5b3f, #b5201e);
    border: 0.18rem solid #f3b067;
    border-radius: 999px;
    box-shadow: 0 0.45rem 0 #681918, 0 0 1.4rem rgba(235, 60, 42, 0.55);
    color: #fff8e9;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    min-height: 4rem;
    min-width: 13rem;
    padding: 0.8rem 1.4rem;
    text-transform: uppercase;
}

.chaos-spin-button:hover { filter: brightness(1.08); transform: translateY(-1px); }
.chaos-spin-button:active { box-shadow: 0 0.18rem 0 #681918; transform: translateY(0.25rem); }
.chaos-spin-button:disabled { cursor: wait; filter: grayscale(0.45); opacity: 0.72; }
.chaos-reveal__status { color: #c9c2b6; font-size: 0.75rem; margin: 1rem 0 0; }

.chaos-pool,
.chaos-order {
    background: #121614;
    border: 1px solid var(--daily-border);
    border-radius: 1rem;
    padding: 1.35rem;
}

.chaos-pool__heading {
    align-items: end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.chaos-pool__heading h2,
.chaos-order h2 { font: 600 1.7rem/1.1 Georgia, serif; margin: 0.15rem 0 0; }
.chaos-pool__heading > p { color: #c8c1b4; font-size: 0.75rem; margin: 0; }
.chaos-pool__you-dot { background: #e2723e; border-radius: 50%; display: inline-block; height: 0.55rem; margin-right: 0.35rem; width: 0.55rem; }

.chaos-pool__grid {
    display: grid;
    gap: 0.6rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.chaos-pool__grid li {
    background: rgba(255,255,255,0.025);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 0.55rem;
    display: grid;
    gap: 0.24rem;
    min-height: 6rem;
    padding: 0.75rem;
}

.chaos-pool__grid li.is-yours { border-color: rgba(226, 114, 62, 0.52); }
.chaos-pool__grid li.is-revealed { background: rgba(226, 114, 62, 0.06); }
.chaos-pool__grid li.is-flashing { animation: chaos-ledger-flash 0.42s ease-out; }
.chaos-pool__grid span { color: #8f8d86; font-size: 0.62rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.chaos-pool__grid strong { align-self: end; color: #f3ead9; line-height: 1.15; }
.chaos-pool__grid small { color: #b4afa6; font-size: 0.7rem; }

.chaos-order {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(15rem, 0.7fr) minmax(22rem, 1fr) auto;
}

.chaos-order[hidden] { display: none; }
.chaos-order > div > p:last-child { color: #aaa69e; line-height: 1.45; margin: 0.55rem 0 0; }
.chaos-order__list { display: grid; gap: 0.5rem; list-style: none; margin: 0; padding: 0; }
.chaos-order__list li { align-items: center; background: rgba(255,255,255,0.035); border: 1px solid rgba(226,114,62,0.32); border-radius: 0.6rem; display: grid; gap: 0.65rem; grid-template-columns: 2.5rem 1fr auto; padding: 0.6rem; }
.chaos-order__number { align-items: center; background: #d86c3c; border-radius: 50%; color: #171410; display: flex; font-weight: 900; height: 2rem; justify-content: center; width: 2rem; }
.chaos-order__name { display: grid; gap: 0.1rem; }
.chaos-order__name strong { color: #f4ebda; }
.chaos-order__name small { color: #aaa69e; }
.chaos-order__controls { display: flex; gap: 0.3rem; }
.chaos-order__controls button { background: #202522; border: 1px solid #4a4e49; border-radius: 0.4rem; color: #f2eadc; cursor: pointer; height: 2rem; width: 2rem; }
.chaos-order__controls button:disabled { opacity: 0.25; }
.chaos-order > .daily-primary-action { align-self: center; min-width: 13rem; }
.chaos-order__status { color: #c8c1b4; grid-column: 2 / -1; margin: 0; }
.chaos-reveal__credit { color: #85847f; font-size: 0.68rem; margin: 0 0 1rem; text-align: right; }
.chaos-reveal__credit a { color: #c8875e; }

@keyframes chaos-reel {
    0% { transform: translateY(-0.12rem); }
    50% { filter: saturate(1.6) blur(0.7px); transform: translateY(0.12rem); }
    100% { transform: translateY(-0.12rem); }
}

@keyframes chaos-booster-spin {
    from { filter: blur(0.4px) saturate(1.15); transform: translateX(calc(-50% + 8rem)); }
    to { filter: blur(1px) saturate(1.6); transform: translateX(calc(-50% - 8rem)); }
}

@keyframes chaos-booster-deal {
    from { filter: blur(0.5px); transform: translateX(calc(-50% + 3rem)); }
    to { filter: blur(1.4px) saturate(1.55); transform: translateX(calc(-50% - 3rem)); }
}

@keyframes chaos-pod-flash {
    from { border-color: rgba(244, 190, 116, 0.25); filter: brightness(0.94); }
    to { border-color: rgba(245, 119, 72, 0.75); filter: brightness(1.14); }
}

@keyframes chaos-ledger-flash {
    0% { background: rgba(245, 126, 72, 0.55); transform: translateY(-0.2rem); }
    100% { background: rgba(226, 114, 62, 0.06); transform: translateY(0); }
}

@media (max-width: 980px) {
    .daily-chaos-sealed,
    .chaos-reveal__stage { grid-template-columns: 1fr; }
    .chaos-wall { min-height: 26rem; }
    .chaos-reveal__show { min-height: 32rem; }
    .chaos-order { grid-template-columns: 1fr; }
    .chaos-order__status { grid-column: 1; }
}

@media (max-width: 680px) {
    .chaos-reveal__header { align-items: start; flex-direction: column; gap: 1rem; }
    .chaos-reveal__stage { min-height: 0; }
    .chaos-wall { gap: 0.25rem; grid-template-columns: repeat(9, 1fr); min-height: 22rem; padding: 1rem 1rem 4rem; }
    .chaos-wall i:nth-child(n+55) { display: none; }
    .chaos-pool__heading { align-items: start; flex-direction: column; gap: 0.65rem; }
    .chaos-pool__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .daily-chaos-sealed__wall { min-height: 18rem; }
    .daily-chaos-sealed__copy { padding: 1.35rem; }
}

@media (prefers-reduced-motion: reduce) {
    .chaos-reveal__result.is-spinning,
    .chaos-reveal__result.is-dealing,
    .chaos-booster-carousel.is-spinning .chaos-booster-carousel__track,
    .chaos-booster-carousel.is-dealing .chaos-booster-carousel__track,
    .chaos-pool__grid li.is-flashing { animation: none; }
    .chaos-spin-button { transition: none; }
}

/* Daily Draft challenge carousel */
.daily-draft-landing-v3 {
    max-width: 96rem;
    padding: 0 0.35rem;
}

.daily-challenge-overview,
.daily-challenge-stage {
    background:
        radial-gradient(circle at 14% 0%, rgba(121, 175, 154, 0.08), transparent 24rem),
        #111513;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 0.4rem;
    box-shadow: 0 1.4rem 4rem rgba(0, 0, 0, 0.27);
    color: #f5efe4;
    overflow: hidden;
}

.daily-challenge-intro {
    align-items: center;
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: clamp(1.4rem, 3vw, 2.4rem);
}

.daily-challenge-intro__copy h1 {
    color: #fff9ee;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.35rem, 4.6vw, 4.8rem);
    font-weight: 500;
    letter-spacing: -0.055em;
    line-height: 0.94;
    margin: 0.15rem 0 0.65rem;
}

.daily-challenge-intro__copy > p:last-child {
    color: #bdb8ae;
    font-size: clamp(0.92rem, 1.2vw, 1.08rem);
    line-height: 1.55;
    margin: 0;
    max-width: 52rem;
}

.daily-challenge-intro__action,
.daily-challenge-start {
    display: grid;
    gap: 0.45rem;
    justify-items: stretch;
    text-align: center;
}

.daily-challenge-intro__action > span,
.daily-challenge-start > span {
    color: #a9a399;
    font-size: 0.72rem;
}

.daily-challenge-intro__action form,
.daily-challenge-start form {
    margin: 0;
}

.daily-challenge-cta {
    align-items: center;
    background: #df7954;
    border: 1px solid #df7954;
    border-radius: 0;
    color: #fffaf4;
    display: inline-flex;
    font-size: 0.92rem;
    font-weight: 800;
    gap: 1.1rem;
    justify-content: space-between;
    min-height: 3.2rem;
    padding: 0.75rem 1rem;
    text-decoration: none;
    width: 100%;
}

.daily-challenge-intro__action .daily-challenge-cta {
    min-width: 18.5rem;
}

.daily-challenge-cta:hover,
.daily-challenge-cta:focus-visible {
    background: #ee8a64;
    border-color: #ee8a64;
    color: #fff;
    text-decoration: none;
}

.daily-challenge-datebar {
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    color: #a9a399;
    display: flex;
    font-size: 0.68rem;
    font-weight: 800;
    justify-content: space-between;
    letter-spacing: 0.11em;
    min-height: 2.8rem;
    padding: 0.6rem clamp(1rem, 2vw, 1.5rem);
    text-transform: uppercase;
}

.daily-challenge-datebar span { color: #e8e1d6; }

.daily-challenge-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: clamp(34rem, 62vh, 47rem);
}

.daily-draft-landing--permanent .daily-challenge-grid {
    grid-template-columns: minmax(0, 34rem);
    justify-content: center;
}

.daily-draft-landing--permanent .daily-challenge-card {
    border-left: 1px solid rgba(255, 255, 255, 0.14);
}

.daily-challenge-compatibility {
    background: rgba(121, 175, 154, 0.09);
    border-top: 1px solid rgba(121, 175, 154, 0.22);
    color: #bfcac4;
    font-size: 0.76rem;
    margin: 0;
    padding: 0.8rem clamp(1rem, 2vw, 1.5rem);
    text-align: center;
}

.daily-challenge-compatibility strong {
    color: #e8f2ed;
}

.daily-draft-landing--permanent .daily-challenge-carousel {
    display: none;
}

.daily-challenge-card {
    --lane: #79af9a;
    --lane-deep: #25483f;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--lane-deep) 92%, transparent), #0d1210 78%),
        #101513;
    border-right: 1px solid rgba(255, 255, 255, 0.14);
    display: grid;
    grid-template-rows: auto minmax(13rem, 1fr) auto auto auto;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.daily-challenge-card:last-child { border-right: 0; }

.daily-challenge-card::before {
    background:
        radial-gradient(circle at 74% 12%, color-mix(in srgb, var(--lane) 30%, transparent), transparent 27%),
        repeating-linear-gradient(127deg, transparent 0 41px, rgba(255, 255, 255, 0.035) 42px 43px);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
    transition: transform 220ms ease, opacity 220ms ease;
}

.daily-challenge-card--classic {
    --lane: #d2a15f;
    --lane-deep: #68411f;
}

.daily-challenge-card--cube {
    --lane: #a985da;
    --lane-deep: #443261;
}

.daily-challenge-card--crazy {
    --lane: #db7890;
    --lane-deep: #692d3d;
}

.daily-challenge-card:has(.daily-challenge-card__open:hover)::before,
.daily-challenge-card:has(.daily-challenge-card__open:focus-visible)::before {
    opacity: 0.82;
    transform: scale(1.025);
}

.daily-challenge-card:has(.daily-challenge-card__open:focus-visible) {
    outline: 3px solid #fff4df;
    outline-offset: -5px;
    z-index: 4;
}

.daily-challenge-card__open {
    background: transparent;
    border: 0;
    inset: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 3;
}

.daily-challenge-card__topline,
.daily-challenge-card__copy,
.daily-challenge-card__meta,
.daily-challenge-card__footer {
    position: relative;
    z-index: 1;
}

.daily-challenge-card__topline {
    align-items: baseline;
    color: rgba(255, 250, 244, 0.75);
    display: grid;
    font-size: 0.68rem;
    font-weight: 800;
    grid-template-columns: auto 1fr auto;
    letter-spacing: 0.1em;
    padding: 1.1rem 1rem 0;
    text-transform: uppercase;
}

.daily-challenge-card__topline span:nth-child(2) {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    margin-left: 0.7rem;
    padding-left: 0.7rem;
}

.daily-challenge-card__topline strong {
    color: #fffaf4;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1rem;
    font-weight: 500;
    grid-column: 3;
    letter-spacing: 0;
}

.daily-challenge-card__art {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 0;
    padding: 0.9rem 0.65rem;
    position: relative;
    z-index: 1;
}

.daily-challenge-card__pack {
    filter: drop-shadow(0 0.85rem 0.8rem rgba(0, 0, 0, 0.42));
    height: min(13.5rem, 24vh);
    max-width: 78%;
    object-fit: contain;
    position: absolute;
    transition: transform 220ms ease;
}

.daily-challenge-card__pack--1 { transform: rotate(-5deg) translateX(-12%); z-index: 2; }
.daily-challenge-card__pack--2 { transform: rotate(6deg) translateX(15%); z-index: 1; }
.daily-challenge-card__pack--3 { transform: rotate(1deg) scale(0.94); z-index: 3; }

.daily-challenge-card:has(.daily-challenge-card__open:hover) .daily-challenge-card__pack--1,
.daily-challenge-card:has(.daily-challenge-card__open:focus-visible) .daily-challenge-card__pack--1 {
    transform: rotate(-7deg) translateX(-17%) translateY(-0.3rem);
}

.daily-challenge-card:has(.daily-challenge-card__open:hover) .daily-challenge-card__pack--2,
.daily-challenge-card:has(.daily-challenge-card__open:focus-visible) .daily-challenge-card__pack--2 {
    transform: rotate(8deg) translateX(20%) translateY(-0.3rem);
}

.daily-challenge-card__key-art {
    height: 100%;
    inset: 0;
    object-fit: cover;
    opacity: 0.78;
    position: absolute;
    width: 100%;
}

.daily-challenge-card__art:has(.daily-challenge-card__key-art)::after {
    background: linear-gradient(180deg, transparent, var(--lane-deep));
    content: "";
    inset: 0;
    position: absolute;
}

.daily-challenge-card__fallback {
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    color: #fffaf4;
    display: flex;
    font: 500 clamp(2.3rem, 4vw, 4rem)/1 Georgia, "Times New Roman", serif;
    height: 7rem;
    justify-content: center;
    width: 7rem;
}

.daily-challenge-card__copy {
    padding: 0.2rem 1rem 1rem;
}

.daily-challenge-card__copy > p:first-child {
    color: color-mix(in srgb, var(--lane) 72%, white);
    font-size: 0.64rem;
    letter-spacing: 0.08em;
    margin: 0 0 0.35rem;
    text-transform: uppercase;
}

.daily-challenge-card__copy h2 {
    color: #fff9ef;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.55rem, 2.3vw, 2.55rem);
    font-weight: 500;
    letter-spacing: -0.035em;
    line-height: 0.98;
    margin: 0 0 0.65rem;
    overflow-wrap: anywhere;
}

.daily-challenge-card__copy > p:last-child {
    color: #d4cec3;
    font-size: 0.79rem;
    line-height: 1.4;
    margin: 0;
}

.daily-challenge-card__meta {
    border-top: 1px solid rgba(255, 255, 255, 0.13);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 1rem;
}

.daily-challenge-card__meta div {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
    padding: 0.75rem 0.35rem 0.75rem 0;
}

.daily-challenge-card__meta dt {
    color: rgba(255, 250, 244, 0.55);
    font-size: 0.56rem;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.daily-challenge-card__meta dd {
    color: #fffaf4;
    font-size: 0.72rem;
    font-weight: 800;
    margin: 0;
}

.daily-challenge-card__meta small {
    color: rgba(255, 250, 244, 0.57);
    font-size: 0.56rem;
    line-height: 1.25;
}

.daily-challenge-card__footer {
    align-items: center;
    background: rgba(8, 10, 9, 0.38);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #f7f1e7;
    display: flex;
    font-size: 0.72rem;
    font-weight: 800;
    justify-content: space-between;
    min-height: 3.2rem;
    padding: 0.7rem 1rem;
}

.daily-challenge-card__footer strong {
    color: var(--lane);
    font-size: 1.35rem;
}

.daily-challenge-community {
    color: #a9a399;
    font-size: 0.72rem;
    letter-spacing: 0.03em;
    margin: 0;
    padding: 0.9rem 1rem 0.5rem;
    text-align: center;
}

.daily-challenge-stage {
    min-height: 0;
    position: relative;
}

.daily-challenge-stage__toolbar {
    align-items: center;
    background: #151411;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    display: flex;
    justify-content: space-between;
    min-height: 4rem;
    padding: 0.65rem clamp(1rem, 2.5vw, 2rem);
}

.daily-challenge-stage__toolbar > div {
    align-items: end;
    color: #aaa49a;
    display: grid;
    font-size: 0.64rem;
    gap: 0.12rem;
    letter-spacing: 0.1em;
    text-align: right;
    text-transform: uppercase;
}

.daily-challenge-stage__toolbar [data-challenge-counter] {
    color: #f4eee3;
    font-weight: 800;
}

.daily-challenge-back {
    background: transparent;
    border: 0;
    color: #cfc8bd;
    font-size: 0.82rem;
    padding: 0.45rem 0;
}

.daily-challenge-back:hover { color: #fffaf4; }

.daily-challenge-slide {
    --lane: #79af9a;
    --lane-deep: #25483f;
    background: #111513;
    min-height: 0;
}

.daily-challenge-slide--classic {
    --lane: #d2a15f;
    --lane-deep: #68411f;
}

.daily-challenge-slide--cube {
    --lane: #a985da;
    --lane-deep: #443261;
}

.daily-challenge-slide--crazy {
    --lane: #db7890;
    --lane-deep: #692d3d;
}

.daily-challenge-slide__lead {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(20rem, 0.72fr);
    min-height: 34rem;
}

.daily-challenge-slide__hero {
    background:
        linear-gradient(90deg, rgba(8, 12, 10, 0.58), transparent 72%),
        radial-gradient(circle at 74% 18%, color-mix(in srgb, var(--lane) 30%, transparent), transparent 28rem),
        repeating-linear-gradient(130deg, transparent 0 57px, rgba(255, 255, 255, 0.032) 58px 59px),
        linear-gradient(150deg, var(--lane-deep), #111513 84%);
    display: grid;
    gap: clamp(1.35rem, 2.4vw, 2.5rem);
    grid-template-columns: minmax(20rem, 1.08fr) minmax(16rem, 0.92fr);
    padding: clamp(2rem, 3vw, 3.25rem) clamp(3.5rem, 5vw, 5.5rem);
}

.daily-challenge-slide__headline {
    align-self: start;
    padding-top: 0.35rem;
}

.daily-challenge-slide__headline .daily-eyebrow {
    color: color-mix(in srgb, var(--lane) 70%, white);
}

.daily-challenge-slide__headline h2 {
    color: #fff9ef;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(3.35rem, 5.8vw, 6.4rem);
    font-weight: 500;
    letter-spacing: -0.06em;
    line-height: 0.86;
    margin: 0.3rem 0 1.25rem;
    overflow-wrap: anywhere;
}

.daily-challenge-slide__tagline {
    color: #fff7eb;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.15rem, 2vw, 1.55rem);
    line-height: 1.25;
    margin: 0 0 0.7rem;
}

.daily-challenge-slide__description {
    color: #d2ccc1;
    line-height: 1.6;
    margin: 0;
    max-width: 42rem;
}

.daily-challenge-products {
    align-content: start;
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    min-width: 0;
}

.daily-challenge-product {
    flex: 1 1 8rem;
    margin: 0;
    max-width: 15rem;
    min-width: 7rem;
    text-align: center;
}

.daily-challenge-product > div {
    align-items: center;
    display: flex;
    height: clamp(11rem, 22vh, 17rem);
    justify-content: center;
    position: relative;
}

.daily-challenge-product img {
    filter: drop-shadow(0 0.8rem 0.8rem rgba(0, 0, 0, 0.42));
    height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.daily-challenge-product figcaption {
    color: #bdb7ad;
    display: grid;
    font-size: 0.61rem;
    gap: 0.15rem;
    line-height: 1.25;
    margin-top: 0.5rem;
}

.daily-challenge-product figcaption strong {
    color: #f5eee3;
    font-size: 0.68rem;
    font-weight: 750;
}

.daily-challenge-product__quantity {
    align-items: center;
    background: var(--lane);
    border: 2px solid #111513;
    border-radius: 50%;
    bottom: 0;
    color: #101412;
    display: flex;
    font-size: 0.68rem;
    font-weight: 900;
    height: 1.8rem;
    justify-content: center;
    position: absolute;
    right: 4%;
    width: 1.8rem;
}

.daily-challenge-product__fallback {
    align-items: center;
    background: rgba(10, 12, 11, 0.33);
    border: 1px solid rgba(255, 255, 255, 0.22);
    display: grid;
    height: 8.5rem;
    justify-items: center;
    padding: 1rem;
    width: 6.2rem;
}

.daily-challenge-product__fallback b {
    font: 500 1.5rem/1 Georgia, "Times New Roman", serif;
}

.daily-challenge-product__fallback small { color: #bdb7ad; }

.daily-challenge-product--key-art {
    max-width: 28rem;
}

.daily-challenge-product--key-art img {
    aspect-ratio: 16 / 10;
    height: auto;
    max-height: 23rem;
    object-fit: cover;
    width: 100%;
}

.daily-challenge-tags {
    align-self: start;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    grid-column: 1 / -1;
    list-style: none;
    margin: 0;
    padding: 0;
}

.daily-challenge-tags li {
    background: rgba(9, 12, 10, 0.28);
    border: 1px solid color-mix(in srgb, var(--lane) 42%, transparent);
    color: #eee8dd;
    font-size: 0.68rem;
    padding: 0.4rem 0.58rem;
}

.daily-challenge-slide__sidebar {
    background: #191613;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: start;
    padding: clamp(1.5rem, 3vw, 2.6rem);
}

.daily-challenge-start .daily-challenge-cta {
    background: var(--lane);
    border-color: var(--lane);
    color: #111310;
}

.daily-challenge-start .daily-challenge-cta:hover,
.daily-challenge-start .daily-challenge-cta:focus-visible {
    background: color-mix(in srgb, var(--lane) 84%, white);
    border-color: color-mix(in srgb, var(--lane) 84%, white);
    color: #111310;
}

.daily-challenge-facts {
    margin: 0;
}

.daily-challenge-facts > div {
    align-items: baseline;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    display: grid;
    gap: 0.2rem 0.8rem;
    grid-template-columns: minmax(5.2rem, 0.8fr) minmax(0, 1.2fr);
    padding: 0.72rem 0;
}

.daily-challenge-facts dt {
    color: #aaa49a;
    font-size: 0.73rem;
}

.daily-challenge-facts dd {
    color: #fff9ef;
    font-size: 0.82rem;
    font-weight: 800;
    margin: 0;
}

.daily-challenge-facts small {
    color: #89837a;
    font-size: 0.62rem;
    grid-column: 2;
}

.daily-challenge-story {
    background: #151814;
    border-top: 1px solid rgba(255, 255, 255, 0.11);
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.daily-challenge-story > div {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    padding: clamp(1.2rem, 2.5vw, 2rem);
}

.daily-challenge-story > div:last-child { border-right: 0; }

.daily-challenge-story span,
.daily-challenge-sources h3 {
    color: var(--lane);
    display: block;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    margin: 0 0 0.55rem;
    text-transform: uppercase;
}

.daily-challenge-story p,
.daily-challenge-sources p,
.daily-challenge-sources li {
    color: #bdb7ad;
    font-size: 0.76rem;
    line-height: 1.55;
    margin: 0;
}

.daily-challenge-sources {
    background: #111310;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    padding: clamp(1.2rem, 2.5vw, 2rem);
}

.daily-challenge-sources ul {
    margin: 0;
    padding-left: 1rem;
}

.daily-challenge-sources li + li,
.daily-challenge-sources p + p { margin-top: 0.45rem; }
.daily-challenge-sources a { color: color-mix(in srgb, var(--lane) 72%, white); }

.daily-challenge-carousel {
    display: flex;
    justify-content: space-between;
    left: 1rem;
    pointer-events: none;
    position: absolute;
    right: calc(29.15% + 1rem);
    top: 21rem;
    transform: translateY(-50%);
    z-index: 5;
}

.daily-challenge-carousel button {
    align-items: center;
    backdrop-filter: blur(8px);
    background: rgba(12, 13, 11, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 50%;
    color: #fffaf4;
    display: flex;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.8rem;
    height: 3rem;
    justify-content: center;
    line-height: 1;
    padding: 0 0 0.12rem;
    pointer-events: auto;
    width: 3rem;
}

.daily-challenge-carousel button:hover {
    background: rgba(12, 13, 11, 0.78);
    border-color: #fffaf4;
}

@media (max-width: 1180px) {
    .daily-challenge-card__copy > p:last-child { display: none; }
    .daily-challenge-card__meta { grid-template-columns: 1fr; }
    .daily-challenge-card__meta div {
        align-items: baseline;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        grid-template-columns: 3.5rem 1fr;
    }
    .daily-challenge-card__meta div:last-child { border-bottom: 0; }
    .daily-challenge-card__meta small { display: none; }
    .daily-challenge-slide__hero {
        grid-template-columns: 1fr;
        padding-left: 4.5rem;
        padding-right: 4.5rem;
    }
    .daily-challenge-products { min-height: 13rem; }
    .daily-challenge-story { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .daily-challenge-story > div:nth-child(2) { border-right: 0; }
    .daily-challenge-story > div:nth-child(n + 3) { border-top: 1px solid rgba(255, 255, 255, 0.1); }
}

@media (max-width: 900px) {
    .daily-challenge-intro { grid-template-columns: minmax(0, 1fr) minmax(15rem, 0.55fr); }
    .daily-challenge-intro__action .daily-challenge-cta { min-width: 0; }
    .daily-challenge-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .daily-challenge-card {
        border-bottom: 1px solid rgba(255, 255, 255, 0.14);
        grid-template-rows: auto minmax(12rem, 1fr) auto auto auto;
        min-height: 32rem;
    }
    .daily-challenge-card:nth-child(2n) { border-right: 0; }
    .daily-challenge-card:nth-last-child(-n + 2) { border-bottom: 0; }
    .daily-challenge-card__copy > p:last-child { display: block; }
    .daily-challenge-card__meta { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .daily-challenge-card__meta div {
        border-bottom: 0;
        display: grid;
        grid-template-columns: 1fr;
    }
    .daily-challenge-card__meta small { display: block; }
    .daily-challenge-slide__lead { grid-template-columns: 1fr; }
    .daily-challenge-slide__sidebar { display: grid; grid-template-columns: minmax(14rem, 0.75fr) minmax(18rem, 1.25fr); }
    .daily-challenge-carousel { right: 1rem; top: 26rem; }
}

@media (max-width: 640px) {
    .daily-draft-landing-v3 { padding: 0; }
    .daily-challenge-overview,
    .daily-challenge-stage { border-radius: 0.3rem; }
    .daily-challenge-intro {
        align-items: stretch;
        gap: 1.2rem;
        grid-template-columns: 1fr;
        padding: 1.25rem 1rem;
    }
    .daily-challenge-intro__copy h1 { font-size: clamp(2.45rem, 12vw, 3.6rem); }
    .daily-challenge-intro__copy > p:last-child { display: none; }
    .daily-challenge-intro__action .daily-challenge-cta { justify-content: center; }
    .daily-challenge-datebar { min-height: 2.5rem; }
    .daily-challenge-grid { min-height: 0; }
    .daily-challenge-card {
        grid-template-rows: auto 10rem auto auto;
        min-height: 25.5rem;
    }
    .daily-challenge-card__topline { padding: 0.9rem 0.75rem 0; }
    .daily-challenge-card__topline span:nth-child(2) { display: none; }
    .daily-challenge-card__pack { height: 9rem; max-width: 86%; }
    .daily-challenge-card__copy { padding: 0.25rem 0.75rem 0.8rem; }
    .daily-challenge-card__copy > p:first-child { font-size: 0.58rem; }
    .daily-challenge-card__copy h2 { font-size: clamp(1.22rem, 5.8vw, 1.7rem); }
    .daily-challenge-card__copy > p:last-child { display: none; }
    .daily-challenge-card__meta { margin: 0 0.75rem; }
    .daily-challenge-card__meta div { padding: 0.6rem 0.18rem; }
    .daily-challenge-card__meta dt,
    .daily-challenge-card__meta small { display: none; }
    .daily-challenge-card__meta dd { font-size: 0.62rem; }
    .daily-challenge-card__footer { min-height: 2.8rem; padding: 0.55rem 0.75rem; }
    .daily-challenge-card__footer span { max-width: 8rem; }
    .daily-challenge-community { line-height: 1.4; }
    .daily-challenge-stage { min-height: 0; }
    .daily-challenge-stage__toolbar { min-height: 3.6rem; }
    .daily-challenge-stage__toolbar time:not(.daily-draft-countdown) { display: none; }
    .daily-challenge-slide { min-height: 0; }
    .daily-challenge-slide__lead { min-height: 0; }
    .daily-challenge-slide__hero {
        gap: 1.25rem;
        padding: 2rem 3.8rem 2rem 1.25rem;
    }
    .daily-challenge-slide__headline h2 { font-size: clamp(3rem, 15vw, 5rem); }
    .daily-challenge-slide__description { font-size: 0.84rem; }
    .daily-challenge-products { min-height: 12rem; }
    .daily-challenge-product { max-width: 8rem; }
    .daily-challenge-product > div { height: 9rem; }
    .daily-challenge-tags { gap: 0.35rem; }
    .daily-challenge-slide__sidebar {
        display: flex;
        padding: 1.25rem 1rem;
    }
    .daily-challenge-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .daily-challenge-facts > div {
        align-content: start;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        grid-template-columns: 1fr;
        padding: 0.65rem;
    }
    .daily-challenge-facts > div:nth-child(2n) { border-right: 0; }
    .daily-challenge-facts small { grid-column: 1; }
    .daily-challenge-story { grid-template-columns: 1fr; }
    .daily-challenge-story > div,
    .daily-challenge-story > div:nth-child(2) {
        border-right: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    .daily-challenge-story > div:first-child { border-top: 0; }
    .daily-challenge-carousel {
        gap: 0.45rem;
        justify-content: flex-end;
        left: auto;
        right: 0.7rem;
        top: 15rem;
        transform: none;
    }
    .daily-challenge-carousel button { height: 2.65rem; width: 2.65rem; }
}

@media (prefers-reduced-motion: reduce) {
    .daily-challenge-card::before,
    .daily-challenge-card__pack { transition: none; }
}

/* Daily Draft review: one current, transparent view after deck submission. */
.daily-review-map {
    background: var(--daily-review-map-background);
    border-radius: 0.65rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0.85rem 0;
    overflow: hidden;
}

.daily-review-map > a {
    color: #fff;
    display: grid;
    gap: 0.1rem;
    min-width: 0;
    padding: 0.9rem 1rem;
    position: relative;
    text-decoration: none;
}

.daily-review-map > a + a { border-left: 1px solid rgba(255, 255, 255, 0.16); }
.daily-review-map > a:hover { background: rgba(255, 255, 255, 0.09); color: #fff; }
.daily-review-map strong { color: #e8bd70; font: 700 1.65rem/1 Georgia, "Times New Roman", serif; }
.daily-review-map span { font-size: 0.8rem; font-weight: 850; }
.daily-review-map small { color: rgba(255, 255, 255, 0.64); font-size: 0.65rem; }

.daily-standing-deck {
    color: var(--daily-ink);
    display: block;
    font-weight: 850;
    line-height: 1.25;
}

a.daily-standing-deck:hover { color: var(--daily-accent); }
.daily-review-standings td > small,
.daily-arena-table td > small {
    color: var(--daily-muted);
    display: block;
    font-size: 0.65rem;
    margin-top: 0.15rem;
}

.daily-standing-kind {
    background: var(--daily-success-soft);
    border-radius: 99rem;
    color: var(--daily-success);
    display: inline-block;
    font-size: 0.6rem;
    font-weight: 850;
    padding: 0.25rem 0.45rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.daily-standing-kind--candle {
    background: #f4e8cb;
    color: #6d4b16;
}

.daily-standing-kind--rival {
    background: var(--daily-accent);
    color: #fff;
}

.daily-arena-row--candle { background: rgba(154, 107, 47, 0.07); }
.daily-arena-row--rival { background: color-mix(in srgb, var(--daily-accent) 13%, var(--daily-paper)); }
.daily-arena-row--rival > :first-child { border-left: 0.25rem solid var(--daily-accent); }
.daily-arena-table td > .daily-direct-rival-note {
    color: var(--daily-accent);
    font-weight: 800;
}
.daily-player-standings .daily-table-wrap { margin-top: 0.35rem; }

.daily-p1p1-wall {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr));
    padding: 0.9rem;
}

.daily-p1p1-card {
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 0.6rem;
    display: grid;
    grid-template-rows: minmax(12rem, 1fr) auto;
    min-width: 0;
    overflow: hidden;
}

.daily-p1p1-card--viewer {
    border-color: var(--daily-success);
    box-shadow: inset 0 0 0 1px var(--daily-success);
}

.daily-p1p1-card__visual {
    background: #d8d2c4;
    display: block;
    min-height: 12rem;
    overflow: hidden;
    position: relative;
}

.daily-p1p1-card__visual img,
.daily-p1p1-card__visual > .daily-card-image-fallback {
    height: 100%;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

.daily-p1p1-card__visual > .daily-card-image-fallback {
    align-items: center;
    display: flex;
    font-size: 2rem;
    justify-content: center;
}

.daily-p1p1-card__visual > span:last-child {
    background: #181612;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 99rem;
    bottom: 0.55rem;
    color: #fff;
    font-size: 0.62rem;
    font-weight: 900;
    left: 0.55rem;
    letter-spacing: 0.08em;
    padding: 0.3rem 0.48rem;
    position: absolute;
    text-transform: uppercase;
}

.daily-p1p1-card > div {
    display: flex;
    flex-direction: column;
    min-height: 7.25rem;
    padding: 0.75rem;
}

.daily-p1p1-card h3,
.daily-p1p1-card h4 {
    font: 700 1rem/1.2 Georgia, "Times New Roman", serif;
    margin: 0.1rem 0 0.25rem;
    overflow-wrap: anywhere;
}

.daily-p1p1-card > div > small { color: var(--daily-muted); font-size: 0.67rem; }
.daily-p1p1-card .daily-text-link { display: block; padding-top: 0.65rem; }
.daily-p1p1-section .daily-p1p1-wall {
    grid-template-columns: repeat(auto-fill, minmax(8.75rem, 1fr));
    padding: 0.45rem 0;
}
.daily-p1p1-section .daily-p1p1-card { grid-template-rows: 9.5rem auto; }
.daily-p1p1-section .daily-p1p1-card__visual { min-height: 9.5rem; }
.daily-p1p1-section .daily-p1p1-card > div { min-height: 6.3rem; padding: 0.6rem; }

.daily-decision-empty {
    align-items: baseline;
    background: var(--daily-paper-alt);
    border-left: 0.22rem solid var(--daily-gold);
    border-radius: 0.45rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
    padding: 0.8rem;
}

.daily-decision-empty span { color: var(--daily-muted); font-size: 0.75rem; }
.daily-decision-list { display: grid; gap: 0.8rem; }
.daily-decision-card {
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 0.65rem;
    overflow: hidden;
}
.daily-decision-card--viewer { border-color: color-mix(in srgb, var(--daily-success) 65%, var(--daily-border)); }
.daily-decision-card__header {
    align-items: center;
    border-bottom: 1px solid var(--daily-border);
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 0.7rem 0.8rem;
}
.daily-decision-card__header > span {
    background: var(--daily-ink);
    border-radius: 99rem;
    color: var(--daily-paper);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    padding: 0.38rem 0.58rem;
}
.daily-decision-card__header h4 { font: 700 1rem/1.2 Georgia, "Times New Roman", serif; margin: 0; }
.daily-decision-card__header p { color: var(--daily-muted); font-size: 0.65rem; margin: 0.12rem 0 0; }
.daily-decision-card__header > strong { color: var(--daily-success); font-size: 0.64rem; text-transform: uppercase; }

.daily-decision-pack {
    background: var(--daily-canvas);
    display: flex;
    gap: 0.35rem;
    overflow-x: auto;
    padding: 0.65rem 0.75rem;
    scrollbar-width: thin;
}
.daily-decision-pack__card {
    aspect-ratio: 488 / 680;
    border: 2px solid transparent;
    border-radius: 0.28rem;
    flex: 0 0 3.75rem;
    opacity: 0.5;
    overflow: hidden;
    position: relative;
}
.daily-decision-pack__card.is-picked {
    border-color: var(--daily-accent);
    box-shadow: 0 0 0 1px var(--daily-paper), 0 0 0 3px var(--daily-accent);
    opacity: 1;
}
.daily-decision-pack__card img,
.daily-decision-pack__card > .daily-card-image-fallback,
.daily-decision-choice__visual img,
.daily-decision-choice__visual > .daily-card-image-fallback,
.daily-draft-path__p1p1 img,
.daily-draft-path__p1p1 > .daily-card-image-fallback,
.daily-draft-path__signatures img,
.daily-draft-path__signatures .daily-card-image-fallback {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.daily-decision-pack__card > span:last-child {
    background: var(--daily-accent);
    bottom: 0;
    color: #fff;
    font-size: 0.46rem;
    font-weight: 900;
    left: 0;
    letter-spacing: 0.05em;
    padding: 0.16rem 0.22rem;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
}

.daily-decision-choices {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    padding: 0.75rem;
}
.daily-decision-choices > article {
    align-items: start;
    background: var(--daily-paper);
    border: 1px solid var(--daily-border);
    border-radius: 0.5rem;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: 3.25rem minmax(0, 1fr);
    padding: 0.55rem;
}
.daily-decision-choices > article.is-yours {
    background: var(--daily-success-soft);
    border-color: var(--daily-success);
}
.daily-decision-choice__visual {
    aspect-ratio: 488 / 680;
    background: var(--daily-canvas);
    border-radius: 0.25rem;
    overflow: hidden;
}
.daily-decision-choices p { color: var(--daily-muted); font-size: 0.58rem; font-weight: 850; letter-spacing: 0.07em; margin: 0; text-transform: uppercase; }
.daily-decision-choices h5 { font: 700 0.92rem/1.2 Georgia, "Times New Roman", serif; margin: 0.08rem 0 0.25rem; }
.daily-decision-choices strong { color: var(--daily-accent); font-size: 0.65rem; }
.daily-decision-choices ul { display: flex; flex-wrap: wrap; gap: 0.25rem 0.55rem; list-style: none; margin: 0.4rem 0 0; padding: 0; }
.daily-decision-choices li { color: var(--daily-muted); font-size: 0.63rem; }
.daily-decision-choices li span { background: var(--daily-success); border-radius: 99rem; color: #fff; font-size: 0.48rem; margin-left: 0.2rem; padding: 0.1rem 0.28rem; text-transform: uppercase; }

.daily-viewer-fork-grid {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.daily-viewer-fork-grid article {
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 0.5rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 0.75rem;
}
.daily-viewer-fork-grid article.is-bold-call { border-top: 3px solid var(--daily-accent); }
.daily-viewer-fork-grid article > span { color: var(--daily-accent); font-size: 0.65rem; font-weight: 900; grid-column: 1 / -1; letter-spacing: 0.08em; }
.daily-viewer-fork-grid p { color: var(--daily-muted); font-size: 0.58rem; font-weight: 850; grid-column: 1; margin: 0.5rem 0 0.08rem; text-transform: uppercase; }
.daily-viewer-fork-grid strong { font: 700 0.92rem/1.2 Georgia, "Times New Roman", serif; grid-column: 1; }
.daily-viewer-fork-grid i { align-self: end; color: var(--daily-faint); font: italic 0.7rem Georgia, "Times New Roman", serif; grid-column: 2; grid-row: 2 / span 2; }
.daily-viewer-fork-grid small { color: var(--daily-muted); font-size: 0.6rem; grid-column: 1 / -1; margin-top: 0.45rem; }

.daily-draft-path-grid { display: grid; gap: 0.6rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.daily-draft-path-grid > article {
    align-items: stretch;
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 0.55rem;
    display: grid;
    gap: 0.7rem;
    grid-template-columns: 4.5rem minmax(0, 1fr) auto;
    min-width: 0;
    overflow: hidden;
    padding: 0.55rem;
}
.daily-draft-path-grid > article.is-yours { border-color: var(--daily-success); box-shadow: inset 0 0 0 1px var(--daily-success); }
.daily-draft-path__p1p1 { aspect-ratio: 488 / 680; background: var(--daily-canvas); border-radius: 0.3rem; overflow: hidden; position: relative; }
.daily-draft-path__p1p1 b { background: #151614; bottom: 0.25rem; color: #fff; font-size: 0.48rem; left: 0.25rem; padding: 0.18rem 0.25rem; position: absolute; }
.daily-draft-path__story { min-width: 0; }
.daily-draft-path__story h4 { font: 700 1rem/1.15 Georgia, "Times New Roman", serif; margin: 0 0 0.22rem; }
.daily-draft-path__story > strong { display: block; font-size: 0.68rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.daily-draft-path__story > strong span { color: var(--daily-accent); padding: 0 0.2rem; }
.daily-draft-path__story dl { display: flex; flex-wrap: wrap; gap: 0.25rem 0.65rem; margin: 0.55rem 0 0; }
.daily-draft-path__story dl div { display: flex; gap: 0.2rem; }
.daily-draft-path__story dt { color: var(--daily-muted); font-size: 0.55rem; font-weight: 700; text-transform: uppercase; }
.daily-draft-path__story dd { font-size: 0.58rem; margin: 0; }
.daily-draft-path__story .daily-text-link { display: inline-block; font-size: 0.62rem; margin-top: 0.55rem; }
.daily-draft-path__signatures { align-items: center; display: flex; padding-right: 0.25rem; }
.daily-draft-path__signatures > span { aspect-ratio: 488 / 680; background: var(--daily-canvas); border: 2px solid var(--daily-paper); border-radius: 0.25rem; display: block; overflow: hidden; width: 2.75rem; }
.daily-draft-path__signatures > span + span { margin-left: -1.1rem; transform: rotate(4deg); }
.daily-standard-candles { border-top: 3px solid var(--daily-gold); }
.daily-all-deck-ranking { border-top: 3px solid var(--daily-ink); }

@media (max-width: 760px) {
    .daily-review-map { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .daily-review-map > a:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.16); }
    .daily-review-map > a:nth-child(4) { border-top: 1px solid rgba(255, 255, 255, 0.16); }
    .daily-p1p1-wall { grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr)); }
    .daily-viewer-fork-grid,
    .daily-draft-path-grid { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
    .daily-review-map { grid-template-columns: 1fr; }
    .daily-review-map > a + a { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.16); }
    .daily-p1p1-wall { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0.65rem; }
    .daily-decision-card__header { align-items: start; grid-template-columns: auto minmax(0, 1fr); }
    .daily-decision-card__header > strong { grid-column: 2; }
    .daily-decision-choices { grid-template-columns: 1fr; }
    .daily-draft-path-grid > article { grid-template-columns: 3.8rem minmax(0, 1fr); }
    .daily-draft-path__signatures { display: none; }
}

/* Shared close clock and read-only expired-draft review. */
.daily-draft-countdown {
    align-items: center;
    background: color-mix(in srgb, var(--daily-gold) 15%, var(--daily-paper));
    border: 1px solid color-mix(in srgb, var(--daily-gold) 55%, var(--daily-border));
    border-radius: 999px;
    color: var(--daily-ink);
    display: inline-flex;
    font-size: 0.72rem;
    font-variant-numeric: tabular-nums;
    font-weight: 850;
    letter-spacing: 0.025em;
    min-height: 2rem;
    padding: 0.38rem 0.75rem;
    white-space: nowrap;
}

.daily-draft-countdown.is-urgent {
    background: color-mix(in srgb, var(--daily-accent) 12%, var(--daily-paper));
    border-color: var(--daily-accent);
    color: var(--daily-accent);
}

.daily-draft-countdown.is-closed {
    background: var(--daily-canvas);
    border-color: var(--daily-border);
    color: var(--daily-muted);
}

.daily-challenge-datebar .daily-draft-countdown {
    margin-left: auto;
}

.daily-expired {
    padding-block: clamp(1.5rem, 4vw, 3.5rem);
}

.daily-expired__header {
    align-items: start;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
}

.daily-expired__header h1 {
    font: 700 clamp(2rem, 5vw, 4rem)/0.95 Georgia, "Times New Roman", serif;
    margin: 0.35rem 0 0.8rem;
}

.daily-expired__header p:last-child {
    color: var(--daily-muted);
    max-width: 48rem;
}

.daily-expired__summary {
    align-items: baseline;
    background: var(--daily-ink);
    color: var(--daily-paper);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin: 1.5rem 0;
    padding: 1rem 1.25rem;
}

.daily-expired__summary strong {
    font: 700 1.25rem Georgia, "Times New Roman", serif;
}

.daily-expired-pool {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.daily-expired-pool li {
    align-items: center;
    background: var(--daily-paper-alt);
    border: 1px solid var(--daily-border);
    border-radius: 0.5rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 3.25rem minmax(0, 1fr);
    min-width: 0;
    padding: 0.55rem;
}

.daily-expired-pool img,
.daily-expired-pool__fallback {
    aspect-ratio: 488 / 680;
    background: var(--daily-canvas);
    border-radius: 0.25rem;
    display: grid;
    object-fit: cover;
    overflow: hidden;
    place-items: center;
    width: 3.25rem;
}

.daily-expired-pool li div {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.daily-expired-pool strong,
.daily-expired-pool span,
.daily-expired-pool small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.daily-expired-pool span,
.daily-expired-pool small {
    color: var(--daily-muted);
    font-size: 0.7rem;
}

@media (max-width: 560px) {
    .daily-challenge-datebar {
        align-items: flex-start;
        flex-direction: column;
    }

    .daily-challenge-datebar .daily-draft-countdown {
        margin-left: 0;
    }

    .daily-expired__header,
    .daily-expired__summary {
        align-items: flex-start;
        flex-direction: column;
    }
}