.charm-art{background:radial-gradient(120% 90% at 30% 12%,#ffd6d624 0%,#fff0 55%),linear-gradient(160deg,#770523 0%,#5e0a20 55%,#53131e 100%);justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 3px 18px #00000073}.charm-img{filter:drop-shadow(0 5px 10px #00000073);background-position:50%;background-repeat:no-repeat;background-size:contain}.charm-img--flat{width:62px;height:48px}.charm-img--dangle{width:46px;height:66px}.charm-stage{background:var(--velvet);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 4px 30px #0000008c,0 14px 34px #53131e2e}.charm-hero{filter:drop-shadow(0 16px 26px #00000080);background-position:50%;background-repeat:no-repeat;background-size:contain}.charm-hero--flat{width:min(280px,62vw);height:min(220px,48vw)}.charm-hero--dangle{width:min(190px,44vw);height:min(260px,58vw)}@media (hover:hover){.charm-card{transition:transform .15s,box-shadow .15s}.charm-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}}.letter-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}@media (min-width:640px){.letter-grid{grid-template-columns:repeat(9,minmax(0,1fr))}}.charm-strip{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:9px;padding-bottom:4px;display:flex;overflow-x:auto}.charm-strip::-webkit-scrollbar{display:none}.charm-skeleton{background:linear-gradient(100deg,#2319190f 0%,#2319191c 45%,#2319190f 70%) 0 0/220% 100%;animation:1.4s ease-in-out infinite charm-skeleton}@keyframes charm-skeleton{0%{background-position:120% 0}to{background-position:-60% 0}}