#modal.cinema-modal[open]{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0!important;border:0;background:#101a20!important;overflow:auto;color:#fff}
#modal.cinema-modal>.modal-heading{position:absolute;top:max(18px,env(safe-area-inset-top));left:28px;right:28px;margin:0;z-index:20;padding:0;border:0;background:none}#modal.cinema-modal>.modal-heading h2{font:550 20px/1.3 var(--sans);letter-spacing:-.03em;color:#f5f6ee}#modal.cinema-modal .modal-heading .icon-button{width:45px;height:45px;min-height:45px;border:1px solid #ffffff29;border-radius:50%;background:#ffffff09;color:#fff}
.fortune-auto-draw.cinema-stage{height:100dvh;min-height:600px;overflow:hidden;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 38%,#375950 0%,#182d31 45%,#101a23 80%)}.fortune-auto-draw .cinema-grain{opacity:.08}.fortune-auto-draw .cinema-light{inset:0;background:radial-gradient(ellipse at 50% 40%,#cff7dc2b,transparent 60%);animation:fortune-room-breathe 4s ease-in-out infinite;opacity:1}.fortune-auto-draw .cinema-corner{top:90px;left:28px;right:28px;display:block;text-align:center;font:10px/1.6 var(--sans);letter-spacing:.15em;color:#c0dace}.fortune-auto-draw .cinema-corner>span{display:block;margin-top:5px;font-size:8px;letter-spacing:.12em;color:#92b0a3}.fortune-auto-draw .draw-sequence{display:none}
.fortune-auto-draw .cinema-deck,.fortune-auto-draw[data-phase=revealed] .cinema-deck{position:absolute;left:50%;top:calc(50% - 5px);width:min(330px,calc((100dvh - 265px) * .69));height:min(480px,calc(100dvh - 265px));min-height:0;transform:translate(-50%,-50%);perspective:1400px;z-index:5}.fortune-auto-draw .cinema-card{height:100%;width:100%;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 28px 27px #0005)}.fortune-auto-draw .cinema-card:focus-visible{outline:3px solid #a6efd1;outline-offset:10px;border-radius:20px}.fortune-auto-draw .card-turner{transition:transform 1s cubic-bezier(.2,.75,.18,1);transform-style:preserve-3d}.fortune-auto-draw .cinema-card-front,.fortune-auto-draw .cinema-card-back{position:absolute;inset:0;border-radius:18px;box-shadow:inset 0 1px 1px #ffffffb3,inset 0 0 0 5px #ffffff14,0 0 0 1px #bccdc0,2px 3px 0 #a8b9af,4px 7px 0 #314a42,0 18px 45px #0004;overflow:hidden;backface-visibility:hidden}
.fortune-auto-draw .cinema-card-back{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 35% 20%,#c3f0de22,transparent 70%),linear-gradient(145deg,#1b3a35,#09251f 65%,#244c3a);border-color:#c0e8ce;color:#f2f6e8;padding:30px}.fortune-auto-draw .cinema-card-back:before{inset:13px;border:1px solid #d9eed45c;border-radius:11px}.fortune-auto-draw .card-serial{position:absolute;top:30px;left:20px;right:20px;font:9px/1.5 var(--sans);letter-spacing:.13em;color:#c7e7d3}.fortune-auto-draw .card-mark{position:relative;inset:auto;display:block;width:57%;height:auto;margin:-10px 0 22px;object-fit:contain;filter:brightness(0) invert(1);opacity:.95}.fortune-auto-draw .cinema-card-back .card-wordmark{position:relative;inset:auto;margin:0;width:83%;height:auto;filter:brightness(0) invert(1);opacity:.9}.fortune-auto-draw .card-back-label{position:absolute;bottom:32px;left:20px;right:20px;text-align:center;font:8px/1.8 var(--sans);letter-spacing:.08em;color:#bbdac5}
.fortune-auto-draw .cinema-card-front{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#fffdf2,#eff3e6 55%,#dceee1);color:#1b3528;padding:27px 27px 22px;border-color:#ecf6e5;transform:rotateY(180deg)}.fortune-auto-draw .fortune-face-header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;font:9px var(--sans);letter-spacing:.08em;color:#547862}.fortune-reveal-monogram{width:42px;height:42px;object-fit:contain;margin:21px auto 15px;opacity:.78}.fortune-auto-draw .cinema-card-front h3{font:650 32px/1.05 var(--sans);letter-spacing:-.045em;margin:0;max-width:270px;text-wrap:balance;text-align:center;color:#183b2b}.fortune-auto-draw .fortune-thought{font:15px/1.55 var(--sans);margin:15px 0 0;color:#536c58;text-align:center;max-width:270px}.fortune-auto-draw .fortune-face-rule{width:42px;min-height:1px;margin:17px 0;background:#71aa8d66}.fortune-auto-draw .fortune-face-task{font:8px/1.5 var(--sans);letter-spacing:.13em;color:#5b7b60}.fortune-auto-draw .fortune-instruction{font:14px/1.6 var(--sans);text-align:center;margin:10px 0 0;color:#294c36;max-width:270px}.fortune-auto-draw .cinema-card-front>img:last-child{width:118px;height:auto;max-height:30px;object-fit:contain;padding:0;margin:auto auto 0;opacity:.65}.fortune-auto-draw .cinema-card-front:after,.fortune-auto-draw .cinema-card-back:after{content:'';position:absolute;inset:-80% -120%;pointer-events:none;background:linear-gradient(110deg,transparent 38%,#ffffff08 44%,#fff7 49%,#ffffff09 54%,transparent 60%);animation:fortune-foil-sweep 5.8s ease-in-out infinite}
.fortune-auto-draw .shuffle-pack{opacity:1;transform:none}.fortune-auto-draw .shuffle-card{border-radius:18px;border-color:#c4e0cd;background:linear-gradient(150deg,#315d4d,#0e2e26 60%,#163c2d);box-shadow:inset 0 0 0 8px #133b2b,inset 0 0 0 9px #a0ccab5c,2px 5px 0 #c2d5c8,0 15px 35px #0008;animation:fortune-tactile-shuffle .85s var(--shuffle-delay) cubic-bezier(.4,0,.2,1) infinite}.fortune-auto-draw .shuffle-card img{width:48%;height:48%;filter:brightness(0) invert(1);opacity:.87}.fortune-auto-draw .shuffle-card>span{font:8px var(--sans);letter-spacing:.13em;bottom:36px;color:#cbe6cd}.fortune-auto-draw[data-phase=dealing] .shuffle-pack,.fortune-auto-draw[data-phase=revealed] .shuffle-pack{opacity:.7;transform:translate(20px,9px) rotate(8deg) scale(.96)}.fortune-auto-draw[data-phase=dealing] .shuffle-card,.fortune-auto-draw[data-phase=revealed] .shuffle-card{animation:none;opacity:.9;transform:translate(calc(var(--stack-offset) * 2),calc(var(--stack-offset) * 2)) rotate(calc(var(--stack-offset) * 1deg))}.fortune-auto-draw[data-phase=revealed] .shuffle-pack{opacity:.45;transform:translate(20px,4px) rotate(9deg) scale(.93)}
.fortune-auto-draw .cinema-controls{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom));left:20px;right:20px;margin:0;text-align:center;z-index:10}.fortune-auto-draw .cinema-status{font:10px/1.5 var(--sans);letter-spacing:.11em;color:#b8dacc;margin:0 0 14px}.fortune-auto-draw .reveal-button{min-height:49px;font:600 14px var(--sans);border-radius:12px;background:#a0e5ce;color:#173d2e;min-width:220px}.fortune-auto-draw .cinema-after{gap:12px;align-items:center}.fortune-auto-draw .cinema-after .btn{min-height:49px;font:600 15px var(--sans);padding:13px 22px;border-radius:12px;background:#a0e5ce;color:#173d2e}.fortune-auto-draw .cinema-again{min-height:44px;font:500 13px var(--sans);color:#cce4d6;padding:10px 15px}.fortune-orbit-lines{position:absolute;inset:0;pointer-events:none;z-index:0}.fortune-orbit-lines i{position:absolute;width:75vmin;height:75vmin;left:50%;top:46%;transform:translate(-50%,-50%) rotateX(62deg) rotate(-20deg);border:1px solid #a5d1b31a;border-radius:50%}.fortune-orbit-lines i:nth-child(2){width:110vmin;height:110vmin;transform:translate(-50%,-50%) rotateX(60deg) rotate(30deg)}.fortune-orbit-lines i:nth-child(3){width:155vmin;height:155vmin;opacity:.5}
@keyframes fortune-tactile-shuffle{0%,100%{transform:translate(var(--stack-offset),var(--stack-offset)) rotate(0)}30%{transform:translate(calc(var(--shuffle-x) * .7),calc(var(--shuffle-y) * .5)) rotate(var(--shuffle-turn)) rotateY(12deg)}65%{transform:translate(calc(var(--shuffle-x) * -.5),12px) rotate(calc(var(--shuffle-turn) * -.6)) rotateY(-7deg)}}@keyframes fortune-foil-sweep{0%,15%{transform:translateX(-35%)}53%,100%{transform:translateX(35%)}}@keyframes fortune-room-breathe{50%{opacity:.5;transform:scale(1.12)}}
@media(max-width:600px){#modal.cinema-modal>.modal-heading{left:18px;right:18px;top:max(15px,env(safe-area-inset-top))}#modal.cinema-modal>.modal-heading h2{font-size:18px}.fortune-auto-draw .cinema-corner{top:88px;font-size:9px}.fortune-auto-draw .cinema-deck,.fortune-auto-draw[data-phase=revealed] .cinema-deck{height:min(480px,calc(100dvh - 280px));width:min(320px,calc((100dvh - 280px) * .7));top:calc(50% - 8px);min-height:0}.fortune-auto-draw .cinema-card-front{padding:23px 23px 20px}.fortune-reveal-monogram{width:37px;height:37px;margin:17px auto 14px}.fortune-auto-draw .cinema-card-front h3{font-size:30px}.fortune-auto-draw .fortune-thought{font-size:14px}.fortune-auto-draw .fortune-instruction{font-size:13px;line-height:1.6}.fortune-auto-draw .fortune-face-header{font-size:8px}.fortune-auto-draw .fortune-face-rule{margin:14px 0}.fortune-auto-draw .cinema-controls{bottom:calc(17px + env(safe-area-inset-bottom))}.fortune-auto-draw .cinema-status{font-size:9px}.fortune-auto-draw .cinema-after{flex-direction:column;gap:3px}.fortune-auto-draw .cinema-after .btn{min-height:49px}.fortune-auto-draw .cinema-again{min-height:41px;font-size:13px}.fortune-auto-draw .card-serial{font-size:8px}.fortune-auto-draw .card-back-label{font-size:7px}}
@media(max-height:720px){.fortune-auto-draw .cinema-card-front h3{font-size:25px}.fortune-reveal-monogram{width:29px;height:29px;margin:12px auto}.fortune-auto-draw .fortune-thought{font-size:12px;line-height:1.5;margin-top:12px}.fortune-auto-draw .fortune-instruction{font-size:12px;line-height:1.5;margin-top:8px}.fortune-auto-draw .fortune-face-rule{margin:11px 0}.fortune-auto-draw .cinema-card-front>img:last-child{width:95px;max-height:20px}.fortune-auto-draw .cinema-card-front{padding:20px}.fortune-auto-draw .fortune-face-header{font-size:7px}.fortune-auto-draw .cinema-status{display:none}.fortune-auto-draw .cinema-corner{top:80px}}
@media(prefers-reduced-motion:reduce){.fortune-auto-draw *{animation:none!important;transition:none!important}.fortune-auto-draw .shuffle-pack{display:none}.fortune-auto-draw .cinema-light{opacity:1}}
.fortune-auto-draw .cinema-card-front>img.fortune-reveal-monogram{width:40px!important;height:40px!important;flex:0 0 40px;padding:0!important;margin:21px auto 15px!important;object-fit:contain}
@media(max-height:720px){.fortune-auto-draw .cinema-card-front>img.fortune-reveal-monogram{width:32px!important;height:32px!important;flex-basis:32px;margin:16px auto 13px!important}}