body{background:#cfc8bb;min-height:100vh;margin:0}.gashapon-wall{width:100%;min-height:100vh;height:100vh;padding:40px 0;display:flex;gap:0;overflow-y:auto;justify-content:center;align-items:flex-start;flex-wrap:wrap;margin:auto;max-width:6xl;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;position:relative}.capsule-machine-outer{position:relative;width:210px;height:365px;margin:0 0 -2px -2px}.capsule-machine-shadow{position:absolute;left:10px;bottom:12px;width:188px;height:24px;filter:blur(7px);opacity:.32;background:#a19987;border-radius:40px;z-index:1}.gashapon-wall:before{position:absolute;height:100%}.capsule-machine-body{z-index:2;width:200px;height:350px;border-radius:24px 24px 32px 32px/40px 40px 16px 16px;box-shadow:0 7px 26px #ab9584,inset 0 2px 0 #fff,inset 0 .5px 0 #695c51;border:2.5px solid #b9b1a2;display:flex;flex-direction:column;align-items:center;overflow:visible;background:linear-gradient(180deg,#fdf7e7 71%,#b3b1ac)}.capsule-banner{width:162px;height:72px;margin:14px 0 0;display:block;border-radius:10px 10px 8px 8px/16px 16px 4px 4px;box-shadow:inset 0 2px 8px #b48656a0,0 1.5px 0 #fff8e2;background:#f9f3eb;object-fit:cover;border:2.5px solid #ceccbe}.capsule-window{width:166px;height:100px;margin-top:7px;background:linear-gradient(180deg,#e8eff6,#c3d5df 76%,#a4a9ac);border-radius:19px 19px 13px 13px/28px 28px 9px 9px;box-shadow:inset 0 8px 16px #bdbec280,0 2px 1px #828892;border:3px solid #d4d9e2;position:relative;display:flex;justify-content:center;align-items:center}.capsule-ball{display:none;width:48px;height:48px;border-radius:50%;background:radial-gradient(ellipse at 42% 38%,#f9f9f866 68%,#fad367 79%,#e67552d9 100%);box-shadow:0 0 0 3px #e7bfa295,0 12px 15px 0 #b48862ad;border:2px solid #d5ac7e;margin:0 auto;animation:gashapon-ball-pop .8s cubic-bezier(.6,1.45,.52,1.01) 1 normal none paused}.capsule-label{margin:8px auto 0;background:#f9eedb;font-size:15px;color:#6c5149;padding:1.5px 21px 2.5px;border-radius:22px;border:2px solid #c1a875;font-weight:600;text-shadow:0 1px 0 #fff,1px 1px 9px #c9974b44;box-shadow:0 1.5px 0 #f6e0be,inset 0 0 6px #6f4c20a3}.capsule-knob{margin:20px auto 0;width:46px;height:46px;border-radius:50%;border:2.2px solid #6c6066;box-shadow:0 2px 6px #8a573f65,inset 0 0 0 #eac771;cursor:pointer;transition:transform .13s cubic-bezier(.59,1.9,.22,.84);outline:none;display:flex;align-items:center;justify-content:center}.capsule-knob.spinning{animation:knobspin 1s cubic-bezier(.39,1.5,.17,.91)}@keyframes knobspin{0%{transform:rotate(0deg)}35%{transform:rotate(-90deg) scale(1.03)}60%{transform:rotate(-230deg) scale(.98)}80%{transform:rotate(-300deg) scale(1.08)}to{transform:rotate(-1turn)}}.capsule-sticker{position:absolute;right:12px;top:67px;background:#f1ecf4cc;font-family:Futura,Arial Rounded MT Bold,Arial,sans-serif;font-size:13px;color:#3c3744;border-radius:13px;padding:2.5px 13px;box-shadow:0 1.5px 9px #d7acd9ad,inset 0 .5px 0 #fff9;border:1.3px solid #8478a9;transform:rotate(-11deg);z-index:99}.gacha-popup{position:fixed;z-index:1200;display:flex;align-items:center;justify-content:center}.gacha-popup,.gacha-popup-bg{left:0;top:0;right:0;bottom:0}.gacha-popup-bg{position:absolute;background:#131324cf;z-index:1}.gacha-popup-content{position:relative;z-index:2;min-width:260px;border-radius:24px;background:linear-gradient(180deg,#fffbe3 70%,#ffe8a8);border:3px solid #c6a369a3;box-shadow:0 8px 22px #38312d70,inset 0 -2px 8px #fff6;padding:44px 18px 22px;display:flex;flex-direction:column;align-items:center;font-size:1.2rem;font-family:inherit;color:#664b34}.gacha-popup-content button{margin-top:4px;padding:7px 32px;border-radius:16px;background:#ffe5b8;border:2.2px solid #c6a369a3;font-size:1.13rem;font-weight:700;letter-spacing:.06em;cursor:pointer;box-shadow:0 5px 17px #bfa05529;transition:background .12s}.gacha-popup-content button:hover{background:#ffe8a6}.gashapon-wall:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:repeating-linear-gradient(135deg,#ece8e3 0 32px,#e3ddca 32px 64px);z-index:-1;pointer-events:none}.gacha-popup-content.max-h-\[80vh\]{max-height:80vh!important}.capsule-machine-body{position:relative}.capsule-knob{position:absolute;bottom:45px;right:50px;margin:0;width:60px;height:60px;&:before{content:"";position:absolute;top:50%;left:50%;width:80%;height:7px;background:#ffffff;transform:translate(-50%,-50%);border-radius:2px;box-shadow:0 3px 2px rgba(0,0,0,.2);z-index:1}}.capsule-output{position:absolute;bottom:30px;left:20px;width:60px;height:70px;background:#4a4035;clip-path:polygon;border-radius:18px 18px 6px 6px;box-shadow:inset 0 2px 4px rgba(0,0,0,.3);z-index:3}@keyframes capsule-drop{0%{transform:translateY(-40px) scale(.8);opacity:0}60%{transform:translateY(0) scale(.9)}80%{transform:translateY(-10px)}to{transform:translateY(0);opacity:1}}.capsule-output:after{position:absolute;top:20px;left:6px;width:48px;height:48px;border-radius:50%;background:linear-gradient(to bottom,var(--capsule-color) 50%,transparent 50%);box-shadow:0 0 0 3px #e7bfa295;display:block;content:"";opacity:0;display:none;&:before{content:"";position:absolute;top:10%;left:20%;width:60%;height:30%;background:radial-gradient(ellipse at 50% 30%,#ffffff88 20%,transparent 80%)}}.capsule-output.dropping:after{display:block;animation:capsule-drop .6s cubic-bezier(.34,1.56,.64,1) forwards}