/* (season2) the weekly season on the docv2 shell: the countdown as the hero's art, prize tiles, rule cards, the standings */
.dh-clock{width:300px;padding:20px 20px 18px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 70px rgba(0,0,0,.45)}
.dh-clock .lab{display:block;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7d8394;margin-bottom:12px}
.dh-clock .cd{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.dh-clock .cd div{text-align:center;padding:10px 2px 8px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.dh-clock .cd b{display:block;font:500 24px/1.1 var(--mono);color:var(--neon);font-variant-numeric:tabular-nums}
.dh-clock .cd span{display:block;margin-top:4px;font:500 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#7d8394}
.dh-clock .bar{height:5px;border-radius:99px;background:rgba(255,255,255,.1);margin:16px 0 10px;overflow:hidden}
.dh-clock .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#00b565,#00ff88)}
.dh-clock .foot{display:block;font-size:12px;color:#7d8394}
/* the prizes */
.dm .podium{grid-template-columns:repeat(3,minmax(0,1fr))}
.dm .pz .place{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font:500 11px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--inkdim)}
.dm .pz .place i{width:8px;height:8px;border-radius:50%;background:#f5c451;box-shadow:0 0 10px rgba(245,196,81,.6)}
.dm .pz.s .place i{background:#c9ced6;box-shadow:0 0 10px rgba(201,206,214,.5)}
.dm .pz.b .place i{background:#d9a273;box-shadow:0 0 10px rgba(217,162,115,.5)}
.dm .rest{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 14px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;font-size:14.5px}
.dm .rest b{font:500 15px var(--mono)}
/* the rules */
.dm .rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 14px}
.dm .rules .card{margin:0;padding:20px 22px 18px}
.dm .rules .n{display:block;margin-bottom:12px;font:500 12px var(--mono);letter-spacing:.08em;color:var(--neon)}
.dm .rules b{display:block;font-size:16px;font-weight:600;color:#fff;margin-bottom:4px;letter-spacing:-.01em}
.dm .rules p{margin:0;font-size:14.5px;line-height:1.55}
/* the standings */
.dm table.lb{min-width:620px}
.dm .lb td.rank{font:500 15px var(--mono);width:44px}
.dm .lb .gold{color:#c8951a}.dm .lb .silver{color:#7d8590}.dm .lb .bronze{color:#a9713f}
html[data-theme="dark"] .dm .lb .gold{color:#f5c451}html[data-theme="dark"] .dm .lb .silver{color:#c9ced6}html[data-theme="dark"] .dm .lb .bronze{color:#d9a273}
.dm .lb .pos{color:var(--accent);font-weight:600}.dm .lb .neg{color:var(--red);font-weight:600}
.dm .lb .pill{font:500 12px var(--mono);padding:4px 10px}
.dm .lb tr.muted td{color:var(--dim)}
.dm .lb td.need{font-size:12.5px;color:var(--dim);white-space:normal;min-width:170px}
.dm .card.empty{text-align:center;padding:36px 24px 32px}
.dm .card.empty .ico{margin:0 auto 16px}
.dm .card.empty b{display:block;font-size:20px;font-weight:600;color:#fff;letter-spacing:-.015em;margin-bottom:6px}
.dm .card.empty p{max-width:34em;margin:0 auto 20px}
.dm .card a.cta{color:#04120b;margin:0}
.dr-card .li+p{margin:12px 0 0;font-size:12.5px;color:var(--inkdim)}
/* (flip1) the countdown as split-flap tiles: when a number changes, its top half falls on the hinge to show the new one */
.dh-clock .cd b.fl{position:relative;display:block;width:calc(100% - 10px);max-width:62px;height:38px;margin:0 auto;font:500 24px/38px var(--mono);color:var(--neon);perspective:260px;border-radius:8px;box-shadow:0 6px 14px rgba(0,0,0,.38)}
.dh-clock .cd .fl i{position:absolute;left:0;right:0;height:19px;overflow:hidden;font-style:normal;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.dh-clock .cd .fl i u{display:block;height:38px;line-height:38px;text-align:center;text-decoration:none}
.dh-clock .cd .fl .t,.dh-clock .cd .fl .ft{top:0;border-radius:8px 8px 0 0;background:linear-gradient(#1f242e,#191d25);transform-origin:50% 100%}
.dh-clock .cd .fl .b,.dh-clock .cd .fl .fb{top:19px;border-radius:0 0 8px 8px;background:linear-gradient(#15181f,#101319);transform-origin:50% 0}
.dh-clock .cd .fl .b u,.dh-clock .cd .fl .fb u{margin-top:-19px}
.dh-clock .cd .fl .ft,.dh-clock .cd .fl .fb{z-index:2}
.dh-clock .cd .fl .fb{transform:rotateX(90deg)}
.dh-clock .cd .fl::after{content:"";position:absolute;left:0;right:0;top:18.5px;height:1px;background:rgba(0,0,0,.75);box-shadow:0 1px 0 rgba(255,255,255,.05);z-index:3;pointer-events:none}
.dh-clock .cd .fl.go .ft{animation:tlFlTop .3s cubic-bezier(.55,0,.9,.45) both}
.dh-clock .cd .fl.go .fb{animation:tlFlBot .3s .3s cubic-bezier(.1,.55,.45,1) both}
@keyframes tlFlTop{from{transform:rotateX(0)}to{transform:rotateX(-90deg);filter:brightness(.55)}}
@keyframes tlFlBot{from{transform:rotateX(90deg);filter:brightness(1.6)}to{transform:rotateX(0)}}
.dh-clock .cd .fl .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.dh-clock .cd .fl.go .ft,.dh-clock .cd .fl.go .fb{animation:none}}
@media(max-width:760px){.dh-clock .cd b.fl{font-size:22px}}
@media(max-width:1060px){.dh-clock{width:100%;max-width:440px}}
@media(max-width:760px){.dm .podium,.dm .rules{grid-template-columns:minmax(0,1fr)}.dh-clock{padding:16px 14px 14px}.dh-clock .cd b{font-size:22px}}