@charset "UTF-8";:root{--bg-primary: #0d0d0d;--bg-secondary: #1f1f1f;--black-line: #383838;--black-weak: #494a3a;--gray: #656565;--text-secondary: #838383;--yellow-dark: #cac200;--yellow-normal: #fff73e;--yellow-light: #fff73e80;--yellow-weak: #fff73e1a;--green-dark: #2e8510;--green-normal: #68ff4f;--green-light: #3eff5d;--bage-dark: #7f7f5d;--bage-normal: #bebe92;--red-dark: #b73e42;--red: #ff575c;--red-weak: #d77d86;--blue: #6ad4f6;--blue-dark: rgba(56, 144, 170, 1);--orange-gradient: linear-gradient(135deg, #ff6b6b, #ffa500);--txt-color: #fff;--link-color: var(--blue);--main-gradient: linear-gradient( 180deg, #ffea4f 0%, #fff73e 33.33%, #68ff4f 75%, #00e517 100% );--font: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-logo: "Righteous", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;--z-gnav: 10000001;--z-play-queue: 10000002;--z-volume: 10000003;--z-play-area: 100000000;--z-over-wrap: 1000000000000;--root_dir: "../img";--radius-full: calc(infinity * 1px)}.available-cards-section .cards-section-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);text-align:center}.available-cards-section .drop-rate-button{width:100%;padding:.8rem 1.5rem;background:linear-gradient(135deg,var(--blue-normal),var(--purple-normal));color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s}.available-cards-section .drop-rate-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.available-cards-section .drop-rate-button:active{transform:translateY(0)}.card-packs-page .card-packs-grid{display:flex;gap:1rem}.card-packs-page .card-pack-item{width:calc((100% - 4rem)/5);aspect-ratio:9/16;position:relative;transition:all .2s}.card-packs-page .card-pack-item:hover{transform:translateY(-4px);box-shadow:0 .5rem 24px #00000026}.card-packs-page .card-pack-item img{width:100%;height:100%;object-fit:cover}.card-packs-page .quantity-badge{position:absolute;bottom:0rem;right:0rem;background:linear-gradient(135deg,var(--yellow-normal),var(--green-normal));color:var(--bg-primary);padding:.2rem .5rem;border-radius:.2rem;font-weight:700;font-size:.8rem;font-feature-settings:"palt"}.card-packs-page .card-pack-info{padding:1rem}.card-packs-page .card-pack-name{font-size:1.2rem;font-weight:700;margin:0 0 .5rem;color:#333}.card-packs-page .card-pack-description{color:#666;font-size:.9rem;line-height:1.4;margin:0 0 .75rem}.card-packs-page .card-pack-details{display:flex;justify-content:space-between;align-items:center;color:var(--txt-color);opacity:.8}.card-packs-page .cards-per-pack{background:#f0f8ff;color:#2196f3;padding:.2rem .5rem;border-radius:.5rem;font-size:.85rem;font-weight:500}.pack-opening-page .pack-opening-container{max-width:800px;margin:0 auto;padding:2rem;text-align:center}.pack-opening-page .pack-selection{display:flex;flex-direction:column;align-items:center;gap:2rem}.pack-opening-page .pack-image-container{max-width:300px}.pack-opening-page .pack-image{width:100%;height:100%;object-fit:cover}.pack-opening-page .pack-info{max-width:500px}.pack-opening-page .pack-description{font-size:1.1rem;color:#666;line-height:1.6;margin-bottom:1rem}.pack-opening-page .pack-details{font-size:1.2rem;font-weight:700;color:var(--txt-color);font-feature-settings:"palt"}.pack-opening-page .pack-details .large{font-size:2.5rem}.pack-opening-page .open-controls{min-width:10rem;display:flex;flex-direction:column;gap:1rem;align-items:center}.pack-opening-page .open-button{padding:1rem 2rem;border:none;border-radius:.3rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:200px}.pack-opening-page .open-button.primary{background:linear-gradient(135deg,#ff6b6b,orange);color:#fff;animation:pulse 2s infinite}.pack-opening-page .open-button.secondary{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.pack-opening-page .open-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 .5rem 1.2rem #0000004d}.pack-opening-page .open-button:disabled{opacity:.6;cursor:not-allowed}.pack-opening-page .card-revealing{display:flex;flex-direction:column;gap:2rem}.pack-opening-page .pack-counter{margin-top:2rem;font-size:1.2rem;font-weight:700;color:var(--txt-color)}.pack-opening-page .cards-star-formation{position:relative;width:70%;aspect-ratio:1/1;margin:0 auto}.pack-opening-page .cards-grid-formation{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;margin:0 auto;padding:1rem}.pack-opening-page .card-slot{position:absolute;width:20%;aspect-ratio:.69;cursor:pointer;transition:all .3s ease;opacity:0;perspective:1000px}.pack-opening-page .card-slot .glow{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:var(--bg-primary)}.pack-opening-page .card-slot.revealing,.pack-opening-page .card-slot.revealed{opacity:1}.pack-opening-page .card-slot:hover:not(.revealing){transform:scale(1.05)}.pack-opening-page .card-slot .card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;transform-origin:center center}.pack-opening-page .card-slot.hidden .card-inner{transform:rotateY(0)}.pack-opening-page .card-slot.revealing .card-inner{transform:rotateY(180deg);transition:transform .6s}.pack-opening-page .card-slot.revealed .card-inner{transform:rotateY(180deg)}.pack-opening-page .card-slot.grid-layout{position:relative;width:calc((100% - 4rem)/5);opacity:1;animation:fadeIn .5s ease forwards}.pack-opening-page .card-slot.grid-layout:hover{transform:scale(1.05)}.pack-opening-page .card-slot.position-0{top:0;left:50%;transform:translate(-50%);animation:fadeIn .5s ease .1s forwards}.pack-opening-page .card-slot.position-0:hover{transform:translate(-50%) scale(1.05)}.pack-opening-page .card-slot.position-1{top:40%;left:10%;transform:translateY(-50%);animation:fadeIn .5s ease .2s forwards}.pack-opening-page .card-slot.position-1:hover{transform:translateY(-50%) scale(1.05)}.pack-opening-page .card-slot.position-2{top:40%;right:10%;transform:translateY(-50%);animation:fadeIn .5s ease .3s forwards}.pack-opening-page .card-slot.position-2:hover{transform:translateY(-50%) scale(1.05)}.pack-opening-page .card-slot.position-3{left:20%;bottom:10%;animation:fadeIn .5s ease .4s forwards}.pack-opening-page .card-slot.position-4{right:20%;bottom:10%;animation:fadeIn .5s ease .5s forwards}.pack-opening-page .card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 .2rem .5rem #0000004d}.pack-opening-page .card-image.card-back{z-index:2}.pack-opening-page .card-image.card-front{transform:rotateY(180deg);z-index:1}.pack-opening-page .rarity-normal .glow{filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.pack-opening-page .rarity-amethyst .glow{filter:drop-shadow(0 0 15px rgba(147,112,219,.8))}.pack-opening-page .rarity-sapphire .glow{filter:drop-shadow(0 0 20px rgba(65,105,225,.8))}.pack-opening-page .rarity-ruby .glow{filter:drop-shadow(0 0 25px rgba(220,20,60,.9))}.pack-opening-page .rarity-prism .glow{width:calc(100% + .5rem);height:calc(100% + .5rem);top:50%;left:50%;transform:translate(-50%,-50%);background-image:radial-gradient(circle at center,red,#ff8000,#ff0,#0f0,#0080ff,#00f,#8000ff 85.8%,red);background-size:200% 200%;background-position:center;filter:blur(2px) brightness(1.5);opacity:.9;box-shadow:0 0 20px #ffffff80,0 0 40px #ff7fff66,0 0 60px #7fffff4d;animation:prism-glow 4s linear infinite}.pack-opening-page .rarity-prism .video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:230%;aspect-ratio:16/9;display:none;z-index:-2;opacity:0;transition:opacity .5s ease;pointer-events:none;animation:rotateZ 10s linear infinite}@keyframes rotateZ{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.pack-opening-page .rarity-prism .video video{width:100%;height:100%;object-fit:contain}.pack-opening-page .rarity-prism.revealing .video,.pack-opening-page .rarity-prism.revealed .video{display:block;opacity:1}.pack-opening-page .reveal-controls{display:flex;flex-direction:column;gap:1rem;align-items:center}.pack-opening-page .auto-reveal-button,.pack-opening-page .next-pack-button{padding:.8rem 1.5rem;border:none;border-radius:.3rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.pack-opening-page .auto-reveal-button{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.pack-opening-page .next-pack-button{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.pack-opening-page .completion-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.pack-opening-page .vibrate-1{animation:vibrate-1 1s ease-in-out}.pack-opening-page .vibrate-2{animation:vibrate-2 1s ease-in-out}.pack-opening-page .vibrate-3{animation:vibrate-3 1s ease-in-out}.pack-opening-page .vibrate-4{animation:vibrate-4 1s ease-in-out}.pack-opening-page .vibrate-5{animation:vibrate-5 1s ease-in-out}.pack-opening-page.vibrate-2 .cards-star-formation{animation:containerShake .8s ease-in-out}.pack-opening-page.vibrate-3 .cards-star-formation,.pack-opening-page.vibrate-4 .cards-star-formation,.pack-opening-page.vibrate-5 .cards-star-formation{animation:containerRotate 1s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes prism-glow{0%{background-position:0% 50%}25%{background-position:50% 0%}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0% 50%}}@keyframes vibrate-1{0%,to{transform:translateY(0)}10%,20%{transform:translateY(-5px)}15%,25%{transform:translateY(5px)}30%{transform:translateY(0)}}@keyframes vibrate-2{0%,to{transform:translateY(0)}10%,20%{transform:translateY(-5px) rotate(1deg)}15%,25%{transform:translateY(5px) rotate(-1deg)}30%{transform:translateY(0)}}@keyframes vibrate-3{0%,to{transform:translateY(0)}10%,20%{transform:translateY(-10px) rotate(3deg) scale(1)}15%,25%{transform:translateY(10px) rotate(-3deg) scale(1.5)}30%{transform:translateY(0) scale(1)}}@keyframes vibrate-4{0%,to{transform:translate(0)}10%,20%{transform:translateY(-15px) rotate(5deg) scale(1)}15%,25%{transform:translateY(15px) rotate(-5deg) scale(2)}30%{transform:translateY(0) scale(1)}}@keyframes vibrate-5{0%,to{transform:translate(0)}10%,20%{transform:translateY(-15px) rotate(5deg) scale(1)}15%,25%{transform:translateY(15px) rotate(-5deg) scale(2)}30%{transform:translateY(0) scale(1)}}@keyframes containerShake{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.02) rotate(-1deg)}50%{transform:scale(1.05) rotate(1deg)}30%{transform:scale(1.02) rotate(-.5deg)}}@keyframes containerRotate{0%,to{transform:scale(1) rotate(0)}20%{transform:scale(1.03) rotate(-1deg)}40%{transform:scale(1.06) rotate(1.5deg)}60%{transform:scale(1.04) rotate(-1deg)}80%{transform:scale(1.02) rotate(.5deg)}}@media screen and (max-width: 767px){.pack-opening-page .pack-opening-container{padding:1rem 1rem 5rem}.pack-opening-page .pack-image-container{width:250px;height:250px}.pack-opening-page .cards-star-formation{width:90%;max-width:350px}.pack-opening-page .cards-grid-formation{padding:.5rem;gap:.5rem}.pack-opening-page .card-slot.grid-layout{width:calc((100% - 2rem) / 3)}.pack-opening-page .card-slot{width:20%}.pack-opening-page .completion-actions{flex-direction:column;align-items:center}}