.fortune-lounge{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:60px;min-height:650px;position:relative;isolation:isolate;padding:65px 60px;margin:12px 0 40px;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 85% 20%,#bbd9c821,transparent 65%),#202826}
.fortune-lounge:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#18221ff5,#18221fba),url('/assets/golf-dusk.jpg') center/cover;opacity:.55}
.fortune-lounge-kicker{font:10px/1.7 var(--mono);letter-spacing:.1em;color:#b3d2c2}
.fortune-lounge-copy h1{font:600 clamp(43px,5.4vw,72px)/1.02 var(--sans);letter-spacing:-.055em;color:#f3f2e7;margin:24px 0}
.fortune-lounge-copy>p{font:19px/1.7 var(--sans);color:#becbc0;margin:0 0 30px}
.fortune-lounge .fortune-draw-cta{min-height:56px;min-width:225px;padding:17px 23px;display:inline-flex;justify-content:space-between;gap:30px;border-radius:9px;font-size:17px}
.fortune-draw-cta>span{font-size:23px}.fortune-lounge-note{display:block;font:8px/1.8 var(--mono);letter-spacing:.06em;color:#a8bbaa;margin:17px 0 0}
.fortune-pack-preview{position:relative;display:block;width:100%;max-width:350px;height:475px;margin:auto;background:none;border:0;cursor:pointer;perspective:1100px;color:#132820;isolation:isolate}
.fortune-pack-card{position:absolute;left:10px;right:10px;top:10px;bottom:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:17px;box-shadow:0 20px 35px #0005;background:#c4d1c3;border:1px solid #cfe6d4;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.pack-rear{transform:rotate(9deg) translate(14px,4px);background:#4d6557}.pack-middle{transform:rotate(-7deg) translate(-6px,2px);background:#97c7b3}
.pack-front{transform:rotate(2deg);background:linear-gradient(135deg,#e0eedc,#a9dac4 50%,#8db9a3);border:2px solid #dcf0de;overflow:hidden;box-shadow:inset 0 1px #fff9,inset 0 0 0 5px #20443122,3px 5px 0 #536e5b,0 22px 45px #0007}
.pack-front:before{content:'';position:absolute;inset:12px;border:1px solid #416d542e;border-radius:8px;pointer-events:none}
.pack-front:after,.fortune-auto-draw .cinema-card-front:after,.fortune-auto-draw .cinema-card-back:after{content:'';position:absolute;inset:-30% -100%;background:linear-gradient(115deg,transparent 40%,#ffffff0a 44%,#ffffff70 49%,#ffffff0a 54%,transparent 59%);transform:translateX(-45%);animation:ff-fortune-foil 7s ease-in-out infinite;pointer-events:none;z-index:2}
.fortune-pack-edition{position:absolute;left:24px;right:24px;top:27px;font:8px var(--mono);letter-spacing:.1em;color:#3e5b49;text-align:left}
.fortune-pack-mark{width:145px;height:145px;object-fit:contain;filter:brightness(0);opacity:.85;margin:0 0 20px}
.fortune-pack-signature{font:700 38px/1 var(--sans);letter-spacing:-.045em;color:#193b2c;text-align:center}
.fortune-pack-bottom{position:absolute;bottom:28px;font:8px var(--mono);letter-spacing:.17em;color:#3a604a}
.fortune-pack-caption{position:absolute;bottom:-17px;left:0;right:0;text-align:center;font:9px var(--mono);letter-spacing:.12em;color:#acc7b6}
.fortune-pack-preview:hover .pack-front{transform:rotate(0deg) translateY(-7px)}.fortune-pack-preview:hover .pack-rear{transform:rotate(13deg) translate(20px,3px)}
.fortune-in-play{display:block;text-align:left;margin-top:32px;padding:15px 18px;width:100%;max-width:340px;border:1px solid #c8e5cf25;border-radius:10px;background:#18302790;color:#e8efdf}
.fortune-in-play>span{display:block;font:9px/1.6 var(--mono);color:#9fbda9}.fortune-in-play>strong{display:block;margin:7px 0 8px;font:550 19px/1.2 var(--sans);color:#f0f1df}
#modal.cinema-modal{background:#151d19;border-radius:0}
.fortune-auto-draw.cinema-stage{background:radial-gradient(ellipse at 50% 40%,#3e5646,#141c18 72%)}
.fortune-auto-draw .cinema-card-front,.fortune-auto-draw .cinema-card-back{border-radius:16px;overflow:hidden;border:1px solid #c4d4c1;box-shadow:inset 0 1px #fff8,0 0 0 3px #bdcdb5,0 0 0 5px #516b54,0 25px 65px #0009}
.fortune-auto-draw .cinema-card-front{background:linear-gradient(135deg,#f6f5e9,#e4ebd9);color:#1f3327}
.fortune-auto-draw .cinema-card-front h3{color:#203a2b;font-weight:600;line-height:1.05;letter-spacing:-.035em;text-wrap:balance;max-width:280px}
.fortune-auto-draw .fortune-face-header{color:#506b53;font-size:8px;letter-spacing:.06em}
.fortune-auto-draw .fortune-face-symbol{color:#488b6a}.fortune-auto-draw .fortune-thought{color:#425a45;font-style:normal}
.fortune-auto-draw .fortune-face-task{color:#536c50}.fortune-auto-draw .fortune-instruction{color:#374d3c}.fortune-auto-draw .fortune-face-rule{background:#758e6b55}
.fortune-auto-draw .cinema-card-back{background:linear-gradient(140deg,#d9ecd9,#9dcbb3);color:#163428}
.fortune-auto-draw .cinema-card-back:before{border-color:#38634b44;border-radius:9px}.fortune-auto-draw .card-mark,.fortune-auto-draw .card-wordmark{filter:brightness(0)}
.fortune-auto-draw .card-serial,.fortune-auto-draw .card-back-label{color:#3c6047}
.fortune-auto-draw .cinema-card-back:after{animation-delay:-2s}.fortune-auto-draw .cinema-card-front:after{animation-delay:2.9s}
.fortune-modal .fortune-modal-content{max-width:480px;margin:auto;text-align:center;position:relative}.fortune-modal-content .large-spark{color:#a8dfc3}.fortune-modal-content>h3{text-wrap:balance}
@keyframes ff-fortune-foil{0%,15%{transform:translateX(-45%)}48%,100%{transform:translateX(45%)}}
@media(max-width:900px){.fortune-lounge{padding:45px 35px;gap:35px}.fortune-pack-preview{height:425px;max-width:300px}.fortune-pack-signature{font-size:32px}.fortune-pack-mark{width:120px;height:120px}}
@media(max-width:600px){.fortune-lounge{grid-template-columns:1fr;gap:35px;padding:36px 25px 45px;border-radius:15px;min-height:0}.fortune-lounge-copy h1{font-size:46px;margin:20px 0}.fortune-lounge-copy>p{font-size:17px;line-height:1.7}.fortune-lounge .fortune-draw-cta{width:100%;font-size:17px;min-height:56px}.fortune-lounge-kicker{font-size:9px}.fortune-lounge-note{font-size:7px}.fortune-pack-preview{height:395px;max-width:270px;margin:0 auto 15px}.fortune-pack-mark{width:110px;height:110px}.fortune-pack-signature{font-size:31px}.fortune-pack-edition{font-size:6px}.fortune-in-play{max-width:none;margin-top:24px}.fortune-pack-bottom{font-size:7px}}
@media(prefers-reduced-motion:reduce){.pack-front:after,.fortune-auto-draw .cinema-card-front:after,.fortune-auto-draw .cinema-card-back:after{animation:none}.fortune-pack-card{transition:none}.fortune-pack-preview:hover .pack-front{transform:none}}
@media(max-width:600px){.fortune-auto-draw.cinema-stage{height:100dvh;min-height:740px}.fortune-auto-draw .cinema-deck,.fortune-auto-draw[data-phase=revealed] .cinema-deck{top:46%;height:min(500px,calc(100dvh - 325px));min-height:415px;width:min(310px,calc(100vw - 64px))}.fortune-auto-draw .draw-sequence{display:none}.fortune-auto-draw .cinema-controls{bottom:max(20px,env(safe-area-inset-bottom))}.fortune-auto-draw .cinema-after .btn{min-height:45px}.fortune-auto-draw .cinema-again{min-height:32px}}