:root{--cream: #f6f4ea;--cream-2: #efeadb;--green: #1f6b3a;--green-dark: #144c29;--green-ink: #1a5a33;--yellow: #fff042;--yellow-deep: #e9c50c;--blue: #0095db;--ink: #1b2a1f;--muted: #5d6b60;--white: #fffdf7;--shadow: 0 30px 60px -30px rgba(20, 60, 30, .45);--font-hand: "Caveat", cursive;--font-body: "Jost", sans-serif;--gutter: 20px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}html,body{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse 62% 58% at 50% 46%,#faf5e3,#f1e8cf 38%,#e4d8b8 72%,#d5c7a2) fixed;overflow:clip;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.45 0 0 0 0 0.3 0 0 0 0.08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.bg-veg{position:fixed;z-index:0;pointer-events:none}.bg-veg--leaf{left:0;bottom:0;width:min(46vw,330px);aspect-ratio:603 / 530;background:url(/ispanak.png) no-repeat left bottom / contain;filter:drop-shadow(0 14px 18px rgba(20,60,30,.28))}.bg-veg--peas{right:-14%;bottom:-10%;width:min(58vw,360px);aspect-ratio:900 / 616;background:url(/bezelye-kase.png) no-repeat center / contain;transform:rotate(-8deg);filter:drop-shadow(0 18px 22px rgba(20,60,30,.28))}.top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px var(--gutter) 0}.logo{display:inline-flex;line-height:0}.logo img{width:128px;height:auto;filter:drop-shadow(0 4px 10px rgba(20,60,30,.18))}.nav{display:none;align-items:center;gap:28px}.nav__link{font-weight:600;font-size:15px;color:var(--green-ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px;padding:8px 0;position:relative}.nav__link:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:3px;border-radius:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.nav__link:hover:after{transform:scaleX(1)}.nav__link--ig{background:var(--white);border:2px solid var(--green-dark);border-radius:999px;padding:8px 16px}.nav__link--ig:after{display:none}.nav__link--ig:hover{background:var(--green-dark);color:#fff}.mute{margin-left:auto;width:40px;height:40px;border-radius:50%;border:2px solid var(--green-dark);background:var(--white);color:var(--green-ink);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s}.mute:hover{background:var(--green-dark);color:#fff}.mute .mute__off,.mute.is-muted .mute__on{display:none}.mute.is-muted .mute__off{display:block}.mute.is-muted{opacity:.6}.menu{background:none;border:0;display:grid;gap:5px;padding:8px;cursor:pointer}.menu span{display:block;width:24px;height:3px;border-radius:3px;background:var(--green-ink)}.layout{position:relative;z-index:1;display:grid;gap:28px;padding:8px var(--gutter) 24px;max-width:480px;margin:0 auto}.spin-col{display:flex;flex-direction:column;align-items:center}.hero{text-align:center;position:relative;margin-top:4px}.hero__kicker{margin:0;font-family:var(--font-hand);font-size:26px;font-weight:500;color:var(--green-ink);position:relative;display:inline-block}.hero__kicker:before,.hero__kicker:after{content:"";position:absolute;top:40%;width:22px;height:3px;border-radius:3px;background:var(--green)}.hero__kicker:before{left:-34px;transform:rotate(18deg)}.hero__kicker:after{right:-34px;transform:rotate(-18deg)}.hero__title{margin:-2px 0 0;font-family:var(--font-hand);font-weight:700;color:var(--green-ink);font-size:clamp(44px,12vw,56px);line-height:.92;letter-spacing:-.5px;display:flex;flex-direction:column;align-items:center}.hero__title span:nth-child(2){transform:translate(-4px)}.hero__underline{display:block;width:170px;height:8px;margin:8px auto 0;background:var(--yellow);border-radius:8px 3px/60% 40%;transform:rotate(-2deg)}.stage{position:relative;width:100%;padding:44px 0 8px;margin-top:18px;display:grid;place-items:center}.pointer{position:absolute;top:20px;left:50%;z-index:5;transform:translate(-50%);line-height:0;filter:drop-shadow(0 6px 6px rgba(0,0,0,.35));transform-origin:50% 20%}.pointer.is-ticking{animation:tick .12s ease-out}@keyframes tick{0%{transform:translate(-50%) rotate(0)}40%{transform:translate(-50%) rotate(-14deg)}to{transform:translate(-50%) rotate(0)}}.wheel-wrap{position:relative;width:min(86vw,380px);aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 22px 24px rgba(20,60,30,.34)) drop-shadow(0 4px 6px rgba(20,60,30,.22))}.wheel-wrap:before{content:"";position:absolute;top:2%;right:2%;bottom:2%;left:2%;border-radius:50%;background:linear-gradient(180deg,#1b6b38,#0f4423 40%,#072012);transform:translateY(9px) scale(.99)}.wheel-wrap:after{content:"";position:absolute;left:12%;right:12%;bottom:-12px;height:26px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(10,40,20,.3),transparent 70%);z-index:-1}.wheel{position:relative;width:100%;height:100%;border-radius:50%;transition:transform 0s;will-change:transform}.wheel svg{width:100%;height:100%;display:block}.wheel .label{font-family:var(--font-body);font-weight:700;font-size:13px;fill:#fff;paint-order:stroke;stroke:#00000038;stroke-width:3px;stroke-linejoin:round;letter-spacing:.3px}.wheel .emoji{font-size:54px}.wheel .pack{filter:drop-shadow(0 5px 7px rgba(0,0,0,.4))}.hub{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:26%;aspect-ratio:1;border-radius:50%;padding:0;border:4px solid var(--green-dark);background:var(--white);display:grid;place-items:center;cursor:pointer;z-index:3;box-shadow:0 10px 22px -6px #0000008c,0 2px #0b2f17,inset 0 0 0 3px #fff,inset 0 -6px 10px #00000014;transition:transform .15s ease}.hub img{width:84%;height:auto;margin-top:-8%;pointer-events:none}.hub:hover{transform:translate(-50%,-50%) scale(1.05)}.hub:active{transform:translate(-50%,-50%) scale(.96)}.hub:disabled{cursor:default}.hub__hint{position:absolute;bottom:11%;font-size:10px;font-weight:700;letter-spacing:2.5px;color:var(--green-ink);transition:opacity .2s}.hub:not(.is-spinning):before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:3px solid var(--yellow);animation:pulse 1.8s ease-out infinite;pointer-events:none}@keyframes pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(1.35);opacity:0}}.hub.is-spinning .hub__hint{opacity:0}.spark{position:absolute;width:4px;height:22px;border-radius:4px;background:var(--green)}.spark:before,.spark:after{content:"";position:absolute;width:4px;height:16px;border-radius:4px;background:var(--green);top:4px}.spark:before{left:-14px;transform:rotate(-30deg)}.spark:after{left:14px;transform:rotate(30deg)}.spark--tl{left:2%;top:12%;transform:rotate(-40deg)}.spark--tr{right:2%;top:12%;transform:rotate(40deg)}.spark--bl{left:6%;bottom:8%;transform:rotate(-140deg)}.spark--br{right:6%;bottom:8%;transform:rotate(140deg)}.stage__note{margin:14px 0 0;text-align:center;color:var(--muted);font-size:14px;max-width:320px;line-height:1.5}.results{position:relative;border-radius:28px;padding:24px 20px;min-width:0;overflow:visible;background:var(--white);border:3px solid var(--green-dark);box-shadow:var(--shadow);transition:opacity .3s ease}.results[hidden]{display:none}.results.is-spinning{opacity:.45;pointer-events:none}.layout.has-result .results{animation:open .6s cubic-bezier(.2,.8,.2,1) both;margin-top:80px}@keyframes open{0%{opacity:0;transform:translateY(24px)}}.results__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:18px}.results__pack{order:-1;position:relative;z-index:3;width:210px;height:210px;margin:-104px auto 0;display:grid;place-items:center;pointer-events:none;animation:packIn .7s cubic-bezier(.2,1.3,.4,1) .15s both}.results__pack img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.32));transform:scale(var(--ps, 1))}.results__pack img[hidden]{display:none}@keyframes packIn{0%{opacity:0;transform:translateY(24px) scale(.6) rotate(-10deg)}}.results__title{margin:0;font-family:var(--font-hand);font-size:38px;line-height:1;color:var(--green-ink);font-weight:700}.results__title span{color:var(--c, var(--green))}.results__title #results-name{white-space:nowrap}.results__sub{margin:6px 0 0;color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.card{position:relative;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:var(--white);border-radius:18px;overflow:hidden;border:2px solid rgba(20,76,41,.12);box-shadow:0 10px 24px -14px #143c1e66;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;animation:cardIn .55s cubic-bezier(.2,.9,.3,1.2) both;animation-delay:calc(var(--i) * 90ms)}.card:hover{transform:translateY(-4px);box-shadow:0 18px 30px -14px #143c1e80;border-color:var(--c)}@keyframes cardIn{0%{opacity:0;transform:translateY(18px) scale(.96)}}.card__media{position:relative;aspect-ratio:4 / 3;background:var(--c, #ddd);overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.card:hover .card__media img{transform:scale(1.06)}.card__body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;flex:1}.card__title{margin:0;font-size:15px;font-weight:600;line-height:1.25}.card__cta{margin-top:auto;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;font-weight:600;color:#dd2a7b}.card__cta svg{transition:transform .2s}.card:hover .card__cta svg{transform:translate(3px)}.again{margin:18px auto 0;display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--green-ink);border:2px solid var(--green-dark);border-radius:999px;padding:10px 20px;font:600 14px var(--font-body);cursor:pointer;transition:background .2s,color .2s}.again:hover{background:var(--green-dark);color:#fff}.foot{position:relative;z-index:1;text-align:center;padding:16px var(--gutter) 40px}@media (max-width: 1099px){body{position:relative}.bg-veg{position:absolute}.foot{position:relative;z-index:2}}@media (max-width: 719px){.foot{padding-bottom:150px}.bg-veg--leaf{width:min(42vw,260px);left:0;bottom:0}.bg-veg--peas{width:min(66vw,340px);right:-80px;bottom:-50px}}.foot__text{margin:0 auto;font-family:var(--font-hand);font-size:30px;line-height:1;font-weight:500;color:var(--green-ink);display:flex;flex-direction:column;position:relative;width:max-content}.heart{position:absolute;top:12px;font-size:22px;color:var(--green-ink)}.heart--l{left:calc(50% - 130px);transform:rotate(-12deg)}.heart--r{right:calc(50% - 130px);transform:rotate(12deg)}.foot__copy{margin:20px 0 0;font-size:12px;color:var(--muted)}.top,.hero,.stage,.foot{animation:rise .7s cubic-bezier(.2,.8,.2,1) both}.hero{animation-delay:.08s}.stage{animation-delay:.18s}.foot{animation-delay:.32s}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@media (min-width: 720px){:root{--gutter: 40px}.top{padding-top:18px}.logo img{width:160px}.nav{display:flex;margin-left:auto}.mute{margin-left:0}.menu{display:none}.layout{max-width:760px;gap:36px;padding-top:16px}.hero__kicker{font-size:30px}.hero__title{font-size:68px}.wheel-wrap{width:440px}.wheel .label{font-size:14px}.stage{padding-top:52px;margin-top:22px}.pointer{top:28px}.results{padding:32px 32px 28px;border-radius:34px}.results__pack{width:260px;height:260px;margin-top:-130px}.layout.has-result .results{margin-top:110px}.cards{grid-template-columns:repeat(4,1fr);gap:16px}.cards:has(.card:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}.results__title{font-size:44px}.foot__text{font-size:34px}.bg-veg--leaf{width:min(40vw,380px)}.bg-veg--peas{width:min(42vw,440px);right:-70px;bottom:-70px}.foot{padding-bottom:170px}}@media (min-width: 1100px){:root{--gutter: 56px}.logo img{width:190px}.layout{max-width:1280px;align-items:center;padding-top:12px;min-height:calc(100vh - 220px);grid-template-columns:minmax(0,1fr) minmax(0,0fr);gap:0;transition:grid-template-columns .9s cubic-bezier(.65,0,.2,1),gap .9s cubic-bezier(.65,0,.2,1)}.layout.has-result{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px}.spin-col{position:relative}.layout.has-result .results{animation:revealRight .7s ease .45s both;margin-top:0}@keyframes revealRight{0%{opacity:0;transform:translate(40px)}}.results{overflow:visible}.hero__kicker{font-size:32px}.hero__title{font-size:72px}.hero__title span:nth-child(2){transform:translate(-6px)}.wheel-wrap{width:min(34vw,480px)}.stage{padding-top:54px;margin-top:24px}.pointer{top:30px}.results{padding:40px 40px 36px;border-radius:40px;min-height:520px;background:linear-gradient(160deg,#fffdf7,#fbf8ee)}.results__head{flex-direction:row;align-items:flex-start;justify-content:space-between;text-align:left;gap:24px}.results__pack{order:1;position:relative;flex:0 0 200px;width:200px;height:200px;margin:-96px -8px 0 0;transform:rotate(-8deg)}.results__pack img{transform:scale(min(var(--ps, 1),1.2))}.results__text{padding-right:0}.results__title{font-size:42px}@keyframes packIn{0%{opacity:0;transform:translate(40px) scale(.6) rotate(6deg)}to{transform:rotate(-8deg)}}.results__text{flex:1;min-width:0}.results__title{font-size:46px}.cards{grid-template-columns:repeat(2,1fr);gap:18px}.cards:has(.card:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}.card__title{font-size:16px}.again{margin-left:0}.bg-veg--leaf{width:min(26vw,420px)}.bg-veg--peas{width:min(30vw,520px);right:-6%;bottom:-14%}.foot{padding-bottom:56px}}@media (min-width: 1100px) and (min-height: 720px){html,body{height:100%}body{display:grid;grid-template-rows:auto 1fr auto;height:100vh;overflow:hidden}.top{padding-top:12px}.logo img{width:clamp(140px,16vh,190px)}.layout{min-height:0;height:100%;padding-top:0;padding-bottom:0;align-content:center}.hero__kicker{font-size:clamp(22px,3.2vh,32px)}.hero__title{font-size:clamp(44px,7.6vh,76px)}.hero__underline{margin-top:4px}.stage{padding-top:44px;margin-top:10px}.pointer{top:22px}.wheel-wrap{width:min(34vw,520px,56vh)}.stage__note{font-size:13px;margin-top:10px}.results{padding:28px 32px 24px;min-height:0}.results__head{margin-bottom:12px}.results__title{font-size:clamp(34px,4.6vh,46px)}.results__pack{flex-basis:clamp(150px,20vh,200px);width:clamp(150px,20vh,200px);height:clamp(150px,20vh,200px);margin-top:-84px}.cards{gap:14px}.card__media{aspect-ratio:16 / 10}.card__body{padding:8px 12px 10px;gap:4px}.card__title{font-size:15px}.again{margin-top:14px;padding:8px 18px}.foot{padding:6px 56px 14px}.foot__text{font-size:24px;flex-direction:row;gap:8px}.heart{display:none}.foot__copy{margin-top:4px;font-size:11px}}@media (min-width: 1100px) and (min-height: 720px) and (max-height: 819px){.results__pack,.foot__text,.stage__note{display:none}.foot{padding-bottom:8px}}@media (min-width: 1440px) and (max-height: 719px){.wheel-wrap{width:520px}.hero__title{font-size:80px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}