.fortune-icon{display:inline-block;width:52px;height:52px;flex:0 0 auto;background:url('fortune-123/icons.png') no-repeat;background-size:400% 200%;background-position:calc(var(--col)*100%/3) calc(var(--row)*100%);vertical-align:middle}.original-shortcuts .fortune-shortcut{width:100%;height:100%;min-width:26px;min-height:26px}.original-shortcuts [data-action=fortune-open]{margin-left:2px}
#modal.fortune-dialog{padding:0!important;width:min(100vw,calc(100dvh * .5628),640px)!important;max-width:100vw!important;max-height:100dvh!important;height:auto;border:0!important;background:#1d1009!important;overflow:auto;border-radius:8px;color:#f6dbab;box-shadow:0 0 90px #000a}#modal.fortune-dialog .dialog-head{display:none}.fortune-stage{position:relative;width:100%;aspect-ratio:941/1672;overflow:hidden;font-family:'Microsoft YaHei',sans-serif;font-size:clamp(11px,2.7vw,16px);container-type:inline-size}.fortune-stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.fortune-stage button{cursor:pointer;min-height:0;padding:0;border:0;box-shadow:none;background:none;color:inherit;font:inherit}.fortune-stage button:focus-visible{outline:2px solid #fff1c1;outline-offset:-3px}.fortune-stage button:disabled{filter:grayscale(.65);opacity:.6;cursor:default}.fortune-stage .fortune-close{position:absolute;right:3.5%;top:1%;width:5.5%;height:2.9%;font:2em/1 serif;color:#ffe0a3;background:linear-gradient(#6e3319,#3c1c10)}
.fortune-quota{position:absolute;left:26.6%;top:5.7%;width:46.6%;height:6.3%;background:linear-gradient(#ecdbb9,#ddc19a);color:#322016;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:5%;font-size:3cqw}.fortune-quota strong{color:#7d2519;font-size:1.15em}.fortune-quota small{font-size:.6em}.fortune-meter{height:16%;margin:0 4%;border:2px solid #916536;border-radius:9px;background:#40251a;overflow:hidden}.fortune-meter i{display:block;height:100%;background:linear-gradient(90deg,#bd7028,#fff0b4);transition:width .4s}
.fortune-remaining{position:absolute;margin:0;top:73.48%;left:29.4%;width:41.5%;height:2.05%;display:grid;place-items:center;background:#20170f;font-size:2.5cqw;white-space:nowrap}.fortune-ticket-count{position:absolute;top:76.7%;left:29.7%;width:40.8%;height:2.9%;display:flex;align-items:center;justify-content:center;gap:3%;background:linear-gradient(#301a10,#21130d);font-size:3cqw;white-space:nowrap}.fortune-ticket-count .fortune-icon{width:15%;height:100%}.fortune-ticket-count strong{color:#ffda87;font-size:1.2em}.fortune-ticket-count button{font-size:.68em;color:#ffdda5;border-bottom:1px solid #ffdda5}
.fortune-spin-buttons{position:absolute;top:81.15%;left:16.5%;width:66.7%;height:5.15%;display:flex;gap:10.4%}.fortune-spin-buttons button{width:44.8%;font:bold 5cqw KaiTi,serif;text-shadow:0 2px 2px #301509;padding-bottom:9%;color:#ffe6a3}.fortune-spin-buttons button:first-child{background:linear-gradient(120deg,#72251ae6,#98271be6,#591c17e6)}.fortune-spin-buttons button:last-child{background:linear-gradient(120deg,#d28b34e6,#ffd576e6,#ae662ae6);color:#4b220d;text-shadow:none}.fortune-spin-note{position:absolute;top:85.2%;left:15%;width:70%;text-align:center;font-size:2.3cqw;pointer-events:none;background:#4a2811b8;color:#ffe6bc}
.fortune-recent{position:absolute;top:88.7%;left:10.5%;width:79%;height:6%;background:linear-gradient(#e9d4b0,#d4b78d);text-align:center;color:#382515;padding:.3% 0}.fortune-recent>b{font:600 3cqw KaiTi,serif}.fortune-recent>[data-recent]{display:flex;align-items:center;justify-content:center;height:75%;font-size:2.2cqw;gap:2%}.fortune-recent .fortune-reward{width:31%;padding:0;background:#d2b38a;border:1px solid #96774d;gap:1%}.fortune-recent .fortune-icon,.fortune-recent .fortune-reward>img{width:34px;height:34px}.fortune-recent .fortune-reward span{min-width:0}.fortune-recent .fortune-reward b{display:block;font-size:.9em}.fortune-stage .fortune-tabs{position:absolute;top:96%;left:13%;width:74%;display:flex;justify-content:space-around;font-size:2.6cqw}.fortune-tabs button{text-decoration:underline;text-underline-offset:4px}.fortune-status{position:absolute;left:0;bottom:0;width:100%;height:1.6%;background:#24150ef0;text-align:center;font-size:2cqw;color:#dcc198}
.fortune-sheet{position:absolute;inset:20% 7% 9%;z-index:3;border:2px solid #c29b57;border-radius:12px;padding:4%;background:linear-gradient(150deg,#432d1bfa,#1e150ffb 70%);overflow:auto;box-shadow:0 8px 50px #0009;color:#f5dfb8;font-size:3cqw}.fortune-sheet[hidden]{display:none}.fortune-sheet header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a6804e;margin-bottom:12px;padding-bottom:10px;gap:8px}.fortune-sheet h2{font:600 1.4em KaiTi,serif;margin:0}.fortune-sheet header button{font:1.7em/1 serif;padding:0 6px}.fortune-sheet h3{font-size:1em;color:#ffce81;margin-top:22px}.fortune-sheet p{line-height:1.7;font-size:.87em}.fortune-rewards-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fortune-reward{display:flex;align-items:center;gap:8px;border:1px solid #95704460;padding:8px;background:#61442535;min-width:0}.fortune-reward>span:not(.fortune-icon){display:block;overflow-wrap:anywhere}.fortune-reward b,.fortune-reward small{display:block}.fortune-reward small{font-size:.72em;color:#cdb78e;line-height:1.5}.fortune-reward .fortune-icon{width:42px;height:42px}.fortune-reward>img{max-width:40px;max-height:40px;object-fit:contain}.fortune-stage .fortune-confirm{display:block;width:100%;padding:10px;margin-top:12px;border:1px solid #deb77c;background:linear-gradient(#bd8040,#774722);border-radius:6px}.fortune-probabilities>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #aa815944}.fortune-history{margin-bottom:20px}.fortune-history>small{display:block;margin-bottom:6px;color:#c9b387}.fortune-gift-results{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:55vh;overflow:auto}.fortune-gift-results .fortune-reward small{color:inherit}
@supports not (font-size:1cqw){.fortune-quota,.fortune-ticket-count{font-size:12px}.fortune-remaining{font-size:10px}.fortune-spin-buttons button{font-size:20px}.fortune-spin-note,.fortune-tabs{font-size:11px}.fortune-recent>b{font-size:13px}.fortune-recent>[data-recent]{font-size:10px}.fortune-sheet{font-size:13px}.fortune-status{font-size:9px}}
/* This full-art scene has its own fixed aspect ratio, independent of legacy modal flex layouts. */
.mobile-fit #modal.fortune-dialog:not(.original-panel){width:min(var(--jh-safe-w),calc(var(--jh-safe-h) * .5628),640px)!important;max-width:100vw!important;max-height:var(--jh-safe-h)!important;height:auto!important;padding:0!important;margin:0!important;display:block;image-rendering:auto}
.mobile-fit #modal.fortune-dialog:not([open]){display:none}
.fortune-stage{height:auto;min-height:0;max-height:none;margin:0;padding:0;border:0;display:block;flex:none;image-rendering:auto}
.fortune-stage canvas{image-rendering:auto;max-height:none;max-width:none;margin:0}
.fortune-spin-buttons button:disabled{opacity:1;filter:grayscale(.55) brightness(.72)}
.fortune-spin-buttons button:first-child{background:linear-gradient(120deg,#72251a,#98271b,#591c17)}
.fortune-spin-buttons button:last-child{background:linear-gradient(120deg,#d28b34,#ffd576,#ae662a)}
.fortune-stage .fortune-tabs{top:96%;height:2.3%;align-items:center;background:#29170c}
.fortune-status{height:1.7%}
.original-shortcuts{gap:.9cqw}
.fortune-stage{aspect-ratio:auto}.fortune-stage::before{content:"";display:block;padding-top:177.6833%}
.fortune-recent{display:flex;flex-direction:column;box-sizing:border-box}.fortune-recent>b{height:25%;flex:none;line-height:1.15}.fortune-recent>[data-recent]{flex:1;min-height:0;height:auto}.fortune-recent .fortune-reward{height:100%;box-sizing:border-box;justify-content:center}.fortune-recent .fortune-icon{height:90%;width:auto;aspect-ratio:1;min-width:25px}.fortune-recent .fortune-reward>img{height:85%;width:auto}
.fortune-spin-buttons{height:6%}.fortune-spin-buttons button{font-size:0;color:transparent;text-shadow:none;background:transparent!important}.fortune-spin-buttons button:disabled{background:#1c100768!important;filter:none}.fortune-spin-note{display:none}
.fortune-spin-buttons button.fortune-retry{font-size:3cqw;color:#ffe3a1;background:#6b3017!important}

/* 124: square shortcut, tighter toolbar, matched item sizes and one accessible close target. */
.game .hud{top:8.5%;height:6.9%;padding:.35cqw 1cqw}
.game .canvas-wrap{top:15.6%}.game .quest-chip{top:15.6%}.game .buff-row{top:18.6%}
.original-shortcuts [data-action="fortune-open"]{position:relative;display:flex;align-items:center;justify-content:center;margin-left:0;background:url('fortune-frame-124.svg') center/100% 100% no-repeat;image-rendering:pixelated}
.original-shortcuts .fortune-shortcut{width:78%;height:78%;min-width:0;min-height:0;image-rendering:auto}
.fortune-icon{width:32px;height:32px;max-width:100%;max-height:100%}
.bag-cell .fortune-icon,.market-row .fortune-icon{width:32px;height:32px;min-width:0;min-height:0}
.fortune-reward .fortune-icon{width:32px;height:32px}
.fortune-ticket-count .fortune-icon{width:24px;height:24px;max-width:12%;max-height:100%}
.fortune-recent .fortune-icon{width:26px;height:26px;min-width:0;max-height:90%}
.fortune-stage .fortune-close{right:2.2%;top:.7%;width:44px;height:44px;min-width:44px;min-height:44px;z-index:5;border:2px solid #c8a260;border-radius:3px;background:linear-gradient(140deg,#784523,#3b1e10 65%);box-shadow:inset 0 0 0 2px #2b160c,inset 0 0 0 3px #9e743c,0 2px 5px #0009;transform:none;touch-action:manipulation}
.fortune-close::before,.fortune-close::after{content:"";position:absolute;left:9px;top:19px;width:23px;height:3px;background:#ffe3a1;border-radius:1px;transform:rotate(45deg);pointer-events:none}
.fortune-close::after{transform:rotate(-45deg)}
.fortune-stage .fortune-close:active{background:#87502b;transform:none}.fortune-stage .fortune-close:focus-visible{outline:2px solid #fff1c1;outline-offset:2px}
.fortune-sheet header button{width:40px;height:40px;min-width:40px;min-height:40px}

/* Fit the complete scene inside the game's own frame, with an 8px inset on every edge. */
#modal.fortune-dialog{width:min(calc(100vw - 16px),calc((100dvh - 16px) * .5628),600px)!important;max-height:calc(100dvh - 16px)!important}
.mobile-fit #modal.fortune-dialog:not(.original-panel){width:min(calc(var(--jh-stage-w) - 16px),calc((var(--jh-stage-h) - 16px) * .5628),600px)!important;max-width:calc(var(--jh-stage-w) - 16px)!important;max-height:calc(var(--jh-stage-h) - 16px)!important}
.money-values .kubao-currency-icon{image-rendering:auto}.fortune-reward .fortune-kubao{width:32px;height:32px;object-fit:contain;flex:none;image-rendering:auto}.fortune-recent .fortune-reward .fortune-kubao{width:26px;height:26px}

/* Keep configurable quota amounts inside the fixed artwork panel. */
.fortune-quota{gap:3%}.fortune-quota>div:first-child{font-size:.76em;line-height:1.1}.fortune-quota strong{display:block;white-space:nowrap;font-size:1.35em;line-height:1.05}.fortune-quota small{line-height:1}