@font-face{font-family:Cairo;src:url('assets/cairo.ttf') format('truetype');font-weight:400 500;font-display:swap}
@font-face{font-family:Cairo;src:url('assets/cairo-600.ttf') format('truetype');font-weight:600 700;font-display:swap}
@font-face{font-family:Cairo;src:url('assets/cairo-800.ttf') format('truetype');font-weight:800 900;font-display:swap}
:root{--olive:#555a35;--olive-dark:#343c23;--cream:#faf8ef;--ink:#303724;--muted:#828573;--line:#e3e4d8;--lime:#dfe8ab;--peach:#eac7b0;--shadow:0 30px 110px #20291638;font-family:Cairo,Tahoma,Arial,sans-serif;color:var(--ink);font-synthesis:weight}
*{box-sizing:border-box}body{margin:0;background:#fafaf7}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a6ab69;outline-offset:4px}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}button{border:0}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}body.locked{overflow:hidden;overscroll-behavior:none}.logo-crop{width:142px;aspect-ratio:1070/205;overflow:hidden;position:relative;mix-blend-mode:multiply}.logo-crop img{position:absolute;width:117.2%;max-width:none;left:-10.28%;top:-268%}.product-art{display:block;position:relative;overflow:hidden;max-width:100%;mix-blend-mode:multiply}.product-art img{position:absolute;left:0;top:0;width:100%;height:auto;user-select:none;pointer-events:none}.product-art:not(.cropped) img{width:100%;height:100%;object-fit:contain}.site-ribbon{height:34px;display:flex;align-items:center;justify-content:center;background:var(--olive);color:#fff8e7;font-size:12px;gap:10px}.site-header{max-width:1280px;margin:auto;display:flex;align-items:center;gap:46px;padding:22px 32px;background:#fafaf7}.site-header .logo-crop{width:185px}.store-search{position:relative;flex:1;max-width:500px}.store-search input{width:100%;background:white;border:1px solid #dfe1d5;border-radius:9px;padding:14px 48px 14px 16px;outline:none;font-size:13px}.store-search svg{position:absolute;top:15px;right:16px}.store-actions{display:flex;align-items:center;gap:22px;margin-inline-start:auto}.store-actions button{background:none;display:flex;align-items:center;gap:7px;font-size:12px}.store-nav{display:flex;justify-content:center;gap:40px;padding:14px 20px;border-top:1px solid #edeee6;border-bottom:1px solid #edeee6;font-size:13px;background:#fff}.store-nav button{background:none;font-weight:600;white-space:nowrap}.store-nav button.active{color:#8b714b}.store-body{max-width:1280px;margin:auto;padding:28px 32px 100px}.store-hero{background:#ead1bb;border-radius:16px;min-height:380px;display:flex;align-items:center;overflow:hidden;position:relative}.store-hero:after{content:'';position:absolute;width:520px;height:520px;border:1px solid #ffffff60;border-radius:50%;right:-300px;top:-70px}.hero-copy{width:50%;padding:35px 58px;position:relative;z-index:1}.hero-copy .eyebrow{color:#7b5b44}.hero-copy h1{font-size:36px;line-height:1.65;margin:10px 0 8px;font-weight:800}.hero-copy p{font-size:14px;color:#755c49;margin:0 0 24px}.hero-copy button{padding:11px 26px;background:var(--olive);color:white;border-radius:7px}.store-hero-art{position:relative;width:50%;height:370px;direction:ltr}.store-hero-art:before{content:'';position:absolute;width:300px;height:300px;left:17%;top:35px;background:#f4e3cf;border-radius:50%}.store-hero-art .product-art{position:absolute;width:130px;bottom:50px}.store-hero-art .product-art:nth-child(1){left:10%;transform:rotate(-12deg)}.store-hero-art .product-art:nth-child(2){left:55%;transform:rotate(12deg)}.store-hero-art .product-art:nth-child(3){left:34%;bottom:38px;width:145px}.hero-circle-label{position:absolute;left:13%;top:15px;border-radius:50%;background:var(--olive);color:#f5efd8;width:85px;height:85px;display:grid;place-content:center;text-align:center;line-height:1.6;font-size:12px;transform:rotate(-13deg)}.category-list{display:flex;justify-content:space-around;gap:22px;padding:28px 20px}.category{background:none;text-align:center;padding:0;font-size:13px;font-weight:700}.category-circle{height:80px;width:80px;border:1px solid #e2ddd1;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;box-shadow:inset 0 0 0 7px #faf9f5}.category-circle .product-art{width:33px;max-height:56px}.category-circle svg{width:29px;height:29px;color:#a2a480}.store-section-title{display:flex;justify-content:space-between;align-items:center;margin:12px 0 20px}.store-section-title h2{font-size:24px;margin:0}.store-section-title span{font-size:12px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.store-card{background:white;border:1px solid #e4e4d8;border-radius:13px;padding:20px;position:relative;text-align:center}.store-card>.product-art{width:100px;height:160px;aspect-ratio:auto!important;margin:10px auto 22px;overflow:visible}.store-card .product-frame{height:170px;display:flex;justify-content:center;align-items:center}.store-card .product-frame .product-art{height:145px;width:auto;max-width:155px}.store-card h3{font-size:14px;margin:16px 0 4px}.store-card p{font-size:12px;color:var(--muted);margin:0}.favorite{position:absolute;left:14px;top:10px;background:transparent;font-size:26px;color:#777d5a}.favorite.selected{color:#a26859}.store-badge{position:absolute;right:13px;top:16px;font-size:10px;background:#f1f2e6;padding:3px 9px;border-radius:12px;color:var(--olive)}.store-demo-note{font-size:11px;color:#999b89;text-align:center;margin:25px 0}.mobile-store{display:none}.play-fab{position:fixed;z-index:6;bottom:27px;right:30px;display:flex;align-items:center;gap:14px;padding:12px 17px;background:var(--olive);color:#fffbed;border:1px solid #818861;border-radius:17px;box-shadow:0 8px 30px #343c2333;font-size:15px;font-weight:700}.play-fab small{display:block;font-size:9px;font-weight:400;opacity:.7;text-align:right}.fab-star{background:#ffffff12;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font-size:25px;color:#e5eab6}.fab-arrow{font-size:21px;font-weight:400}.review-toggle{position:fixed;bottom:29px;left:25px;z-index:40;background:#fffef9;color:#555c45;border:1px solid #dedfd3;border-radius:30px;padding:9px 15px;font-size:11px;box-shadow:0 5px 20px #0000000a}.review-toggle span{font-size:17px;margin-left:5px}.store-toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%) translateY(20px);background:#303925;color:#fff;padding:12px 25px;border-radius:12px;opacity:0;z-index:100;pointer-events:none;transition:.25s;max-width:90%;text-align:center;font-size:13px}.store-toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}
/* The game is visually and structurally independent of the store. */
.game-overlay{position:fixed;inset:0;z-index:30;background:#26312162;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:26px;animation:overlayIn .35s ease}.game-dialog{display:grid;grid-template-columns:370px 1fr;direction:ltr;width:990px;max-width:100%;height:690px;max-height:calc(100dvh - 52px);background:var(--cream);border-radius:25px;overflow:hidden;box-shadow:var(--shadow);outline:none;animation:dialogIn .55s cubic-bezier(.16,1,.3,1)}.brand-panel{background:var(--olive);color:#f4f1d9;direction:rtl;position:relative;overflow:hidden;padding:35px;display:flex;flex-direction:column}.brand-label{font:500 15px/1.8 Arial,sans-serif;letter-spacing:3px;direction:ltr;position:relative;z-index:1}.brand-label span{display:block;font-size:8px;letter-spacing:2.6px;opacity:.55}.side-title{font-size:37px;font-weight:700;line-height:1.65;margin-top:42px;position:relative;z-index:1}.side-title span{display:block;font-size:12px;font-weight:400;opacity:.65;margin-top:8px}.side-orbits{position:absolute;width:540px;height:540px;top:180px;left:-200px;transform:rotate(-35deg)}.side-orbits i{position:absolute;inset:0;border:1px solid #dbdfb627;border-radius:50%}.side-orbits i:nth-child(2){inset:45px}.side-orbits i:nth-child(3){inset:90px}.side-products{position:relative;height:285px;margin-top:15px;direction:ltr}.side-products .piece{position:absolute;background:#f4f0df;padding:26px 24px;border-radius:100px;box-shadow:0 16px 32px #222a1e24}.side-products .piece:first-child{width:143px;left:19px;top:28px;transform:rotate(-14deg)}.side-products .piece:nth-child(2){width:143px;left:137px;top:63px;transform:rotate(15deg)}.side-products .piece .product-art{width:100%}.side-products .side-spark{position:absolute;right:20px;top:0;font-size:40px;color:#d4dca2;animation:float 5s ease-in-out infinite}.side-footer{margin-top:auto;display:flex;justify-content:space-between;font-size:10px;opacity:.6;padding-top:15px;border-top:1px solid #f3f0d62b}.side-footer span:last-child{font-family:Arial;letter-spacing:2px;font-size:9px}.game-main{direction:rtl;position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--cream)}.game-top{display:flex;align-items:center;justify-content:space-between;height:74px;min-height:74px;padding:22px 30px;border-bottom:1px solid #5b623510;z-index:2}.top-tools{display:flex;gap:8px;direction:rtl}.icon-btn{width:35px;height:35px;display:grid;place-items:center;background:transparent;border:1px solid #dcded1;border-radius:50%;font:300 24px/1 Arial;color:#646b50;transition:.2s}.icon-btn:hover{background:#e8ebdb}.icon-btn svg{width:17px;height:17px}.game-screen{flex:1;min-height:0;overflow:auto;position:relative;scrollbar-width:thin}.game-footer{display:flex;justify-content:center;align-items:center;gap:7px;min-height:38px;font-size:10px;color:#898c78;border-top:1px solid #5b623510;background:var(--cream);padding:8px 12px;z-index:1}.tiny-dot{width:4px;height:4px;border-radius:50%;background:#9a9f7d}.intro-screen{padding:21px 44px 12px;text-align:center}.eyebrow{font-size:11px;letter-spacing:.3px;color:#8b8e70;font-weight:600}.game-eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #dcded0;padding:3px 12px;border-radius:20px;font-size:10px;color:#7a8061}.game-eyebrow span{color:#8c9662}.intro-screen h1{font-size:48px;line-height:1.55;letter-spacing:-1.7px;margin:9px 0 0;font-weight:800;color:var(--olive-dark)}.intro-screen .intro-copy{font-size:14px;line-height:1.95;max-width:310px;margin:6px auto 0;color:#7c816a}.intro-products{height:192px;position:relative;width:300px;max-width:100%;margin:8px auto 0;direction:ltr}.intro-products:before{content:'';position:absolute;width:185px;height:173px;top:10px;left:58px;background:#e7ebcd;border-radius:50%;opacity:.8}.intro-products:after{content:'';position:absolute;width:205px;height:185px;top:3px;left:45px;border:1px solid #d9dec1;border-radius:50%;transform:rotate(-25deg)}.intro-products .product-art{position:absolute;z-index:1;bottom:14px;width:74px;filter:drop-shadow(0 7px 5px #525d2910);animation:float 5s ease-in-out infinite}.intro-products .product-art:nth-child(1){left:24px;transform:rotate(-14deg);--rotate:-14deg;animation-delay:-1s}.intro-products .product-art:nth-child(2){right:21px;width:69px;--rotate:13deg;animation-delay:-2s}.intro-products .product-art:nth-child(3){left:108px;width:86px;bottom:8px;--rotate:0deg}.spark{position:absolute;color:#979f65;font-size:23px;left:10px;top:50px}.spark.small{left:auto;right:8px;top:105px;font-size:15px}.intro-stats{display:flex;justify-content:center;align-items:center;gap:15px;color:#656e47;font-size:12px;margin:2px 0 18px}.intro-stats b{font-family:Arial;font-size:15px}.stat-dot{width:3px;height:3px;background:#a3aa83;border-radius:50%}.primary-btn{min-height:49px;width:100%;border-radius:9px;background:var(--olive);color:#fffceb;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;transition:background .2s,transform .2s;padding:10px 20px}.primary-btn:hover{background:#414a29;transform:translateY(-1px)}.primary-btn .arrow{font-size:22px;font-family:Arial;font-weight:400}.secondary-btn{background:transparent;border:1px solid #d9ddc7;border-radius:9px;min-height:46px;width:100%;font-size:13px;font-weight:600;padding:10px 20px}.text-btn{background:none;color:#8c907b;font-size:12px;padding:8px 18px;min-height:40px}.text-btn:hover{color:var(--olive)}.instructions-screen{padding:20px 34px 15px;text-align:center}.instructions-screen h2{font-size:25px;line-height:1.7;margin:4px 0 3px}.screen-subtitle{font-size:13px;color:#7e846e;line-height:1.9;margin:0 0 16px}.rules{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;margin:15px 0 13px}.rule{border:1px solid #d9dec7;background:#f1f3e5;border-radius:14px;padding:15px 8px 13px;position:relative}.rule.other{background:#f1f3e5;border-color:#d9dec7}.rule-images{height:116px;display:flex;justify-content:center;align-items:center;gap:8px;direction:ltr}.rule-images .product-art{height:99px;width:auto}.rule-images .product-art:not(.cropped){width:62px;height:108px}.rule h3{font-size:12px;margin:10px 0 6px}.points-pill{display:inline-block;font:700 14px/1.3 Arial,sans-serif;padding:5px 11px;background:#dfe7bf;color:#536039;border-radius:15px;direction:ltr}.other .points-pill{background:#dfe7bf;color:#536039}.other small{display:block;font-size:9px;color:#788161;margin-top:5px}.target-line{font-size:15px;font-weight:700;margin:14px 0 3px}.final-note{font-size:10px;color:#8f947f;margin:0 0 13px}.helper-row{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;margin:12px 0 18px;color:#858a72}.switch{appearance:none;width:32px;height:19px;background:#d9ddcd;border-radius:15px;position:relative;cursor:pointer;flex-shrink:0;vertical-align:middle;transition:.2s}.switch:before{content:'';position:absolute;width:13px;height:13px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch:checked{background:var(--olive)}.switch:checked:before{transform:translateX(13px)}.countdown-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:radial-gradient(ellipse at center,#e8edce 0,transparent 65%)}.count-ring{width:200px;height:200px;border:1px solid #c7d09e;border-radius:50%;display:grid;place-items:center;position:relative;margin:30px auto}.count-ring:before{content:'';position:absolute;inset:13px;border:1px dashed #c7d09e;border-radius:50%}.count-number{font:700 100px/1 Cairo,Arial;color:var(--olive);animation:countPop .7s ease}.count-number.word{font-size:48px}.countdown-screen p{font-size:13px;color:#88906c}.play-screen{height:100%;display:flex;flex-direction:column;overflow:hidden}.play-screen h2{font-size:12px;font-weight:500;margin:0;color:#898e77}.hud{padding:14px 23px 12px;background:var(--cream);position:relative;z-index:3;border-bottom:1px solid #e4e7d8}.hud-row{display:flex;align-items:center;justify-content:space-between}.hud-score{display:flex;align-items:baseline;gap:7px}.hud-score strong{font:700 32px/1.2 Arial;color:var(--olive)}.hud-score small{font-size:11px;color:#8b9079}.hud-time{display:flex;align-items:center;gap:8px;background:#edf0df;border-radius:10px;padding:7px 12px;direction:ltr;font:700 21px/1.2 Arial;color:var(--olive)}.hud-time svg{width:17px}.hud-time.urgent{background:#f4e4cf;color:#a86c37;animation:urgentPulse 1s ease-in-out infinite}.progress-label{display:flex;justify-content:space-between;font-size:9px;color:#8c927b;margin:8px 0 5px}.progress-track{height:5px;border-radius:10px;background:#e6e9db;overflow:hidden;direction:ltr}.progress-fill{height:100%;width:0;background:#919e58;border-radius:10px;transition:width .16s}.game-field{flex:1;position:relative;overflow:hidden;touch-action:none;user-select:none;direction:ltr;min-height:150px;background:radial-gradient(ellipse at 20% 80%,#edf0d6 0,transparent 53%),radial-gradient(ellipse at 100% 5%,#eceede 0,transparent 45%),#faf8ef}.field-watermark{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);color:#555a3512;font:500 26px/1 Arial;letter-spacing:6px;white-space:nowrap;pointer-events:none}.field-floor{position:absolute;bottom:0;width:100%;height:20px;background:linear-gradient(transparent,#dce3bc33);pointer-events:none}.falling-item{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;padding:7px;background:transparent;will-change:transform;touch-action:none;transition:opacity .15s;isolation:auto}.falling-item .product-art{height:100%;width:auto;max-width:100%;filter:drop-shadow(0 5px 4px #30372412)}.falling-item .product-art:not(.cropped){width:100%}.falling-item.caught{opacity:0;pointer-events:none}.brand-hint{position:absolute;right:2px;bottom:2px;width:20px;height:20px;border-radius:50%;background:#ecf2d1;color:#668044;font:12px/20px Arial;border:1px solid #c4d493;box-shadow:0 2px 4px #5061320a}.score-pop{position:absolute;z-index:10;font:800 24px/1.2 Arial;transform:translate(-50%,-10px);pointer-events:none;color:#607340;animation:scorePop .7s ease forwards;text-shadow:0 2px 6px #fff}.field-message{position:absolute;z-index:9;top:16px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:7px 14px;border-radius:30px;background:#53643eeb;color:#fcfff0;font-size:11px;pointer-events:none;animation:dialogIn .3s ease;max-width:95%;text-align:center}.field-message.neutral{background:#f2eadbe8;color:#8a765c}.play-caption{padding:6px 12px;text-align:center;font-size:9px;color:#92977f;border-top:1px solid #e8ebdd;background:var(--cream)}.pause-layer{position:absolute;inset:0;z-index:15;background:#f7f8eff0;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;text-align:center;padding:36px;direction:rtl}.pause-content{width:100%;max-width:310px}.pause-symbol{font:normal 38px/1 Arial;color:#83915b;margin-bottom:23px}.pause-content h2{font-size:26px;color:var(--olive-dark);font-weight:700}.pause-content p{font-size:12px;color:#828b6d;line-height:1.9;margin:12px 0 24px}.pause-content .secondary-btn{margin-top:10px}.result-screen{text-align:center;padding:24px 38px 12px;position:relative;overflow:hidden}.result-eyebrow{display:flex;justify-content:center;align-items:center;gap:8px;color:#899269;font-size:11px}.result-screen h2{font-size:27px;margin:8px 0 5px;line-height:1.65}.result-score{font:700 76px/1.2 Arial;color:var(--olive);margin:10px 0 0;letter-spacing:-3px}.result-score-label{font-size:12px;color:#8e947c;margin:0 0 15px}.gift-preview{background:#eff1e1;border:1px solid #dfe4c8;border-radius:13px;display:flex;align-items:center;gap:20px;padding:16px 22px;margin:14px 0 20px;text-align:right}.gift-preview .gift-box{width:50px;height:55px;flex-shrink:0}.gift-preview .product-art{height:70px;width:auto;flex-shrink:0}.gift-preview h3{font-size:14px;margin:0 0 4px}.gift-preview p{font-size:10px;color:#889170;margin:0}.gift-box svg{width:100%;height:100%;stroke:#7a8850;stroke-width:1.3}.result-actions{display:flex;flex-direction:column;gap:8px}.result-screen .secondary-btn{min-height:42px}.result-metrics{display:flex;justify-content:center;gap:30px;font-size:11px;color:#8b927c;margin:15px 0 24px}.result-metrics b{color:#657348;font-family:Arial;margin-left:5px}.result-note{font-size:12px;color:#8a9177;line-height:2;margin:10px 0 26px}.result-emblem{height:85px;display:grid;place-items:center;font-size:54px;color:#a1ad71;margin-top:8px}.gift-screen{text-align:center;padding:20px 35px}.gift-screen h2{font-size:26px;margin:12px 0}.gift-art{height:170px;display:flex;align-items:center;justify-content:center;margin:20px auto;background:radial-gradient(ellipse,#e9edcf,transparent 65%)}.gift-art .gift-box{height:110px;width:110px}.gift-art .product-art{height:160px;width:auto}.gift-notice{border:1px solid #dfe3cf;background:#f0f3e5;border-radius:12px;padding:16px 20px;color:#788161;font-size:12px;line-height:2;margin:20px 0}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5}.confetti i{position:absolute;width:5px;height:11px;top:-20px;background:#a1ad71;animation:confettiFall 2.4s ease-out forwards}.confetti i:nth-child(3n){background:#cfac83}.confetti i:nth-child(3n+1){background:#d1d69c}.settings-panel{position:fixed;left:18px;top:18px;bottom:82px;width:365px;max-width:calc(100% - 36px);z-index:60;background:#fffef8;box-shadow:0 15px 80px #18220f45;border:1px solid #d9dfc9;border-radius:18px;overflow:auto;padding:24px;direction:rtl}.settings-header{display:flex;align-items:center;justify-content:space-between}.settings-header h2{font-size:18px;margin:0}.settings-panel>p{font-size:11px;color:#919881;line-height:1.9}.settings-section{border-top:1px solid #e6e9dc;margin-top:20px;padding-top:18px}.settings-section h3{font-size:12px;color:#71804e;margin:0 0 12px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0;font-size:11px}.setting-row input[type=number]{width:85px;border:1px solid #d9dfc9;border-radius:6px;padding:5px 8px;direction:ltr;background:#fff;color:#536039}.setting-row input[type=range]{width:130px;accent-color:var(--olive)}.setting-row select{max-width:175px;padding:6px;border:1px solid #d9dfc9;border-radius:6px;background:white;font-size:10px}.settings-section .text-field{display:block;font-size:10px;color:#82916a;margin:12px 0}.text-field input,.text-field textarea{display:block;width:100%;border:1px solid #d9dfc9;border-radius:6px;margin-top:5px;padding:8px;font-size:11px;background:#fff;resize:vertical}.settings-panel .settings-note{font-size:10px;background:#f1f3e8;padding:9px 12px;border-radius:8px;line-height:1.9}.settings-panel .secondary-btn{font-size:11px;margin-top:14px}.settings-saved{font-size:10px;color:#80935c;min-height:18px;text-align:center;margin-top:10px}.settings-panel button{flex-shrink:0}.settings-inline{display:flex;align-items:center;gap:8px}.settings-inline output{font:11px Arial;color:#82916a;min-width:25px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes overlayIn{from{opacity:0}to{opacity:1}}@keyframes dialogIn{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float{0%,100%{transform:translateY(0) rotate(var(--rotate,0deg))}50%{transform:translateY(-7px) rotate(var(--rotate,0deg))}}@keyframes countPop{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scorePop{to{opacity:0;transform:translate(-50%,-60px) scale(1.15)}}@keyframes urgentPulse{50%{box-shadow:0 0 0 4px #e4b9781c}}@keyframes confettiFall{to{transform:translateY(510px) rotate(520deg);opacity:0}}
@media(min-width:1500px){.game-dialog{width:1040px;grid-template-columns:390px 1fr;height:730px}.intro-products{height:217px;margin-top:14px}.intro-products .product-art{width:84px}.intro-products .product-art:nth-child(2){width:78px}.intro-products .product-art:nth-child(3){width:96px}.intro-products:before{width:205px;height:192px;left:48px}.intro-products:after{width:230px;height:207px;left:34px}.intro-screen{padding:25px 55px 15px}.side-title{margin-top:52px}.side-products{margin-top:30px}}
@media(max-width:1050px){.game-dialog{grid-template-columns:300px 1fr;width:880px}.brand-panel{padding:29px}.side-title{font-size:31px}.side-products .piece{width:120px!important;padding:21px 20px}.side-products .piece:nth-child(2){left:115px}.side-products .piece:first-child{left:8px}.store-nav{gap:20px}.site-header{gap:25px}.store-hero-art .product-art{width:110px}.store-hero-art .product-art:nth-child(3){width:125px}.hero-copy{padding:30px}.hero-copy h1{font-size:30px}}
@media(max-width:760px){.desktop-store{display:none}.mobile-store{display:block;background:#f7f6f2;position:relative;overflow:hidden;min-height:100dvh}.mobile-reference{width:100%;height:auto;display:block;margin-top:-15%;pointer-events:none}.mobile-store .mobile-bottom{height:82px;position:fixed;bottom:0;left:0;right:0;z-index:3;background:#fffffff0;backdrop-filter:blur(10px);border-top:1px solid #e4e4d8;display:flex;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom button{background:none;font-size:10px;color:#a3a68f;display:flex;flex-direction:column;align-items:center;gap:6px}.mobile-bottom button:first-child{color:var(--olive)}.mobile-bottom svg{width:22px;height:22px}.mobile-logo-strip{display:none}.play-fab{bottom:96px;right:16px;border-radius:13px;padding:9px 12px;font-size:12px;gap:10px}.fab-star{height:28px;width:28px;font-size:20px}.play-fab small{font-size:8px}.fab-arrow{font-size:19px}.review-toggle{bottom:101px;left:14px;font-size:0;padding:8px;width:37px;height:37px}.review-toggle span{font-size:20px;margin:0}.game-overlay{padding:12px;background:#29312068;backdrop-filter:blur(4px)}.game-dialog{display:flex;width:440px;max-width:100%;height:min(760px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);border-radius:22px}.brand-panel{display:none}.game-main{width:100%}.game-top{height:66px;min-height:66px;padding:16px 21px}.game-top .logo-crop{width:126px}.game-screen{width:100%}.intro-screen{padding:25px 30px 10px}.intro-screen h1{font-size:46px;margin-top:14px}.intro-screen .intro-copy{font-size:13px;max-width:275px;line-height:2}.intro-products{height:220px;margin-top:18px}.intro-products .product-art{width:88px}.intro-products .product-art:nth-child(2){width:77px;right:14px}.intro-products .product-art:nth-child(3){width:96px;left:103px}.intro-products:before{width:211px;height:201px;left:47px}.intro-products:after{width:229px;height:212px;left:34px}.intro-stats{font-size:12px;margin:10px 0 20px;gap:12px}.primary-btn{min-height:51px}.game-footer{font-size:9px;min-height:34px;padding:7px 8px}.instructions-screen{padding:20px 23px 15px}.instructions-screen h2{font-size:25px}.rules{margin-top:24px}.rule{padding:18px 5px}.rule-images{height:132px}.rule-images .product-art{height:108px}.rule-images .product-art:not(.cropped){height:118px}.target-line{margin-top:20px;font-size:14px}.helper-row{margin:18px 0 23px}.hud{padding:14px 20px 11px}.hud-score strong{font-size:32px}.result-screen{padding:30px 28px 15px}.result-screen h2{font-size:25px}.result-score{font-size:80px;margin-top:18px}.result-score-label{margin-bottom:24px}.gift-preview{margin-bottom:26px}.result-metrics{margin:20px 0 30px}.settings-panel{left:12px;right:12px;top:12px;bottom:65px;width:auto;max-width:none}.settings-panel~.store-toast{z-index:100}.game-overlay:not([hidden])~.settings-panel+.store-toast{bottom:90px}body.locked .review-toggle{bottom:18px;left:17px;z-index:40;background:#eff1e5b5;opacity:.8}body.locked .play-fab{display:none}.mobile-store-extra{padding:0 16px 190px;margin-top:-15%}.mobile-store-extra .product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.mobile-store-extra .store-card{padding:13px}.mobile-store-extra .store-section-title h2{font-size:19px}.store-card h3{font-size:12px}.mobile-store-extra .store-card .product-frame{height:150px}.mobile-store-extra .product-frame .product-art{height:125px}.store-toast{font-size:11px;width:max-content}.screen-subtitle{font-size:12px}}
@media(max-height:720px){.game-dialog{height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}.game-overlay{padding:12px}.game-top{height:58px;min-height:58px}.intro-screen{padding-top:14px}.intro-screen h1{font-size:37px;margin-top:3px}.intro-products{height:161px;margin-top:2px}.intro-products .product-art{width:65px}.intro-products .product-art:nth-child(2){width:58px;right:40px}.intro-products .product-art:nth-child(1){left:45px}.intro-products .product-art:nth-child(3){width:76px;left:113px}.intro-products:before{height:150px;width:165px;left:66px}.intro-products:after{height:156px;width:181px;left:57px}.intro-screen .intro-copy{font-size:12px}.intro-stats{margin:3px 0 12px;font-size:11px}.primary-btn{min-height:44px}.game-footer{min-height:30px}.intro-screen .text-btn{min-height:31px;padding:4px 18px}.instructions-screen{padding-top:14px}.instructions-screen h2{font-size:22px}.rules{margin-top:12px;margin-bottom:10px}.rule-images{height:92px}.rule-images .product-art{height:81px}.rule-images .product-art:not(.cropped){height:90px}.rule{padding:10px 6px}.rule h3{font-size:11px}.target-line{margin-top:8px;font-size:13px}.helper-row{margin:10px 0 12px}.result-screen{padding:14px 28px}.result-score{font-size:62px;margin-top:5px}.result-score-label{margin-bottom:8px}.result-screen h2{font-size:23px}.gift-preview{padding:10px 18px;margin:10px 0 15px}.result-metrics{margin:10px 0 20px}.gift-screen{padding-top:12px}.gift-art{height:130px;margin:12px auto}.gift-art .product-art{height:125px}.gift-notice{margin:12px 0}.side-title{margin-top:20px}.side-products{margin-top:2px}}
@media(max-width:370px){.game-overlay{padding:7px}.game-dialog{height:calc(100dvh - 14px);max-height:calc(100dvh - 14px)}.intro-screen{padding-right:22px;padding-left:22px}.intro-products{max-width:280px}.intro-screen h1{font-size:39px}.instructions-screen{padding-left:17px;padding-right:17px}.rule h3{font-size:10px}.rules{gap:8px}.game-top{padding:13px 17px}.result-screen{padding-left:22px;padding-right:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.intro-products .product-art{transform:none}.confetti{display:none}}

/* Keep the tall oil bottle within the invitation composition. */
.intro-products .product-art:nth-child(2){width:auto;height:170px;right:30px}
@media(min-width:1500px){.intro-products .product-art:nth-child(2){height:190px;right:20px}}
@media(max-width:760px){.intro-products .product-art:nth-child(2){height:195px;right:19px}}
@media(max-height:720px){.intro-products .product-art:nth-child(2){height:143px;right:49px}}

.falling-item .product-art,.falling-item .product-art:not(.cropped){width:min(100%,calc(var(--art-ratio) * 130%));height:auto;max-width:100%}

.falling-item{mix-blend-mode:multiply}
.tumbling-product{display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none;transform-origin:center;will-change:transform}

/* Review the approved products without leaving the settings panel. */
.catalog-group{border:1px solid #e0e5d2;border-radius:9px;margin:8px 0;overflow:hidden}.catalog-group summary{font-size:11px;font-weight:700;padding:11px;cursor:pointer}.catalog-group summary span{float:left;font:11px Arial;color:#88936f}.catalog-items{padding:0 10px 8px}.catalog-product{display:flex;gap:10px;align-items:center;border-top:1px solid #edf0e6;padding:10px 0;font-size:10px;line-height:1.8}.catalog-product small{display:block;color:#8a9876;font-size:9px}.catalog-thumb{display:flex;width:46px;height:60px;align-items:center;justify-content:center;flex-shrink:0}.catalog-thumb .product-art{width:min(100%,calc(var(--art-ratio)*55px));height:auto}.rule-images .product-art{height:auto;width:min(44%,calc(var(--art-ratio)*108px));max-width:80px}.rule.other .rule-images .product-art{width:70px;height:auto;max-height:none}.rule.other small{font-size:8px}

.rule-examples{display:flex;gap:8px;align-items:end;margin:10px 0 8px}.rule-example{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px}.example-art{width:100%;height:98px;display:flex;align-items:center;justify-content:center}.example-art .product-art{width:min(90%,calc(var(--art-ratio)*95px));height:auto}.rule-example small{font-size:9px;white-space:nowrap;color:#78855b}.rule .tea-points{background:#e6d9a6;color:#72602d}.tea-best{display:block;font-size:9px;color:#8a7848}.rules .rule.other{display:flex;flex-direction:column;align-items:center;justify-content:center}.rules .rule.other .rule-images{width:100%;height:112px}.rules .rule.other .rule-images .product-art{width:65px;height:auto}.rules .rule>h3{margin:0 0 3px}.rules .rule.other>h3{margin:7px 0}.rule-examples .points-pill{font-size:13px;padding:4px 9px}@media(max-height:720px){.example-art{height:79px}.example-art .product-art{width:min(90%,calc(var(--art-ratio)*76px))}.rules .rule.other .rule-images{height:90px}.rules .rule.other .rule-images .product-art{width:53px}.rule-examples{margin:7px 0 5px}.rule .tea-best{font-size:8px}}@media(max-width:370px){.rule-examples{gap:4px}.rule-example small{font-size:8px}}

/* Tiered Queen View rewards */
.reward-fan{display:flex;align-items:flex-end;justify-content:center;gap:19px;direction:ltr;position:relative;isolation:isolate}
.reward-fan .product-art{height:135px;width:auto;max-width:29%;mix-blend-mode:multiply;filter:drop-shadow(0 7px 5px #54412c12)}
.reward-fan .product-art img{pointer-events:none}
.intro-rewards{height:145px;margin:9px auto 0;width:270px;max-width:100%;gap:18px;padding-bottom:5px}
.intro-rewards:before{content:'';position:absolute;inset:8px 28px 0;border-radius:50%;background:#ecebd8;z-index:-1}
.intro-rewards .product-art:first-child{transform:rotate(-9deg);height:125px}
.intro-rewards .product-art:nth-child(2){height:143px}
.intro-rewards .product-art:last-child{transform:rotate(9deg);height:125px}
.reward-intro{padding-top:17px}.reward-intro h1{font-size:41px;line-height:1.45;margin-top:5px}.reward-intro .intro-copy{font-size:13px;margin-top:0}
.reward-brand{font-size:11px;color:#81886b;margin:8px 0 11px}.reward-intro .intro-stats{margin:13px 0}.intro-stats svg{width:13px;height:13px;vertical-align:middle}
.tier-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;direction:rtl;margin:12px 0}
.tier-chip{border:1px solid #dfe3cd;background:#f5f5e9;border-radius:10px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:5px;color:#7f8766;min-width:0}
.tier-chip>span{font-size:11px;white-space:nowrap;display:flex;align-items:center;gap:5px}.tier-chip svg{width:13px;height:13px}.tier-chip b{font:700 17px/1.2 Arial;color:#5a633d}.tier-chip small{font:400 9px Cairo;color:#858d70}.tier-chip.earned{background:#e6edce;border-color:#a9b77c;color:#516136}
.instruction-rewards{margin-top:10px}.instruction-rewards .tier-strip{margin:0 0 6px}.instruction-rewards .final-note{margin:0;font-size:9px}.instruction-rewards~.target-line{font-size:12px;margin:9px 0 0}
.instructions-screen .rules{margin-top:10px;margin-bottom:8px}.instructions-screen .rule{padding-top:8px;padding-bottom:9px}.instructions-screen .example-art{height:88px}.instructions-screen .rule-images{height:100px}.instructions-screen .rule-images .product-art{height:88px}.instructions-screen .helper-row{margin:9px 0 12px}
.hud{padding-top:11px;padding-bottom:9px}.progress-label{font-size:10px;gap:8px}.progress-label #goalValue{direction:ltr;white-space:nowrap;flex-shrink:0;font-family:Arial}.progress-track{height:6px}.hud-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.hud-tiers>div{display:flex;align-items:center;justify-content:center;gap:7px;padding:5px 2px;border-radius:7px;background:#eeefdf;color:#969c84;border:1px solid transparent;font-size:10px}.hud-tiers span{display:flex;align-items:center;gap:4px}.hud-tiers svg{width:12px;height:12px}.hud-tiers b{font:700 11px Arial}.hud-tiers .earned{background:#dfe9c1;color:#52633a;border-color:#c4d29d;transition:background .25s}.earned-label{text-align:center;font-size:10px;color:#7a865f;margin-top:7px;min-height:18px}
.reward-result{padding-top:17px}.reward-result h2{font-size:25px;margin:4px 0}.reward-result .result-score{font-size:58px;margin-top:4px}.reward-result .result-score-label{margin-bottom:8px}.reward-earned h3{font-size:15px;color:#5b6640;margin:8px 0}.reward-earned .reward-fan{gap:18px;padding:5px 0}.reward-earned .product-art{height:105px}.reward-earned p{font-size:11px;color:#858c74;margin:7px 0}.reward-result .tier-strip{margin:12px 0}.reward-result .result-actions{gap:6px}
.gift-selection{padding:22px 29px 16px}.gift-selection h2{font-size:27px;margin:8px 0}.gift-selection .screen-subtitle{font-size:12px;margin-bottom:20px}.gift-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gift-option{position:relative;background:#f4f3e7;border:1px solid #dedfca;border-radius:14px;padding:30px 7px 12px;text-align:center;transition:background .2s,border-color .2s,box-shadow .2s;min-width:0}.gift-option:hover{background:#eeefdc;border-color:#a6b17e}.gift-option.selected{background:#e9edda;border:2px solid #7a8b4c;box-shadow:0 5px 15px #6c7c3e10;padding:29px 6px 11px}.gift-check{position:absolute;top:8px;right:8px;width:20px;height:20px;border:1px solid #c5cdb0;border-radius:50%;display:grid;place-items:center;font:14px/1 Arial;color:#9aa783}.selected .gift-check{background:#697941;border-color:#697941;color:white}.gift-option-art{height:175px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.gift-option-art .product-art{height:100%;width:auto;max-width:100%;mix-blend-mode:multiply}.gift-color{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;white-space:nowrap;color:#5f6947}.gift-color i{height:9px;width:9px;border-radius:50%;border:1px solid #0001}.selection-status{min-height:24px;font-size:12px;color:#727e53;margin:18px 0 13px}.primary-btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.gift-demo-note{font-size:10px;color:#949781;line-height:1.8;margin:12px 0 0}
.gift-confirmed{padding-top:19px}.confirmation-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e4eccb;color:#65773e;font:22px/1 Arial;margin:0 auto 10px}.gift-confirmed h2{font-size:26px;margin:6px 0}.gift-confirmed .screen-subtitle{font-size:12px;margin-bottom:9px}.chosen-rewards{height:170px;margin:5px 0 7px}.chosen-rewards .product-art{height:160px}.chosen-colors{font-size:12px;color:#68724f;margin:9px 0 14px}.gift-confirmed .gift-notice{font-size:10px;margin-bottom:13px;padding:10px 13px}.gift-confirmed .secondary-btn{margin-bottom:8px;min-height:39px}.settings-rewards .reward-fan{height:100px;margin-top:12px}.settings-rewards .product-art{height:95px}.settings-rewards p{font-size:11px;line-height:1.9;color:#81896b;text-align:center}
@media(max-width:760px){.reward-intro{padding:23px 25px 15px}.reward-intro h1{font-size:42px;margin-top:12px}.intro-rewards{height:178px;margin-top:15px}.intro-rewards .product-art:first-child,.intro-rewards .product-art:last-child{height:151px}.intro-rewards .product-art:nth-child(2){height:172px}.reward-intro .intro-stats{margin:18px 0}.tier-chip>span{font-size:10px}.tier-chip{padding:8px 3px}.tier-chip svg{width:11px;height:11px}.hud{padding:11px 15px 8px}.hud-tiers>div{gap:4px;font-size:9px}.progress-label{font-size:9px}.gift-selection{padding:26px 19px 15px}.gift-selection h2{font-size:26px}.gift-options{gap:7px}.gift-option{border-radius:12px;padding-left:4px;padding-right:4px}.gift-option.selected{padding-left:3px;padding-right:3px}.gift-option-art{height:164px}.gift-color{font-size:10px;gap:4px}.selection-status{font-size:11px}.reward-result{padding:23px 23px 12px}.reward-earned .product-art{height:118px}.reward-result .result-score{font-size:65px}.reward-result .tier-strip{margin:15px 0}.gift-confirmed{padding:23px 23px 12px}.chosen-rewards{height:180px}.chosen-rewards .product-art{height:170px}}
@media(max-width:370px),(max-height:650px){.reward-intro{padding:13px 20px 10px}.reward-intro h1{font-size:34px;line-height:1.3;margin-top:5px}.intro-rewards{height:115px;margin-top:7px}.intro-rewards .product-art:first-child,.intro-rewards .product-art:last-child{height:97px}.intro-rewards .product-art:nth-child(2){height:113px}.reward-intro .intro-stats{margin:9px 0}.reward-brand{margin:6px 0}.tier-chip{padding:6px 3px;gap:3px}.tier-strip{margin:8px 0}.gift-option-art{height:125px}.gift-selection{padding:15px 16px 10px}.gift-selection h2{font-size:22px}.gift-selection .screen-subtitle{margin-bottom:12px}.selection-status{margin:12px 0 9px}.reward-result .result-score{font-size:49px}.reward-earned .product-art{height:84px}.reward-result{padding-top:13px}.reward-result h2{font-size:22px}.reward-earned h3{font-size:13px}.chosen-rewards{height:125px}.chosen-rewards .product-art{height:120px}.gift-confirmed h2{font-size:22px}.gift-confirmed .confirmation-mark{height:30px;width:30px;font-size:18px}.gift-confirmed .gift-notice{margin-bottom:9px}}
.reward-fan{isolation:auto}.intro-rewards:before{display:none}.reward-fan .product-art{filter:none}
.reward-result{line-height:1.6}
.reward-result .result-actions button{line-height:1.6}
@media(min-width:761px){.reward-result .result-actions{display:grid;grid-template-columns:1fr 1fr}.reward-result .result-actions .text-btn{grid-column:1/-1}.reward-result .result-actions .primary-btn:nth-last-child(2){grid-column:1/-1}}
.reward-preview-buttons{display:grid;gap:7px;margin:12px 0}.reward-preview-buttons .secondary-btn{font-size:11px;min-height:36px}

.social-follow{border-top:1px solid var(--line);margin-top:9px;padding-top:10px;text-align:center}
.social-follow p{margin:0 0 8px;font-size:11px;line-height:1.6;color:#7c8468}
.social-follow-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.social-link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #d9dec9;border-radius:9px;background:#fffef8;font-size:12px;font-weight:600;line-height:1.6;transition:background .2s,border-color .2s}
.social-link.instagram{color:#8c5266}.social-link.tiktok{color:#343c23}.social-link svg{width:18px;height:18px;flex-shrink:0}.social-link:hover{background:#edf0df;border-color:#a8b286}
@media(max-width:370px){.social-follow{padding-top:8px}.social-link{padding:8px;gap:6px;font-size:11px}}