.hero-shuffle{width:100%;margin:.65rem 0 0}.hero-shuffle__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.hero-shuffle__cell{background:linear-gradient(165deg,#12182af5 0%,#080c16fa 100%);border:1px solid #e8c76a38;border-radius:12px;flex-direction:column;align-items:center;min-width:0;padding:.42rem .28rem .5rem;transition:border-color .42s,box-shadow .42s;display:flex;position:relative;box-shadow:0 6px 16px #00000059,inset 0 1px #ffffff0d,inset 0 0 18px #e8c76a0a}.hero-shuffle__cell.is-settled{border-color:#f0d0787a;box-shadow:0 8px 20px #0006,0 0 18px #e8c76a29,inset 0 1px #ffffff0f,inset 0 0 22px #e8c76a14}.hero-shuffle__label{font-family:var(--font-ui);letter-spacing:.08em;color:#e8c76ac7;text-transform:none;margin:0 0 .28rem;font-size:.62rem;font-weight:600}.hero-shuffle__viewport{background:#00000047;border-radius:8px;width:100%;height:1.7rem;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%)}.hero-shuffle__strip{will-change:transform;flex-direction:column;align-items:center;display:flex;transform:translateY(0)}.hero-shuffle__cell.is-spinning .hero-shuffle__strip{animation:.55s linear infinite hero-shuffle-spin}.hero-shuffle__cell.is-settled .hero-shuffle__strip{opacity:0;visibility:hidden;animation:none}.hero-shuffle__option,.hero-shuffle__final{width:100%;height:1.7rem;font-family:var(--font-hero-kr), var(--font-ui), serif;letter-spacing:-.02em;color:#faf6eeeb;white-space:nowrap;justify-content:center;align-items:center;font-size:.92rem;font-weight:600;display:flex}.hero-shuffle__final{opacity:0;pointer-events:none;transition:opacity .32s,transform .42s cubic-bezier(.22,1,.36,1),text-shadow .42s,color .42s;position:absolute;inset:0;transform:translateY(4px)scale(.98)}.hero-shuffle__cell.is-settled .hero-shuffle__final{opacity:1;color:#f0d078;text-shadow:0 0 12px #e8c76a59,0 2px 10px #0000008c;transform:translateY(0)scale(1)}@keyframes hero-shuffle-spin{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media (max-width:360px){.hero-shuffle__grid{gap:.32rem}.hero-shuffle__option,.hero-shuffle__final{font-size:.84rem}.hero-shuffle__label{font-size:.58rem}}@media (prefers-reduced-motion:reduce){.hero-shuffle__cell.is-spinning .hero-shuffle__strip{animation:none}.hero-shuffle__cell .hero-shuffle__strip{opacity:0;visibility:hidden}.hero-shuffle__cell .hero-shuffle__final,.hero-shuffle__cell.is-settled .hero-shuffle__final{opacity:1;color:#f0d078;text-shadow:0 0 10px #e8c76a47,0 2px 8px #00000080;transform:none}.hero-shuffle__cell{border-color:#f0d0787a}}