:host{display:block;width:100%;max-width:100vw;overflow-x:clip;color:#27311f;--paper:#fffaf0;--cream:#f6edda;--olive:#3d4934;--moss:#66735a;--sage:#a9b692;--coral:#e76f51;--gold:#d0ac65;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.mb-app{width:100%;max-width:100vw;min-height:100vh;overflow-x:clip;padding:0 14px 28px;background:radial-gradient(circle at 50% -10%,#fffdf6 0,#f7f1e5 58%,#eee4d2)}.page-shell{width:100%;max-width:430px;margin:auto;overflow-x:clip;padding:18px 6px 24px}.brand-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #d8cdb8}.brand-mark{color:var(--olive);text-decoration:none;font-size:20px;font-weight:900;letter-spacing:-.7px}.brand-mark strong{color:var(--coral)}.brand-header p{margin:0;color:#8c8271;font-size:11px}.hero{text-align:center;padding-top:42px}.eyebrow{color:var(--coral);font-size:10px;font-weight:900;letter-spacing:.14em}.hero h1{margin:9px 0 10px;color:var(--olive);font-family:Georgia,Songti SC,serif;font-size:clamp(34px,10vw,46px);line-height:1.03;letter-spacing:-2px}.hero p{max-width:360px;margin:auto;color:#766d5f;font-size:12px;line-height:1.65}.mobile-readout{display:none}.machine-stage{position:relative;width:min(100%,390px);margin:20px auto 0}.machine-asset{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.lever-cover{position:absolute;z-index:2;top:7.5%;right:5.7%;width:11.4%;height:58.5%;background:linear-gradient(160deg,#f8f3e9,#f1e8d9);pointer-events:none}.lever-visual{position:absolute;z-index:3;top:8.6%;right:6.2%;width:11.3%;height:67%;pointer-events:none;transform-origin:50% 92%}.lever-rod{position:absolute;z-index:1;right:43%;bottom:3%;width:14%;height:58%;border:1px solid #8e5a17;border-radius:5px;background:linear-gradient(90deg,#8e5a17,#ffd77a 46%,#9a661e);box-shadow:1px 1px 2px #321f086b}.lever-grip{position:absolute;z-index:2;top:3%;right:9%;width:82%;height:43%;border:1px solid #9c2f23;border-radius:42% 42% 16% 16%/13% 13% 8% 8%;background:linear-gradient(90deg,#bd382c,#f25d48 40%,#d94133 74%,#a92e23);box-shadow:inset 4px 0 4px #ffb08c4d,inset -4px 0 4px #570f0a2e,1px 2px 3px #3f1f0c59}.lever-grip:before{content:"";position:absolute;top:-17%;left:7%;width:86%;height:22%;border:1px solid #9a641e;border-radius:50% 50% 22% 22%;background:radial-gradient(circle at 48% 25%,#fff4b6 0 10%,#d89b33 42%,#7c4511)}.lever-grip:after{content:"";position:absolute;right:13%;bottom:-21%;width:74%;height:23%;border:1px solid #8e5a17;background:linear-gradient(90deg,#8b5618,#f3c458 47%,#936019);box-shadow:1px 1px 2px #321f0859}.reels-overlay{position:absolute;top:29.5%;left:19.2%;display:grid;width:45%;height:30%;grid-template-columns:1fr;align-items:center;overflow:hidden;border-radius:50%;perspective:500px}.reel{display:flex;height:100%;min-width:0;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:translateZ(0)}.reel span{display:flex;min-height:36px;align-items:center;justify-content:center;color:#344029;font-size:clamp(10px,3.3vw,14px);font-weight:900;line-height:1.08;white-space:nowrap;text-shadow:0 1px #fff8e9}.reel small{margin-top:5px;color:#91846d;font-size:clamp(6px,1.8vw,8px);font-weight:800;white-space:nowrap}.reel.is-moving span{filter:blur(2px);animation:reelBlur .13s linear infinite alternate}@keyframes reelBlur{to{transform:translateY(7px);filter:blur(3.5px)}}.reel-single{grid-template-columns:1fr;padding:0;background:transparent}.reel-single .reel{gap:8px}.reel-single .reel span{min-height:0;color:#344029;font-size:clamp(16px,5.2vw,22px);line-height:1.08;white-space:nowrap;text-shadow:0 1px rgba(255,255,255,.72)}.reel-single .reel span:nth-child(2){font-size:clamp(14px,4.6vw,20px);font-weight:800;color:#526046}.reel-single .reel.is-stopped:after{content:"";position:absolute;top:5%;right:5%;bottom:5%;left:5%;border:2px solid rgba(231,111,81,.58);border-radius:50%;animation:reelLock .52s ease-out both;pointer-events:none}.machine-nameplate{position:absolute;bottom:17.35%;left:28.4%;display:flex;width:30%;height:5.25%;align-items:center;justify-content:center;color:#27311f;font-size:clamp(8px,2.5vw,11px);font-weight:900;letter-spacing:.08em;transform:rotate(-1deg);transform-origin:50% 50%;text-shadow:0 1px rgba(255,255,255,.34)}.lever-hit{position:absolute;top:8%;right:0;width:18%;height:70%;border:0;background:transparent;cursor:pointer;transform-origin:54% 82%}.is-spinning .lever-hit{animation:leverHitPull 1.05s cubic-bezier(.2,.86,.28,1) both}.is-spinning .lever-visual{animation:leverPull 1.05s cubic-bezier(.2,.86,.28,1) both}@keyframes leverHitPull{0%{transform:rotate(0)}18%{transform:rotate(-20deg)}40%{transform:rotate(-20deg)}62%{transform:rotate(4deg)}78%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes leverPull{0%{transform:rotate(0)}18%{transform:rotate(-24deg) translate(-.5%,1%)}40%{transform:rotate(-24deg) translate(-.5%,1%)}62%{transform:rotate(5deg)}78%{transform:rotate(-2deg)}to{transform:rotate(0)}}.is-spinning .machine-asset{animation:machineRattle .12s linear 7 alternate}@keyframes machineRattle{to{transform:translate(1.5px) rotate(.08deg)}}.machine-controls{display:grid;grid-template-columns:1fr 54px;gap:10px;margin-top:2px}.pull-button,.sound-toggle{min-height:52px;border:2px solid var(--olive);cursor:pointer}.pull-button{border-color:#9e4435;border-radius:999px;color:#fffaf0;background:var(--coral);box-shadow:4px 5px 0 var(--olive);font-size:16px;font-weight:900;letter-spacing:.08em}.pull-button.is-pressed{transform:translateY(7px);background:#d85f48;box-shadow:1px 1px 0 var(--olive)}.pull-button:disabled{opacity:.72;cursor:wait}.sound-toggle{display:grid;place-items:center;border-radius:50%;color:var(--olive);background:var(--paper);box-shadow:3px 4px 0 var(--gold)}.sound-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tiny-note{margin:13px 0 45px;color:#8b816f;text-align:center;font-size:11px}.result-section{position:relative;isolation:isolate;padding-top:10px;scroll-margin-top:14px}.result-section:before{content:"";position:absolute;z-index:-1;top:-100px;left:50%;width:510px;height:510px;border-radius:50%;background:radial-gradient(circle,rgba(255,247,184,.98) 0 7%,rgba(255,211,83,.75) 18%,rgba(255,157,91,.35) 36%,rgba(169,182,146,.18) 54%,transparent 72%);filter:blur(8px);transform:translate(-50%);animation:fortuneAura 2s ease-out both;pointer-events:none}.result-ticket{position:relative;z-index:1;overflow:hidden;padding:18px 20px 20px;border:2px solid var(--olive);border-radius:22px;text-align:center;background:linear-gradient(145deg,#ffe28a,#f7cc5e 48%,#efb943);box-shadow:6px 7px 0 var(--olive),inset 0 0 0 5px #fff9dd3b;transform-origin:50% 8%;animation:fortuneBurst 2s cubic-bezier(.16,.82,.26,1.08) both}@keyframes fortuneBurst{0%{opacity:0;transform:translateY(32px) scale(.62) rotate(-3deg);filter:blur(18px) brightness(1.8)}25%{opacity:.96;transform:translateY(-8px) scale(1.11) rotate(1.4deg);filter:blur(2px) brightness(1.28);box-shadow:0 0 58px #ffc745eb,8px 10px 0 var(--olive)}48%{transform:translateY(3px) scale(.96) rotate(-.7deg);filter:blur(0) brightness(1.08)}68%{transform:translateY(-2px) scale(1.025) rotate(.25deg)}84%{transform:translateY(1px) scale(.99)}to{opacity:1;transform:none;filter:none;box-shadow:6px 7px 0 var(--olive),inset 0 0 0 5px #fff9dd3b}}@keyframes fortuneAura{0%{opacity:0;transform:translate(-50%) scale(.18)}24%{opacity:1;transform:translate(-50%) scale(1.22)}56%{opacity:.72;transform:translate(-50%) scale(.94)}to{opacity:0;transform:translate(-50%) scale(1.1)}}.result-ticket:before,.result-ticket:after{content:"";position:absolute;top:51%;width:20px;height:20px;border:2px solid var(--olive);border-radius:50%;background:var(--paper)}.result-ticket:before{left:-11px}.result-ticket:after{right:-11px}.fortune-number{display:inline-block;margin-bottom:18px;padding:6px 13px;border:1px solid rgba(61,73,52,.55);border-radius:999px;color:var(--olive);background:#fffaf05c;font-size:9px;font-weight:900;letter-spacing:.12em}.ticket-label{display:block;color:#695531;font-size:11px;font-weight:900;letter-spacing:.2em}.result-ticket h2{margin:9px 0 13px;color:var(--olive);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(35px,9.8vw,46px);font-weight:900;line-height:1.08;letter-spacing:-.04em;white-space:nowrap;text-shadow:0 2px rgba(255,249,221,.45)}.result-ticket h2.long-personality{font-size:clamp(28px,8vw,36px);letter-spacing:-.05em}.personality-line{max-width:320px;margin:0 auto 17px;color:#423b2f;font-size:12px;line-height:1.55}.meal-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.meal-facts>div{display:grid;grid-template-columns:auto 1fr;align-items:center;padding:11px 10px 10px;border:1.5px solid var(--olive);border-radius:13px;text-align:left;background:#fffaf0ad}.meal-facts svg{grid-row:1/span 2;width:17px;height:17px;margin-right:7px;fill:none;stroke:var(--coral);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.meal-facts span{color:#746647;font-size:8px;font-weight:800}.meal-facts strong{color:var(--olive);font-size:14px;line-height:1.25}.meal-facts small{grid-column:1/-1;margin-top:5px;color:#74684f;font-size:8px;line-height:1.35;text-align:center}.cost-disclaimer{display:block;margin-top:9px;color:#43392aa8;font-size:7px;line-height:1.45}.recipe-card{margin-top:26px;overflow:hidden;border:2px solid var(--olive);border-radius:24px;background:var(--paper);box-shadow:6px 7px 0 var(--olive)}.image-wrap{position:relative;aspect-ratio:4/3;overflow:hidden;background:#ded5c2}.image-wrap img{display:block;width:100%;height:100%;object-fit:cover}.tonight-stamp{position:absolute;right:13px;bottom:13px;padding:7px 10px;border:2px solid var(--paper);border-radius:999px;color:var(--paper);background:var(--coral);font-size:11px;font-weight:900;transform:rotate(-3deg)}.recipe-content{padding:20px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips span{padding:6px 9px;border:1px solid #d4c6ac;border-radius:999px;color:#655e52;background:#f6edda;font-size:9px;font-weight:800}.recipe-content h3{margin:13px 0 8px;color:var(--olive);font-family:Georgia,Songti SC,serif;font-size:27px;line-height:1.14;letter-spacing:-1px}.recipe-content p{margin:0 0 17px;color:#71695b;font-size:12px;line-height:1.65}.primary-link{display:flex;min-height:48px;align-items:center;justify-content:center;border:2px solid var(--olive);border-radius:999px;color:#fffaf0;background:var(--olive);box-shadow:3px 4px 0 var(--coral);font-size:13px;font-weight:900;text-decoration:none}.share-zone{margin-top:27px;padding:18px;border:2px solid var(--olive);border-radius:24px;text-align:center;background:#fffaf0;box-shadow:6px 7px 0 var(--sage)}.share-card-preview{position:relative;overflow:hidden;padding:18px 15px 16px;border-radius:18px;color:var(--olive);background:linear-gradient(145deg,#eef0df,#fff7e8 54%);box-shadow:inset 0 0 0 1.5px #cfbea0}.share-card-preview:before{content:"";position:absolute;top:0;right:0;left:0;height:6px;background:linear-gradient(90deg,var(--olive) 0 64%,var(--coral) 64%)}.share-brand{margin-bottom:11px;font-size:11px;font-weight:900}.share-brand b{color:var(--coral)}.share-card-preview>span{display:block;color:#78715f;font-size:10px;font-weight:800;letter-spacing:.12em}.share-card-preview h4{margin:4px 0 10px;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(25px,7.8vw,32px);font-weight:900;letter-spacing:-.04em;white-space:nowrap}.share-dish-image{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:13px;background:var(--sage)}.share-dish-image:after{content:"";position:absolute;top:45%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#1c2317cc)}.share-dish-image img{display:block;width:100%;height:100%;object-fit:cover}.share-dish-image>span{position:absolute;z-index:2;top:9px;right:9px;padding:5px 8px;border-radius:999px;color:var(--paper);background:var(--coral);font-size:8px;font-weight:900}.share-dish-image>strong{position:absolute;z-index:2;right:10px;bottom:10px;left:10px;color:var(--paper);font-family:STKaiti,Songti SC,serif;font-size:17px;line-height:1.2;text-shadow:0 2px 5px rgba(0,0,0,.55)}.share-meta{margin:8px 0;color:var(--olive);font-size:9px;font-weight:900}.share-bottom{display:grid;grid-template-columns:112px 1fr;gap:10px;align-items:center;padding-top:8px;border-top:1px dashed #cfbea0}.share-qr{display:block;width:104px;height:104px;margin:0 auto 3px;border:6px solid var(--paper);border-radius:9px;background:var(--paper)}.share-bottom small{color:#776d5f;font-size:7px}.share-fortune{padding:9px 8px 8px;border:1.5px solid var(--olive);border-radius:13px;background:#f8d36e;box-shadow:3px 3px 0 var(--coral)}.share-fortune-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.share-fortune-row p{margin:0;color:var(--olive);font-size:9px;line-height:1.3}.share-fortune-row p+p{border-left:1px dashed rgba(61,73,52,.34)}.share-fortune-row b{display:block;color:var(--olive);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:19px;font-weight:900}.share-fortune-row p:last-child b{color:#b9503d}.share-fortune-row span,.share-omen span{display:block;margin-bottom:2px;color:#77684d;font-size:8px;font-weight:900;letter-spacing:.1em}.share-fortune-row strong{display:block;font-size:9px;line-height:1.35}.share-omen{margin:7px 0 0;padding-top:7px;border-top:1px dashed rgba(61,73,52,.34);color:var(--olive)}.share-omen span{color:#b9503d}.share-omen strong{display:block;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:11px;font-weight:700;line-height:1.5}.share-primary,.action-grid button,.again-button{cursor:pointer;font-weight:900}.share-primary{display:flex;width:100%;min-height:52px;margin:14px 0 9px;align-items:center;justify-content:center;border:2px solid var(--olive);border-radius:999px;color:#fffaf0;background:var(--coral);box-shadow:3px 4px 0 var(--olive);font-size:13px;animation:shareNudge 2.5s 1s ease-in-out 1}@keyframes shareNudge{0%,70%,to{transform:scale(1)}78%{transform:scale(1.025) rotate(-.3deg)}86%{transform:scale(1.025) rotate(.3deg)}}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-grid button,.again-button{display:flex;min-height:43px;align-items:center;justify-content:center;border:1.5px solid var(--olive);border-radius:12px;color:var(--olive);background:var(--cream);font-size:11px}.notice{display:block;margin:11px 0 0;color:var(--moss);font-size:11px;font-weight:800}.again-button{width:100%;margin-top:13px;background:transparent}footer{display:flex;align-items:center;justify-content:center;padding:33px 0 5px;color:#817665;font-size:11px}footer a{color:inherit;text-decoration:none}.share-omen strong{font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:11px;font-weight:700;line-height:1.5}.share-omen strong em{display:block;font-style:normal}.share-omen strong em+em{margin-top:3px;color:#655b46}@media(max-width:699px){.hero{padding-top:31px}.hero h1{font-size:40px}.hero p{max-width:325px}@keyframes reelLock{0%{opacity:0;transform:scale(1.08)}35%{opacity:1;transform:scale(.97)}to{opacity:0;transform:none}}.machine-stage{width:min(108%,410px);margin-top:4px;transform:translate(-1.5%)}.reels-overlay{opacity:1}.machine-controls{margin-top:-2px}}@media(min-width:700px){.page-shell{margin-top:24px;margin-bottom:24px;min-height:calc(100vh - 48px);border-radius:30px}}@media(prefers-reduced-motion:reduce){.result-section:before,.result-ticket,.share-primary,.is-spinning .machine-asset,.is-spinning .lever-hit,.is-spinning .lever-visual,.reel.is-moving span,.reel.is-stopped:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/masak-boleh-game.css.map */