.play[data-astro-cid-xml2j6wo]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin:18px 0;display:grid}.card[data-astro-cid-xml2j6wo]{background:var(--surface);border:3px solid var(--line);box-shadow:var(--pop);border-radius:20px;padding:18px}#daily[data-astro-cid-xml2j6wo]{background:var(--lav);color:var(--ink)}#duel[data-astro-cid-xml2j6wo]{background:var(--acc2);color:var(--ink)}.card[data-astro-cid-xml2j6wo] h2[data-astro-cid-xml2j6wo]{margin:0 0 4px;font-size:1.2rem}.sub[data-astro-cid-xml2j6wo]{color:var(--ink);margin:0 0 10px;font-size:.9rem}.card[data-astro-cid-xml2j6wo] h3{margin:6px 0 10px;font-size:1.05rem}.card[data-astro-cid-xml2j6wo] .opts{grid-template-columns:1fr 1fr;gap:8px;display:grid}.card[data-astro-cid-xml2j6wo] .opt{background:var(--surface);color:var(--fg);border:2px solid var(--line);font:inherit;cursor:pointer;border-radius:12px;padding:10px;transition:transform .15s,border-color .15s}.card[data-astro-cid-xml2j6wo] .opt:active{box-shadow:none;transform:translate(2px,2px)}.card[data-astro-cid-xml2j6wo] .ok{color:#0b7a4f;font-weight:800}.card[data-astro-cid-xml2j6wo] .ko{color:#c01f4a;font-weight:800}.card[data-astro-cid-xml2j6wo] .done{color:var(--ink);font-weight:700}.card[data-astro-cid-xml2j6wo] .versus{grid-template-columns:1fr 1fr;gap:10px;display:grid}.card[data-astro-cid-xml2j6wo] .side{color:var(--fg);background:var(--surface);border:3px solid var(--line);text-align:center;border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.card[data-astro-cid-xml2j6wo] .side h3{margin:0}.card[data-astro-cid-xml2j6wo] .song{color:var(--mute);margin:0;font-size:.85rem}.kdex{color:var(--ink);background:var(--mint);border:3px solid var(--line);box-shadow:var(--pop);border-radius:20px;margin:18px 0;padding:18px}.kdex .kd-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.kdex h2{margin:0;font-size:1.2rem}.kdex h3{margin:18px 0 8px;font-size:1rem}.kdex .hero{background:var(--surface);color:var(--fg);border:3px solid var(--line);border-radius:16px;align-items:center;gap:16px;margin:12px 0 10px;padding:12px 14px;display:flex}.kdex .stick{flex:none;width:64px}.kdex .stick svg{width:64px;height:auto;display:block}.kdex .stick.bump{animation:1.2s kdbump}@keyframes kdbump{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.25)rotate(-8deg)}50%{transform:scale(1.15)rotate(8deg)}75%{transform:scale(1.2)rotate(-4deg)}}.kdex .lv{flex:1;min-width:0}.kdex .lvname{color:var(--fg);margin:0 0 6px;font-size:1.05rem;font-weight:800}.kdex .bar{background:var(--bg);border:3px solid var(--line);border-radius:99px;height:26px;position:relative;overflow:hidden}.kdex .bar span{background:repeating-linear-gradient(-45deg, var(--acc) 0 10px, #ff8fc4 10px 20px);border-right:3px solid var(--line);box-sizing:border-box;width:0;height:100%;transition:width .6s;display:block}.kdex .bar b{color:#2b1b3d;text-shadow:0 0 4px #fff,0 0 4px #fff,0 0 4px #fff;place-items:center;font-size:.78rem;display:grid;position:absolute;inset:0}.kdex .next{color:var(--fg);margin:6px 0 0;font-size:.88rem;font-weight:700}.kdex .hint{margin:8px 0 0;font-size:.9rem}.kdex .medals{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width>=600px){.kdex .medals{grid-template-columns:repeat(6,1fr)}}.kdex .medal{cursor:pointer;width:100%;font:inherit;color:var(--ink);text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:4px 0;display:flex}.kdex .medal b{font-size:.74rem;line-height:1.15}.kdex .medal small{font-size:.72rem;font-weight:800}.kdex .disc{border-color:#2b1b3d;border:3px solid var(--line);background:var(--acc2);width:58px;height:58px;box-shadow:2px 2px 0 var(--sh);border-radius:50%;place-items:center;display:grid}.kdex .disc .ic{width:28px;height:28px}.kdex .medal.off .disc{box-shadow:none;filter:grayscale(.5);opacity:.8;background:#e6f8f3}.kdex .medal.off b{opacity:.75}.kdex .medal.new .disc{animation:1.2s 2 kdbump}.kdex .info{min-height:1.4em;margin:8px 0 0;font-size:.88rem;font-weight:700}.kdex .album{gap:10px;display:grid}.kdex .arow{background:var(--surface);color:var(--fg);border:3px solid var(--line);border-radius:14px;padding:8px 12px}.kdex .ahead{align-items:baseline;gap:8px;margin-bottom:6px;font-size:.85rem;display:flex}.kdex .ahead span{color:var(--mute);flex:1}.kdex .ahead em{font-style:normal;font-weight:800}.kdex .dots2{flex-wrap:wrap;gap:4px;display:flex}.kdex .dot{background:var(--bg);border:2px solid var(--line);box-sizing:border-box;opacity:.45;border-radius:50%;width:11px;height:11px;display:block}.kdex .dot.on{opacity:1}.kdex .dot.g1{background:#ff9f45}.kdex .dot.g2{background:#ffd23f}.kdex .dot.g3{background:#4fd1b5}.kdex .dot.g4{background:#ff6fb1}.kdex .dot.g5{background:#b9a6ff}.kdex .small{min-height:0;padding:5px 10px;font-size:.8rem}.genie[data-astro-cid-cdc2jnj5]{background:var(--surface);border:4px solid var(--line);box-shadow:6px 6px 0 var(--sh);border-radius:26px;margin:6px 0 22px;padding:18px}.stage[data-astro-cid-cdc2jnj5]{align-items:center;gap:12px;display:flex}.bubble[data-astro-cid-cdc2jnj5]{color:var(--fg);background:var(--bg);border:2px dashed var(--line);border-radius:22px;flex:1;padding:11px 15px;font-size:.95rem;font-style:italic;font-weight:600;line-height:1.35;position:relative}.bubble[data-astro-cid-cdc2jnj5]:before{content:"";background:var(--bg);border-left:2px dashed var(--line);border-bottom:2px dashed var(--line);width:15px;height:15px;position:absolute;top:50%;left:-9px;transform:translateY(-50%)rotate(45deg)}#g-body[data-astro-cid-cdc2jnj5]{flex-direction:column;align-items:stretch;gap:10px;margin-top:14px;display:flex}.big{width:100%;min-height:56px;font-size:1.1rem}.genie .opts{gap:10px;display:grid}.genie .opt{text-align:left;border:3px solid var(--line);background:var(--surface);min-height:56px;color:var(--fg);font:inherit;cursor:pointer;box-shadow:var(--pop);border-radius:16px;padding:12px 16px;font-weight:700;transition:transform .1s,box-shadow .1s,background .1s}.genie .opt:active{box-shadow:1px 1px 0 var(--sh);background:var(--acc);transform:translate(3px,3px)}.genie .opt.ghost{background:var(--acc2);box-shadow:none;color:var(--ink);border-style:dashed;font-weight:700}.genie .yn{grid-template-columns:1fr 1fr}.genie .yn .ghost{grid-column:1/-1}.genie .restart{background:var(--surface);width:100%;color:var(--fg)}.genie .rlist{gap:10px;display:grid}.genie .rcard{background:var(--surface);color:var(--fg);border:3px solid var(--line);border-left:12px solid var(--c);border-radius:16px;gap:4px;padding:10px 14px;display:grid}.genie .rtop{justify-content:space-between;align-items:center;gap:8px;display:flex}.genie .rtop h3{margin:0;font-size:1.15rem}.genie .rpct{background:var(--acc2);color:var(--ink);border:2px solid var(--line);border-radius:99px;padding:1px 10px;font-size:.85rem;font-weight:800}.genie .rcard .song{color:var(--mute);margin:0;font-size:.9rem}.genie .rcard .row{flex-direction:row;gap:8px;margin-top:4px;display:flex}.genie .rcard .btn{flex:1;min-width:0;min-height:40px;padding:8px 10px;font-size:.9rem}.genie .recos{gap:8px;margin:6px 0;display:grid}.genie .recos h4{margin:4px 0 0;font-size:.95rem}.genie .reco{border:3px solid var(--line);border-left:10px solid var(--c);background:var(--surface);color:var(--fg);box-shadow:3px 3px 0 var(--sh);border-radius:14px;flex-direction:column;gap:2px;padding:10px 14px;text-decoration:none;display:flex}.genie .reco span{color:var(--mute);font-size:.85rem}.genie .qn{text-align:center;color:var(--mute);margin:0;font-size:.85rem;font-weight:700}.genie .pick{border:3px solid var(--line);width:100%;min-height:52px;font:inherit;background:var(--surface);color:var(--fg);border-radius:14px;padding:10px 14px}.genie .dots{justify-content:center;gap:6px;display:flex}.genie .dots span{border:2px solid var(--line);background:var(--surface);border-radius:50%;width:12px;height:12px}.genie .dots span.on{background:var(--acc)}.genie .link{color:var(--mute);font:inherit;cursor:pointer;background:0 0;border:0;align-self:center;padding:6px}.genie .reveal{color:var(--ink);background:var(--c);border:4px solid var(--line);text-align:center;box-shadow:var(--pop);border-radius:20px;padding:16px;animation:.4s both pop}.genie .reveal h3{margin:2px 0;font-size:2rem}.genie .reveal .pct{margin:0;font-weight:800}.genie .reveal .song{margin:0 0 10px}.genie .row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.85)rotate(-2deg)}to{opacity:1;transform:none}}@media (width>=700px){.genie[data-astro-cid-cdc2jnj5]{padding:26px 30px}.genie .opts{grid-template-columns:1fr 1fr}#g-body[data-astro-cid-cdc2jnj5]{max-width:640px;margin-left:auto;margin-right:auto}.bubble[data-astro-cid-cdc2jnj5]{font-size:1.1rem}}.hero{text-align:center;padding:8px 0 14px}.hero h1{margin:0 0 4px;font-size:clamp(1.7rem,6vw,3rem);line-height:1.1}.hero p{color:var(--mute);margin:0}.discover h2{margin:30px 0 10px;font-size:1.5rem}.dcar{margin:0 -16px;position:relative}.dgrid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px;padding:10px 16px 34px;scroll-padding:0 16px;display:flex;overflow-x:auto}.dgrid::-webkit-scrollbar{display:none}.dnav{z-index:2;border:3px solid var(--line);background:var(--surface);width:44px;height:44px;box-shadow:3px 3px 0 var(--sh);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:none;position:absolute;top:50%;transform:translateY(-60%)}.dnav .ic{width:22px;height:22px}.dnav.next .ic{transform:scaleX(-1)}.dnav:disabled{opacity:.35;cursor:default}.dnav.prev{left:6px}.dnav.next{right:6px}@media (width>=700px){.dnav{display:grid}.dcar{margin:0}.dgrid{padding:10px 4px 34px;scroll-padding:0 4px}}.ddots{justify-content:center;gap:7px;margin:0 0 6px;display:flex}.ddots i{background:var(--bg);border:2px solid var(--line);border-radius:50%;width:9px;height:9px;transition:all .2s}.ddots i.on{background:var(--acc);border-radius:6px;width:22px}@media (width>=700px){.ddots{display:none}}html[data-theme=dark] .dnav .ic{filter:invert()hue-rotate(180deg)}.dcard{background:var(--c);border:3px solid var(--line);color:var(--ink);box-shadow:var(--pop);will-change:transform;scroll-snap-align:start;border-radius:16px;flex-direction:column;flex:0 0 100%;gap:2px;min-height:150px;padding:14px;text-decoration:none;transition:box-shadow .2s;display:flex}@media (width>=700px){.dcard{flex-basis:calc(33.3333% - 9.33333px)}}@media (width>=1000px){.dcard{flex-basis:calc(25% - 10.5px)}}.dcard.mid{box-shadow:6px 6px 0 var(--sh)}.dcard:active{box-shadow:1px 1px 0 var(--sh)}.dcard strong{font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:1.25rem;line-height:1.1}.dcard span{font-size:.8rem;font-weight:700}.dcard em{margin-top:auto;font-size:.8rem}.more{text-align:center;margin:0}.themes h2{margin:26px 0 10px;font-size:1.3rem}.themes .tags{flex-wrap:wrap;gap:8px;display:flex}.themes .tag{background:var(--surface);color:var(--fg);border:2px solid var(--line);border-radius:99px;padding:6px 13px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-block}.themes .tag:hover{background:var(--acc2);color:var(--ink)}