.t1{--card-color:#ffee00;--card-bg:#262402}.t2{--card-color:#bfff00;--card-bg:#1e2602}.t3{--card-color:#5ce6b0;--card-bg:#113628}.t4{--card-color:#6ec8e6;--card-bg:#15343d}.t5{--card-color:#4da6ff;--card-bg:#10263d}.t6{--card-color:#bfa1ff;--card-bg:#271f3a}.t7{--card-color:#ff9e64;--card-bg:#3d2212}.t8{--card-color:#cfb076;--card-bg:#302617}.t9{--card-color:#ff6363;--card-bg:#3d1515}.t10{--card-color:#ff85a0;--card-bg:#3d1822}.t11{--card-color:#ffa1e5;--card-bg:#3d1c34}.t12{--card-color:#ffc2f0;--card-bg:#3d2339}.card-artist{width:100%;display:flex;flex-direction:column;aspect-ratio:1/1.3;overflow:hidden;container-type:inline-size;position:relative}.card-top{height:38%;display:flex;align-items:flex-start;color:var(--card-bg);background:var(--card-color);position:relative}.card-bottom{height:62%;display:flex;align-items:flex-start;color:var(--card-color);background:var(--card-bg);position:relative}.card-bottom,.card-top{padding:clamp(16px,1.5vw,25px) clamp(12px,1vw,20px)}.card-date{font-weight:700;font-size:1.688rem;line-height:.85;letter-spacing:-.03em;text-align:left;position:relative}.card-dash{font-weight:400}.card-date sup{font-weight:800;font-size:.45em;line-height:1;top:-.05em;margin-left:.05em;vertical-align:baseline;position:relative}.card-bottom h3{font-weight:600;font-size:1.813rem;line-height:.906;letter-spacing:-.03em;text-align:left}@media (min-width:375px){.card-date{font-size:1.938rem}.card-bottom h3{font-size:2.063rem}}@media (min-width:414px){.card-date{font-size:2.188rem}.card-bottom h3{font-size:2.313rem}}@media (min-width:760px){.card-date{font-size:2.875rem}.card-bottom h3{font-size:3.125rem}}@media (min-width:1024px){.card-date{font-size:2.063rem}.card-bottom h3{font-size:2.188rem}}@media (min-width:1200px){.card-bottom,.card-top{padding:3.2cqw 2.7cqw}.card-date{font-size:12cqw}.card-bottom h3{font-size:12.3cqw}}@media (max-width:1000px) and (orientation:landscape){.card-date{font-size:4.5svh}.card-bottom h3{font-size:5.75svh}}