.dd-game{display:grid;width:min(100%,60rem);margin:1.1rem auto 0;gap:.6rem;grid-template-areas:"stage stage" "slide jump";grid-template-columns:1fr 1fr;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dd-stage{position:relative;grid-area:stage;container-type:size;aspect-ratio:16 / 9;overflow:hidden;border:3px solid color-mix(in srgb,var(--color-gold) 55%,var(--color-navy));border-radius:1.25rem;background:#3d9fe8;box-shadow:0 26px 70px color-mix(in srgb,black 40%,transparent);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}@supports not (aspect-ratio: 1){.dd-stage{height:0;padding-top:56.25%}}.dd-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:pointer;outline:none;touch-action:none}.dd-pad-wrap-slide{grid-area:slide}.dd-pad-wrap-jump{grid-area:jump}.dd-pad{display:flex;width:100%;height:100%;min-height:4.2rem;align-items:center;justify-content:center;gap:.45rem;border:3px solid var(--color-navy);border-radius:1.2rem;background:#fbf7ef;box-shadow:0 5px 0 var(--color-navy);color:#15182a;cursor:pointer;font-size:1.1rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;touch-action:none;transition:transform .08s ease,box-shadow .08s ease,opacity .2s;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.dd-pad svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.2}.dd-pad-jump{background:#ffe38a}.dd-pad:active:not(:disabled){box-shadow:0 1px 0 var(--color-navy);transform:translateY(4px)}.dd-pad:disabled{cursor:default;opacity:.45}.dd-controls-marker{display:none}.dd-hud{position:absolute;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:.4rem;padding:.55rem .6rem;pointer-events:none}.dd-hud[hidden],.dd-screen[hidden],.dd-hint[hidden],.dd-new-cards[hidden],.dd-over-art[hidden]{display:none}[data-dd-mode=over] :is(.dd-chip,.dd-scorebox,[data-dd-pause]){visibility:hidden}.dd-chip{display:inline-flex;align-items:center;gap:.3rem;border:2px solid color-mix(in srgb,var(--color-gold) 60%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-navy) 82%,transparent);color:#fff4dc;font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:900;padding:.2rem .6rem .2rem .35rem;white-space:nowrap}.dd-chip img{width:1.2rem;height:auto}.dd-scorebox{display:flex;min-width:4.6rem;flex-direction:column;align-items:center;border:2px solid color-mix(in srgb,var(--color-gold) 60%,transparent);border-radius:.9rem;background:color-mix(in srgb,var(--color-navy) 78%,transparent);line-height:1;padding:.2rem .7rem .25rem}.dd-score{color:#fff4dc;font-size:clamp(1.25rem,4.4vw,2rem);font-variant-numeric:tabular-nums;font-weight:900;text-shadow:0 2px 0 var(--color-navy)}.dd-score.dd-pulse{animation:dd-pop .45s ease-out}.dd-hud-best{margin-top:.15rem;color:#ffe38a;font-size:.6rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.dd-hud-right{display:flex;gap:.35rem}.dd-icon-btn{position:relative;display:grid;width:2.3rem;height:2.3rem;place-items:center;border:2px solid color-mix(in srgb,var(--color-gold) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-navy) 85%,transparent);color:#fff4dc;cursor:pointer;pointer-events:auto}.dd-icon-btn:after{position:absolute;inset:-6px;content:""}.dd-icon-btn svg{width:1.15rem;height:1.15rem;fill:currentColor}.dd-mute .dd-cross,.dd-mute[data-state=off] .dd-wave{display:none}.dd-mute[data-state=off] .dd-cross{display:inline}.dd-hint{position:absolute;top:42%;left:50%;max-width:90%;border-radius:999px;background:color-mix(in srgb,var(--color-navy) 82%,transparent);color:#fff4dc;font-size:clamp(.8rem,2.6vw,1rem);font-weight:900;padding:.45rem 1rem;pointer-events:none;text-align:center;transform:translate(-50%,-50%);animation:dd-fade-in .3s ease-out}.dd-toast{position:absolute;bottom:.3rem;left:50%;max-width:92%;overflow:hidden;border:3px solid var(--color-navy);border-radius:999px;background:#fbf7ef;box-shadow:0 4px 0 var(--color-navy);color:#15182a;font-size:.86rem;font-weight:900;opacity:0;padding:.35rem 1rem;pointer-events:none;text-overflow:ellipsis;transform:translate(-50%,.6rem);transition:opacity .25s ease,transform .25s ease;white-space:nowrap}@container (max-width: 480px){.dd-toast{bottom:.15rem;border-width:2px;box-shadow:0 2px 0 var(--color-navy);font-size:.7rem;padding:.12rem .7rem}}.dd-toast.dd-toast-show{opacity:1;transform:translate(-50%)}.dd-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:safe center;gap:.5rem;overflow-y:auto;padding:.9rem;background:linear-gradient(180deg,color-mix(in srgb,#090c20 22%,transparent),color-mix(in srgb,#090c20 80%,transparent) 70%);color:#fff;text-align:center}.dd-loading-text{color:#fff4dc;font-weight:800}.dd-progress{width:min(70%,16rem);height:.6rem;overflow:hidden;border:2px solid var(--color-gold);border-radius:999px;background:color-mix(in srgb,var(--color-navy) 80%,transparent)}.dd-progress span{display:block;width:0;height:100%;background:#ffe38a;transition:width .2s}.dd-title{color:#ffe38a;font-size:clamp(1.6rem,6.5vw,3rem);font-weight:900;letter-spacing:.05em;line-height:1;text-shadow:0 4px 0 var(--color-navy),3px 0 0 var(--color-navy),-3px 0 0 var(--color-navy),0 -3px 0 var(--color-navy);text-transform:uppercase}.dd-choose{color:#fff4dc;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-shadow:0 2px 0 var(--color-navy);text-transform:uppercase}.dd-heroes{display:grid;width:min(100%,34rem);gap:.6rem;grid-template-columns:1fr 1fr}.dd-hero-btn{display:grid;align-items:center;gap:.1rem .6rem;grid-template-areas:"art name" "art desc";grid-template-columns:auto 1fr;border:3px solid var(--color-navy);border-radius:1.1rem;background:#fbf7ef;box-shadow:0 5px 0 var(--color-navy);color:#15182a;cursor:pointer;padding:.5rem .7rem;text-align:left;transition:transform .12s ease,box-shadow .12s ease}.dd-hero-leoul{background:linear-gradient(135deg,#e3f3fb,#fbf7ef 60%)}.dd-hero-lenyang{background:linear-gradient(135deg,#fbeadb,#fbf7ef 60%)}.dd-hero-btn:hover{transform:translateY(-2px)}.dd-hero-btn:active{box-shadow:0 2px 0 var(--color-navy);transform:translateY(3px)}.dd-hero-btn img{grid-area:art;width:auto;height:clamp(3.2rem,11vw,5.4rem)}.dd-hero-name{grid-area:name;align-self:end;font-size:clamp(1rem,3.6vw,1.3rem);font-weight:900;line-height:1.1}.dd-hero-desc{grid-area:desc;align-self:start;color:#5f6579;font-size:.74rem;font-weight:600;line-height:1.3}.dd-menu-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .9rem;color:#ffe38a;font-size:.8rem;font-weight:900;letter-spacing:.06em;text-shadow:0 2px 0 var(--color-navy)}.dd-toggle{border:2px solid color-mix(in srgb,var(--color-gold) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-navy) 85%,transparent);color:#fff4dc;cursor:pointer;font-size:.78rem;font-weight:800;padding:.3rem .85rem}.dd-screen-title{color:#fff4dc;font-size:clamp(1.4rem,5.5vw,2.3rem);font-weight:900;letter-spacing:.03em;line-height:1.05;text-shadow:0 3px 0 var(--color-navy);text-transform:uppercase}.dd-over{justify-content:center;justify-content:safe center;gap:.35rem}.dd-over-art{width:auto;max-width:38%;height:clamp(3rem,16cqh,6.5rem);object-fit:contain;filter:drop-shadow(0 4px 0 color-mix(in srgb,#090c20 45%,transparent))}.dd-over-club{color:#c2c7df;font-size:.8rem;font-weight:700}.dd-final{display:flex;align-items:baseline;gap:.5rem;color:#ffe38a;font-size:clamp(1.8rem,7vw,3rem);font-variant-numeric:tabular-nums;font-weight:900;line-height:1;text-shadow:0 4px 0 var(--color-navy)}.dd-final-label{color:#c2c7df;font-size:.72rem;letter-spacing:.16em;text-shadow:none;text-transform:uppercase}.dd-stats,.dd-best-line{color:#e6e9f7;font-size:.84rem;font-weight:700}[data-dd-new-best] .dd-best-line{color:#ffe38a;font-weight:900;animation:dd-bounce .9s ease-out 2}.dd-new-cards{max-width:28rem;border-radius:.9rem;background:color-mix(in srgb,var(--color-navy) 85%,transparent);font-size:.8rem;padding:.4rem .9rem}.dd-new-cards p{color:#ffe38a;font-weight:900}.dd-new-cards ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.05rem .7rem;color:#fff4dc;font-weight:700}.dd-stack{display:flex;width:min(100%,18rem);flex-direction:column;gap:.5rem;margin-top:.3rem}.dd-row{display:flex;gap:.5rem}.dd-row .dd-btn{flex:1}.dd-btn{display:inline-flex;min-height:2.8rem;align-items:center;justify-content:center;gap:.4rem;border:3px solid var(--color-navy);border-radius:999px;background:#fbf7ef;box-shadow:0 4px 0 var(--color-navy);color:#15182a;cursor:pointer;font-size:.95rem;font-weight:900;line-height:1.1;padding:.45rem 1rem;text-decoration:none;transition:transform .1s ease,box-shadow .1s ease}.dd-btn:active{box-shadow:0 1px 0 var(--color-navy);transform:translateY(3px)}.dd-btn-primary{background:#ffe38a}.dd-btn-small{min-height:2.4rem;font-size:.8rem}.dd-game :is(.dd-btn,.dd-hero-btn,.dd-icon-btn,.dd-toggle,.dd-pad):focus-visible,.dd-how summary:focus-visible{outline:3px solid #56c1e8;outline-offset:3px}.dd-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.dd-rotate-tip{display:none;margin-top:.7rem;color:var(--color-link);font-size:.82rem;text-align:center}@media(max-width:640px)and (orientation:portrait)and (pointer:coarse){.dd-rotate-tip{display:block}}.dd-how{width:min(100%,60rem);margin:.9rem auto 0;border:1px solid var(--color-rule);border-radius:1rem;background:color-mix(in srgb,var(--color-navy) 40%,transparent);padding:.6rem 1rem}.dd-how summary{cursor:pointer;font-weight:900}.dd-how p{margin-top:.45rem;color:var(--color-link);font-size:.9rem;line-height:1.5}.dd-now-playing{font-size:.78rem!important}@media(hover:none)and (pointer:coarse){.dd-how .dd-keys{display:none}}.dd-section{margin-top:3.2rem}.dd-h2{margin-top:.4rem;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:900;letter-spacing:-.01em}.dd-lede{max-width:44rem;margin-top:.5rem;color:var(--color-link);line-height:1.6}.dd-album-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem}.dd-collected{color:var(--color-gold-light);font-size:.85rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.dd-card-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));margin-top:1.3rem;padding:0;list-style:none}.dd-card{--dd-accent: #0b1752;border:3px solid var(--color-navy);border-radius:1.1rem;background:#fbf7ef;box-shadow:0 5px 0 var(--color-navy);color:#15182a;padding:.7rem .75rem .9rem}.dd-card-art{display:grid;aspect-ratio:4 / 3;place-items:center;border-radius:.8rem;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--dd-accent) 26%,#fbf7ef),color-mix(in srgb,var(--dd-accent) 8%,#fbf7ef) 70%)}.dd-card-leoul .dd-card-art{background:linear-gradient(180deg,#e3f3fb,#fbf7ef)}.dd-card-lenyang .dd-card-art{background:linear-gradient(180deg,#fbeadb,#fbf7ef)}.dd-card-art img{max-width:88%;max-height:86%;object-fit:contain}.dd-card-club{margin-top:.55rem;color:color-mix(in srgb,var(--dd-accent) 70%,#15182a);font-size:.66rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.dd-card-name{margin-top:.1rem;font-size:1.05rem;font-weight:900;line-height:1.2}.dd-card-name span{color:#5f6579;font-size:.85rem;font-weight:700}.dd-card-kind{color:#9a6a3f;font-size:.72rem;font-weight:800}.dd-card-fact{margin-top:.35rem;color:#3a3f55;font-size:.8rem;line-height:1.45}.dd-card-hint{display:none;margin-top:.4rem;color:#4a5070;font-size:.78rem;font-weight:600;line-height:1.4}.dd-card-lock{display:block;color:#2f3b74;font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.dd-card[data-locked]{border-color:#2f3b74;background:#dcdfea;box-shadow:0 5px #2f3b74}.dd-card[data-locked] .dd-card-art{background:color-mix(in srgb,#2f3b74 10%,#dcdfea)}.dd-card[data-locked] .dd-card-art img{filter:brightness(0) opacity(.25)}.dd-card[data-locked] :is(.dd-card-name,.dd-card-kind,.dd-card-fact){display:none}.dd-card[data-locked] .dd-card-hint{display:block}.dd-card-new{animation:dd-pop .6s ease-out}.dd-back{margin-top:2.2rem;text-align:center}.dd-back a{color:var(--color-gold-light);font-weight:900}.dd-credit{max-width:50rem;margin:1.4rem auto 0;color:var(--color-muted);font-size:.8rem;line-height:1.5;text-align:center}@media(max-width:640px)and (orientation:portrait){.dd-stage{aspect-ratio:4 / 3}.dd-pad{min-height:4.6rem}}@media(orientation:landscape)and (max-height:560px){html.dd-has-game [data-site-header]{position:relative}.dd-game{width:100%;align-items:center;gap:.6rem;grid-template-areas:"slide stage jump";grid-template-columns:minmax(4.6rem,1fr) minmax(0,calc((100vh - 1.2rem) * 16 / 9)) minmax(4.6rem,1fr);grid-template-columns:minmax(4.6rem,1fr) minmax(0,calc((100svh - 1.2rem) * 16 / 9)) minmax(4.6rem,1fr)}.dd-stage{width:100%}.dd-pad-wrap{align-self:stretch}.dd-pad{flex-direction:column;font-size:.85rem}}@container (max-height: 470px){.dd-over{gap:.25rem;padding-block:.6rem}.dd-over-art{height:3.2rem}.dd-over .dd-screen-title{font-size:clamp(1.2rem,4.2vw,1.8rem)}.dd-final{font-size:clamp(1.6rem,5vw,2.4rem)}}@container (max-height: 340px){.dd-screen{gap:.3rem;padding:.5rem}.dd-hero-desc,.dd-over-club,.dd-new-cards{display:none}.dd-hero-btn{padding:.35rem .5rem}.dd-hero-btn img{height:2.8rem}.dd-choose{font-size:.66rem}.dd-over-art{height:2.6rem}.dd-stack{gap:.35rem;margin-top:.1rem}.dd-btn{min-height:2.3rem;font-size:.85rem;padding-block:.3rem}.dd-btn-small{min-height:2.1rem;font-size:.75rem}.dd-stats,.dd-best-line{font-size:.74rem}}@container (max-height: 250px){.dd-choose,.dd-menu-stats,.dd-toggle,.dd-over-art,.dd-stats{display:none}}@keyframes dd-pop{0%{transform:scale(.9)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes dd-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}@keyframes dd-fade-in{0%{opacity:0;transform:translate(-50%,-40%)}}@media(prefers-reduced-motion:reduce){.dd-game *,.dd-card{animation:none!important;transition:none!important}}