/* The reference landing page lives inside the existing Mini App scroll view. */
#how-to-play-view{padding:0;background:#fafbfc;color:#292a2d;overflow-x:hidden;scroll-behavior:smooth}
#how-to-play-view:before,#how-to-play-view:after{display:none;content:none}
.play-guide{width:100%;max-width:none;min-height:100%;margin:auto;background:#fafbfc;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.play-guide button:focus-visible,.play-guide a:focus-visible{outline:2px solid #98624e;outline-offset:4px}
.play-guide .guide-back{margin-left:-16px;padding-left:16px}
.play-guide .guide-back-icon{position:absolute;left:0;top:50%;width:12px;height:18px;transform:translateY(-50%);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.play-guide .guide-story{position:relative;max-width:440px;margin-inline:auto;padding:28px 25px 35px;text-align:center;isolation:isolate;background:radial-gradient(ellipse at 50% 29%,#fff 4%,#ffffff00 68%)}
.play-guide .guide-story+.guide-story:before{content:"";position:absolute;left:30%;right:30%;top:0;height:1px;background:linear-gradient(90deg,transparent,#cbd2d9,transparent)}
.play-guide .guide-story-0{padding-top:0;padding-bottom:40px;background:radial-gradient(ellipse at 55% 40%,#fff 18%,#edf1f5 74%,#fafbfc 100%)}
.play-guide .guide-story-1{background:radial-gradient(ellipse at 50% 42%,#fff3ec 0%,#fafbfc 70%)}
.play-guide .guide-story-2{background:linear-gradient(148deg,#fafbfc 8%,#e5ebf0 37%,#f8f9fb 51%,#f0f3f6 72%,#fafbfc 95%)}
.play-guide .guide-story-3{background:radial-gradient(ellipse at 50% 40%,#fff0e6 1%,#fafbfc 72%)}
.play-guide .guide-story-4{background:radial-gradient(ellipse at 50% 38%,#f0ecf5 0%,#fafbfc 72%)}
.play-guide .guide-story-5{background:linear-gradient(145deg,#f7f8fa,#e3e8ed 48%,#fafbfc 80%)}
.play-guide .guide-story-6{padding-bottom:17px;background:radial-gradient(ellipse at 50% 43%,#fff1e8 1%,#fafbfc 75%)}
.play-guide .guide-visual{width:min(100%,310px);aspect-ratio:512/432;margin:0 auto 8px}
.play-guide .guide-story-0 .guide-visual{width:min(100%,350px);margin-bottom:9px}
.play-guide .guide-parallax,.play-guide .guide-mascot{width:100%;height:100%}
.play-guide .guide-parallax{transform:translate3d(0,var(--guide-shift,0px),0)}
.play-guide .is-visible .guide-parallax{will-change:transform}
.play-guide .guide-mascot{position:relative;transform-origin:50% 66%;animation:guide-mascot-float 5.8s ease-in-out var(--guide-delay,0s) infinite;animation-play-state:paused}
.play-guide .guide-character,.play-guide .guide-prop{position:absolute;display:block;object-fit:contain;opacity:0;transition:opacity .35s ease;pointer-events:none}
.play-guide .guide-mascot img.is-ready{opacity:1}.play-guide .guide-mascot img[hidden]{display:none}
.play-guide .guide-character{inset:4% 8%;width:84%;height:92%;z-index:1}
.play-guide .guide-prop{z-index:2;animation:guide-prop-float 5.2s ease-in-out var(--guide-delay,0s) infinite;animation-play-state:paused}
.play-guide .guide-prop-boss-coin{left:7%;top:33%;width:17%;height:20%;rotate:-12deg}
.play-guide .guide-copy{max-width:348px;margin:auto}
.play-guide .guide-title{font-size:30px;line-height:1.05;letter-spacing:-1.2px;font-weight:780;margin:0 0 12px;color:#292a2d}
.play-guide .guide-story-0 .guide-title{font-size:40px;letter-spacing:-1.7px}
.play-guide .guide-description{font-size:15px;line-height:1.48;margin:0 auto;max-width:315px;color:#5e6269;text-wrap:pretty}
.play-guide .guide-labels{display:flex;justify-content:center;flex-wrap:wrap;gap:7px 12px;margin:16px auto 0;font-size:11px;font-weight:650;line-height:1.5;color:#6a6b70}
.play-guide .guide-labels-0{gap:0;margin-top:17px}.play-guide .guide-labels-0 span{padding:0 13px}.play-guide .guide-labels-0 span+span{border-left:1px solid #c6cdd2}
.play-guide .guide-labels-1 span{font-size:10px;color:#905b48}.play-guide .guide-labels-2{font-size:11px}.play-guide .guide-labels-5{justify-content:space-between;gap:6px;border-top:1px solid #cfd4da;padding-top:15px;font-size:12px;max-width:310px}
.play-guide .guide-reward-note{display:block;margin-top:5px;font-size:10px;color:#787b82}
.play-guide .guide-closing{max-width:440px;margin-inline:auto;padding:14px 26px 29px;text-align:center}
.play-guide .guide-cta{display:block;width:100%;padding:17px 20px;min-height:50px;background:#f49c83;border-radius:8px;border:0;font-size:16px;line-height:1;font-weight:700;color:#38271f;box-shadow:none}
.play-guide .guide-cta:active{transform:scale(.985)}
.play-guide .guide-legal{font-size:12px;line-height:1.6;color:#777b83;max-width:280px;margin:16px auto 0}.play-guide .guide-legal a{text-decoration:underline;text-underline-offset:3px;color:#565d67}
/* Route motion reveals the guide as one readable page, without text stagger. */
.guide-motion .guide-visual,.guide-motion .guide-title,.guide-motion .guide-description,.guide-motion .guide-labels,.guide-motion .guide-reward-note{transition:none}
#how-to-play-view.active .guide-motion .is-visible .guide-mascot,#how-to-play-view.active .guide-motion .is-visible .guide-prop{animation-play-state:running}
#how-to-play-view:not(.active) .guide-mascot,#how-to-play-view:not(.active) .guide-prop,.app.paused .guide-mascot,.app.paused .guide-prop,.play-guide.guide-motion-paused .guide-mascot,.play-guide.guide-motion-paused .guide-prop{animation-play-state:paused!important}
@keyframes guide-mascot-float{0%,100%{transform:translate3d(0,0,0) rotate(-.25deg)}50%{transform:translate3d(0,-3px,0) rotate(.35deg)}}
@keyframes guide-prop-float{0%,100%{translate:0 0}50%{translate:0 -4px}}
@media(max-width:350px){.play-guide .guide-story{padding-inline:20px}.play-guide .guide-story-0 .guide-title{font-size:35px}.play-guide .guide-title{font-size:28px}.play-guide .guide-description{font-size:14px}.play-guide .guide-labels-0 span{padding-inline:9px;font-size:10px}}
@media(prefers-reduced-motion:reduce){#how-to-play-view{scroll-behavior:auto}.play-guide .guide-mascot,.play-guide .guide-prop{animation:none!important;transition:none}.play-guide .guide-character{transition:none}.play-guide .guide-parallax{transform:none}.play-guide .guide-visual,.play-guide .guide-title,.play-guide .guide-description,.play-guide .guide-labels,.play-guide .guide-reward-note{opacity:1!important;transform:none!important;transition:none!important}}

.monthly-guide-limits{display:flex;justify-content:center;gap:20px;margin:20px auto;font-size:11px;color:#817a7c}.monthly-guide-limits b{display:block;font-size:24px;line-height:1.2;color:#392d27;letter-spacing:-.5px}
.monthly-guide-facts{display:flex;flex-direction:column;gap:10px;margin:20px auto 0;text-align:left;font-size:13px;line-height:1.5;color:#64646a;max-width:310px}.monthly-guide-facts p{margin:0}.monthly-guide-foot{border-top:1px solid #dfd9d6;padding-top:13px;color:#89827d;font-size:12px}