@import"https://fonts.googleapis.com/css2?family=Mitr:wght@400;500;600;700&display=swap";body{background-color:#fef2f2;color:#1f2937;font-family:Mitr,sans-serif;margin:0;padding:0}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.3)}.text-shadow-lg{text-shadow:0 4px 8px rgba(0,0,0,.4)}@keyframes fadeInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-fade-in-right{animation:fadeInRight .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}#app,body,html{height:100%}#app{display:flex;flex-direction:column}main{flex:1 0 auto}footer{bottom:0;flex-shrink:0;width:100%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in-scale{animation:fadeInScale .3s ease-out forwards}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.animate-marquee{animation:marquee 20s linear infinite}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.animate-scroll-left{animation:scroll-left 15s linear infinite}.hover\:pause-animation:hover{animation-play-state:paused}.gacha-page-background{align-items:center;display:flex;justify-content:center;min-height:100vh;padding-bottom:2rem;padding-top:2rem;width:100%}.gacha-title{color:#ec4899;font-size:2.5rem;text-shadow:0 0 8px rgba(236,72,153,.3)}.gacha-description{font-size:.875rem;max-width:90%}.gacha-responsive-wrapper{align-items:center;display:flex;justify-content:center;width:100%}.gacha-container-new-layout{display:grid;gap:1vw;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);place-items:center;position:relative;width:100%}.gacha-item-hex{height:20.7vw;max-height:150px;max-width:130px;position:relative;transition:transform .3s ease-in-out;width:18vw}.gacha-item-hex.center-item{grid-column:2/5;grid-row:2/5;height:43.7vw;max-height:288px;max-width:250px;width:38vw;z-index:10}.outer-item[style*="--item-index: 1"]{grid-column:3/4;grid-row:1/2}.outer-item[style*="--item-index: 2"]{grid-column:4/5;grid-row:2/3}.outer-item[style*="--item-index: 3"]{grid-column:5/6;grid-row:3/4}.outer-item[style*="--item-index: 4"]{grid-column:4/5;grid-row:4/5}.outer-item[style*="--item-index: 5"]{grid-column:3/4;grid-row:5/6}.outer-item[style*="--item-index: 6"]{grid-column:2/3;grid-row:4/5}.outer-item[style*="--item-index: 7"]{grid-column:1/2;grid-row:3/4}.outer-item[style*="--item-index: 8"]{grid-column:2/3;grid-row:2/3}.gacha-item-hex:before{background-color:var(--glow-color,transparent);content:"";filter:drop-shadow(0 0 8px var(--glow-color,transparent)) blur(2px);top:-3px;right:-3px;bottom:-3px;left:-3px;opacity:0;transition:opacity .3s ease;z-index:1}.gacha-item-hex:before,.hexagon-bg,.hexagon-content,.hexagon-frame{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);position:absolute}.hexagon-bg,.hexagon-content,.hexagon-frame{top:0;right:0;bottom:0;left:0;transition:all .3s ease}.hexagon-content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:8px;text-align:center;z-index:3}.gacha-item-img{filter:drop-shadow(0 2px 3px rgba(0,0,0,.2));margin-bottom:5px;max-height:50%;max-width:60%;-o-object-fit:contain;object-fit:contain}.center-item .gacha-item-img{max-height:45%;max-width:50%}.hexagon-bg{background-color:#fffc;z-index:2}.hexagon-frame{background-color:transparent;border:1.5px solid #e5e7eb;z-index:3}.rarity-common .hexagon-frame{border-color:#d1d5db}.rarity-uncommon .hexagon-frame{border-color:#34d399}.rarity-rare .hexagon-frame{border-color:#a78bfa}.rarity-super_rare .hexagon-frame{border-color:#fb923c}.center-item.rarity-super_rare .hexagon-frame{border-width:2px}.rarity-common:before{--glow-color:#d1d5db;opacity:.7}.rarity-uncommon:before{--glow-color:#34d399;opacity:.7}.rarity-rare:before{--glow-color:#a78bfa;opacity:.8}.rarity-super_rare:before{--glow-color:#fb923c;opacity:.9}.gacha-item-hex.is-won{filter:grayscale(.8) brightness(.9);transform:scale(.95)}.gacha-item-hex.is-highlighted{z-index:50}.gacha-item-hex.is-highlighted .hexagon-bg{background-color:#fefce8}.gacha-item-hex.is-highlighted .hexagon-frame{border-color:#fbbf24;filter:drop-shadow(0 0 15px #FBBF24) drop-shadow(0 0 25px #FDE047);transform:scale(1.1)}.gacha-item-hex.is-highlighted:before{--glow-color:#fde047;filter:drop-shadow(0 0 15px #FDE047) drop-shadow(0 0 25px #fef08a) blur(3px);opacity:1;transform:scale(1.1)}.gacha-item-hex.is-highlighted .gacha-item-name{color:#1a202c;text-shadow:none}.gacha-item-name{color:#1f2937;font-size:.6rem;font-weight:500;overflow:hidden;padding:0 4px;text-overflow:ellipsis;text-shadow:none;white-space:nowrap;width:100%}.center-item .gacha-item-name{font-size:.75rem}.gacha-spin-panel{display:flex;justify-content:center;margin-top:2rem;width:100%}.gacha-spin-button-rect{background-color:#ec4899;border:1px solid #f9a8d4;border-radius:6px;box-shadow:0 4px 14px #ec489963;color:#fff;cursor:pointer;font-size:1rem;padding:.7rem 1.5rem;transition:all .2s ease}.gacha-spin-button-rect:hover:not(:disabled){background-color:#f472b6;border-color:#fbcfe8}.gacha-spin-button-rect:disabled{background:#fbcfe8;border-color:#fce7f3;box-shadow:none;color:#be185d;cursor:not-allowed}@media (min-width:768px){.gacha-title{font-size:3.75rem}.gacha-description{font-size:1rem;max-width:100%}.gacha-container-new-layout{gap:.75rem}.gacha-item-name{font-size:.8rem}.center-item .gacha-item-name{font-size:1rem}.gacha-spin-button-rect{font-size:1.2rem;padding:.8rem 2rem}}