.dg-page{flex-direction:column;gap:18px;width:100%;min-width:0;max-width:1100px;margin:0 auto;display:flex}.dg-page *{box-sizing:border-box}.dg-page h1,.dg-page h2,.dg-page h3,.dg-page p{margin:0}.dg-hero{text-align:center;padding:6px 0 2px}.dg-hero h1{letter-spacing:.02em;color:var(--v3-text);font-size:clamp(30px,4vw,44px);font-weight:900}.dg-hero h1 span{color:var(--v3-accent)}.dg-hero p{color:var(--v3-text-2);margin-top:6px}.hl-muted{color:var(--v3-text-3);font-size:13.5px}.hl-panel,.cc-panel{flex-direction:column;gap:16px;min-width:0;padding:22px 24px;display:flex}.hl-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hl-head h2{color:var(--v3-text);margin-bottom:4px;font-size:22px;font-weight:900}.hl-meta{flex:none;align-items:center;gap:10px;display:flex}.hl-score{background:var(--v3-surface-2);border:1px solid var(--v3-border);color:var(--v3-text-2);white-space:nowrap;padding:6px 12px;font-size:13px}.hl-score b{color:var(--v3-text);font-variant-numeric:tabular-nums;margin-right:4px;font-size:18px}.hl-streak{color:#fb923c;background:#fb923c24;border:1px solid #fb923c66;align-items:center;gap:4px;padding:6px 10px;font-weight:800;display:inline-flex}.hl-skel{height:360px}.hl-pips{grid-template-columns:repeat(20,minmax(0,1fr));gap:4px;display:grid}.hl-pips i{background:var(--v3-surface-2);height:6px}.hl-pips i.is-ok{background:#22c55e}.hl-pips i.is-miss{background:#ef4444}.hl-pips i.is-now{background:var(--v3-accent);animation:1.2s ease-in-out infinite hl-blink}@keyframes hl-blink{50%{opacity:.35}}.hl-stage{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:stretch;display:grid}.hl-card{text-align:center;border:1px solid var(--v3-border);background:var(--v3-surface-2);flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:340px;padding:26px 20px 22px;transition:border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.hl-card--left{animation:hl-in-left .45s var(--mo-ease-out,cubic-bezier(.2,.8,.2,1)) both}.hl-card--right{animation:hl-in-right .45s var(--mo-ease-out,cubic-bezier(.2,.8,.2,1)) both}@keyframes hl-in-left{0%{opacity:.4;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes hl-in-right{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:none}}.hl-card-bg{filter:blur(28px)saturate(1.3);opacity:.35;z-index:0;background-position:50%;background-size:cover;position:absolute;inset:-30px}.hl-card>:not(.hl-card-bg){z-index:1;position:relative}.hl-card.is-ok{border-color:#22c55e;box-shadow:inset 0 0 0 2px #22c55e,0 0 32px #22c55e40}.hl-card.is-miss{border-color:#ef4444;animation:.4s hl-shake;box-shadow:inset 0 0 0 2px #ef4444,0 0 32px #ef444440}@keyframes hl-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.hl-icon{width:120px;height:120px;margin-bottom:8px;display:block;box-shadow:0 10px 30px #00000073}.hl-icon img{object-fit:cover;width:100%;height:100%;display:block}.hl-icon span{background:var(--v3-surface);width:100%;height:100%;color:var(--v3-text-2);justify-content:center;align-items:center;font-size:42px;font-weight:900;display:flex}.hl-name{color:#fff;text-shadow:0 2px 10px #0009;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:19px;font-weight:900;display:-webkit-box;overflow:hidden}.hl-has,.hl-unit{color:var(--v3-text-2);font-size:13px}.hl-ccu{color:#ffd166;font-variant-numeric:tabular-nums;font-size:clamp(30px,4vw,42px);font-weight:900;line-height:1.1}.hl-ccu--q{color:var(--v3-text)}.hl-actions{flex-direction:column;gap:10px;width:min(220px,100%);margin-top:12px;display:flex}.hl-btn{width:100%;padding:12px 18px;font-size:15px;font-weight:800}.hl-btn--up{background:#16a34a;border-color:#16a34a}.hl-btn--down{background:#dc2626;border-color:#dc2626}.hl-btn:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.hl-hint{color:var(--v3-text-3);text-overflow:ellipsis;white-space:nowrap;max-width:90%;font-size:12px;overflow:hidden}.hl-vs{width:56px;height:56px;color:var(--v3-text);background:var(--v3-surface);border:2px solid var(--v3-border);z-index:2;border-radius:50%;justify-content:center;place-self:center;align-items:center;font-size:16px;font-weight:900;transition:background .2s,border-color .2s,transform .2s;display:flex}.hl-vs.is-ok{background:#16a34a;border-color:#16a34a;font-size:24px;transform:scale(1.12)}.hl-vs.is-miss{background:#dc2626;border-color:#dc2626;font-size:24px;transform:scale(1.12)}.hl-done{flex-direction:column;gap:18px;animation:.4s ease-out both hl-in-right;display:flex}.hl-decider{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.hl-dcard{background:var(--v3-surface-2);border:1px solid var(--v3-border);min-width:0;color:var(--v3-text);align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.hl-dcard--miss{border-color:#ef4444;box-shadow:inset 0 0 0 1px #ef4444}.hl-dcard img{object-fit:cover;flex:none;width:52px;height:52px}.hl-dcard span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14.5px;font-weight:800;overflow:hidden}.hl-dcard b{color:#ffd166;font-variant-numeric:tabular-nums;flex:none;font-size:20px;font-weight:900}.hl-verdict{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 6px;display:flex}.hl-verdict span{text-transform:uppercase;letter-spacing:.14em;color:var(--v3-text-3);font-size:11px;font-weight:800}.hl-verdict strong{letter-spacing:.04em;color:#fff;padding:2px 12px;font-size:22px;font-weight:900}.hl-verdict strong.is-up{background:#16a34a}.hl-verdict strong.is-down{background:#dc2626}.hl-verdict em{color:var(--v3-text-2);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-style:normal}.hl-done-top{background:var(--v3-surface-2);border:1px solid var(--v3-border);flex-wrap:wrap;align-items:center;gap:22px;padding:16px 18px;display:flex}.hl-big{flex-direction:column;align-items:center;min-width:76px;display:flex}.hl-big b{color:var(--v3-text);font-variant-numeric:tabular-nums;font-size:56px;font-weight:900;line-height:1}.hl-big span{text-transform:uppercase;letter-spacing:.12em;color:var(--v3-text-3);margin-top:4px;font-size:11px;font-weight:800}.hl-done-copy{flex-direction:column;flex:1;gap:3px;min-width:200px;display:flex}.hl-done-copy strong{color:var(--v3-text);font-size:24px}.hl-done-acts{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hl-earned{color:#ffd166;align-items:center;gap:6px;font-weight:800;display:inline-flex}.hl-grid{flex-wrap:wrap;gap:6px;display:flex}.hl-grid i{color:#fff;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;font-style:normal;font-weight:900;display:inline-flex}.hl-grid i.is-ok{background:#22c55e}.hl-grid i.is-miss{background:#ef4444}.hl-more summary{cursor:pointer;color:var(--v3-text-2);padding:4px 0;font-size:13px}.hl-more summary:hover{color:var(--v3-text)}.hl-path{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.hl-path li{background:var(--v3-surface-2);border:1px solid var(--v3-border);border-left-width:3px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;display:flex}.hl-path li.is-ok{border-left-color:#22c55e}.hl-path li.is-miss{border-left-color:#ef4444}.hl-path a{min-width:0;color:var(--v3-text);align-items:center;gap:10px;font-size:14px;text-decoration:none;display:flex}.hl-path a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hl-path img{object-fit:cover;flex:none;width:34px;height:34px}.hl-path b{color:var(--v3-text-2);font-variant-numeric:tabular-nums;flex:none;font-size:13px}.cc-today{color:var(--v3-text-2);font-size:13px}.cc-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.cc-slot{text-align:center;background:var(--v3-surface-2);border:1px solid var(--v3-border);flex-direction:column;align-items:center;gap:4px;padding:14px 8px 12px;display:flex}.cc-slot strong{color:var(--v3-text);font-size:13px}.cc-slot.is-empty strong{color:var(--v3-text-3);letter-spacing:.1em}.cc-rarity{text-transform:uppercase;letter-spacing:.1em;color:var(--v3-text-3);font-size:10.5px;font-weight:800}.cc-uncommon .cc-rarity{color:#4ade80}.cc-rare .cc-rarity{color:#60a5fa}.cc-epic .cc-rarity{color:#c084fc}.cc-epic:not(.is-empty){box-shadow:inset 0 0 0 1px #c084fc80,0 0 18px #c084fc2e}.cc-signin{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width<=760px){.hl-panel,.cc-panel{padding:16px}.hl-head{flex-direction:column}.hl-stage{grid-template-rows:auto 0 auto;grid-template-columns:minmax(0,1fr)}.hl-vs{margin:-28px 0}.hl-card{min-height:0;padding:18px 14px}.hl-icon{width:84px;height:84px}.hl-pips{gap:2px}.hl-decider{grid-template-columns:minmax(0,1fr)}.hl-verdict{flex-direction:row;gap:10px;padding:4px 0}}@media (prefers-reduced-motion:reduce){.hl-card--left,.hl-card--right,.hl-card.is-miss,.hl-done,.hl-pips i.is-now{animation:none}}