: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:15.2%;left:27.1%;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:none;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 0;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:Kaiti SC,STKaiti,KaiTi,serif;font-size:clamp(27px,8.2vw,34px);font-weight:800;line-height:1.08;letter-spacing:.01em;white-space:nowrap}.share-dish-image{position:relative;aspect-ratio:16/9.25;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,#1c2317d1)}.share-dish-image>img{display:block;width:100%;height:100%;object-fit:cover}.share-dish-image>span{position:absolute;z-index:3;top:9px;left: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-qr-float{position:absolute;z-index:4;top:9px;right:9px;padding:5px 5px 4px;border-radius:10px;background:#fffaf0f5;box-shadow:0 2px 8px #27311f3d}.share-qr-float .share-qr{display:block;width:68px;height:68px;border:0;border-radius:5px;background:var(--paper)}.share-qr-float small{display:block;margin-top:2px;color:#5e594f;font-size:6px;font-weight:900}.share-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.share-fact{display:grid;min-width:0;min-height:50px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:7px;padding:6px 9px;border:1.5px solid var(--olive);border-radius:12px;text-align:left;box-shadow:2px 3px 0 var(--coral)}.share-cost{background:#f8d36e}.share-time{background:#f6e5c2}.fact-icon{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;color:var(--paper);background:var(--olive)}.share-time .fact-icon{background:var(--coral)}.fact-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.fact-copy{display:flex;min-width:0;flex-direction:column;line-height:1.05}.fact-copy small{color:#746b5c;font-size:8px;font-weight:900;white-space:nowrap}.fact-copy strong{margin-top:4px;color:var(--olive);font-size:12px;white-space:nowrap}.share-bottom{display:block;padding-top:8px;border-top:1px dashed #cfbea0}.share-safe-space{height:24px;margin:11px -15px 0;background:#fffaf0d1}.share-fortune{padding:14px 13px 13px;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:10px}.share-fortune-row p{min-width:0;margin:0;color:var(--olive);font-size:10px;line-height:1.4}.share-fortune-row p+p{border-left:1px dashed rgba(61,73,52,.34)}.share-fortune-row b{display:block;color:#2f6b4f;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:22px;font-weight:900}.share-fortune-row p:last-child b{color:#b9503d}.share-fortune-row span{display:block;margin-bottom:3px;color:#77684d;font-size:9px;font-weight:900;letter-spacing:.1em}.share-fortune-row strong{display:block;font-size:12px;line-height:1.45;word-break:keep-all;overflow-wrap:normal}.share-omen{margin:11px 0 0;padding-top:11px;border-top:1px dashed rgba(61,73,52,.34);color:var(--olive)}.share-omen span{display:inline-flex;margin:0 auto 7px;padding:4px 9px;border-radius:999px;color:#fffaf0;background:#b9503d;font-size:10px;font-weight:900;letter-spacing:.12em}.share-omen strong{display:block;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:750;line-height:1.55;text-wrap:balance;word-break:normal;overflow-wrap:normal}.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}.result-actions{display:grid;grid-template-columns:1.12fr .88fr;gap:9px;margin:14px 0 9px}.result-actions .share-primary,.result-actions .recipe-link{display:flex;width:100%;min-width:0;min-height:52px;margin:0;padding:10px 8px;align-items:center;justify-content:center;border:2px solid var(--olive);border-radius:999px;font-size:13px;font-weight:900;white-space:nowrap}.result-actions .recipe-link{color:var(--paper);background:var(--olive);box-shadow:3px 4px 0 var(--gold);text-decoration:none}.result-actions .share-primary{box-shadow:3px 4px 0 var(--olive)}.action-grid .again-button{width:auto;margin:0;background:var(--cream)}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 em{display:block;font-style:normal}.share-omen strong em+em{margin-top:4px;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/42/assets/masak-boleh-game.css.map */