@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--cw:138px;--gap:10px;--mint:#b8ff69}*{box-sizing:border-box}body{margin:0;background:#101629;color:#fff;font:14px/1.5 Manrope,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #b8ff69;outline-offset:5px}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.aurora{position:absolute;inset:0 0 auto;height:1000px;z-index:-1;background:radial-gradient(ellipse at 15% 30%,#31398570,transparent 45%),radial-gradient(ellipse at 90% 45%,#83357750,transparent 45%)}.dots{position:absolute;inset:0 0 auto;height:900px;background-image:radial-gradient(#8d95bc23 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(transparent,#000,transparent);z-index:-1}header{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:92px;padding:0 28px}.brand{display:flex;align-items:center;gap:2px;font-size:40px;line-height:1;font-weight:800}.brand>span{color:#b8ff69;font-size:30px}.brand small{font-size:10px;letter-spacing:2px;margin-left:12px}.sound{padding:9px 13px;border:1px solid #fff2;background:#ffffff07;border-radius:22px;color:#c3cadd;font-size:17px}.sound span{font-size:10px;margin-left:5px}main{max-width:610px;margin:auto;padding:15px 25px 25px}.gift-experience{text-align:center}.sender{display:flex;flex-direction:column;align-items:center}.avatar{position:relative}.avatar img{width:70px;height:70px;object-fit:cover;border-radius:25px;border:2px solid #cfbeff;padding:3px;background:#20233d;transform:rotate(-7deg)}.avatar>span{position:absolute;bottom:0;right:-8px;background:#b8ff69;border:3px solid #101629;border-radius:50%;width:30px;height:30px;font-size:15px;display:grid;place-items:center}.sender b{margin-top:10px;font-size:15px}.sender-label{font-size:12px;color:#b7bfd3;margin-top:4px}h1{font-size:51px;line-height:1.09;letter-spacing:-2.7px;font-weight:800;margin:15px 0 0}h1>span{color:#b8ff69}.stage{height:290px;position:relative;display:grid;place-items:center}.stage:before{content:'';position:absolute;width:280px;height:220px;background:#8051ff38;border-radius:50%;filter:blur(35px)}.hero-gift{position:relative;width:340px;height:306px;filter:drop-shadow(0 15px 20px #070b1944);animation:bob 4s ease-in-out infinite}.orbit{position:absolute;width:320px;height:140px;border:1px solid #919af12b;border-radius:50%;transform:rotate(-18deg)}.orbit-two{transform:rotate(24deg);width:300px;border-style:dashed}.sticker{position:absolute;z-index:2}.sticker-star{left:14%;top:25px;font-size:39px;color:#b8ff69;transform:rotate(15deg)}.sticker-heart{right:12%;top:155px;color:#ff87c0;font-size:36px;transform:rotate(20deg)}.sticker-wow{right:5%;top:36px;background:#f2a3d9;color:#49203f;border:3px solid #101629;padding:7px 13px;border-radius:8px;font-size:10px;font-weight:800;transform:rotate(10deg)}.stage-note{position:absolute;bottom:8px;left:50%;transform:translateX(-50%) rotate(-5deg);background:#7278ff;color:#fff;font-weight:800;letter-spacing:1px;font-size:9px;padding:6px 12px;border-radius:5px}
.open{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:62px;border:0;border-radius:17px;background:#b8ff69;color:#172815;font-size:16px;font-weight:800;box-shadow:0 5px 0 #668d3d,0 12px 35px #a3ff5020;transition:transform .18s,box-shadow .18s}.open:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 0 #668d3d,0 14px 35px #a3ff5030}.open:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 #668d3d}.button-icon{font-size:24px}.button-arrow{margin-left:auto;font-size:24px;padding-right:18px}.button-icon{margin-right:auto;padding-left:18px}.status{font-size:11px;color:#c7cede;margin:18px 0 5px;min-height:17px}.collection{border:1px solid #bac6ff22;border-radius:17px;background:#ffffff04;margin-top:29px;overflow:hidden}.collection-toggle{width:100%;border:0;background:none;padding:18px;text-align:left;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700}.collection-toggle b{display:block;font-size:9px;color:#9aa7c5;font-weight:500;margin-top:3px}.collection-toggle>span:last-child{font-size:25px;color:#b8ff69}.collection-note{font-size:9px;color:#b0bcd6;text-align:center;margin:0 10px 15px}.gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:0 12px 14px}.gift-item{background:linear-gradient(145deg,#303354,#21253f);border:1px solid #fff1;border-radius:12px;text-align:center;padding:7px;min-width:0}.gift-item img{width:100%;aspect-ratio:1;display:block;object-fit:cover;border-radius:8px;mix-blend-mode:normal}.gift-item b{display:block;font-size:9px;margin:6px 0 2px;white-space:nowrap}.star-image{padding:12px;mix-blend-mode:normal!important}footer{text-align:center;margin-top:28px;font-size:10px;color:#a7b3cf}footer>span{color:#ff9cd7;margin-left:4px}footer small{display:block;font-size:8px;color:#8390ad;margin-top:5px}.spin-area{height:290px;padding-top:35px}.spin-heading{color:#c3c9eb;font-size:10px;letter-spacing:1.8px;margin-bottom:17px}.spin-heading>span{color:#b8ff69}.viewport{position:relative;height:187px;overflow:hidden;border-radius:18px;background:#12172c;border:1px solid #9da9ee25;isolation:isolate}.viewport:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#12172cef,transparent 18%,transparent 82%,#12172cef);z-index:2;pointer-events:none}.track{position:absolute;top:16px;left:0;display:flex;gap:var(--gap);width:max-content;will-change:transform}.reel-card{width:var(--cw);height:152px;flex:0 0 var(--cw);background:linear-gradient(135deg,#373553,#25243e);border:1px solid #ffffff13;border-radius:13px;padding:7px;display:flex;flex-direction:column;align-items:center;justify-content:center}.reel-card img{width:108px;height:108px;object-fit:cover;border-radius:8px;mix-blend-mode:normal}.reel-card b{font-size:10px;margin-top:7px}.selection{position:absolute;top:10px;bottom:11px;left:50%;transform:translateX(-50%);width:calc(var(--cw) + 10px);border:2px solid #b8ff69;border-radius:17px;z-index:3;box-shadow:0 0 22px #b8ff691c;pointer-events:none}.pointer{position:absolute;top:1px;left:50%;transform:translateX(-50%);background:#b8ff69;width:18px;height:16px;clip-path:polygon(0 0,100% 0,50% 100%);z-index:4}.progress{height:3px;margin:15px auto;width:80px;background:#ffffff12;border-radius:3px;overflow:hidden}.progress i{height:100%;display:block;background:#b8ff69;transform:scaleX(0);transform-origin:left}.opening .hero-gift{animation:unwrap .6s ease-in forwards}.opening .sticker{opacity:0;transition:opacity .25s}.spinning .open{background:#b7c7a1;box-shadow:0 5px 0 #64734f}dialog{width:min(380px,calc(100% - 30px));border:1px solid #aabbff33;border-radius:25px;background:radial-gradient(ellipse at 50% 25%,#514073,#1e233d 65%);color:#fff;text-align:center;padding:35px 24px 28px;max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#080e20d9;backdrop-filter:blur(8px)}body:has(dialog[open]){overflow:hidden}.close{position:absolute;top:12px;right:12px;width:30px;height:30px;border:1px solid #fff2;background:#fff1;border-radius:50%;font-size:23px;line-height:1;color:#d2d5e6}.result-badge{font-size:10px;letter-spacing:2px;color:#c3ff89;font-weight:800}.result-image img{width:175px;height:175px;object-fit:cover;margin:22px 0 7px;border-radius:22px;mix-blend-mode:normal}h2{font-size:29px;margin:8px 0;letter-spacing:-1px}.result-copy{font-size:13px;color:#d2cae3}.result-note{font-size:10px;color:#b3bdd3;margin:20px 0}#result{isolation:isolate}#result .confetti{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden;border-radius:inherit}#result .confetti i{position:absolute;top:-20px;width:7px;height:11px;animation:confetti 3.7s ease-out forwards}#result #close{z-index:2}#result #done{position:relative;z-index:2}#result.celebrating .result-image img{animation:prize-reveal .65s ease-out both;box-shadow:0 0 35px color-mix(in srgb,var(--gift-accent) 45%,transparent)}@keyframes prize-reveal{from{transform:scale(.85);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes confetti{to{transform:translate(var(--x),var(--fall)) rotate(var(--r));opacity:0}}@keyframes bob{50%{transform:translateY(-9px) rotate(3deg)}}@keyframes unwrap{30%{transform:rotate(-9deg) scale(1.08)}65%{transform:rotate(10deg) scale(1.13)}100%{transform:scale(.65);opacity:0}}@media(min-width:900px){main{padding-top:20px}.gift-experience{position:relative}.aurora{background:radial-gradient(ellipse at 25% 35%,#31398580,transparent 40%),radial-gradient(ellipse at 80% 40%,#83357760,transparent 40%)}.gift-experience:before,.gift-experience:after{content:'✳';position:absolute;left:-160px;top:300px;font-size:85px;transform:rotate(15deg);color:#798aff35;pointer-events:none}.gift-experience:after{content:'✦';left:auto;right:-150px;top:200px;color:#ff8bbb35}}@media(max-width:600px){header{height:66px;padding:0 20px}.brand{font-size:30px}.brand>span{font-size:25px}.brand small{font-size:8px;margin-left:7px}main{padding:8px 20px 20px}.avatar img{width:58px;height:58px;border-radius:20px}.sender b{font-size:13px;margin-top:6px}.sender-label{font-size:11px}h1{font-size:43px;letter-spacing:-2px;margin-top:11px}.stage{height:237px}.hero-gift{width:285px;height:256px}.sticker-star{left:7%;top:25px;font-size:31px}.sticker-heart{right:7%;top:135px;font-size:29px}.sticker-wow{right:0;top:31px;font-size:8px;padding:6px 10px}.orbit{width:270px;height:120px}.orbit-two{width:245px}.stage-note{bottom:5px;font-size:8px}.open{min-height:58px;font-size:14px}.collection{margin-top:22px}.gift-grid{grid-template-columns:repeat(2,1fr)}.gift-item img{max-width:110px;margin:auto}.gift-item b{font-size:10px}.spin-area{height:237px;padding-top:17px}.spin-heading{margin-bottom:11px}.viewport{height:172px}.reel-card{height:139px}.reel-card img{width:94px;height:94px}:root{--cw:118px;--gap:9px}.progress{margin-top:12px}.status{margin-top:15px}.button-arrow{padding-right:10px}.button-icon{padding-left:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.claim{margin-top:23px}.claiming h1{font-size:42px;margin-top:10px}.claiming .sender-label{display:none}.prize-frame{position:relative;isolation:isolate;overflow:hidden;border:1px solid #c4a9ff75;border-radius:26px;padding:20px;background:radial-gradient(ellipse at 50% 30%,#7162bd66,transparent 70%),linear-gradient(135deg,#252d49,#352546);box-shadow:0 0 0 5px #b89aff08,0 15px 50px #06091c44,inset 0 1px 0 #fff2}.prize-frame:before{content:'';position:absolute;inset:8px;border:1px solid #dfcaff21;border-radius:19px;pointer-events:none}.prize-frame:after{content:'✧';position:absolute;left:27px;bottom:65px;font-size:44px;color:#a3b3ff88;transform:rotate(-15deg)}.prize-label{font-size:9px;font-weight:800;letter-spacing:2px;color:#dfd4ff}.prize-corner{position:absolute;right:28px;top:50px;color:#b8ff69;font-size:30px;transform:rotate(15deg)}#claim-image img{position:relative;width:155px;height:155px;object-fit:cover;mix-blend-mode:normal;border-radius:24px;margin:12px 0 0;filter:drop-shadow(0 8px 20px #0b0d2544)}#claim-prize{font-size:28px;margin:5px 0 8px}.prize-saved{font-size:9px;color:#c4ddb3;background:#b8ff6910;border:1px solid #b8ff6922;border-radius:20px;padding:5px 10px;display:inline-block}.claim-instructions{text-align:left;padding-top:25px}.claim-instructions h2{font-size:25px;letter-spacing:-.7px;margin:0 0 9px}.claim-instructions>p{font-size:12px;line-height:1.8;color:#c1cbe0;margin:0}.claim-instructions ol{list-style:none;padding:0;margin:17px 0 22px;display:grid;gap:11px}.claim-instructions li{display:flex;align-items:center;gap:9px;font-size:11px;color:#d1d9ed;flex-wrap:wrap}.claim-instructions li>span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#b8ff6915;border:1px solid #b8ff6925;color:#c5ff8c;font-size:10px;font-weight:800}.claim-instructions li b{color:#d6b8ff}.telegram-claim{font-size:14px;min-height:56px}.claim-instructions .claim-delivery{font-size:9px;line-height:1.7;text-align:center;margin:18px 6px 0;color:#afbdd8}.claim-instructions .claim-safety{font-size:9px;line-height:1.7;color:#93a6c5;text-align:center;margin:10px 6px 0}@media(max-width:600px){.claiming h1{font-size:35px}.claim{margin-top:19px}.prize-frame{padding:16px}#claim-image img{width:135px;height:135px}.claim-instructions{padding-top:22px}.claim-instructions h2{font-size:23px}.claim-instructions li{font-size:10px;gap:7px}.claim-instructions>p{font-size:11px}}
/* Full-color artwork with contrasting collectible-card captions. */
.gift-grid{gap:14px;padding:4px 14px 20px}
.framed-gift{position:relative;overflow:hidden;padding:5px;border-radius:18px;background:var(--gift-accent);border:1px solid #ffffff70;box-shadow:0 5px 0 color-mix(in srgb,var(--gift-accent) 45%,#152039),0 9px 18px #0003;transition:transform .2s}
.gift-art{position:relative;aspect-ratio:1;overflow:hidden;border-radius:13px;background:var(--gift-accent)}
.framed-gift img{display:block;width:100%;height:100%;max-width:none;aspect-ratio:1;object-fit:cover;border-radius:0;mix-blend-mode:normal;transition:transform .3s}
.frame-spark{position:absolute;right:7px;top:7px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#11182e66;border:1px solid #ffffff70;color:#fff;font-size:15px;backdrop-filter:blur(6px)}
.gift-caption{display:flex;align-items:center;justify-content:space-between;gap:3px;min-height:36px;padding:6px 4px 2px;color:#172039;text-align:left}
.gift-caption b{font-size:10px;font-weight:800;margin:0;white-space:normal;line-height:1.25;color:inherit}
.gift-caption>span{font-size:18px;line-height:1;flex-shrink:0}
.stars-gift .gift-art{background:radial-gradient(circle at 50% 40%,#fff4ac,#f6bc45 56%,#e58928)}
.stars-gift .gift-art:before,.stars-gift .gift-art:after{content:'✦';position:absolute;color:#fff8da;font-size:25px;left:9%;top:12%;transform:rotate(-15deg)}
.stars-gift .gift-art:after{left:auto;top:auto;right:10%;bottom:9%;font-size:18px}
.stars-gift img.star-image{padding:17px;filter:drop-shadow(0 8px 4px #ad65094d)}
.telegram-handle{color:#d2b5ff;font-weight:800;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.telegram-handle:hover{color:#b8ff69}
.reel-card{border-color:color-mix(in srgb,var(--gift-accent,#b8b0ff) 40%,transparent)}
.result-image img{border:2px solid var(--gift-accent,#c4a9ff);box-shadow:0 8px 30px #0003}
.prize-frame{border-color:var(--gift-accent,#c4a9ff);background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--gift-accent,#b5a0ff) 22%,transparent),transparent 70%),linear-gradient(135deg,#252d49,#352546)}
@media(hover:hover){.framed-gift:hover{transform:translateY(-4px)}.framed-gift:hover img{transform:scale(1.045)}}
@media(max-width:600px){.gift-grid{gap:14px;padding:4px 12px 19px}.gift-caption{min-height:39px;padding:7px 6px 3px}.gift-caption b{font-size:12px}}

.claim-instructions .support-note{margin:0 0 16px;font-size:11px;color:#c1cbe0}