.fortune-play[hidden]{display:none}.fortune-play{min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,#63321c,#200c0b 62%,#10090b);color:#ffebc4;font-family:'Noto Sans Thai',sans-serif;padding-bottom:25px}.fortune-play:before{content:'';position:absolute;inset:0;background:url('../images/game-intros/fortune-sticks.png') center/cover;opacity:.09;pointer-events:none}.fortune-play-nav{position:relative;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:12px}.fortune-play-nav button,.fortune-play-actions>button:last-child:not(.fortune-gold-button){background:#ffffff09;border:1px solid #e9bd6455;border-radius:25px;color:#ffe5b6;padding:10px 16px;font:inherit;cursor:pointer}.fortune-play-nav>span{font-size:11px;letter-spacing:3px}.fortune-play-heading{position:relative;text-align:center;padding:10px 16px 0}.fortune-play-heading>span{color:#edbc69;font-size:13px;letter-spacing:3px}.fortune-play-heading h1{font-size:clamp(24px,4vw,38px);font-weight:800;color:#ffe2a1;margin:10px 0}.fortune-play-heading p{font-size:15px;color:#ddc5a7;margin:8px 0}.fortune-scene{position:relative;height:390px;width:min(100%,620px);margin:auto;perspective:950px;isolation:isolate}.fortune-halo{position:absolute;width:340px;height:340px;left:50%;top:20px;transform:translateX(-50%);border:1px solid #e2b55522;border-radius:50%;background:radial-gradient(#e7a43424,transparent 70%);box-shadow:0 0 80px #e2972720;animation:fortune-breathe 4s infinite alternate}.fortune-pedestal{position:absolute;bottom:0;left:50%;width:290px;height:100px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#c17a3050,#1b0806 65%);box-shadow:0 14px 16px #0006;border:1px solid #9f641d44}.fortune-vessel{position:absolute;top:114px;left:50%;width:200px;height:230px;transform:translateX(-50%);background:none;border:0;cursor:grab;touch-action:pan-y;perspective:900px;padding:0}.vessel-model{display:block;position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(var(--turn, -12deg));transition:transform .15s}.vessel-panel{position:absolute;left:88px;top:20px;width:25px;height:200px;transform:rotateY(var(--angle)) translateZ(108px);background:linear-gradient(90deg,#851a18,#b63023 45%,#6f1613);border-left:1px solid #da694124;backface-visibility:hidden}.vessel-mouth{position:absolute;left:-10px;top:-90px;width:220px;height:220px;border-radius:50%;background:radial-gradient(#180a05 58%,#5d2b0c 60%,#f5d27a 64%,#a16a21 68%,#ffdd84 71%);transform:rotateX(90deg) translateZ(-20px)}.bamboo-stick{position:absolute;bottom:130px;left:91px;width:17px;height:var(--sh);background:linear-gradient(90deg,#ac6d26,#ffe4a1 40%,#d6a250 70%,#a96c2e);border-radius:7px 7px 2px 2px;transform:translate3d(var(--sx),0,var(--sz)) rotateZ(var(--sr));box-shadow:2px 0 2px #38190066;border-top:28px solid #c93926}.bamboo-stick b{display:block;color:#592515;font-size:11px;padding-top:10px;writing-mode:vertical-rl;margin:auto}.vessel-band{position:absolute;left:-10px;width:220px;height:24px;transform:translateZ(0);border-radius:50%;border:6px solid #dbac4e;background:transparent;box-shadow:0 3px 0 #714519,0 -2px 0 #ffe69c}.band-top{top:7px;transform:rotateX(75deg)}.band-bottom{bottom:-2px;transform:rotateX(75deg)}.vessel-emblem{position:absolute;top:72px;left:57px;width:86px;height:96px;display:grid;place-items:center;transform:translateZ(112px);border:3px solid #e2b556;border-radius:50%;background:radial-gradient(#b53322,#651411);color:#ffdb7f;font:64px Georgia,serif;text-shadow:0 2px 2px #56190b;box-shadow:inset 0 0 0 3px #7b3017,0 0 15px #f2b84330}.fortune-vessel.is-shaking .vessel-model{animation:vessel-shake .19s infinite alternate}.fortune-vessel.is-shaking .bamboo-stick{animation:bamboo-jump .18s var(--sd) infinite alternate}.fortune-selected-stick{position:absolute;top:45px;left:calc(50% - 12px);width:24px;height:210px;border-radius:7px;background:linear-gradient(90deg,#b7752b,#ffe6a7,#d8a155);border-top:35px solid #c63023;box-shadow:3px 6px 10px #0006;opacity:0;pointer-events:none;z-index:5;transform:translateY(70px) rotate(-12deg)}.fortune-selected-stick span{display:block;color:#601913;text-align:center;font-size:24px;font-weight:800;padding-top:20px}.fortune-selected-stick.is-drawn{animation:stick-fly 1s ease-out forwards}.fortune-particles{position:absolute;inset:0;pointer-events:none;z-index:-1}.fortune-particles i{position:absolute;left:var(--px);bottom:20px;width:4px;height:4px;border-radius:50%;background:#ffd473;box-shadow:0 0 12px #ffd473;animation:fortune-rise 5s var(--pd) infinite}.fortune-play-actions{position:relative;max-width:400px;padding:20px;margin:auto;text-align:center}.fortune-gold-button{display:block;width:100%;border:1px solid #ffe9a2;border-radius:18px;background:linear-gradient(#ffe9a2,#edb54b);box-shadow:0 5px 0 #91591c,0 8px 24px #e69e3125;color:#57280b;min-height:55px;padding:12px 18px;font:inherit;font-weight:800;font-size:19px;cursor:pointer}.fortune-gold-button:disabled{cursor:wait;filter:saturate(.6)}.fortune-play-actions p{font-size:12px;color:#c9ae8a;margin:16px 0}.fortune-result{width:min(440px,calc(100vw - 30px));max-height:88svh;overflow:auto;box-sizing:border-box;padding:30px;border:3px solid #d9a84e;border-radius:23px;background:linear-gradient(110deg,#f4dfac,#fff7df 50%,#f2d79d);color:#573719;text-align:center;box-shadow:0 0 60px #eebc4133}.fortune-result::backdrop{background:#120908c9;backdrop-filter:blur(8px)}.fortune-result-close{position:absolute;right:10px;top:5px;background:none;border:0;font-size:30px;color:#774922;cursor:pointer}.fortune-scroll-label{font-size:10px;letter-spacing:3px}.fortune-result-number{font-size:56px;font-weight:800;color:#a9281b;margin:8px}.fortune-result h2{font-size:26px;margin:0 0 12px;font-weight:800}.fortune-result-verse{line-height:1.9;font-size:16px}.fortune-result-details{display:grid;gap:10px;text-align:left;margin:20px 0}.fortune-result-details p{padding:10px 12px;border:1px solid #cead6f55;border-radius:12px;margin:0;font-size:14px;line-height:1.7}.fortune-result-details strong{color:#a44b19}.fortune-result blockquote{border-top:1px solid #caa769;padding-top:15px;margin:15px 0;font-weight:700;line-height:1.8}.fortune-result-note{font-size:11px;color:#856943}.fortune-result #fortune-copy{margin-top:18px;border:0;background:none;text-decoration:underline;color:#704d21;font:inherit;cursor:pointer}#fortune-copy-status{font-size:12px}.fortune-play :is(button,a):focus-visible{outline:3px solid #fff0a5;outline-offset:5px}@keyframes vessel-shake{from{transform:rotateX(-12deg) rotateY(-12deg) rotateZ(-9deg) translateY(-6px)}to{transform:rotateX(-8deg) rotateY(9deg) rotateZ(9deg) translateY(3px)}}@keyframes bamboo-jump{to{translate:0 -15px}}@keyframes stick-fly{0%{opacity:0;transform:translateY(70px) rotate(-12deg)}30%{opacity:1;transform:translateY(-65px) rotate(15deg)}100%{opacity:1;transform:translate(100px,110px) rotate(35deg)}}@keyframes fortune-rise{0%{opacity:0;transform:translateY(0)}40%{opacity:.7}100%{opacity:0;transform:translateY(-330px)}}@keyframes fortune-breathe{to{opacity:.45;scale:1.1}}@media(max-width:480px){.fortune-play-nav{padding:14px 12px}.fortune-play-nav>span{font-size:8px;letter-spacing:1px}.fortune-play-nav button{font-size:12px;padding:9px 12px}.fortune-scene{height:360px;scale:.92;margin-top:-5px;margin-bottom:-15px}.fortune-play-heading h1{font-size:25px}.fortune-play-heading p{font-size:13px}.fortune-result{padding:26px 20px}.fortune-play-actions{padding-top:12px}}@media(prefers-reduced-motion:reduce){.fortune-play *{animation:none!important;transition:none!important}.fortune-selected-stick.is-drawn{opacity:1;transform:translate(100px,110px) rotate(35deg)}}