:root{--gacha-gold: #F6DA01;--gacha-gold-dark: #FFE863;--gacha-black: #000000;--gacha-white: #FFFFFF;--gacha-gray-100: #F9F9F9;--gacha-gray-200: #F2F2F2;--gacha-gray-300: #E5E5E5;--gacha-gray-500: #999999;--gacha-gray-600: #666666;--gacha-danger: #EF4444;--gacha-success: #10B981;--gacha-shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--gacha-shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--gacha-shadow-btn: 0 2px 10px rgba(0, 0, 0, .12);--gacha-radius: 16px;--gacha-radius-sm: 10px;--gacha-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}#gacha-app{max-width:720px;margin:40px auto;padding:0 20px 60px;font-family:var(--gacha-font);color:var(--gacha-black);-webkit-font-smoothing:antialiased}.gacha-state{animation:gachaFadeIn .4s ease-out}#gacha-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px}#gacha-loading:before{content:"";width:44px;height:44px;border:4px solid var(--gacha-gray-300);border-top-color:var(--gacha-black);border-radius:50%;animation:gachaSpinner .8s linear infinite;margin-bottom:20px}#gacha-loading p{color:var(--gacha-gray-600);font-size:15px}#gacha-main{display:flex;flex-direction:column;align-items:center;gap:28px}#gacha-title{font-size:28px;font-weight:700;text-align:center;color:var(--gacha-black);margin:15px 0 23px}#gacha-price-hint{font-size:16px;color:var(--gacha-gray-600);text-align:center;margin:0;background:var(--gacha-gray-100);padding:8px 20px;border-radius:24px;border:1px solid var(--gacha-gray-300)}#gacha-price-hint strong{color:var(--gacha-black);font-weight:700}#gacha-grid-row{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:556px;margin:0 auto}#gacha-machine-body{flex:1;display:flex;flex-direction:column;align-items:stretch;min-width:0}#gacha-machine-top{width:92%;align-self:center;aspect-ratio:32 / 9;background:var(--gacha-gold);border-bottom:2px solid var(--gacha-white);box-sizing:border-box;display:flex;align-items:center;justify-content:center}#gacha-machine-top img{width:45%;height:auto;object-fit:contain}#gacha-machine-neck{width:100%;height:24px;background:var(--gacha-gold);clip-path:polygon(4% 0,96% 0,100% 100%,0 100%)}.gacha-arrow{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--gacha-white);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:var(--gacha-shadow-btn);transition:background .2s;-webkit-tap-highlight-color:transparent}.gacha-arrow:hover{background:var(--gacha-gray-200)}.gacha-arrow svg{width:18px;height:18px}.gacha-arrow--hidden{visibility:hidden;pointer-events:none}#gacha-box-grid{display:grid;grid-template-columns:repeat(var(--grid-cols, 3),1fr);gap:6px;width:100%;padding:10px;background:var(--gacha-gold);border-top:2px solid var(--gacha-white);box-shadow:var(--gacha-shadow-md)}#gacha-box-grid[data-count="4"]{--grid-cols: 2}#gacha-box-grid[data-count="6"]{--grid-cols: 3}#gacha-box-grid[data-count="8"],#gacha-box-grid[data-count="12"]{--grid-cols: 4}.gacha-box{aspect-ratio:1 / 1;background:var(--gacha-white);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;box-shadow:var(--gacha-shadow-sm);overflow:hidden;border:1px solid var(--gacha-white);transition:transform .2s,background .2s;-webkit-tap-highlight-color:transparent}.gacha-box:before{content:attr(data-index);position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:4px;background:var(--gacha-white);color:var(--gacha-black);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;z-index:2}.gacha-box:after{content:"?";font-size:32px;font-weight:700;color:var(--gacha-gray-300);line-height:1;transition:transform .2s;-webkit-user-select:none;user-select:none}@media(hover:hover){.gacha-box:hover:not(.gacha-box--selected):not(.gacha-box--sold){transform:scale(1.05)}.gacha-box:hover:not(.gacha-box--selected):not(.gacha-box--sold):after{transform:scale(1.1)}.gacha-box:hover .gacha-box__label{opacity:1}}.gacha-box--selected{box-shadow:var(--gacha-shadow-md);z-index:10;animation:gachaShake .4s ease-in-out infinite}.gacha-box--selected:after{color:var(--gacha-black);transform:scale(1.15)}.gacha-box--sold{background:var(--gacha-gray-200);cursor:not-allowed;opacity:.7}.gacha-box--sold:after{content:"SOLD";font-size:13px;font-weight:500;color:var(--gacha-gray-500)}.gacha-box--sold:hover{transform:none}.gacha-box__label{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:10px;color:var(--gacha-gray-500);white-space:nowrap;opacity:0;transition:opacity .2s}@media(hover:hover){.gacha-box:hover .gacha-box__label{opacity:1}}.gacha-box__cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.gacha-box:has(.gacha-box__cover):after{content:none}#gacha-prize-odds{width:100%;margin-top:24px}#gacha-prize-odds h3{font-size:16px;font-weight:700;color:var(--gacha-black);margin:0 0 16px;display:flex;align-items:center;gap:8px}#gacha-prize-odds h3:before{content:"";width:6px;height:6px;background:var(--gacha-gold);border-radius:50%;flex-shrink:0}#gacha-odds-list{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;margin:0}#gacha-odds-list::-webkit-scrollbar{display:none}.gacha-prize-card{flex:0 0 152px;scroll-snap-align:start;background:var(--gacha-white);border-radius:var(--gacha-radius-sm);overflow:hidden;box-shadow:var(--gacha-shadow-sm);transition:transform .2s}.gacha-prize-card:hover{transform:translateY(-2px)}.gacha-prize-card__image{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;background:var(--gacha-white)}.gacha-prize-card__image--placeholder{width:100%;aspect-ratio:1 / 1;background:var(--gacha-gray-100);display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--gacha-gray-300)}.gacha-prize-card__body{padding:10px;display:flex;flex-direction:column;gap:6px;background:var(--gacha-gray-200)}.gacha-prize-card__rarity{display:inline-flex;font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:10px;align-self:flex-start;line-height:1.2}.gacha-prize-card__rarity--rare,.gacha-prize-card__rarity--super_rare{background:linear-gradient(135deg,#f5d900,#d4b800);color:#5c4a00}.gacha-prize-card__rarity--common{background:var(--gacha-gray-300);color:var(--gacha-gray-600)}.gacha-prize-card__name{font-size:13px;font-weight:500;color:var(--gacha-black);line-height:1.23;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gacha-prize-card__stats{display:flex;justify-content:space-between;align-items:center}.gacha-prize-card__odds{font-size:14px;font-weight:700;color:var(--gacha-black)}.gacha-prize-card__remaining{font-size:11px;color:var(--gacha-gray-500)}#gacha-explore{width:100%;margin-top:28px}#gacha-explore h3{font-size:16px;font-weight:700;color:var(--gacha-black);margin:0 0 16px;display:flex;align-items:center;gap:8px}#gacha-explore h3:before{content:"";width:6px;height:6px;background:var(--gacha-gold);border-radius:50%;flex-shrink:0}#gacha-explore-list{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px}#gacha-explore-list::-webkit-scrollbar{display:none}.gacha-campaign-card{flex:0 0 200px;scroll-snap-align:start;background:var(--gacha-white);border-radius:var(--gacha-radius-sm);overflow:hidden;box-shadow:var(--gacha-shadow-sm);transition:transform .2s;cursor:pointer;text-decoration:none;color:inherit}.gacha-campaign-card:hover{transform:translateY(-2px)}.gacha-campaign-card__image{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;background:var(--gacha-white)}.gacha-campaign-card__body{padding:10px;display:flex;flex-direction:column;gap:4px;background:var(--gacha-gray-200)}.gacha-campaign-card__name{font-size:13px;font-weight:600;color:var(--gacha-black);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gacha-campaign-card__meta{font-size:11px;color:var(--gacha-gray-500)}#gacha-actions{display:flex;justify-content:center;margin-top:24px;width:100%}.gacha-btn{display:flex;align-items:center;justify-content:center;width:280px;height:56px;font-size:16px;font-weight:700;font-family:var(--gacha-font);border:none;border-radius:var(--gacha-radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.gacha-btn:disabled{opacity:.45;cursor:not-allowed}.gacha-btn--primary{background:linear-gradient(110deg,var(--gacha-gold) 30%,#FFF5B0 50%,var(--gacha-gold) 70%);background-size:200% 100%;animation:gachaShimmer 2.5s ease-in-out infinite;color:var(--gacha-black)}.gacha-btn--primary:hover:not(:disabled){background:var(--gacha-gold-dark);box-shadow:0 4px 16px #f6da0159}.gacha-btn:before,.gacha-btn--primary:before{display:none!important;content:none!important}#gacha-error{width:100%;text-align:center;font-size:14px;color:var(--gacha-danger);background:#fef2f2;padding:12px 16px;border-radius:var(--gacha-radius-sm);border:1px solid #FECACA;margin:0}#gacha-toast{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;animation:gachaFadeIn .2s ease-out}#gacha-toast-msg{background:var(--gacha-white);color:var(--gacha-black);padding:24px 32px;border-radius:var(--gacha-radius-sm);font-size:15px;font-weight:500;text-align:center;max-width:320px;box-shadow:0 12px 48px #0000002e;line-height:1.5}#gacha-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;text-align:center}#gacha-empty:before{content:"";display:block;width:64px;height:64px;background:var(--gacha-gray-100);border:2px dashed var(--gacha-gray-300);border-radius:var(--gacha-radius-sm);margin-bottom:20px;position:relative}#gacha-empty:after{content:"\2714";position:absolute;font-size:28px;color:var(--gacha-success);top:50%;transform:translateY(-90px)}#gacha-empty p{font-size:15px;color:var(--gacha-gray-600);max-width:320px;line-height:1.6;margin:0}@keyframes gachaFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes gachaSpinner{to{transform:rotate(360deg)}}@keyframes gachaShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes gachaShake{0%,to{transform:rotate(0) scale(1.08)}25%{transform:rotate(-2deg) scale(1.08)}75%{transform:rotate(2deg) scale(1.08)}}@media(max-width:640px){#gacha-app{margin:20px auto;padding:0 16px 48px}#gacha-title{font-size:22px}#gacha-price-hint{font-size:14px;padding:6px 16px}#gacha-machine-body{max-width:100%}#gacha-machine-top{width:90%}#gacha-machine-neck{height:18px}#gacha-box-grid{gap:5px;padding:12px}#gacha-box-grid[data-count="8"],#gacha-box-grid[data-count="12"]{gap:4px;padding:10px}.gacha-box:after{font-size:24px}.gacha-box:before{width:18px;height:18px;font-size:10px;top:4px;left:4px}.gacha-box--selected{transform:scale(1.06)}#gacha-prize-odds h3,#gacha-explore h3{font-size:14px}.gacha-prize-card{flex:0 0 132px}.gacha-prize-card__name{font-size:12px}.gacha-prize-card__odds{font-size:13px}.gacha-campaign-card{flex:0 0 160px}.gacha-campaign-card__name{font-size:12px}#gacha-grid-wrapper{gap:4px}.gacha-arrow{width:30px;height:30px}#gacha-grid-row{gap:4px}.gacha-arrow svg{width:14px;height:14px}.gacha-btn{width:100%;max-width:280px}}@media(max-width:380px){#gacha-title{font-size:20px}#gacha-box-grid{gap:4px;padding:10px}#gacha-box-grid[data-count="8"]{--grid-cols: 4;gap:3px;padding:8px}.gacha-box:after{font-size:20px}.gacha-box--sold:after{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/gacha.css.map */