:root{--bg-1:#012614;--bg-2:#063922;--bg-3:#0a4d2f;--green:#0f9a4b;--green-2:#0b6f39;--green-3:#053922;--gold-1:#fff29b;--gold-2:#ffd74d;--gold-3:#f5ba10;--gold-4:#cf8500;--text:#ffffff;--muted:#c6d7cc} *{box-sizing:border-box} html,body{margin:0;padding:0;background:#00190f} body{min-height:100vh;min-height:100dvh;color:var(--text);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 50% 11%,rgba(57,174,88,.18),transparent 16%),linear-gradient(180deg,#053820 0%,#032d1b 30%,#011b11 100%)} button,input{font:inherit} button{-webkit-tap-highlight-color:transparent} .app-shell{width:min(100%,430px);min-height:100vh;min-height:100dvh;margin:0 auto;background:radial-gradient(circle at 50% 23%,rgba(58,180,78,.12),transparent 25%),linear-gradient(180deg,#053920 0%,#022b19 32%,#021d12 100%);position:relative;overflow:hidden;border-left:1px solid rgba(255,255,255,.03);border-right:1px solid rgba(255,255,255,.03)} .top-hero{padding-top:10px;padding-bottom:18px;min-height:102px;display:flex;justify-content:center;align-items:flex-start;position:relative} .brand-logo{text-align:center;line-height:.78;filter:drop-shadow(0 9px 6px rgba(0,0,0,.35));user-select:none} .brand-logo span{display:block;font-family:Impact,"Arial Black",Arial,sans-serif;font-size:clamp(22px,6vw,30px);font-weight:900;letter-spacing:1px;color:#fff;-webkit-text-stroke:1px #12693b;text-shadow:0 2px 0 #08954b,0 4px 0 #056535} .brand-logo strong{display:block;margin-top:8px;font-family:Impact,"Arial Black",Arial,sans-serif;font-size:clamp(48px,12vw,66px);font-weight:900;letter-spacing:1px;color:#ffd847;-webkit-text-stroke:2px #0a7239;text-shadow:0 2px 0 #fff3aa,0 5px 0 #daa200,0 8px 0 #8d5f00,0 10px 0 #08592f,0 14px 12px rgba(0,0,0,.42)} .hero-divider{width:100%;height:1px;background:rgba(133,203,156,.22);box-shadow:0 1px 0 rgba(255,255,255,.03)} .game-screen{padding:8px 0 18px} .stage-wrap{position:relative;min-height:748px;padding:6px 22px 10px;overflow:hidden} .stage-bg-stars{position:absolute;inset:0;pointer-events:none;opacity:.9;background-image:radial-gradient(circle at 9% 18%,#f4da44 0 1.5px,transparent 2px),radial-gradient(circle at 87% 16%,#ffe85d 0 1.3px,transparent 2px),radial-gradient(circle at 16% 72%,#ffe45d 0 1.4px,transparent 2px),radial-gradient(circle at 91% 69%,#ffe45d 0 1.3px,transparent 2px),radial-gradient(circle at 52% 40%,#9ff17f 0 1px,transparent 1.8px),radial-gradient(circle at 36% 8%,#cfff8f 0 1px,transparent 1.8px);background-size:160px 150px,180px 170px,200px 180px,220px 190px,150px 200px,190px 160px} .stage-halo{position:absolute;left:50%;top:76px;width:292px;height:292px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(157,255,103,.37) 0%,rgba(123,238,75,.16) 42%,rgba(74,182,72,.08) 58%,transparent 72%);animation:haloPulse 2.9s ease-in-out infinite} .egg-area{position:relative;width:100%;height:375px;margin-top:8px;animation:eggFloatWrap 3.5s ease-in-out infinite} .egg-area.playing{animation:none} .egg{position:absolute;z-index:2;left:50%;top:12px;width:210px;height:286px;transform:translateX(-50%);border-radius:50% 50% 44% 44% / 60% 60% 40% 40%;overflow:hidden;border:2px solid rgba(255,244,155,.78);background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.95) 0 3%,rgba(255,255,255,.45) 10%,transparent 24%),linear-gradient(145deg,#fff2a4 0%,#ffe154 20%,#f7c226 50%,#de9700 100%);box-shadow:inset 12px 10px 18px rgba(255,255,255,.16),inset -18px -22px 28px rgba(119,76,0,.22),0 22px 28px rgba(0,0,0,.33),0 0 22px rgba(255,221,70,.18);will-change:transform,opacity} .egg-area.playing .egg{animation:eggShake 1.3s ease-in-out !important} .egg-gloss{position:absolute;left:36px;top:42px;width:34px;height:95px;border-radius:50%;transform:rotate(23deg);background:linear-gradient(90deg,rgba(255,255,255,.82),rgba(255,255,255,0));opacity:.55} .egg-spot{position:absolute;display:block;border-radius:50%;background:radial-gradient(circle at 35% 30%,#18a555 0%,#0b8845 52%,#055e34 100%);box-shadow:inset 4px 4px 8px rgba(255,255,255,.08),inset -5px -6px 9px rgba(0,0,0,.16)} .spot-1{width:44px;height:58px;right:17px;top:33px;transform:rotate(-22deg)} .spot-2{width:39px;height:52px;left:20px;top:102px;transform:rotate(16deg)} .spot-3{width:60px;height:74px;left:75px;top:118px} .spot-4{width:36px;height:50px;right:15px;top:126px;transform:rotate(-12deg)} .spot-5{width:56px;height:74px;left:10px;bottom:52px;transform:rotate(-18deg)} .spot-6{width:60px;height:76px;right:17px;bottom:41px;transform:rotate(18deg)} .spot-7{width:34px;height:42px;left:89px;bottom:9px} .egg-crack{position:absolute;width:4px;border-radius:6px;background:#8d5600;opacity:0;z-index:5} .crack-1{height:80px;left:103px;top:105px;transform:rotate(16deg)} .crack-2{height:56px;left:89px;top:146px;transform:rotate(-27deg)} .crack-3{height:50px;left:126px;top:146px;transform:rotate(40deg)} .egg-surprise{position:absolute;left:50%;top:115px;transform:translateX(-50%) scale(.3);opacity:0;z-index:8;width:150px;display:flex;justify-content:center;align-items:center;gap:8px;color:#fff588} .egg-surprise strong{font-size:64px} .egg-surprise span{font-size:24px} .stage-base{position:absolute;left:50%;bottom:9px;width:276px;height:118px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(180deg,#0f6f3a 0%,#074626 52%,#032514 100%);border:3px solid #29954b;box-shadow:inset 0 10px 12px rgba(140,255,123,.12),0 18px 28px rgba(0,0,0,.45)} .stage-base:before{content:"";position:absolute;left:50%;top:7px;width:225px;height:42px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(180deg,#146f3c 0%,#084223 100%);border:2px solid #6ed36a} .stage-base:after{content:"";position:absolute;left:50%;bottom:-20px;width:250px;height:54px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(180deg,#08562f 0%,#032715 100%);border:2px solid #145d34;z-index:-1} .base-top-ring{position:absolute;left:50%;top:10px;width:195px;height:36px;transform:translateX(-50%);border-radius:50%;border:2px solid #f8d44a;box-shadow:0 0 10px rgba(255,222,91,.45)} .base-light{position:absolute;bottom:18px;width:9px;height:9px;border-radius:50%;background:#ffe24f;box-shadow:0 0 10px #ffe24f;animation:lightBlink 1.8s ease-in-out infinite} .l1{left:35px} .l2{left:89px;animation-delay:.28s} .l3{left:132px;animation-delay:.54s} .l4{right:89px;animation-delay:.82s} .l5{right:35px;animation-delay:1.08s} .prize-pill{width:208px;height:42px;margin:8px auto 18px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;border:2px solid #2d9548;background:linear-gradient(180deg,#084f2d 0%,#06361f 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.28)} .pill-icon{font-size:18px} .pill-star{font-size:15px;color:#ffe35f} .pill-text{font-size:19px;font-weight:1000;color:#8cf279;letter-spacing:.2px;text-shadow:0 2px 0 #064f2c} .partner-logo-wrap{width:100%;display:flex;justify-content:center;align-items:center;margin:4px auto 14px} .partner-logo{display:block;width:min(58%,210px);height:auto;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.28))} .player-fields{width:100%;max-width:360px;margin:0 auto 14px;display:grid;grid-template-columns:1fr 1fr;gap:9px} .main-field{display:block;min-width:0;padding:9px 10px 10px;border:1px solid rgba(74,194,104,.38);border-radius:14px;background:rgba(1,42,24,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 4px 12px rgba(0,0,0,.10)} .main-field span{display:block;margin-bottom:6px;color:#d0ddd5;font-size:11px;font-weight:800} .main-field input{width:100%;min-width:0;height:40px;border:1px solid rgba(72,190,99,.42);border-radius:10px;outline:none;padding:0 10px;background:#022315;color:#fff;font-size:13px;transition:border-color .16s ease,box-shadow .16s ease} .main-field input::placeholder{color:#7c9a87} .main-field input:focus{border-color:#57cc76;box-shadow:0 0 0 2px rgba(87,204,118,.12)} .main-play-btn{width:100%;max-width:300px;min-height:82px;display:block;margin:0 auto;border:2px solid #f4d96a;border-radius:18px;background:linear-gradient(180deg,#148d4a 0%,#0d703e 52%,#07572f 100%);color:#fff;cursor:pointer;box-shadow:inset 0 3px 0 rgba(255,255,255,.15),inset 0 -4px 0 rgba(0,45,23,.32),0 7px 0 #73520a,0 14px 24px rgba(0,0,0,.28)} .main-play-btn:active{transform:translateY(3px);box-shadow:inset 0 3px 0 rgba(255,255,255,.12),inset 0 -2px 0 rgba(0,45,23,.3),0 4px 0 #73520a,0 9px 18px rgba(0,0,0,.25)} .main-play-btn b{display:block;font-family:"Arial Black",Arial,sans-serif;font-size:clamp(22px,6vw,30px);font-weight:1000;letter-spacing:.5px} .main-play-btn small{display:block;margin-top:4px;color:#c4ffb9;font-size:14px;font-weight:800} .tap-note{margin-top:26px;display:flex;align-items:center;justify-content:center;gap:8px;color:#cad7cf;font-size:14px} .tap-hand{color:#40ce67;font-size:28px;line-height:1} .footer-note{padding:16px 10px 20px;text-align:center;color:#7ab08f;font-size:11px} .modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:rgba(0,17,10,.82);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease} .modal.show{opacity:1;visibility:visible} .modal-card{width:min(380px,100%);position:relative;border:2px solid rgba(255,224,92,.55);border-radius:22px;padding:24px 18px 20px;background:radial-gradient(circle at 50% 0%,rgba(252,235,96,.12),transparent 28%),linear-gradient(180deg,#07472a 0%,#04301d 100%);box-shadow:0 22px 52px rgba(0,0,0,.45)} .modal-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:none;border-radius:50%;background:#083723;color:#fff;font-size:22px;cursor:pointer} .modal-kicker{color:#94f176;font-size:11px;font-weight:1000;letter-spacing:2px;text-align:center} .modal-card h2{margin:7px 0 18px;font-size:27px;text-align:center;color:#ffe45f} .field{display:block;margin-bottom:12px} .field span{display:block;margin-bottom:6px;color:#c6d7cd;font-size:12px;font-weight:700} .field input{width:100%;height:44px;border:1px solid rgba(110,216,122,.3);border-radius:10px;outline:none;background:#012112;color:#fff;padding:0 12px} .field input::placeholder{color:#719482} .field input:focus{border-color:#7adc7a;box-shadow:0 0 0 2px rgba(122,220,122,.12)} .submit-ticket-btn{width:100%;min-height:48px;border:none;border-radius:14px;background:linear-gradient(180deg,#1a934b 0%,#0f723d 100%);color:#fff;font-weight:1000;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.24)} .result-card{text-align:center} .result-burst{font-size:72px;margin:8px 0 2px} .result-card h2{margin-bottom:6px;font-size:clamp(30px,9vw,42px);line-height:1.05} .result-card p{margin:0 0 18px;color:#c6d7cd;font-size:12px;word-break:break-word} .egg-area.playing .egg{animation:eggShake 1.3s ease-in-out} .egg-area.playing .egg-crack{animation:crackShow 1.3s forwards} .egg-area.opened .egg{animation:eggBurst .55s ease-out forwards} .egg-area.opened .egg-surprise{animation:giftPop .7s cubic-bezier(.18,.85,.18,1.15) forwards} @keyframes haloPulse{0%,100%{transform:translateX(-50%) scale(.96);opacity:.72} 50%{transform:translateX(-50%) scale(1.04);opacity:.95}} @keyframes eggFloatWrap{0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)}} @keyframes lightBlink{0%,100%{opacity:.58;transform:scale(.9)} 50%{opacity:1;transform:scale(1.1)}} @keyframes eggShake{0%,100%{transform:translateX(-50%) rotate(0) scale(1)} 20%{transform:translateX(-50%) rotate(-3deg) scale(1.01)} 40%{transform:translateX(-50%) rotate(4deg) scale(1.02)} 60%{transform:translateX(-50%) rotate(-6deg) scale(1.03)} 80%{transform:translateX(-50%) rotate(4deg) scale(1.02)}} @keyframes crackShow{0%,48%{opacity:0} 64%,100%{opacity:.75}} @keyframes eggBurst{0%{transform:translateX(-50%) scale(1);opacity:1} 100%{transform:translateX(-50%) scale(.92);opacity:.2}} @keyframes giftPop{0%{opacity:0;transform:translateX(-50%) translateY(18px) scale(.3)} 100%{opacity:1;transform:translateX(-50%) translateY(-52px) scale(1)}} @media (max-width:390px){.partner-logo{width:min(60%,190px)} .player-fields{max-width:350px;gap:7px} .main-field{padding:8px} .main-field span{font-size:10px} .main-field input{height:38px;padding:0 8px;font-size:12px}} @media (max-width:335px){.player-fields{grid-template-columns:1fr} .partner-logo{width:180px}} @media (max-width:390px){.stage-wrap{padding-left:16px;padding-right:16px} .top-hero{min-height:94px} .brand-logo strong{font-size:54px} .egg-area{height:350px} .egg{width:192px;height:265px} .stage-base{width:252px;height:106px} .main-play-btn{max-width:285px}} @media (prefers-reduced-motion:reduce){.stage-halo,.egg-area,.base-light,.egg-area.playing .egg,.egg-area.playing .egg-crack,.egg-area.opened .egg,.egg-area.opened .egg-surprise{animation:none !important}} .egg,.egg-body{width:210px !important;height:286px !important;border-radius:50% 50% 44% 44% / 60% 60% 40% 40% !important;border:2px solid rgba(255,244,155,.88) !important;background:radial-gradient(circle at 28% 16%,rgba(255,255,255,.98) 0 3%,rgba(255,255,255,.52) 9%,rgba(255,255,255,.16) 17%,transparent 25%),radial-gradient(circle at 58% 80%,rgba(255,214,67,.30) 0 9%,transparent 24%),linear-gradient(145deg,#fff3a6 0%,#ffe154 18%,#f8c125 48%,#e19a00 75%,#c97c00 100%) !important;box-shadow:inset 14px 11px 20px rgba(255,255,255,.18),inset -20px -24px 28px rgba(104,58,0,.24),0 22px 30px rgba(0,0,0,.35),0 0 30px rgba(158,255,87,.20) !important;transform-origin:50% 78%;overflow:hidden !important} .egg-gloss,.egg-shine{position:absolute !important;left:34px !important;top:38px !important;width:35px !important;height:96px !important;border-radius:50% !important;transform:rotate(23deg) !important;background:linear-gradient(90deg,rgba(255,255,255,.80),rgba(255,255,255,0)) !important;opacity:.52 !important} .egg-spot{position:absolute !important;display:block !important;border-radius:50% !important;background:radial-gradient(circle at 34% 29%,#159a50 0%,#0b7f42 52%,#04592f 100%) !important;box-shadow:inset 4px 4px 7px rgba(255,255,255,.07),inset -5px -6px 9px rgba(0,0,0,.17) !important;opacity:1 !important} .spot-1{width:44px !important;height:58px !important;right:17px !important;left:auto !important;top:33px !important;bottom:auto !important;transform:rotate(-22deg) !important} .spot-2{width:39px !important;height:52px !important;left:20px !important;right:auto !important;top:102px !important;bottom:auto !important;transform:rotate(16deg) !important} .spot-3{width:60px !important;height:74px !important;left:75px !important;right:auto !important;top:118px !important;bottom:auto !important;transform:rotate(0deg) !important} .spot-4{width:36px !important;height:50px !important;right:15px !important;left:auto !important;top:126px !important;bottom:auto !important;transform:rotate(-12deg) !important} .spot-5{width:56px !important;height:74px !important;left:10px !important;right:auto !important;bottom:52px !important;top:auto !important;transform:rotate(-18deg) !important} .spot-6{width:60px !important;height:76px !important;right:17px !important;left:auto !important;bottom:41px !important;top:auto !important;transform:rotate(18deg) !important} .spot-7{width:34px !important;height:42px !important;left:89px !important;right:auto !important;bottom:9px !important;top:auto !important;transform:rotate(0deg) !important} .partner-logo-wrap{width:100%;display:flex;justify-content:center;align-items:center;margin:8px auto 14px} .partner-logo{display:block;width:min(63%,230px) !important;max-height:62px;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(0,0,0,.25))} .player-fields{width:100%;max-width:360px;margin:0 auto 15px;display:grid;grid-template-columns:1fr 1fr;gap:10px} .main-field{display:block;min-width:0;padding:10px 11px 10px;border:1px solid rgba(55,171,87,.50);border-radius:15px;background:rgba(2,44,25,.74)} .main-field span{display:block;margin-bottom:7px;color:#d6e1da;font-size:11px;font-weight:800} .main-field input{width:100%;height:41px;min-width:0;padding:0 10px;outline:none;border:1px solid rgba(60,181,90,.46);border-radius:10px;background:#022416;color:#fff;font-size:13px} .main-field input::placeholder{color:#718d7c} .main-field input:focus{border-color:#65d57b;box-shadow:0 0 0 2px rgba(101,213,123,.11)} .stage-wrap{min-height:748px !important} .egg-area{will-change:transform} .egg-area:not(.playing):not(.opened){animation:fixedEggFloat 3.6s ease-in-out infinite !important} .egg-area.playing .egg,.egg-area.playing .egg-body{animation:fixedEggShake 1.25s ease-in-out !important} .egg-spot{animation:none !important} @keyframes fixedEggFloat{0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)}} @keyframes fixedEggShake{0%,100%{transform:translateX(-50%) rotate(0deg) scale(1)} 20%{transform:translateX(-50%) rotate(-2.5deg) scale(1.008)} 40%{transform:translateX(-50%) rotate(3deg) scale(1.012)} 60%{transform:translateX(-50%) rotate(-4deg) scale(1.016)} 80%{transform:translateX(-50%) rotate(2.5deg) scale(1.008)}} @media(max-width:390px){.partner-logo{width:min(64%,205px) !important} .player-fields{max-width:350px;gap:8px} .main-field{padding:8px 9px 9px} .main-field input{height:38px;font-size:12px}} @media(max-width:335px){.player-fields{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){.egg-area:not(.playing):not(.opened),.egg-area.playing .egg,.egg-area.playing .egg-body{animation:none !important}} .top-hero{min-height:102px !important;padding-top:7px !important;padding-bottom:14px !important;display:flex !important;justify-content:center !important;align-items:flex-start !important} .brand-logo-photo{width:100% !important;display:flex !important;justify-content:center !important;align-items:center !important;line-height:normal !important;filter:none !important;transform:none !important} .brand-logo-photo .lucky-prize-logo-img{display:block !important;width:min(58vw,225px) !important;max-width:225px !important;height:auto !important;object-fit:contain !important;transform:none !important;filter:drop-shadow(0 7px 7px rgba(0,0,0,.30)) !important} @media(max-width:390px){.top-hero{min-height:96px !important;padding-top:6px !important} .brand-logo-photo .lucky-prize-logo-img{width:min(61vw,215px) !important;max-width:215px !important}} @media(max-width:340px){.brand-logo-photo .lucky-prize-logo-img{width:195px !important}} body{background:radial-gradient(circle at 50% 14%,rgba(20,95,55,.18),transparent 28%),linear-gradient(180deg,#00351f 0%,#002718 38%,#001a10 72%,#000f09 100% ) !important} .app-shell{background:radial-gradient(circle at 50% 25%,rgba(18,110,58,.12),transparent 30%),linear-gradient(180deg,#00321e 0%,#002416 42%,#00180f 75%,#000e08 100% ) !important} .prize-pill{width:208px !important;height:42px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;border:2px solid #29974a !important;border-radius:12px !important;background:linear-gradient(180deg,#064c2b 0%,#032f1c 100% ) !important;box-shadow:0 5px 12px rgba(0,0,0,.30) !important} .pill-icon{position:relative !important;width:23px !important;height:19px !important;display:inline-block !important;border-radius:2px !important;background:#72ef72 !important;box-shadow:inset 0 -3px 0 rgba(0,90,35,.20) !important} .pill-icon::before{content:"" !important;position:absolute !important;left:9px !important;top:0 !important;width:5px !important;height:19px !important;background:#d9ff9a !important} .pill-icon::after{content:"✦" !important;position:absolute !important;left:-1px !important;top:-10px !important;width:25px !important;color:#baff8b !important;font-size:15px !important;font-weight:900 !important;text-align:center !important} .pill-text{font-family:"Arial Black",Arial,sans-serif !important;font-size:15px !important;font-weight:900 !important;letter-spacing:0 !important;color:#8cf58a !important;text-shadow:0 2px 0 #07522d,0 0 5px rgba(102,255,114,.20) !important} .pill-star{color:#ffe95e !important;font-size:15px !important;text-shadow:0 0 7px rgba(255,234,84,.70) !important} .prize-pill{width:208px !important;height:42px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;border:2px solid #279147 !important;border-radius:12px !important;background:linear-gradient(180deg,#06492a 0%,#032d1b 100% ) !important;box-shadow:0 5px 12px rgba(0,0,0,.30),inset 0 1px 0 rgba(113,255,137,.08) !important} .pill-gift{width:25px !important;height:25px !important;flex:0 0 25px !important;filter:drop-shadow(0 2px 1px rgba(0,0,0,.25)) drop-shadow(0 0 4px rgba(92,255,111,.20))} .pill-text{font-family:"Arial Black",Arial,sans-serif !important;font-size:14px !important;font-weight:900 !important;letter-spacing:.1px !important;color:#83f47e !important;text-shadow:0 2px 0 #07552d,0 0 4px rgba(90,255,107,.20) !important} .pill-star{color:#ffe75c !important;font-size:13px !important;text-shadow:0 0 6px rgba(255,232,76,.85) !important} body{background:radial-gradient(circle at 50% 12%,rgba(40,120,70,.18) 0%,transparent 26%),linear-gradient(180deg,#012f1c 0%,#012616 24%,#001d12 52%,#00140c 78%,#000d08 100% ) !important} .app-shell{background:radial-gradient(circle at 50% 20%,rgba(72,180,96,.14) 0%,transparent 24%),linear-gradient(180deg,#01351f 0%,#012a19 24%,#001f13 52%,#00150d 78%,#000e08 100% ) !important} .top-hero{background:linear-gradient(180deg,#013720 0%,#012d1a 100% ) !important} .hero-divider{background:rgba(103,183,117,.18) !important;box-shadow:0 1px 0 rgba(255,255,255,.03) !important} .game-screen,.stage-wrap{background:transparent !important} .stage-halo{background:radial-gradient(circle,rgba(117,255,115,.30) 0%,rgba(84,210,92,.16) 42%,rgba(35,108,54,.08) 64%,transparent 78% ) !important} .stage-base{background:linear-gradient(180deg,#0c6d3a 0%,#064a28 48%,#032817 100% ) !important;border-color:#2b9a4c !important} .stage-base:before{background:linear-gradient(180deg,#12743f 0%,#094526 100% ) !important;border-color:#79de77 !important} .stage-base:after{background:linear-gradient(180deg,#07492a 0%,#022315 100% ) !important;border-color:#0f5c33 !important} .base-top-ring{border-color:#e7cf4f !important;box-shadow:0 0 10px rgba(255,223,96,.38) !important} .prize-pill{background:linear-gradient(180deg,#053921 0%,#022716 100% ) !important;border-color:#258f47 !important;box-shadow:0 5px 12px rgba(0,0,0,.30),inset 0 1px 0 rgba(112,255,133,.06) !important} .partner-logo-wrap{background:transparent !important} .main-field{background:rgba(1,37,21,.82) !important;border-color:rgba(53,160,84,.48) !important} .main-field span{color:#d9e5de !important} .main-field input{background:#021e12 !important;border-color:rgba(53,160,84,.40) !important;color:#ffffff !important} .main-field input::placeholder{color:#6e8d7d !important} .main-play-btn{background:linear-gradient(180deg,#0f8245 0%,#0a6a39 54%,#064726 100% ) !important;border-color:#f0d76b !important;box-shadow:inset 0 3px 0 rgba(255,255,255,.12),inset 0 -4px 0 rgba(0,40,20,.32),0 7px 0 #7b5608,0 14px 24px rgba(0,0,0,.28) !important} .main-play-btn small{color:#d7f5bf !important} .tap-note{color:#d3ddd7 !important} .footer-note{color:#83b494 !important} .modal-card{background:radial-gradient(circle at 50% 0%,rgba(202,240,100,.10),transparent 28%),linear-gradient(180deg,#053720 0%,#032416 100% ) !important;border-color:rgba(255,224,92,.45) !important} .main-play-btn{background:linear-gradient(180deg,#07552f 0%,#043d24 50%,#02291a 100% ) !important;border-color:#d6b93f !important;box-shadow:inset 0 2px 0 rgba(255,255,255,.08),inset 0 -4px 0 rgba(0,20,10,.45),0 6px 0 #5d4308,0 12px 20px rgba(0,0,0,.38) !important} .main-play-btn b{color:#ffffff !important;text-shadow:0 2px 0 #002b18,0 3px 5px rgba(0,0,0,.35) !important} .main-play-btn small{color:#b9e7c5 !important} .prize-pill{margin-top:4px !important;margin-bottom:10px !important} .partner-logo-wrap{margin-top:3px !important;margin-bottom:11px !important} .partner-logo{width:min(60%,210px) !important} .player-fields{margin-top:0 !important;margin-bottom:13px !important;gap:9px !important} .main-play-btn{margin-top:0 !important} .tap-note{margin-top:19px !important;margin-bottom:6px !important} @media (max-width:390px){.prize-pill{margin-bottom:9px !important} .partner-logo-wrap{margin-bottom:10px !important} .partner-logo{width:min(59%,195px) !important} .player-fields{margin-bottom:12px !important} .tap-note{margin-top:17px !important}} .egg-spot{border-radius:50% !important;background:radial-gradient(circle at 35% 30%,#19a552 0%,#0c8b45 55%,#056434 100% ) !important;box-shadow:inset 3px 3px 6px rgba(255,255,255,.07),inset -4px -5px 8px rgba(0,0,0,.16) !important} .spot-1{width:34px !important;height:48px !important;left:55% !important;top:1% !important;transform:rotate(-35deg) !important} .spot-2{width:38px !important;height:56px !important;left:6% !important;top:16% !important;transform:rotate(18deg) !important} .spot-3{width:30px !important;height:48px !important;left:82% !important;top:25% !important;transform:rotate(-10deg) !important} .spot-4{width:55px !important;height:65px !important;left:39% !important;top:35% !important;transform:rotate(5deg) !important} .spot-5{width:48px !important;height:70px !important;left:3% !important;top:57% !important;transform:rotate(-20deg) !important} .spot-6{width:52px !important;height:68px !important;left:67% !important;top:62% !important;transform:rotate(28deg) !important} .spot-7{width:34px !important;height:45px !important;left:42% !important;top:88% !important;transform:rotate(8deg) !important} .egg{filter:drop-shadow(0 0 5px rgba(255,245,170,.55)) drop-shadow(0 0 10px rgba(255,215,70,.40)) drop-shadow(0 0 18px rgba(255,175,20,.28)) drop-shadow(0 0 28px rgba(180,105,0,.18)) !important} #playId{display:none !important} .player-fields{grid-template-columns:1fr !important;max-width:300px !important;margin-left:auto !important;margin-right:auto !important} .main-field{width:100% !important} @media(max-width:390px){.player-fields{max-width:285px !important;grid-template-columns:1fr !important}} @media(max-width:335px){.player-fields{max-width:270px !important;grid-template-columns:1fr !important}} .egg-crack{position:absolute !important;z-index:20 !important;width:4px !important;border-radius:4px !important;background:linear-gradient(180deg,#6e4300 0%,#3f2700 55%,#1f1300 100% ) !important;box-shadow:0 0 2px rgba(255,220,80,.25);opacity:0 !important;transform-origin:top center} .crack-1{left:50% !important;top:40% !important;width:4px !important;height:68px !important;transform:translateX(-50%) rotate(12deg) scaleY(0) !important} .crack-2{left:43% !important;top:51% !important;width:4px !important;height:48px !important;transform:rotate(-43deg) scaleY(0) !important} .crack-3{left:56% !important;top:52% !important;width:4px !important;height:46px !important;transform:rotate(47deg) scaleY(0) !important} .egg-area.playing .crack-1{animation:crackMain .45s ease-out .45s forwards !important} .egg-area.playing .crack-2{animation:crackLeft .38s ease-out .70s forwards !important} .egg-area.playing .crack-3{animation:crackRight .38s ease-out .78s forwards !important} @keyframes crackMain{0%{opacity:0;transform:translateX(-50%) rotate(12deg) scaleY(0)} 20%{opacity:1} 100%{opacity:1;transform:translateX(-50%) rotate(12deg) scaleY(1)}} @keyframes crackLeft{0%{opacity:0;transform:rotate(-43deg) scaleY(0)} 100%{opacity:1;transform:rotate(-43deg) scaleY(1)}} @keyframes crackRight{0%{opacity:0;transform:rotate(47deg) scaleY(0)} 100%{opacity:1;transform:rotate(47deg) scaleY(1)}} .egg::after{content:"";position:absolute;left:50%;top:52%;width:135px;height:135px;border-radius:50%;transform:translate(-50%,-50%) scale(.2);background:radial-gradient(circle,rgba(255,255,210,.95) 0%,rgba(255,225,80,.50) 32%,rgba(255,185,20,.18) 56%,transparent 72% );opacity:0;pointer-events:none;z-index:15} .egg-area.opened .egg::after{animation:eggInsideFlash .55s ease-out forwards} @keyframes eggInsideFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)} 45%{opacity:1;transform:translate(-50%,-50%) scale(1)} 100%{opacity:0;transform:translate(-50%,-50%) scale(1.35)}} .egg-area.playing .egg-crack{animation:none !important} .egg-crack{display:block !important;visibility:visible !important;position:absolute !important;z-index:50 !important;width:4px !important;background:#4a2900 !important;box-shadow:0 0 1px #fff3a0,0 0 3px rgba(255,210,50,.65);opacity:0 !important;transform-origin:top center !important;transition:opacity .18s ease,transform .40s ease !important} .crack-1{left:50% !important;top:36% !important;height:72px !important;transform:translateX(-50%) rotate(12deg) scaleY(0) !important} .crack-2{left:47% !important;top:50% !important;height:48px !important;transform:rotate(-48deg) scaleY(0) !important;transition-delay:.20s !important} .crack-3{left:53% !important;top:51% !important;height:48px !important;transform:rotate(48deg) scaleY(0) !important;transition-delay:.28s !important} .egg-area.cracking .crack-1{opacity:1 !important;transform:translateX(-50%) rotate(12deg) scaleY(1) !important} .egg-area.cracking .crack-2{opacity:1 !important;transform:rotate(-48deg) scaleY(1) !important} .egg-area.cracking .crack-3{opacity:1 !important;transform:rotate(48deg) scaleY(1) !important} .egg-area.opened .egg-crack{opacity:1 !important} .egg-crack{display:none !important} .egg-break-layer{position:absolute;inset:0;z-index:40;pointer-events:none;opacity:0} .egg-crack{display:none !important} .egg-break-layer{position:absolute !important;inset:0 !important;z-index:80 !important;opacity:0;visibility:hidden;pointer-events:none} .egg-piece{position:absolute !important;left:50% !important;top:12px !important;width:210px !important;height:286px !important;transform:translateX(-50%);border-radius:50% 50% 44% 44% / 60% 60% 40% 40%;background:radial-gradient(circle at 28% 16%,rgba(255,255,255,.95) 0 3%,rgba(255,255,255,.42) 10%,transparent 23% ),linear-gradient(145deg,#fff3a6 0%,#ffe154 18%,#f8c125 48%,#e19a00 75%,#c97c00 100% );border:2px solid rgba(255,244,155,.85);filter:drop-shadow(0 12px 12px rgba(0,0,0,.20));will-change:transform} .egg-piece-top{clip-path:polygon(0 0,100% 0,100% 47%,91% 44%,82% 51%,72% 45%,62% 52%,51% 46%,41% 52%,31% 45%,21% 51%,10% 46%,0 50% )} .egg-piece-bottom{clip-path:polygon(0 50%,10% 46%,21% 51%,31% 45%,41% 52%,51% 46%,62% 52%,72% 45%,82% 51%,91% 44%,100% 47%,100% 100%,0 100% )} .egg-area.split-open .egg-break-layer{opacity:1 !important;visibility:visible !important} .egg-area.split-open>.egg{opacity:0 !important} .egg-area.split-open .egg-piece-top{animation:eggTopBreak 1s cubic-bezier(.2,.75,.25,1) forwards} .egg-area.split-open .egg-piece-bottom{animation:eggBottomBreak 1s cubic-bezier(.2,.75,.25,1) forwards} @keyframes eggTopBreak{0%{transform:translateX(-50%) translateY(0) rotate(0)} 45%{transform:translateX(-50%) translateY(-20px) rotate(-4deg)} 100%{transform:translateX(-50%) translateY(-60px) rotate(-9deg)}} @keyframes eggBottomBreak{0%{transform:translateX(-50%) translateY(0) rotate(0)} 100%{transform:translateX(-50%) translateY(17px) rotate(3deg)}} .egg-break-glow{position:absolute;left:50%;top:48%;width:140px;height:140px;transform:translate(-50%,-50%) scale(.2);border-radius:50%;background:radial-gradient(circle,rgba(255,255,220,.98) 0%,rgba(255,230,90,.60) 32%,rgba(255,180,30,.18) 58%,transparent 75% );opacity:0;z-index:70} .egg-area.split-open .egg-break-glow{animation:eggBreakFlash .7s ease-out forwards} @keyframes eggBreakFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)} 40%{opacity:1;transform:translate(-50%,-50%) scale(1)} 100%{opacity:0;transform:translate(-50%,-50%) scale(1.4)}} .egg-piece{background:transparent !important;border:0 !important;border-radius:0 !important;filter:none !important} .egg-piece-copy{position:absolute !important;left:0 !important;top:0 !important;width:210px !important;height:286px !important;margin:0 !important;transform:none !important;opacity:1 !important;animation:none !important} .egg-area.playing .egg-piece-copy{animation:none !important} .egg-area.opened .egg-piece-copy{animation:none !important;opacity:1 !important} .egg-area.split-open>.egg{opacity:0 !important} .egg-piece{background:none !important;box-shadow:none !important;filter:none !important;backdrop-filter:none !important;overflow:hidden !important} .egg-piece-copy{box-shadow:none !important;filter:none !important;outline:none !important} .egg-piece-copy::before,.egg-piece-copy::after{box-shadow:none !important;filter:none !important} .egg-piece-top{overflow:hidden !important} .egg-piece-bottom{overflow:hidden !important} body,button,input,textarea,select,.prize-pill,.player-fields,.status-text,.result-modal,.result-card{font-family:Arial,Helvetica,sans-serif !important} @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&display=swap');@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@500;600;700;800&display=swap');#playBtn .play-title,#playBtn strong{font-family:Arial,Helvetica,sans-serif !important;font-weight:900 !important;letter-spacing:-1px !important;line-height:.95 !important;color:#ffd84a !important;text-shadow:0 2px 0 #c58b00,0 4px 0 #8c5f00,0 5px 8px rgba(0,0,0,.35) !important} #playBtn small,#playBtn .play-subtitle{font-family:Arial,Helvetica,sans-serif !important;font-weight:600 !important;color:#ffffff !important;text-shadow:none !important} #playBtn .play-title,#playBtn strong{color:#ffffff !important;text-shadow:0 2px 3px rgba(0,0,0,.35) !important} #playBtn small,#playBtn .play-subtitle{color:#f4cf47 !important;font-weight:600 !important;text-shadow:none !important} .prize-pill{background:#7A1515 !important;border:2px solid #D9A928 !important;box-shadow:0 4px 0 #4f0d0d,0 6px 12px rgba(0,0,0,.28) !important} .prize-pill .pill-text{color:#FFD84A !important;text-shadow:0 1px 0 #8f6200,0 2px 3px rgba(0,0,0,.35) !important} .prize-pill .pill-star{color:#FFD84A !important} .prize-pill .pill-gift path{fill:#FFD84A !important} .prize-pill{background:#5f1717 !important;border:1.5px solid #c99b28 !important;box-shadow:0 3px 5px rgba(0,0,0,.25) !important} .prize-pill .pill-text,.prize-pill .pill-star,.prize-pill .pill-gift path{color:#f2c94c !important;fill:#f2c94c !important} .prize-pill{background:linear-gradient(180deg,#5a3a0d 0%,#3a2508 100% ) !important;border:1.5px solid #d8ad35 !important;box-shadow:0 3px 0 #221604,0 5px 8px rgba(0,0,0,.25) !important} .prize-pill .pill-text,.prize-pill .pill-star{color:#ffd84a !important} .prize-pill .pill-gift path{fill:#ffd84a !important} .prize-pill{border-color:#c99a2e !important} .prize-pill .pill-text,.prize-pill .pill-star{color:#e7bc43 !important} .prize-pill .pill-gift path{fill:#e7bc43 !important} .player-fields{border-color:rgba(40,180,90,.35) !important} .prize-pill{border-width:1px !important} #playBtn{border-width:1.5px !important;box-shadow:0 4px 0 rgba(120,85,0,.65),0 6px 10px rgba(0,0,0,.18) !important} #playBtn small,#playBtn .play-subtitle{color:#e5bd45 !important} .stage-bg-stars{animation:starsSlowMove 12s ease-in-out infinite alternate !important;will-change:transform,opacity} @keyframes starsSlowMove{0%{transform:translate3d(0,0,0);opacity:.78} 50%{transform:translate3d(3px,-7px,0);opacity:1} 100%{transform:translate3d(-3px,-13px,0);opacity:.85}} .stage-halo{animation:eggHaloBreath 4.5s ease-in-out infinite !important;transform-origin:center center;will-change:transform,opacity} @keyframes eggHaloBreath{0%,100%{transform:translateX(-50%) scale(.94);opacity:.48} 50%{transform:translateX(-50%) scale(1.03);opacity:.70}} .stage-halo{left:50% !important;transform-origin:center center !important} .base-top-ring{animation:ringSoftGlow 3.2s ease-in-out infinite !important} @keyframes ringSoftGlow{0%,100%{opacity:.65;filter:brightness(.9)} 50%{opacity:1;filter:brightness(1.35)}} .base-light{animation:baseLightTwinkle 2.4s ease-in-out infinite !important} .base-light.l1{animation-delay:0s !important} .base-light.l2{animation-delay:.35s !important} .base-light.l3{animation-delay:.7s !important} .base-light.l4{animation-delay:1.05s !important} .base-light.l5{animation-delay:1.4s !important} @keyframes baseLightTwinkle{0%,100%{opacity:.45;transform:scale(.85)} 50%{opacity:1;transform:scale(1.18)}} @media (prefers-reduced-motion:reduce){.stage-bg-stars,.stage-halo,.base-top-ring,.base-light{animation:none !important}} .top-hero{min-height:0 !important;height:auto !important;padding:8px 0 6px !important;margin:0 !important} .brand-logo,.brand-logo-photo{margin:0 auto !important;padding:0 !important} .hero-divider{margin:0 !important} @media (max-width:480px){.top-hero{display:none !important} .hero-divider{display:none !important} .stage-wrap{padding-top:4px !important;margin-top:0 !important} .egg-running-text{margin-top:0 !important;margin-bottom:2px !important}} .egg-running-text{border-top:1px solid rgba(212,175,55,.55) !important;padding-top:5px !important} .egg-running-text{position:relative !important;width:100% !important;max-width:none !important;padding-top:8px !important;box-sizing:border-box !important} .egg-running-text::before{content:"" !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;width:100% !important;height:2px !important;background:#d8ad35 !important;opacity:.8 !important;z-index:99 !important} .egg-running-text{display:block !important;position:relative !important;width:100% !important;max-width:100% !important;height:32px !important;margin:0 auto 6px !important;padding:6px 0 0 !important;overflow:hidden !important;white-space:nowrap !important;box-sizing:border-box !important;border-top:1px solid rgba(216,173,53,.70) !important} .egg-running-track{display:inline-block !important;position:relative !important;width:max-content !important;min-width:max-content !important;padding-left:100% !important;margin:0 !important;white-space:nowrap !important;font-family:Arial,Helvetica,sans-serif !important;font-size:13px !important;font-weight:500 !important;line-height:20px !important;color:#ffffff !important;animation:luckyTextMoveSafe 16s linear infinite !important;will-change:transform} @keyframes luckyTextMoveSafe{from{transform:translateX(0)} to{transform:translateX(-100%)}} .egg-running-text::before{display:none !important} .egg-running-text{width:calc(100% - 20px) !important;max-width:380px !important;height:32px !important;margin:5px auto 6px !important;padding:5px 0 !important;border:1px solid rgba(216,173,53,.65) !important;border-radius:7px !important;background:rgba(0,45,27,.28) !important;overflow:hidden !important;white-space:nowrap !important;box-sizing:border-box !important} .egg-running-text{position:relative !important;width:100% !important;max-width:100% !important;height:36px !important;margin:6px 0 8px !important;padding:0 !important;overflow:hidden !important;white-space:nowrap !important;border:1.5px solid #d3a62c !important;border-radius:12px !important;background:linear-gradient(180deg,#62400d 0%,#422906 100% ) !important;box-shadow:inset 0 1px 0 rgba(255,225,110,.20),0 3px 0 rgba(45,28,0,.65),0 5px 8px rgba(0,0,0,.18) !important;box-sizing:border-box !important} .egg-running-text::before{display:none !important} .egg-running-track{display:inline-block !important;position:relative !important;width:max-content !important;min-width:max-content !important;padding-left:100% !important;white-space:nowrap !important;font-family:Arial,Helvetica,sans-serif !important;font-size:12px !important;font-weight:700 !important;line-height:33px !important;color:#f3cf4c !important;text-shadow:0 1px 2px rgba(0,0,0,.55) !important;animation:luckyBadgeRunning 15s linear infinite !important} @keyframes luckyBadgeRunning{from{transform:translateX(0)} to{transform:translateX(-100%)}} .egg-running-text{background:linear-gradient(180deg,#06452d 0%,#023521 100% ) !important;border:1px solid #b9942d !important;border-radius:11px !important;box-shadow:inset 0 1px 0 rgba(255,220,90,.10),0 3px 6px rgba(0,0,0,.20) !important} .egg-running-track{color:#e6c454 !important;text-shadow:none !important} .tap-hand{display:inline-block !important;animation:tapHandMove 1.1s ease-in-out infinite !important;transform-origin:center center !important} @keyframes tapHandMove{0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)}} #ticketCode{text-align:center !important}