*,:before,:after{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.app{flex-direction:column;min-height:100vh;display:flex}.app-content{flex-direction:column;flex:1;display:flex}.app-content>*{flex:1}.gacha-card-container{perspective:1000px;display:flex}.gacha-card{aspect-ratio:2/3;width:240px;transform-style:preserve-3d;border-radius:16px;margin:auto;transition:transform .8s;position:relative}.flipped .gacha-card{transform:rotateY(180deg)}.card-image{object-fit:cover;z-index:1;width:100%;height:100%;display:block;position:absolute}.card-front,.card-back{backface-visibility:hidden;border-radius:16px;position:absolute;inset:0;overflow:hidden}.card-back{transform:rotateY(0)}.card-front{transform:rotateY(180deg)}.R{border:6px solid #b0c4de}.SR{border:6px solid #c084fc}.SSR{background-color:#0000;background-image:linear-gradient(#fff,#fff),linear-gradient(270deg,#ff004c,#ff8a00,#ffe600,#00ff85,#00c2ff,#7a00ff,#ff00c8,#ff004c);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:400% 400%;background-attachment:scroll,scroll;background-origin:padding-box,border-box;background-clip:padding-box,border-box;border:6px solid #0000;animation:6s linear infinite rainbowMove}@keyframes rainbowMove{0%{background-position:0%}to{background-position:400%}}.gacha-grid{grid-template-columns:repeat(5,minmax(60px,300px));justify-content:center;height:100%;padding:0;display:grid}.gacha-grid.single{grid-template-columns:1fr;align-content:center}.gacha-buttons{justify-content:center;gap:60px;display:flex}.gacha-buttons img{width:160px;height:auto}.gacha-banner{justify-content:center;align-items:center;height:100%;display:flex}.banner-logo{width:1000px;height:auto}.gacha-container{height:780px;min-height:70vh}@media (width<=1000px){.gacha-container{height:70vh}.R{border:3px solid #b0c4de}.SR{border:3px solid #c084fc}.SSR{border:3px solid #0000}.banner-logo{width:500px}}@media (width<=500px){.gacha-buttons img{width:100px;height:auto}.banner-logo{width:300px}}.container{background-color:#300;background-image:radial-gradient(#8a0000 4%,#5c0000 9%,#6000 9%),radial-gradient(#8a0000 4%,#5c0000 8%,#6000 10%),radial-gradient(#900c 20%,#6000),radial-gradient(#900c 20%,#6000),radial-gradient(#600 35%,#6000 60%),radial-gradient(#600 35%,#6000 60%),radial-gradient(#4d0000b3,#6000),radial-gradient(#4d0000b3,#6000),linear-gradient(45deg,#6000 49%,#000 50%,#6000 70%),linear-gradient(-45deg,#6000 49%,#000 50%,#6000 70%);background-position:0 0,50px 50px,50px 0,0 50px,50px 0,100px 50px,0 0,50px 50px,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat;background-size:100px 100px;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box}.ssr-overlay{z-index:9999;background:#000;flex-direction:column;align-items:center;animation:.5s ease-out fadeIn;display:flex;position:fixed;inset:0}.video-container{width:100%;height:80vh;position:relative}.video{border:none;width:100%;height:100%}.card-overlay{z-index:10;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card-overlay .gacha-card{pointer-events:auto}.exit-text{color:#fff;-webkit-user-select:none;user-select:none;opacity:.8;flex:1;justify-content:center;align-items:center;height:60px;font-size:1.5rem;font-weight:600;display:flex}.math-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.math-modal{color:#fff;background:#1e1e2e;border-radius:12px;width:fit-content;max-width:90vw;padding:2rem;animation:.3s popIn;box-shadow:0 10px 30px #0006}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.math-modal h2{text-align:center;color:#fff;text-shadow:0 0 6px #6c5ce7,0 0 12px #6c5ce7;margin-top:0;font-size:clamp(1rem,4vw,1.5rem)}.math-modal form{flex-direction:column;gap:1rem;display:flex}.question{justify-content:space-between;align-items:center;gap:1rem;padding:0 2rem;display:flex}.question p{margin:0;font-size:1.1rem}.question input{color:#fff;text-align:center;appearance:textfield;background:#2a2a3d;border:1px solid #444;border-radius:6px;width:70px;padding:.4rem .6rem;font-size:1rem}.question input:focus{border-color:#6c5ce7;outline:none}.question input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.question input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.submit{color:#fff;cursor:pointer;background:#6c5ce7;border:none;border-radius:6px;margin-top:.5rem;padding:.6rem;font-weight:600;transition:background .2s}.submit:hover{background:#5a4bd6}@media (width<=500px){.math-modal{padding:1rem}}.viewer-overlay{z-index:2000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewer-switch{z-index:10;gap:10px;display:flex;position:absolute;top:15px;right:15px}.viewer-switch button{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:20px;padding:8px 18px;font-size:1rem;font-weight:600;transition:background .2s}.viewer-switch button:hover{background:#c084fccc}.viewer-switch button.active{background:#c084fc}.viewer-image{object-fit:contain;max-width:min(85vw,1400px)}.viewer-video{aspect-ratio:16/9;width:min(85vw,1400px)}@media (width<=600px){.viewer-switch{top:10px;right:10px}.viewer-switch button{padding:6px 12px;font-size:.9rem}}.collection-grid{grid-template-columns:repeat(auto-fit,140px);gap:10px;padding:20px;display:grid}.collection-card{aspect-ratio:2/3;border-radius:16px;width:140px;position:relative;overflow:hidden}.collection-card .card-image{object-fit:cover;z-index:1;width:100%;height:100%;display:block;position:relative}.card-bg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.collection-card.R{border:3px solid #b0c4de}.collection-card.SR{border:3px solid #c084fc}.collection-card.SSR{background-color:#0000;background-image:linear-gradient(#fff,#fff),linear-gradient(270deg,#ff004c,#ff8a00,#ffe600,#00ff85,#00c2ff,#7a00ff,#ff00c8,#ff004c);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:400% 400%;background-attachment:scroll,scroll;background-origin:padding-box,border-box;background-clip:padding-box,border-box;border:3px solid #0000;animation:6s linear infinite rainbowMove}h2{color:#fff;margin:10px 20px 0}.navbar{z-index:1000;background:#fff;border-bottom:2px solid #ececec;justify-content:space-between;align-items:center;padding:0 48px;display:flex;position:relative}.logo{width:auto;height:50px;display:block}.nav-links{gap:32px;display:flex}.nav-links a{color:#444;opacity:.9;align-items:center;gap:1rem;padding:18px 0;font-size:1.5rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.nav-links a:hover{color:#c084fc}.nav-links a.active{color:#c084fc;opacity:1}.icon-wrap{width:20px;height:20px;overflow:hidden}.nav-icon{width:20px;height:20px;transition:transform .1s;display:block;transform:translateY(100%)}.nav-links a.active .nav-icon,.nav-links a:hover .nav-icon{transform:translateY(0)}.hamburger{width:27px;height:27px;display:none}.navbar-right{align-items:center;gap:32px;display:flex}.currency-display{position:relative}.currency-display img{width:200px;height:auto;display:block}.currency-display span{color:#fff;font-size:40px;font-weight:700;position:absolute;top:50%;right:20px;transform:translateY(-50%)}@media (width<=1000px){.hamburger{display:block}.nav-links{display:none}.navbar{padding:18px 24px}.nav-links.open{background:#fff;border-bottom:2px solid #ececec;flex-direction:column;padding:16px 48px;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 16px #0000000f}}@media (width<=600px){.currency-display img{width:130px}.currency-display span{font-size:20px}.logo{height:30px}}