/* PAWBULOUS pocket arcade */
.paw-coin{--coin-size:62px;position:relative;display:block;width:var(--coin-size);height:var(--coin-size);perspective:500px;flex-shrink:0;pointer-events:none}
.paw-coin-bob{display:block;width:100%;height:100%;transform-style:preserve-3d;animation:paw-float 3.2s ease-in-out infinite}
.paw-coin-body{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:paw-turn 7s linear infinite}
.paw-coin-body>i,.paw-coin-face{position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,#fff4a3,#e39a15 45%,#ffe267 70%,#b56a09);transform:translateZ(var(--z));border:1px solid #ffdb63;box-sizing:border-box}
.paw-coin-face{--z:5px;display:grid;place-items:center;background:radial-gradient(circle at 30% 22%,#fff6b4 0%,#ffdf5d 35%,#ffc534 70%,#e99a14);border:3px solid #ffe58a;box-shadow:inset 0 0 0 2px #e7a32c,inset 0 0 0 5px #ffdf6b,0 0 18px #ffce3840;backface-visibility:hidden}
.paw-coin-face.paw-back{transform:translateZ(-5px) rotateY(180deg)}
.paw-coin-face svg{width:65%;height:65%;fill:#ffe476;stroke:#dfa12d;stroke-width:1.1;filter:drop-shadow(0 2px 0 #c68b22)}
.paw-coin-face:after{content:'';position:absolute;inset:4px;border-radius:50%;background:linear-gradient(115deg,transparent 20%,#fff9 43%,transparent 59%);opacity:0;animation:paw-shine 3.5s infinite}
.paw-coin:before,.paw-coin:after{content:'✦';position:absolute;color:#fff5b1;font-size:20px;animation:paw-twinkle 2.1s ease-in-out infinite;text-shadow:0 0 10px #ffc62d;z-index:2;top:-9px;right:-9px}.paw-coin:after{left:-8px;right:auto;top:auto;bottom:0;font-size:12px;animation-delay:.9s}
.paw-hidden-coin{position:absolute;z-index:8;right:var(--coin-right,6%);bottom:var(--coin-bottom,28px);width:76px;height:84px;border:0!important;background:transparent!important;padding:7px!important;cursor:pointer!important;touch-action:manipulation;filter:drop-shadow(0 10px 8px #37200c30);transition:filter .2s,scale .2s;display:grid!important;place-items:center;isolation:isolate}.paw-hidden-coin:hover{scale:1.12;filter:drop-shadow(0 8px 18px #e8b83988)}.paw-hidden-coin:focus-visible{outline:2px dashed #a67013;outline-offset:5px;border-radius:50%}.paw-hidden-coin[hidden]{display:none!important}.paw-coin-host{position:relative!important}.paw-coin-host .paw-hidden-coin.is-offscreen *{animation-play-state:paused!important}
.paw-intro-play{display:flex;gap:14px;align-items:center;justify-content:center;margin:26px auto 0;position:relative;z-index:4}.paw-intro-play .paw-hidden-coin{position:relative;inset:auto;width:65px;height:65px;--coin-size:46px;flex-shrink:0}.paw-play-link{display:inline-flex;align-items:center;gap:15px;background:#f8d964;color:#242038!important;border:0;border-radius:100px;padding:17px 24px;font:750 15px/1.2 Inter,Arial,sans-serif;cursor:pointer;box-shadow:0 4px 0 #b39737;transition:transform .2s,box-shadow .2s}.paw-play-link:hover{transform:translateY(-3px);box-shadow:0 7px 0 #b39737}.paw-play-arrow{display:block;width:20px;height:20px;flex:0 0 20px}
.paw-wallet{position:fixed;z-index:1150;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;border:1px solid #fff2;border-radius:50px;padding:10px 16px 10px 11px;background:#252035;color:#fff8df;font:800 14px/1 Inter,Arial,sans-serif;box-shadow:0 7px 28px #1114;cursor:pointer;transition:transform .2s;touch-action:manipulation}.paw-wallet:hover{transform:translateY(-4px)}.paw-wallet .paw-coin{--coin-size:30px}.paw-wallet .paw-coin:before,.paw-wallet .paw-coin:after{display:none}.paw-wallet .paw-coin-bob{animation:none}.paw-wallet .paw-coin-body{animation-duration:12s}.paw-wallet strong{font-size:18px;min-width:13px}.paw-wallet-label{letter-spacing:.09em;font-size:10px;font-weight:650}.paw-wallet-plus{position:absolute;top:-23px;left:28px;color:#fbe06a;font-size:24px;pointer-events:none}
.paw-toast{position:fixed;z-index:1201;bottom:95px;right:24px;max-width:min(330px,calc(100vw - 48px));padding:14px 20px;border-radius:18px;background:#252035;color:#fff9e5;box-shadow:0 5px 28px #0003;font:650 14px/1.5 Inter,Arial,sans-serif;pointer-events:none;opacity:0;transform:translateY(10px);transition:.2s}.paw-toast.is-shown{opacity:1;transform:none}.paw-flying-coin{position:fixed;z-index:1300;pointer-events:none}.paw-flight-spark{position:fixed;z-index:1301;width:8px;height:8px;background:#ffdb58;border-radius:2px;pointer-events:none}
.paw-gacha{box-sizing:border-box;width:min(980px,calc(100vw - 32px));max-width:980px;max-height:calc(100dvh - 32px);padding:0;border:1px solid #fff8;border-radius:30px;background:#f8f4e9;color:#242038;overflow:auto;box-shadow:0 30px 120px #0006;font-family:Inter,Arial,sans-serif}.paw-gacha *, .paw-gacha *:before,.paw-gacha *:after{box-sizing:border-box}.paw-gacha::backdrop{background:#171325ba;backdrop-filter:blur(10px)}.paw-gacha[open]{animation:paw-dialog-in .35s ease-out}.paw-gacha-close{position:absolute!important;top:18px;right:18px;z-index:10;width:40px;height:40px;border:1px solid #24203825;border-radius:50%;background:#fff9;color:#242038;display:grid;place-items:center;font:28px/1 Arial;cursor:pointer}.paw-gacha-grid{display:grid;grid-template-columns:.9fr 1.1fr;min-height:600px}.paw-gacha-copy{padding:64px 24px 45px 42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px}.paw-gacha-kicker{font:750 12px/1.5 Inter,Arial;letter-spacing:.14em;margin:0;color:#706a7f}.paw-gacha h2{font-size:clamp(32px,4vw,54px)!important;font-weight:900;letter-spacing:-.055em;line-height:1.03;margin:0!important;color:#242038!important;word-break:keep-all}.paw-gacha-description{font-size:16px;line-height:1.65;margin:0;max-width:290px;color:#6b6377}.paw-gacha-balance{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #25203520;border-radius:50px;font-size:14px;font-weight:700}.paw-gacha-balance .paw-coin{--coin-size:26px}.paw-gacha-balance .paw-coin:before,.paw-gacha-balance .paw-coin:after{display:none}.paw-gacha-balance .paw-coin-bob{animation:none}.paw-gacha-balance strong{font-size:20px}.paw-gacha-action{border:0;background:#252035;color:#fff9e7;border-radius:100px;padding:17px 24px;font:800 15px/1.3 Inter,Arial;cursor:pointer;min-height:52px;transition:transform .2s,background .2s}.paw-gacha-action:hover:not(:disabled){transform:translateY(-2px);background:#514065}.paw-gacha-action:disabled{opacity:.6;cursor:default}.paw-gacha-note{font-size:12px;line-height:1.5;color:#787181;margin:0}.paw-gacha button:focus-visible{outline:3px solid #926bd0;outline-offset:4px}
.paw-machine-stage{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 40% 30%,#e6d9f3,#c7b4de);border-radius:0 29px 29px 0;min-height:600px;direction:ltr}.paw-stage-orbit{position:absolute;width:380px;height:380px;border:1px solid #fff5;border-radius:50%;transform:rotateX(55deg) rotate(-25deg);top:110px}.paw-stage-orbit:after{content:'✦';position:absolute;right:20px;top:35px;font-size:35px;color:#fff5c7}.paw-machine-shadow{position:absolute;bottom:52px;left:17%;width:67%;height:40px;background:#36214440;border-radius:50%;filter:blur(13px)}
.paw-machine{position:relative;width:300px;height:465px;filter:drop-shadow(12px 13px 1px #725a8a18);margin-top:8px}.paw-machine-top{position:absolute;left:-8px;top:0;width:316px;height:41px;background:linear-gradient(100deg,#b4f0de,#6ebeb8 48%,#36938e);border-radius:25px 25px 9px 9px;border-top:5px solid #d5fff1;box-shadow:0 6px 0 #245e662a,inset -6px 0 0 #247c8022;z-index:3}.paw-machine-top:before{content:'PAWBULOUS';display:block;text-align:center;color:#235658;font:bold 14px/32px Inter,Arial;letter-spacing:3px}.paw-machine-glass{position:absolute;top:30px;left:0;width:300px;height:239px;overflow:hidden;border:6px solid #acdcd580;border-top:0;border-bottom:0;background:linear-gradient(120deg,#eafaff50,#b8f1ed26 43%,#39788938);border-radius:4px 4px 20px 20px;box-shadow:inset 6px 0 0 #fff4,inset -9px 0 0 #fff2;z-index:1}.paw-machine-glass:after{content:'';position:absolute;inset:0;background:linear-gradient(112deg,transparent 13%,#fff5 14%,#fff3 20%,transparent 21%,transparent 68%,#fff3 69%,#fff2 73%,transparent 74%);pointer-events:none;z-index:4}.paw-capsule{position:absolute;display:block;width:62px;height:62px;border-radius:50%;background:linear-gradient(155deg,#fff8,transparent 45%),linear-gradient(to bottom,var(--capsule,#fa85ab) 0 49%,#779cab 50% 53%,#dae7e980 54% 100%);border:1px solid #fff7;box-shadow:inset -8px -8px 12px #27364b3d,inset 4px 3px 5px #fff8,2px 6px 8px #1d526830;transform:rotate(var(--tilt,0deg));z-index:2}.paw-capsule:after{content:'';position:absolute;left:12px;top:8px;width:19px;height:8px;border-radius:50%;background:#fff8;transform:rotate(-35deg)}.paw-capsule:nth-child(3n){z-index:3}.paw-machine-body{position:absolute;top:252px;width:300px;height:195px;border-radius:12px 12px 29px 29px;background:linear-gradient(110deg,#95dccb,#69b8b2 55%,#459b9b);box-shadow:inset 5px 0 0 #c6f5e077,inset -12px 0 0 #20586922,0 8px 0 #3b8489;border-top:8px solid #b6efe0;z-index:5}.paw-machine-badge{position:absolute;left:20px;top:14px;width:83px;color:#255357;font:900 21px/.94 Inter,Arial;letter-spacing:-1px;transform:rotate(-7deg)}.paw-machine-badge small{display:block;font:700 8px/2 Inter,Arial;letter-spacing:1px}.paw-crank-panel{position:absolute;right:25px;top:8px;width:112px;height:103px;background:linear-gradient(135deg,#f3f5f0,#c3d0d1 40%,#f8faf5 60%,#98aeaf);border-radius:14px;border:3px solid #e5f1ed;box-shadow:0 5px 0 #2c6a7140}.paw-slot{position:absolute;width:32px;height:5px;background:#344955;border-radius:3px;top:10px;left:37px;box-shadow:0 1px 0 #fff}.paw-crank{position:absolute;left:22px;top:25px;width:64px;height:64px;padding:0;border-radius:50%;border:4px solid #d6deda;background:linear-gradient(145deg,#fafcf5,#91a4a7);box-shadow:2px 4px 0 #5d7879,0 5px 6px #23485155;cursor:pointer;z-index:1}.paw-crank:before{content:'';position:absolute;left:7px;top:20px;width:43px;height:14px;background:linear-gradient(#e9f1ec,#89a1a4);border-radius:12px;box-shadow:0 3px 1px #475b65}.paw-crank:after{content:'';position:absolute;inset:21px;border-radius:50%;background:#e8f0df;box-shadow:0 0 0 1px #798b8c}.paw-crank:disabled{cursor:default}.paw-machine-hatch{position:absolute;left:22px;bottom:16px;width:116px;height:62px;background:#26474d;border:6px solid #88c8bd;border-radius:32px 32px 12px 12px;box-shadow:inset 0 8px 12px #102b32aa,0 2px 0 #c9fff14d}.paw-hatch-flap{position:absolute;inset:0;background:linear-gradient(#548b90,#3c6f76);border-radius:22px 22px 6px 6px;transform-origin:top;transition:transform .45s;box-shadow:0 3px 1px #152f32;z-index:2}.paw-hatch-flap:after{content:'↓';display:block;text-align:center;font:24px/42px Arial;color:#bdede1}.paw-machine-hatch.is-open .paw-hatch-flap{transform:perspective(100px) rotateX(85deg)}.paw-machine-label{position:absolute;right:24px;bottom:27px;text-align:center;color:#efffec;font:bold 11px/1.7 Inter,Arial;letter-spacing:1px}.paw-machine-feet{position:absolute;bottom:0;left:25px;width:33px;height:18px;background:#294d5b;border-radius:0 0 6px 6px;box-shadow:218px 0 0 #294d5b}.paw-machine.is-turning .paw-crank{animation:paw-crank-turn 1.25s cubic-bezier(.3,.1,.2,1) forwards}.paw-machine.is-turning .paw-machine-glass .paw-capsule{animation:paw-rattle .27s ease-in-out 5 alternate;animation-delay:var(--delay,0s)}
.paw-prize{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#d5c3e9ed;padding:40px 24px;text-align:center;gap:14px;backdrop-filter:blur(5px)}.paw-prize[hidden]{display:none}.paw-prize-burst{position:absolute;width:360px;height:360px;background:repeating-conic-gradient(from 0deg,#fff4 0deg 12deg,transparent 12deg 30deg);border-radius:50%;mask-image:radial-gradient(#000 20%,transparent 69%);animation:paw-turn-flat 30s linear infinite;pointer-events:none}.paw-prize-ball{position:relative;width:174px;height:174px;margin:38px 0 20px;filter:drop-shadow(0 20px 12px #4f365c33)}.paw-prize-top,.paw-prize-bottom{position:absolute;width:174px;height:88px;border:2px solid #fff8;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .7s;background:radial-gradient(ellipse at 30% 20%,#fff9,transparent 40%),var(--capsule,#f498b8)}.paw-prize-top{top:0;border-radius:90px 90px 5px 5px;box-shadow:inset -12px -8px 18px #4f24502c;z-index:3}.paw-prize-bottom{top:86px;border-radius:5px 5px 90px 90px;background:linear-gradient(140deg,#edf9f6cc,#aecacc);box-shadow:inset -9px -12px 13px #607a893b}.paw-prize-star{position:absolute;inset:32px;font-size:90px;color:#ffe681;text-shadow:0 5px 0 #d39e32;opacity:0;transform:scale(.4);transition:transform .65s,opacity .4s;z-index:2}.paw-prize.is-revealed .paw-prize-top{transform:translate(-22px,-64px) rotate(-24deg);opacity:.8}.paw-prize.is-revealed .paw-prize-bottom{transform:translate(15px,32px) rotate(12deg)}.paw-prize.is-revealed .paw-prize-star{opacity:1;transform:scale(1)}.paw-prize h3{position:relative;font:900 25px/1.15 Inter,Arial;margin:18px 0 0;letter-spacing:-.04em;color:#252035}.paw-prize p{font-size:14px;line-height:1.5;color:#62516e;margin:0;max-width:260px}.paw-prize img{position:relative;max-height:235px;max-width:90%;object-fit:contain}.paw-prize img[hidden]{display:none}.paw-prize-open{position:relative;margin-top:8px}.paw-arcade-open{overflow:hidden!important}
@keyframes paw-turn{from{transform:rotateY(0deg) rotateZ(-10deg)}to{transform:rotateY(360deg) rotateZ(-10deg)}}@keyframes paw-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes paw-shine{0%,55%,100%{opacity:0}68%{opacity:.8}}@keyframes paw-twinkle{0%,100%{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1) rotate(25deg)}}@keyframes paw-dialog-in{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}@keyframes paw-crank-turn{to{transform:rotate(360deg)}}@keyframes paw-rattle{from{translate:0 0;rotate:0deg}to{translate:3px -10px;rotate:9deg}}@keyframes paw-turn-flat{to{transform:rotate(360deg)}}
@media(max-width:700px){.paw-gacha{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:23px}.paw-gacha-grid{grid-template-columns:1fr;min-height:0}.paw-gacha-copy{padding:26px 55px 22px 24px;gap:12px}.paw-gacha h2{font-size:32px!important;max-width:290px}.paw-gacha-description{font-size:14px;line-height:1.5;max-width:none}.paw-gacha-kicker{font-size:10px}.paw-gacha-balance{position:absolute;right:20px;top:78px;padding:8px 11px;gap:6px}.paw-gacha-balance>span:last-child{display:none}.paw-gacha-balance .paw-coin{--coin-size:20px}.paw-gacha-copy .paw-gacha-action{font-size:14px;padding:12px 18px;min-height:44px}.paw-gacha-note{font-size:11px}.paw-machine-stage{min-height:430px;border-radius:0 0 22px 22px}.paw-machine{transform:scale(.82);transform-origin:center center;margin:-33px 0 -45px}.paw-machine-shadow{bottom:20px}.paw-stage-orbit{top:50px;width:300px;height:300px}.paw-wallet{right:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:8px 12px 8px 8px}.paw-wallet-label{display:none}.paw-wallet .paw-coin{--coin-size:26px}.paw-hidden-coin{--coin-size:48px;width:64px;height:68px}.paw-intro-play{gap:8px;margin-top:20px}.paw-play-link{font-size:13px;padding:14px 18px}.paw-toast{right:14px;bottom:77px}.paw-prize{padding:25px 20px;gap:10px}.paw-prize-ball{margin:25px 0 10px}.paw-prize h3{font-size:23px}.paw-prize-burst{width:300px;height:300px}}
@media(prefers-reduced-motion:reduce){.paw-coin-bob,.paw-coin-body,.paw-coin-face:after,.paw-coin:before,.paw-coin:after,.paw-gacha[open],.paw-prize-burst,.paw-machine.is-turning .paw-crank,.paw-machine.is-turning .paw-machine-glass .paw-capsule{animation:none!important}.paw-coin-body{transform:rotateY(-20deg) rotateZ(-10deg)}.paw-prize-top,.paw-prize-bottom,.paw-prize-star,.paw-hatch-flap{transition:none}}

.paw-machine-label{bottom:15px}.paw-prize-ball{border:0;padding:0;background:transparent;cursor:pointer;flex-shrink:0}.paw-prize.is-revealed .paw-prize-ball{cursor:default}
@media(max-width:700px){.paw-gacha-balance{top:23px;right:70px;padding:5px 9px}.paw-gacha-balance strong{font-size:16px}}
/* 3D claw prototype — the original vending version is archived separately. */
.paw-coin-emblem{display:block;width:73%;height:73%;background:#ffe891;mask:url('/assets/pawbulous/paw-white.webp') center/contain no-repeat;-webkit-mask:url('/assets/pawbulous/paw-white.webp') center/contain no-repeat;filter:drop-shadow(0 2px 0 #b77412)}
.paw-gacha{width:min(1120px,calc(100vw - 28px));max-width:1120px;background:#073766;border-color:#81d9ec33;color:#edf6fa;border-radius:24px}.paw-gacha-grid{grid-template-columns:.72fr 1.28fr;min-height:680px}.paw-gacha-copy{padding:55px 34px;gap:23px;background:#073766}.paw-gacha h2{color:#f4f6ec!important;font-size:clamp(32px,3.8vw,50px)!important}.paw-gacha-kicker{color:#87cce6}.paw-gacha-description{color:#b4d5e7;font-size:15px}.paw-gacha-balance{border-color:#94d7f43b;background:#0b426d;color:#fff0b9}.paw-gacha-note{color:#92b8ce}.paw-game-status{color:#acd5e9}.paw-gacha-action{background:#f7d760;color:#123756}.paw-gacha-action:hover:not(:disabled){background:#ffe79a}.paw-gacha-close{background:#082c5788;border-color:#aee6f94d;color:#effaff}.paw-machine-stage{min-height:680px;border-radius:0 23px 23px 0;background:#52b8d7;display:block}.paw-claw-canvas{position:absolute;inset:0}.paw-claw-canvas canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.paw-claw-canvas canvas:active{cursor:grabbing}.paw-claw-canvas canvas:focus-visible{outline:2px solid #ffdb6c;outline-offset:-8px;border-radius:22px}.paw-claw-controls{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:20px;align-items:center;background:#082e55b8;backdrop-filter:blur(14px);padding:10px 18px;border:1px solid #a6dce645;border-radius:22px;box-shadow:0 12px 25px #062c4e35}.paw-claw-controls[hidden]{display:none}.paw-claw-pad{display:flex;align-items:center;gap:4px;direction:ltr}.paw-claw-pad>div{display:flex;flex-direction:column;gap:3px}.paw-claw-pad button{width:38px;height:32px;display:grid;place-items:center;background:#5195bc40;border:1px solid #9dcce445;color:#e0f3ff;border-radius:8px;font:21px Arial;cursor:pointer;touch-action:none;user-select:none}.paw-claw-pad button:active{background:#8dc4d9aa;scale:.96}.paw-claw-drop{border:3px solid #faeebc;border-radius:50%;background:#f4bf4f;color:#143554;width:78px;height:78px;padding:5px;font:800 11px/1.3 Inter,Arial;box-shadow:0 5px 0 #9f6c20,0 7px 10px #14293c60;cursor:pointer;touch-action:manipulation}.paw-claw-drop:active{translate:0 3px;box-shadow:0 2px 0 #9f6c20}.paw-claw-controls button:disabled{opacity:.55;cursor:default}.paw-prize{inset:auto 14px 22px;background:transparent;backdrop-filter:none;padding:12px 20px;gap:8px;pointer-events:none}.paw-prize h3{color:#fffdf0;text-shadow:0 2px 12px #12436655;font-size:25px}.paw-prize p{color:#eafaff;text-shadow:0 1px 7px #16445f;font-size:14px}.paw-prize button{pointer-events:auto}.paw-prize img{max-height:160px}.paw-gacha-close{position:fixed!important}
@media(max-width:700px){.paw-gacha-grid{grid-template-columns:1fr;min-height:0}.paw-gacha-copy{padding:23px 25px 18px;gap:11px}.paw-gacha h2{font-size:29px!important;max-width:100%;padding-right:15px}.paw-gacha-description{font-size:13px;max-width:300px}.paw-gacha-kicker{font-size:10px}.paw-gacha-balance{top:19px;right:66px}.paw-gacha-note{display:none}.paw-game-status{font-size:12px!important;min-height:18px}.paw-gacha-copy .paw-spin{display:none}.paw-machine-stage{min-height:490px;border-radius:0 0 22px 22px}.paw-claw-controls{bottom:12px;gap:18px;padding:8px 14px;border-radius:18px}.paw-claw-pad button{height:30px;width:36px}.paw-claw-drop{height:68px;width:68px;font-size:10px}.paw-prize{bottom:14px}.paw-prize h3{font-size:22px}.paw-gacha-close{top:15px;right:15px}}
.paw-gacha-close{position:absolute!important}.paw-coin-emblem{background:#b77c1e;filter:drop-shadow(0 1px 0 #fff3ab)}
.paw-claw-drop{word-break:keep-all}
.paw-claw-drop{font-size:15px;letter-spacing:.02em}.paw-prize h3{color:#073766;text-shadow:none}.paw-prize p{color:#175278;text-shadow:none}
.paw-gacha[open]{animation:none;transform-origin:50% 100%;will-change:transform,clip-path}
@media(prefers-reduced-motion:reduce){.paw-gacha[open]{will-change:auto}}

.paw-hand-cursor{display:none;position:absolute;width:34px;height:40px;z-index:100;pointer-events:none;transform:translate(-45%,-35%) rotate(-12deg);filter:drop-shadow(0 2px 2px #08274935)}
.paw-hand-cursor svg{width:100%;height:100%;overflow:visible}
@media(hover:hover) and (pointer:fine){.paw-gacha.has-hand-cursor,.paw-gacha.has-hand-cursor *{cursor:none!important}.has-hand-cursor .paw-hand-cursor{display:block}}
.paw-hand-open{animation:paw-hand-open 2.8s ease-in-out infinite;transform-origin:24px 45px}
.paw-hand-fist{animation:paw-hand-fist 2.8s ease-in-out infinite;transform-origin:24px 45px}
.paw-hand-cursor.is-gripping .paw-hand-open{animation:none;opacity:0}
.paw-hand-cursor.is-gripping .paw-hand-fist{animation:none;opacity:1}
@keyframes paw-hand-open{0%,20%,90%,100%{opacity:1;transform:translateY(0)}40%,70%{opacity:0;transform:translateY(3px)}}
@keyframes paw-hand-fist{0%,20%,90%,100%{opacity:0;transform:translateY(2px)}40%,70%{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.paw-hand-open,.paw-hand-fist{animation:none}.paw-hand-fist{opacity:0}}

.paw-toast{background:#f8d964!important;color:#654313!important;border:1px solid #ffeaa0;box-shadow:0 8px 28px #70490825}
.paw-coin-tray{display:flex;flex-wrap:wrap;gap:7px;max-width:280px;min-height:46px}
.paw-tray-coin{display:grid;place-items:center;width:46px;height:48px;padding:0;border:0;background:transparent;touch-action:none;cursor:grab;--coin-size:38px}
.paw-tray-coin .paw-coin-bob,.paw-tray-coin .paw-coin-body,.paw-drag-coin .paw-coin-bob,.paw-drag-coin .paw-coin-body{animation:none}
.paw-insert-help{font-size:13px;line-height:1.6;color:#ffdf82;margin:0;max-width:285px}
.paw-drag-coin{position:absolute;z-index:110;pointer-events:none;transform:translate(-50%,-50%);--coin-size:44px;filter:drop-shadow(0 4px 6px #0004)}
.paw-drag-coin.over-slot{filter:drop-shadow(0 0 10px #ffe45e);scale:.8}
@media(max-width:700px){.paw-coin-tray{max-width:100%;gap:3px;min-height:0}.paw-tray-coin{width:35px;height:37px;--coin-size:29px}.paw-insert-help{font-size:12px}.paw-gacha-copy{gap:8px}}

.paw-tray-coin .paw-coin{--coin-size:38px}.paw-drag-coin .paw-coin{--coin-size:44px}
@media(max-width:700px){.paw-tray-coin .paw-coin{--coin-size:29px}}

.paw-tray-coin.is-dragging{visibility:hidden}.paw-tray-coin,.paw-drag-coin{user-select:none;-webkit-user-select:none}.paw-tray-coin *,.paw-drag-coin *{pointer-events:none}

.paw-prize.is-revealed{inset:0;background:#def4f2;justify-content:center;gap:15px;padding:30px 22px;border-radius:0 22px 22px 0;pointer-events:auto}
.paw-prize.is-revealed .paw-reward-logo{display:block;width:150px;height:80px;object-fit:contain;max-height:80px}
.paw-prize.is-revealed .paw-reward-image{display:block;width:90%;height:330px;max-height:43vh;object-fit:contain;filter:drop-shadow(0 12px 12px #16445f22);animation:paw-reward-appear .6s cubic-bezier(.2,.8,.2,1)}
.paw-prize.is-revealed h3{font-size:clamp(22px,2.4vw,30px);line-height:1.3;margin:0;word-break:keep-all}
.paw-prize.is-revealed p{margin:0}
@keyframes paw-reward-appear{from{opacity:0;transform:translateY(20px) scale(.85)}to{opacity:1;transform:none}}
@media(max-width:700px){.paw-prize.is-revealed{border-radius:0 0 22px 22px;padding:20px 15px;gap:9px}.paw-prize.is-revealed .paw-reward-image{height:250px;max-height:32vh}.paw-prize.is-revealed .paw-reward-logo{height:55px;width:120px}}
@media(prefers-reduced-motion:reduce){.paw-prize.is-revealed .paw-reward-image{animation:none}}

.paw-character-bubble{position:relative;max-width:360px;margin:0;padding:14px 20px;border-radius:20px;background:#fffdf3;color:#214a50;font-size:15px;line-height:1.6;box-shadow:0 5px 0 #b6d8d5}
.paw-character-bubble:before{content:'';position:absolute;top:-9px;left:calc(50% - 9px);border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fffdf3}
.paw-character-bubble[hidden]{display:none}
.paw-prize.is-revealed .paw-reward-image{height:280px;max-height:36vh}
@media(max-width:700px){.paw-character-bubble{font-size:12px;padding:10px 14px}.paw-prize.is-revealed .paw-reward-image{height:190px;max-height:25vh}.paw-prize.is-revealed h3{font-size:21px}}

@font-face{font-family:PawComic;src:url('/assets/fonts/Bangers-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.paw-prize.is-revealed{gap:12px;padding:25px 20px}
.paw-prize.is-revealed h3{max-width:570px;font-size:clamp(24px,2.8vw,36px);font-weight:900;line-height:1.7;letter-spacing:-.04em}
.paw-match-intro{display:block;font-size:.54em;line-height:1.5;letter-spacing:.02em;font-weight:750;margin-bottom:5px}
.paw-title-chip{display:inline-block;padding:.03em .24em;line-height:1.3;border-radius:.22em;box-decoration-break:clone;-webkit-box-decoration-break:clone;color:#173d39}
.paw-title-chip.character{background:#f38dbc;transform:rotate(-2deg)}
.paw-title-chip.ip{background:#fbe78e;transform:rotate(1.5deg)}
.paw-prize[data-collection="mamotori"] .paw-title-chip.character{background:#6cddce}
.paw-prize[data-collection="kkonthat"] .paw-title-chip.character{background:#c9a4f0}
.paw-prize.is-revealed .paw-reward-logo{width:180px;height:65px;max-height:65px}
.paw-prize[data-collection="mamotori"] .paw-reward-logo{width:245px}
.paw-prize.is-revealed .paw-reward-image{height:235px;max-height:30vh}
.paw-character-bubble{max-width:430px;border:2.5px solid #213f43;border-radius:48% 45% 43% 47% / 30% 40% 35% 40%;padding:16px 25px;background:#fffdf1;box-shadow:4px 5px 0 #213f43;font-family:PawComic,'Comic Sans MS',ui-rounded,sans-serif;font-size:23px;font-weight:400;line-height:1.25;letter-spacing:.035em;transform:rotate(-1deg)}
.paw-character-bubble:before{top:-12px;left:55%;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:12px solid #213f43}
.paw-character-bubble:after{content:'';position:absolute;top:-8px;left:calc(55% + 2px);border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:10px solid #fffdf1}
html[lang="ko"] .paw-character-bubble{font-family:ui-rounded,'Apple SD Gothic Neo',sans-serif;font-size:17px;font-weight:850;line-height:1.55;letter-spacing:-.03em}
@media(max-width:700px){.paw-prize.is-revealed{gap:9px;padding:18px 14px}.paw-prize.is-revealed h3{font-size:23px}.paw-prize.is-revealed .paw-reward-image{height:165px;max-height:22vh}.paw-prize.is-revealed .paw-reward-logo{height:45px;max-height:45px}.paw-character-bubble{font-size:19px;padding:12px 18px}html[lang="ko"] .paw-character-bubble{font-size:13px}}

.paw-play-claw{display:block;width:30px;height:30px;flex-shrink:0;transform:rotate(-8deg);transition:transform .25s ease}.paw-play-link:hover .paw-play-claw{transform:translateY(-2px) rotate(8deg)}@media(prefers-reduced-motion:reduce){.paw-play-claw{transition:none}}

/* Center the artwork independently of the decorative collection mark. */
.paw-reward-visual,.paw-reward-quote{display:none}
.paw-prize.is-revealed .paw-reward-visual{display:flex;position:relative;align-items:center;justify-content:center;width:100%;flex-shrink:0}
.paw-prize.is-revealed .paw-reward-image{width:90%;max-width:90%;height:320px;max-height:40vh;object-fit:contain}
.paw-prize.is-revealed .paw-reward-quote{display:grid;place-items:center;position:relative;isolation:isolate;width:min(100%,470px);margin-top:24px}
.paw-prize.is-revealed .paw-reward-logo{position:absolute;z-index:-1;left:-8px;top:-33px;transform:rotate(-12deg);width:155px;max-width:40%;height:75px;max-height:75px;object-fit:contain;opacity:.72;pointer-events:none}
.paw-reward-quote .paw-character-bubble{z-index:1}
@media(max-width:700px){.paw-prize.is-revealed .paw-reward-logo{left:0;top:-25px;width:115px;height:55px;max-height:55px}.paw-prize.is-revealed .paw-reward-image{height:235px;max-height:31vh}.paw-prize.is-revealed .paw-reward-quote{margin-top:18px}}
.paw-capsule-pop{position:absolute;z-index:10;width:0;height:0;pointer-events:none}
.paw-capsule-pop:before{content:'';position:absolute;width:90px;height:90px;left:-45px;top:-45px;border:5px solid #ffe69a;border-radius:50%;animation:paw-pop-ring .65s ease-out both}
.paw-capsule-pop i{position:absolute;left:0;top:0;width:var(--spark-size);height:var(--spark-size);background:#ffe174;filter:drop-shadow(0 0 5px #fff2a2);clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%);animation:paw-pop-spark .85s cubic-bezier(.15,.65,.3,1) both}
.paw-capsule-pop i:nth-child(3n){background:#fffbe1}
@keyframes paw-pop-spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.15)}15%{opacity:1}65%{opacity:1}100%{opacity:0;transform:translate(calc(var(--spark-x) - 50%),calc(var(--spark-y) - 50%)) rotate(var(--spark-angle)) scale(.25)}}
@keyframes paw-pop-ring{from{opacity:.9;transform:scale(.15)}to{opacity:0;transform:scale(2.4)}}

.paw-refill{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:8;background:#ffe16a;color:#242038;box-shadow:0 6px 0 #b49a32}.paw-refill[hidden]{display:none}.paw-refill:disabled{opacity:.65;cursor:wait}

/* Soft comic bubble with a curved, rounded tail. */
.paw-reward-quote .paw-character-bubble{border-radius:32px;border:2px solid #213f43;padding:20px 28px;box-shadow:3px 5px 0 #213f43;transform:none}
.paw-reward-quote .paw-character-bubble:before{top:-14px;left:54%;width:24px;height:24px;border:0;border-top:2px solid #213f43;border-left:2px solid #213f43;border-radius:10px 3px 0 3px;background:#fffdf1;transform:rotate(45deg)}
.paw-reward-quote .paw-character-bubble:after{top:0;left:calc(54% - 5px);width:39px;height:15px;border:0;border-radius:50%;background:#fffdf1}
@media(max-width:700px){.paw-reward-quote .paw-character-bubble{border-radius:26px;padding:17px 22px}}

/* Result scrapbook: normal document flow keeps every sticker and action reachable. */
.paw-machine-stage:has(.paw-prize.is-revealed){min-height:0;overflow:visible}
.paw-machine-stage:has(.paw-prize.is-revealed)>.paw-claw-canvas{opacity:0;transition:opacity .7s ease;pointer-events:none}
.paw-prize.is-revealed{position:relative;inset:auto;min-height:100%;width:100%;justify-content:flex-start;padding:32px 28px 30px;gap:16px;background-color:#f5eddc;background-image:radial-gradient(#b8a88c35 .7px,transparent .7px);background-size:7px 7px;isolation:isolate;overflow:visible}
.paw-prize.is-revealed>*{flex-shrink:0}
.paw-prize.is-revealed .paw-reward-visual{margin:0;z-index:1}
.paw-prize.is-revealed .paw-reward-image{height:clamp(210px,33vh,310px);max-height:none;width:90%;max-width:90%;margin:auto}
.paw-prize.is-revealed h3{z-index:2;font-size:clamp(23px,2.5vw,32px);line-height:1.55;max-width:100%;color:#213f43;text-shadow:none}
.paw-prize.is-revealed .paw-match-intro{display:table;margin:0 auto 10px;padding:5px 17px;background:#fffdf5;box-shadow:2px 3px 0 #213f4320;transform:rotate(-2deg);font-family:PawComic,ui-rounded,sans-serif;font-size:18px;letter-spacing:.04em}
.paw-prize.is-revealed .paw-title-chip{border-radius:3px;padding:2px 9px;box-shadow:3px 4px 0 #213f4325;border:1px solid #213f431a}
.paw-prize.is-revealed>p{max-width:100%;background:#cce5d9;padding:7px 14px;transform:rotate(1.5deg);color:#213f43;text-shadow:none;font-size:12px;font-weight:750;border:1px dashed #527b6f;box-shadow:3px 3px 0 #213f4312}
.paw-prize.is-revealed .paw-reward-quote{display:flex;flex-direction:column;align-items:center;gap:13px;width:100%;margin:0;padding-top:4px}
.paw-prize.is-revealed .paw-reward-logo{position:relative;inset:auto;z-index:2;transform:rotate(-6deg);align-self:flex-start;width:150px;height:60px;max-width:45%;max-height:60px;opacity:1;object-fit:contain;background:#fffdf5;border:6px solid #fffdf5;border-radius:6px;filter:drop-shadow(2px 4px 0 #213f4329);margin:0 0 0 8px}
.paw-prize.is-revealed .paw-character-bubble{width:min(100%,430px);max-width:100%;margin:0;padding:18px 24px;border-radius:30px;font-size:22px;line-height:1.3;box-shadow:4px 5px 0 #213f43;transform:rotate(1deg);overflow-wrap:anywhere}
.paw-prize.is-revealed .paw-prize-open{margin:5px 0 0;border-radius:9px;transform:rotate(-2deg);border:2px solid #213f43;box-shadow:4px 4px 0 #213f43}
.paw-gacha:has(.paw-prize.is-revealed) .paw-gacha-copy{background:#ddc8eb;color:#213f43;background-image:repeating-linear-gradient(0deg,transparent 0 27px,#a78cbb24 27px 28px)}
.paw-gacha:has(.paw-prize.is-revealed) .paw-gacha-copy h2{color:#213f43!important}
.paw-gacha:has(.paw-prize.is-revealed) .paw-gacha-copy p,.paw-gacha:has(.paw-prize.is-revealed) .paw-game-status{color:#405363}
.paw-gacha:has(.paw-prize.is-revealed) .paw-gacha-kicker{padding:8px 13px;background:#fffdf0;transform:rotate(-4deg);box-shadow:3px 4px 0 #213f4325}
@media(max-width:700px){.paw-prize.is-revealed{padding:28px 20px;gap:14px}.paw-prize.is-revealed .paw-reward-image{height:240px;max-height:none}.paw-prize.is-revealed .paw-character-bubble{font-size:20px;padding:17px 20px}.paw-prize.is-revealed .paw-reward-logo{width:130px;height:54px;max-height:54px}.paw-gacha:has(.paw-prize.is-revealed) .paw-gacha-copy{display:none}.paw-prize.is-revealed .paw-match-intro{font-size:16px}}
html[lang="ko"] .paw-prize.is-revealed .paw-character-bubble{font-size:16px;line-height:1.55}

.paw-reward-handoff{position:absolute;z-index:12;object-fit:contain;pointer-events:none;transform-origin:0 0;max-width:none;max-height:none;filter:drop-shadow(0 12px 12px #16445f22)}
.paw-prize.is-revealed{animation:paw-scrapbook-in .85s ease both}
.paw-prize.is-revealed .paw-reward-image{animation:none}
@keyframes paw-scrapbook-in{from{background-color:transparent}to{background-color:#f5eddc}}
@media(prefers-reduced-motion:reduce){.paw-prize.is-revealed{animation:none}.paw-machine-stage:has(.paw-prize.is-revealed)>.paw-claw-canvas{transition:none}}

/* Mobile: show the complete machine first, with the coin tray directly below it. */
@media(max-width:700px){
 .paw-gacha-grid{display:flex;flex-direction:column}
 .paw-machine-stage{order:-1;flex:none;width:100%;height:min(560px,65dvh);min-height:0;border-radius:22px 22px 0 0}
 .paw-gacha-copy{padding:14px 22px 24px;border-radius:0 0 22px 22px;gap:10px}
 .paw-gacha-copy .paw-coin-tray{order:-2;width:100%;max-width:100%;padding:4px 0 8px}
 .paw-gacha-copy .paw-insert-help{order:-1;margin:0 0 10px;max-width:none}
 .paw-machine-stage:has(.paw-prize.is-revealed){height:auto;min-height:0}
 .paw-prize.is-revealed{border-radius:22px}
}

.paw-coin:before,.paw-coin:after,.paw-stage-orbit:after{content:'';width:.65em;height:.85em;background:#fff5b1;clip-path:polygon(50% 0,64% 35%,100% 50%,64% 65%,50% 100%,36% 65%,0 50%,36% 35%)}
.paw-hatch-flap:after{content:'';width:18px;height:24px;margin:8px auto;background:#bdede1;clip-path:polygon(42% 0,58% 0,58% 65%,86% 42%,100% 55%,50% 100%,0 55%,14% 42%,42% 65%)}

/* Shared wallet destination picker. */
.paw-coin-menu{box-sizing:border-box;width:min(520px,calc(100vw - 32px));padding:34px 26px 26px;border:1px solid #ffffff55;border-radius:28px;background:linear-gradient(145deg,#fff8e9,#f2dfeb);color:#38283e;box-shadow:0 25px 90px #160d2b88;font-family:Inter,Arial,sans-serif;max-height:calc(100dvh - 32px);overflow:auto}
.paw-coin-menu::backdrop{background:#20152cb8;backdrop-filter:blur(8px)}
.paw-coin-menu-close{position:absolute;right:14px;top:12px;border:0;background:#e5ccda;color:#4e3755;border-radius:50%;width:32px;height:32px;font-size:24px;cursor:pointer}
.paw-coin-menu-kicker{font:800 10px/1.5 Arial;letter-spacing:.18em;color:#875e80;margin:0 0 12px}
.paw-coin-menu h2{font-size:30px;letter-spacing:-.04em;margin:0;color:#38283e}
.paw-coin-menu-balance{margin:12px 0 24px;font-size:14px;font-weight:700;color:#815777}
.paw-coin-menu-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.paw-coin-menu-options button{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:22px 18px;text-align:left;border:1px solid #fff7;border-radius:18px;background:linear-gradient(145deg,#ffeab9,#efbf88);color:#503849;box-shadow:inset 0 2px 1px #fff9,0 5px 0 #b17c67,0 9px 15px #5a314822;cursor:pointer;transition:transform .15s,filter .15s;font-family:inherit}
.paw-coin-menu-options button+button{background:linear-gradient(145deg,#f4c6dd,#cda2d7);box-shadow:inset 0 2px 1px #fff9,0 5px 0 #876191,0 9px 15px #5a314822}
.paw-coin-menu-icon{font:36px/1.1 Georgia;color:#77516b;margin-bottom:5px}
.paw-coin-menu-options strong{font-size:22px}.paw-coin-menu-options span:not(.paw-coin-menu-icon){font-size:12px;line-height:1.5}.paw-coin-menu-options small{margin-top:14px;font:800 9px/1.5 Arial;letter-spacing:.1em}
.paw-coin-menu-options button:hover{filter:brightness(1.04);transform:translateY(-2px)}.paw-coin-menu-options button:active{transform:translateY(3px)}.paw-coin-menu button:focus-visible{outline:3px solid #267b70;outline-offset:3px}
@media(max-width:380px){.paw-coin-menu{padding:30px 18px 24px}.paw-coin-menu-options{gap:10px}.paw-coin-menu-options button{padding:18px 12px}.paw-coin-menu-options strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.paw-coin-menu-options button{transition:none}}

/* Modal backdrop events target the dialog; keep the system cursor outside it. */
.paw-gacha::backdrop{cursor:default!important}

.paw-hidden-coin.paw-coin-bag{width:110px;height:110px;overflow:visible;filter:drop-shadow(0 9px 5px #30150865);animation:none;transform:none}
.paw-coin-bag .paw-bag-image{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;animation:none;filter:drop-shadow(0 0 5px #ffdd72aa)}
.paw-bag-aura{position:absolute;inset:-20%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse,#fff9c4c9 0%,#ffd45480 30%,#ffbe352e 49%,#ffc33500 70%);animation:paw-bag-glow 2.6s ease-in-out infinite}
.paw-bag-spark{position:absolute;z-index:2;width:19px;height:25px;pointer-events:none;background:#fffbea;clip-path:polygon(50% 0,61% 37%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 37%);filter:drop-shadow(0 0 5px #fff7ab);animation:paw-bag-sparkle 2.4s ease-in-out infinite}
.paw-bag-spark-a{left:8%;top:28%}.paw-bag-spark-b{right:3%;top:43%;width:15px;height:21px;animation-delay:-.8s}.paw-bag-spark-c{left:39%;bottom:0;width:12px;height:18px;animation-delay:-1.6s}
@keyframes paw-bag-glow{0%,100%{opacity:.6;scale:.92}50%{opacity:1;scale:1.1}}
@keyframes paw-bag-sparkle{0%,100%{opacity:.3;scale:.65}45%,55%{opacity:1;scale:1.15}}
.paw-coin-bag.is-offscreen .paw-bag-aura,.paw-coin-bag.is-offscreen .paw-bag-spark{animation-play-state:paused}
@media(max-width:700px){.paw-hidden-coin.paw-coin-bag{width:94px;height:94px}}
@media(prefers-reduced-motion:reduce){.paw-coin-bag .paw-bag-aura,.paw-coin-bag .paw-bag-spark{animation:none;opacity:.8}}

/* Avoid full-screen blur compositing behind the mobile WebGL popup. */
@media(max-width:700px){.paw-gacha::backdrop{backdrop-filter:none}.paw-claw-controls{backdrop-filter:none}}