/* 玩法小框框（?）：Dino.howto() 共用，點哪裡都關。框內動畫＝preview.css 的玩法預覽放大 */
.howto{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:16px;background:#0e3a2866}
.howto[hidden]{display:none}
.howto-card{position:relative;display:grid;justify-items:center;gap:8px;width:min(86vw,320px);padding:14px 14px 16px;border:5px solid #e3bd70;border-radius:24px;background:#fffdf2;color:#17593f;box-shadow:0 8px 0 #c89c52;animation:howtoPop .35s cubic-bezier(.2,1.5,.4,1)}
.howto-stage{position:relative;width:100%;aspect-ratio:124/96;border-radius:16px;overflow:hidden}
.howto-stage .pv{position:absolute;left:0;top:0;border-radius:0;transform-origin:0 0;box-shadow:none}
.howto-stage .pv-match{background:#eef7e6}.howto-stage .pv-mail{background:#fff6df}.howto-stage .pv-flip{background:#e9f2fb}.howto-stage .pv-belt{background:#f6ecfa}
.howto-stage.is-free{aspect-ratio:auto;background:#e6f2dc}
.howto-stage.is-free>svg{display:block;width:100%;height:auto}
.howto-text{margin:0;font-size:clamp(18px,5vw,22px);font-weight:1000;text-align:center}
.howto-x{position:absolute;right:-14px;top:-14px;width:44px;height:44px;border:4px solid #fffdf2;border-radius:50%;background:#e0473a;color:#fff;font-size:22px;font-weight:1000;box-shadow:0 4px 0 #8e2620;cursor:pointer}
.howto-ok{min-height:48px;padding:6px 26px;border:0;border-radius:16px;background:linear-gradient(#ffca58,#f6ac34);color:#573e1d;font:inherit;font-size:20px;font-weight:1000;box-shadow:0 4px 0 #b9792b;cursor:pointer}
@keyframes howtoPop{from{transform:scale(.8)}}