/* Tages-Bereich */
.banner{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#1F1B10;border:2px solid var(--gold);border-radius:14px;padding:10px 14px;font-family:var(--display);letter-spacing:.04em;text-transform:uppercase}
.dstreak{font-family:var(--display);font-size:24px;color:#FFB347!important}
.dshare{width:100%;box-sizing:border-box;background:#0E1525;color:var(--fg);border:2px solid var(--gold);border-radius:12px;padding:10px;font:14px/1.4 monospace;resize:none;margin-top:10px}
#dShareWrap{display:flex;flex-direction:column;gap:6px}
#daily{text-align:center}
#daily [hidden]{display:none!important}
.dback{align-self:flex-start;background:none;border:0;color:var(--muted);font:inherit;cursor:pointer;padding:0}
.dcount{color:var(--gold)!important;font-family:var(--display);font-size:18px;letter-spacing:.06em}
.mode:disabled{opacity:.5;cursor:not-allowed}
#dBox,#dHub,#dPlay{display:flex;flex-direction:column;gap:14px}
.dprog{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)!important}
.dhint{font-size:14px}
.dscore{font-family:var(--display);font-size:30px;color:var(--gold)!important;text-transform:uppercase}
.dbar{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:8px}
.dprog{display:flex;gap:7px;flex:1;justify-content:center}
.dprog i{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.2);border:2px solid transparent}
.dprog i.on{background:var(--good)}
.dprog i.cur{border-color:var(--gold);box-shadow:0 0 8px 2px var(--gold);background:var(--gold)}
.dprog i.on.cur{background:var(--good)}
.dprogn{font-size:.9rem;color:var(--muted)}
.dnext{margin-top:14px;width:100%}
.dsum{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.dsum .row{display:flex;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.07)}
.dcd{display:flex;flex-direction:column;align-items:center;padding:14px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid var(--gold)}
.dcd span{color:var(--muted);font-size:1rem}
.dcd b{font-size:clamp(2.2rem,12vw,3.4rem);color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:.04em;line-height:1.1}
.dsource{margin-top:12px;font-size:.78rem;color:var(--muted);text-align:center}
.dsource a,.dsrcnote a{color:var(--gold)}
.dnote{color:var(--good)!important;font-weight:500}
.dcard{position:relative;height:min(52vh,420px);min-height:320px;border-radius:22px;overflow:hidden;background:#151E33;border:2px solid #3A3220;display:flex;flex-direction:column;justify-content:flex-end;text-align:left;touch-action:none;user-select:none;cursor:grab}
.dedges{display:flex;justify-content:space-between;margin-bottom:8px;font-family:var(--display);font-weight:700;font-size:1.15rem;letter-spacing:.08em}
.dedge{--g:0;padding:4px 12px;border-radius:10px;border:2px solid;opacity:calc(.55 + var(--g)*.45);transition:box-shadow .1s}
.dedge.no{color:var(--bad);border-color:var(--bad);background:rgba(255,80,80,calc(.08 + var(--g)*.3));box-shadow:0 0 calc(var(--g)*22px) rgba(255,80,80,.9)}
.dedge.yes{color:var(--good);border-color:var(--good);background:rgba(60,220,130,calc(.08 + var(--g)*.3));box-shadow:0 0 calc(var(--g)*22px) rgba(60,220,130,.9)}
.dhinttxt{text-align:center;font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,9vw,2.6rem);color:var(--gold);margin:0 0 8px;text-shadow:0 2px 12px #000}
.dcard.wiggle{animation:dwiggle 2.4s ease-in-out infinite}
.dhand{position:absolute;left:50%;top:42%;font-size:3.2rem;z-index:5;pointer-events:none;filter:drop-shadow(0 3px 6px #000);animation:dhand 2.4s ease-in-out infinite}
@keyframes dwiggle{0%,100%{transform:translateX(0) rotate(0)}25%{transform:translateX(-28px) rotate(-5deg)}75%{transform:translateX(28px) rotate(5deg)}}
@keyframes dhand{0%,100%{transform:translateX(-50%)}25%{transform:translateX(-50%) translateX(-28px)}75%{transform:translateX(-50%) translateX(28px)}}
@media (prefers-reduced-motion:reduce){.dcard.wiggle,.dhand{animation-duration:4.8s}}
.dcard.small{height:240px;min-height:0;cursor:default}
.dart{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--rc) 33%,transparent),#151E33 70%)}
.dart img.dsplash{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 15%}
.dart img.dicon{width:44%;max-width:160px;border-radius:16px;border:2px solid #3A3220;background:#0E1525}
.dshade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,14,26,0) 35%,rgba(9,14,26,.92) 85%)}
.dinfo{position:relative;padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px}
.dinfo .name{font-size:clamp(30px,9vw,46px)}
.dstamp{position:absolute;top:22px;font-family:var(--display);font-weight:700;font-size:32px;letter-spacing:.08em;text-transform:uppercase;padding:2px 12px;border:4px solid;border-radius:10px;opacity:0}
.dstamp.yes{left:18px;color:var(--good);border-color:var(--good);transform:rotate(-14deg)}
.dstamp.no{right:18px;color:var(--bad);border-color:var(--bad);transform:rotate(14deg)}
.dlast{border-radius:12px;padding:8px 12px;font-size:13px;text-align:left;background:var(--panel);border:1px solid var(--line)}
.dlast.ok{border-color:var(--good)}.dlast.ko{border-color:var(--bad)}
.tiers{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.tiers .rbtn{min-width:52px;font-size:18px}
.tiers .rbtn:disabled{opacity:.35;cursor:not-allowed}
.hlrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hl{background:#0E1525;border:2px solid var(--rc);border-radius:16px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:6px}
.hl img{width:84px;height:84px;border-radius:12px}
.hl b{font-family:var(--display);font-size:20px;text-transform:uppercase}
.hl .role{font-size:11px;padding:3px 10px}
.hlwr{font-family:var(--display);font-size:28px;color:var(--gold)}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.opts.items{grid-template-columns:repeat(4,1fr)}
.opt{display:flex;flex-direction:column;align-items:center;gap:6px;background:#0E1525;border:2px solid var(--line);border-radius:14px;padding:10px 6px;color:var(--fg);font:inherit;font-size:12px;cursor:pointer}
.opt img{width:64px;height:64px;border-radius:10px}
.opts.items .opt img{width:48px;height:48px}
.opt[aria-pressed="true"]{border-color:var(--gold);background:#1F1B10}
.opt.right{border-color:var(--good);background:#0F2A1D}
.opt.wrong{border-color:var(--bad);background:#2E1414}
.opt:focus-visible,.dback:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.big:disabled{opacity:.4;cursor:not-allowed}
@media (max-width:380px){.opts.items{grid-template-columns:repeat(2,1fr)}}