:root{--fm-green: #0D503C;--fm-green-dark: #093D2E;--fm-green-light: #E3EEE8;--fm-ivory: #F7F2EA;--fm-ivory-light: #FCFAF6;--fm-stone: #E8E0D5;--fm-text: #202220;--fm-muted: #6D706D;--fm-white: #FFFFFF;--fm-black: #151716;--fm-success-glow: rgba(13, 80, 60, .2);--fm-cup-width: clamp(105px, 11vw, 135px);--fm-lift-reveal: -76px;--fm-lift-result: -90px;--fm-move-ease: cubic-bezier(.45, 0, .25, 1)}body.fm-no-scroll{overflow:hidden}.fm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;background:#1212129e;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));opacity:0;transition:opacity .32s ease}.fm-overlay.is-open{opacity:1}.fm-overlay[hidden]{display:none}.fm-popup{position:relative;display:flex;flex-direction:column;width:min(830px,calc(100vw - 48px));height:min(554px,calc(100vh - 48px));aspect-ratio:3 / 2;max-height:90vh;border-radius:28px;overflow:hidden;background:var(--fm-ivory);border:1px solid rgba(255,255,255,.65);box-shadow:0 35px 90px #00000052,0 8px 24px #00000029;font-family:Manrope,Arial,sans-serif;transform:translateY(14px) scale(.985);transition:transform .36s cubic-bezier(.3,.6,.2,1)}.fm-overlay.is-open .fm-popup{transform:translateY(0) scale(1)}.fm-popup *,.fm-popup *:before,.fm-popup *:after{box-sizing:border-box}.fm-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:var(--fm-ivory);display:flex;align-items:center;justify-content:center;gap:9px;transition:opacity .26s ease}.fm-loader.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.fm-loader-dot{width:9px;height:9px;border-radius:50%;background:var(--fm-green);animation:fm-pulse .9s ease-in-out infinite}.fm-loader-dot:nth-child(2){animation-delay:.15s}.fm-loader-dot:nth-child(3){animation-delay:.3s}@keyframes fm-pulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.fm-close{position:absolute;top:18px;right:18px;width:44px;height:44px;z-index:20;display:flex;align-items:center;justify-content:center;background:#ffffffd1;border:1px solid rgba(20,20,20,.08);border-radius:50%;box-shadow:0 8px 20px #00000017;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;padding:0;transition:transform .18s ease,background-color .18s ease;touch-action:manipulation}.fm-close:hover{background:var(--fm-white);transform:scale(1.05)}.fm-close:hover svg line{stroke:var(--fm-black)}.fm-close:focus-visible{outline:3px solid var(--fm-green);outline-offset:3px}.fm-header{position:relative;z-index:2;flex:0 0 auto;min-height:23%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px 72px 6px;box-sizing:border-box}.fm-title{margin:0 0 10px;font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.035em;line-height:1.05;font-size:33px;color:var(--fm-green);text-transform:uppercase}.fm-desc{margin:0;font-family:Manrope,Arial,sans-serif;font-size:16px;font-weight:500;line-height:1.45;color:var(--fm-text);white-space:pre-line}.fm-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.fm-table{width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;display:block}.fm-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fcfaf6a8,#fcfaf647 24%,#fcfaf600 44%)}.fm-scene{position:relative;flex:1 1 auto;min-height:0;z-index:1}.fm-play-area{position:absolute;left:4%;right:4%;bottom:13%;height:64%;z-index:2}.fm-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;opacity:1;transition:opacity .48s ease,visibility .48s ease}.fm-cover.is-hidden{opacity:0;visibility:hidden}.cover-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:1}.cover-copy{position:absolute;top:clamp(20px,4vh,40px);left:50%;transform:translate(-50%);width:min(560px,calc(100% - 140px));text-align:center;z-index:4}.cover-copy h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(24px,2.6vw,34px);font-weight:800;line-height:1.05;letter-spacing:-.04em;color:var(--fm-green);margin:0;text-transform:uppercase}.cover-copy p{font-family:Manrope,Arial,sans-serif;font-size:clamp(13px,1.3vw,16px);font-weight:500;line-height:1.4;color:#252725;margin:10px 0 0}.fm-cup{position:absolute;left:0;bottom:0;width:var(--fm-cup-width);margin:0;padding:0;background:none;border:none;-webkit-appearance:none;appearance:none;z-index:4;--cup-x: 0px;--lift-y: 0px;--hover-y: 0px;transform:translate3d(var(--cup-x),calc(var(--lift-y) + var(--hover-y)),0);transition:transform var(--move-dur, .65s) var(--fm-move-ease);will-change:transform;touch-action:manipulation;cursor:default}.fm-cup img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 14px 11px rgba(0,0,0,.18))}.fm-cup.is-lifted-reveal{--lift-y: var(--fm-lift-reveal)}.fm-cup.is-lifted-result{--lift-y: var(--fm-lift-result)}.game-popup[data-state=choose] .fm-cup{cursor:pointer}.game-popup[data-state=choose] .fm-cup:after{content:"";position:absolute;left:8%;right:8%;bottom:-10px;height:14px;border-radius:50%;background:radial-gradient(closest-side,var(--fm-success-glow),transparent 75%);opacity:.9;pointer-events:none}@media(hover:hover){.game-popup[data-state=choose] .fm-cup:hover{--hover-y: -4px;transition:transform .18s ease}.game-popup[data-state=choose] .fm-cup:hover img{filter:drop-shadow(0 16px 13px rgba(0,0,0,.18)) drop-shadow(0 0 14px rgba(13,80,60,.22))}}.fm-cup:focus-visible{outline:3px solid var(--fm-green);outline-offset:4px;border-radius:12px}.fm-play-area.dim-others .fm-cup:not(.is-picked){opacity:.6;transition:opacity .32s ease,transform var(--move-dur, .65s) var(--fm-move-ease)}.fm-ball{position:absolute;left:0;bottom:4px;width:calc(var(--cup-w, 120px) * .75);height:auto;z-index:2;--ball-x: 0px;transform:translate3d(var(--ball-x),0,0);opacity:0;transition:opacity .22s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.fm-ball.is-visible{opacity:1}.fm-ball.is-front{z-index:8}.fm-email{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(430px,100%)}.fm-email[hidden]{display:none}.fm-email-label{font-family:Manrope,Arial,sans-serif;font-size:14px;font-weight:600;color:var(--fm-green);text-align:center}.fm-email-row{display:flex;flex-direction:column;align-items:center;gap:9px;width:100%}.fm-email-input{width:100%;min-width:0;height:37px;padding:0 14px;border:1.5px solid rgba(13,80,60,.28);border-radius:12px;background:var(--fm-white);font-family:Manrope,Arial,sans-serif;font-size:14px;color:var(--fm-text);outline:none;transition:border-color .16s ease,box-shadow .16s ease}.fm-email-input::placeholder{color:#a7aba7}.fm-email-input:focus{border-color:var(--fm-green);box-shadow:0 0 0 3px #0d503c1f}.fm-email-input.is-invalid{border-color:#b4453c}.fm-btn-compact{flex:0 0 auto;width:auto;min-width:120px;max-width:none;height:34px;border-radius:11px;font-size:12px;letter-spacing:.04em;padding:0 20px;box-shadow:0 8px 18px #0d503c29}.fm-email-error{margin:0;font-family:Manrope,Arial,sans-serif;font-size:12px;color:#b4453c;text-align:center}.fm-email-error[hidden]{display:none}.fm-code{display:flex;flex-direction:row;align-items:center;gap:14px;padding:8px 10px 8px 20px;border:1.5px dashed var(--fm-green);border-radius:14px;background:var(--fm-green-light)}.fm-code[hidden]{display:none}.fm-code-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.fm-copy{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:1px solid rgba(13,80,60,.28);border-radius:11px;background:var(--fm-white);color:var(--fm-green);font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer;touch-action:manipulation;transition:background-color .16s ease,transform .16s ease,border-color .16s ease}.fm-copy:hover{background:#f2f8f4;transform:translateY(-1px)}.fm-copy:active{transform:translateY(0)}.fm-copy:focus-visible{outline:3px solid var(--fm-green);outline-offset:2px}.fm-copy.is-copied{background:var(--fm-green);border-color:var(--fm-green);color:var(--fm-white)}.fm-copy-icon{flex:0 0 auto}.fm-code-label{font-family:Manrope,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;color:#0d503cb8}.fm-code-value{font-family:Manrope,Arial,sans-serif;font-size:19px;font-weight:800;letter-spacing:.06em;color:var(--fm-green)}.fm-glow{position:absolute;left:0;bottom:-6px;width:calc(var(--cup-w, 120px) * 1.7);height:calc(var(--cup-w, 120px) * .9);--glow-x: 0px;transform:translate3d(var(--glow-x),0,0);background:radial-gradient(closest-side,var(--fm-success-glow),transparent 72%);opacity:0;transition:opacity .42s ease;pointer-events:none;z-index:1}.game-popup[data-state=win] .fm-glow{opacity:1}.fm-sparkles{position:absolute;left:0;bottom:20px;width:calc(var(--cup-w, 120px) * 1.6);height:calc(var(--cup-w, 120px) * 1.6);--spark-x: 0px;transform:translate3d(var(--spark-x),0,0);pointer-events:none;z-index:7;opacity:0}.game-popup[data-state=win] .fm-sparkles{opacity:1}.fm-sparkle{position:absolute;width:7px;height:7px;background:var(--fm-green);transform:rotate(45deg) scale(0);border-radius:1.5px}.game-popup[data-state=win] .fm-sparkle{animation:fm-spark 1.1s ease-out forwards}.fm-sparkle:nth-child(1){left:12%;top:42%;animation-delay:80ms!important}.fm-sparkle:nth-child(2){left:84%;top:38%;animation-delay:.18s!important}.fm-sparkle:nth-child(3){left:24%;top:16%;animation-delay:.3s!important}.fm-sparkle:nth-child(4){left:70%;top:12%;animation-delay:.42s!important}.fm-sparkle:nth-child(5){left:48%;top:4%;animation-delay:.54s!important}.fm-sparkle:nth-child(6){left:60%;top:52%;animation-delay:.66s!important}@keyframes fm-spark{0%{transform:rotate(45deg) scale(0);opacity:0}35%{transform:rotate(45deg) scale(1);opacity:1}to{transform:rotate(45deg) scale(.1) translateY(-14px);opacity:0}}.fm-footer{position:relative;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 20px clamp(18px,3.2vh,30px);min-height:80px;box-sizing:border-box;z-index:7}.fm-progress{width:260px;height:3px;border-radius:999px;background:#0d503c26;overflow:hidden}.fm-progress-fill{width:0%;height:100%;border-radius:999px;background:var(--fm-green);transition:width linear}.fm-badge{padding:8px 20px;border:1.5px solid var(--fm-green);border-radius:999px;background:var(--fm-green-light);color:var(--fm-green);font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:15px;letter-spacing:.04em}.fm-btn{height:50px;width:min(360px,80%);max-width:380px;border:none;border-radius:18px;background:var(--fm-green);color:var(--fm-white);font-family:Manrope,Arial,sans-serif;font-weight:700;font-size:17px;letter-spacing:.03em;cursor:pointer;box-shadow:0 12px 28px #0d503c33;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease,opacity .18s ease;touch-action:manipulation}.fm-btn:hover{background:var(--fm-green-dark);transform:translateY(-2px);box-shadow:0 18px 38px #0d503c47}.fm-btn:active{transform:translateY(0)}.fm-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.fm-btn:focus-visible{outline:3px solid var(--fm-green-dark);outline-offset:3px}.fm-btn[hidden]{display:none}.fm-footnote{margin:0;font-family:Manrope,Arial,sans-serif;font-size:13px;color:var(--fm-muted)}.fm-sr-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:1024px){.fm-popup{max-height:92vh;border-radius:24px}.fm-title{font-size:28px}}@media(max-width:767px){:root{--fm-cup-width: min(clamp(62px, 18.5vw, 86px), calc((100vw - 72px)/5) );--fm-lift-reveal: -50px;--fm-lift-result: -58px}.fm-overlay{background:#121212a3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.fm-popup{width:calc(100vw - 32px);max-width:440px;height:auto;min-height:0;max-height:calc(100dvh - 150px);aspect-ratio:auto;border-radius:28px;overflow:hidden;box-shadow:0 30px 70px #0000004d,0 8px 22px #00000024;display:grid;grid-template-rows:auto clamp(196px,30dvh,240px) auto}.fm-close{width:42px;height:42px;top:14px;right:14px;background:#ffffffdb;border:1px solid rgba(20,20,20,.07);box-shadow:0 7px 18px #00000017}.fm-close svg{width:17px;height:17px}.fm-header{min-height:0;justify-content:center;padding:20px 64px 10px}.fm-title{margin:0;font-size:clamp(23px,6.2vw,29px);letter-spacing:-.04em}.fm-desc{margin:10px 0 0;font-size:clamp(13px,3.7vw,15px)}.fm-table{object-position:center}.fm-scene{min-height:0}.fm-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 54%,rgba(255,255,255,.42) 0%,rgba(255,255,255,.12) 38%,transparent 68%);pointer-events:none;z-index:1}.fm-play-area{left:8px;right:8px;top:50%;bottom:auto;height:132px;transform:translateY(-48%)}.fm-cup{bottom:20px}.fm-cup img{filter:drop-shadow(0 10px 8px rgba(0,0,0,.17))}.fm-ball{bottom:24px}.fm-glow{bottom:12px}.fm-sparkles{bottom:40px}.fm-footer{justify-content:flex-start;gap:8px;padding:10px 18px max(14px,env(safe-area-inset-bottom));min-height:0}.fm-progress{width:68%;max-width:300px;height:4px;background:#dce8e1;margin-top:6px}.fm-badge{padding:6px 16px;font-size:13px}.fm-email{gap:7px;width:100%}.fm-email-label{font-size:13px}.fm-email-row{gap:8px}.fm-email-input{height:40px;font-size:15px}.fm-btn-compact{min-width:118px;height:34px;font-size:12px}.fm-code{padding:7px 8px 7px 16px;gap:10px}.fm-code-value{font-size:16px}.fm-copy{height:32px;padding:0 12px;font-size:11px}.fm-btn{height:48px;font-size:15px;width:100%;max-width:340px}.fm-footnote{font-size:11px;line-height:1.35;max-width:300px;text-align:center}.fm-popup[data-state=intro]{background:#e4d5c8;grid-template-rows:auto clamp(250px,40dvh,330px) auto}.fm-popup[data-state=intro] .fm-cover{top:0;right:0;bottom:0;left:0}.fm-popup[data-state=intro] .cover-image{top:0;height:100%;object-position:center 38%}.fm-popup[data-state=intro] .cover-copy{display:block;top:26px;width:calc(100% - 84px);left:50%;transform:translate(-50%)}.fm-popup[data-state=intro] .fm-footer{padding-top:16px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.cover-copy{top:54px;width:calc(100% - 72px)}.cover-copy h1{font-size:clamp(25px,7vw,31px)}.cover-copy p{font-size:14px}.cover-image{object-position:center}}@media(max-width:767px)and (max-height:720px){.fm-popup{max-height:calc(100dvh - 90px);grid-template-rows:auto clamp(170px,28dvh,210px) auto}.fm-header{padding:16px 62px 8px}.fm-title{font-size:clamp(21px,5.8vw,26px)}.fm-popup[data-state=intro]{grid-template-rows:auto clamp(220px,36dvh,280px) auto}.fm-popup[data-state=intro] .cover-copy{top:20px}}@media(max-width:767px)and (max-height:620px){.fm-popup{max-height:calc(100dvh - 40px);grid-template-rows:auto clamp(150px,26dvh,180px) auto}.fm-title{font-size:20px}.fm-desc{margin-top:6px;font-size:12.5px}.fm-play-area{height:120px}.fm-btn{height:44px;font-size:14px}.fm-footer{gap:6px;padding-top:6px}.cover-copy{top:34px}}@media(max-height:540px){.fm-popup{height:calc(100dvh - 16px);min-height:0;overflow-y:auto}.fm-scene{min-height:260px}}@media(prefers-reduced-motion:reduce){.fm-overlay,.fm-popup,.fm-btn,.fm-close{transition-duration:1ms}.fm-sparkle{animation:none!important;opacity:0}.fm-loader-dot{animation-duration:1.6s}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/fm-cup-game.css.map */