@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{--bg:#0a0612;--bg-card:#ffffff0a;--border:#dcb4e61a;--border-focus:#ff6f9c66;--text:#f0e8f5;--text-light:#b8a0cc;--text-muted:#6b5580;--pink:#ff6f9c;--pink-light:#ffa0c4;--purple:#c084fc;--purple-light:#e0c3ff;--blue:#7dd3fc;--mint:#6ee7b7;--peach:#fdba74;--yellow:#fde047;--coral:#fb7185;--gradient-fun:linear-gradient(135deg, #ff6f9c, #c084fc, #7dd3fc);--gradient-btn:linear-gradient(135deg, #ff6f9c, #f472b6, #c084fc);--gradient-warm:linear-gradient(135deg, #fdba74, #fb7185, #f472b6);--shadow-soft:0 8px 32px #0000004d;--shadow-card:0 12px 40px #0006, 0 2px 8px #0003;--shadow-btn:0 4px 16px #ff6f9c4d;--radius:20px;--radius-lg:28px;--radius-pill:50px;--font:"Nunito", -apple-system, "Segoe UI", sans-serif;--ease:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);width:100vw;height:100vh;font-family:var(--font);-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--text);background-image:radial-gradient(100% 80% at 20% 0,#c084fc0f 0%,#0000 60%),radial-gradient(80% 60% at 80% 100%,#ff6f9c0a 0%,#0000 60%),radial-gradient(50% 50%,#7dd3fc08 0%,#0000 60%);justify-content:center;align-items:center;display:flex;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(8px 8px at 10% 15%,#ff6f9c14,#0000),radial-gradient(6px 6px at 85% 10%,#c084fc12,#0000),radial-gradient(10px 10px at 25% 75%,#7dd3fc0f,#0000),radial-gradient(7px 7px at 70% 85%,#fdba7412,#0000),radial-gradient(5px 5px at 50% 40%,#6ee7b70f,#0000),radial-gradient(9px 9px at 90% 55%,#ffa0c40f,#0000);width:100%;height:100%;animation:20s ease-in-out infinite alternate bubblesFloat;position:fixed;top:0;left:0}@keyframes bubblesFloat{0%{transform:translateY(0)scale(1)}to{transform:translateY(-12px)scale(1.02)}}#particles{pointer-events:none;z-index:5;width:100%;height:100%;position:fixed;top:0;left:0}#bg-glow{pointer-events:none;width:400px;height:400px;transition:all 1s var(--ease);z-index:1;background:radial-gradient(circle,#c084fc0f 0%,#0000 70%);border-radius:50%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}body.playing #bg-glow{background:radial-gradient(circle,#ff8c321a 0%,#ffc8500d 40%,#0000 70%);width:700px;height:700px;animation:.6s infinite alternate glowPulse}@keyframes glowPulse{0%{opacity:.7;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1.04)}}#video-wrapper{z-index:10;justify-content:center;align-items:center;display:flex;position:relative}#dragon-video{filter:drop-shadow(0 8px 24px #6432781f);width:min(550px,80vw);height:auto;transition:filter .5s,transform .3s}body.playing #dragon-video{filter:drop-shadow(0 0 30px #ff640040)drop-shadow(0 0 60px #ff32001a)}body:not(.playing) #dragon-video:hover{transform:scale(1.02)}#tap-prompt{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1.5px solid var(--border);border-radius:var(--radius-pill);color:var(--text-light);z-index:50;box-shadow:var(--shadow-soft);align-items:center;gap:10px;padding:12px 26px;font-size:14px;font-weight:700;transition:opacity .5s,transform .5s;animation:2.5s infinite promptPulse;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}#tap-prompt.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(20px)}@keyframes promptPulse{0%,to{opacity:.6}50%{opacity:1}}#tap-ring{border:2px solid var(--peach);border-radius:50%;width:16px;height:16px;animation:2s infinite ringPing}@keyframes ringPing{0%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1)}}#title{text-align:center;z-index:50;width:max-content;max-width:95vw;position:fixed;top:20px;left:50%;transform:translate(-50%)}#title h1{justify-content:center;align-items:center;gap:8px;font-size:clamp(24px,4.5vw,40px);font-weight:900;line-height:1.2;display:flex}.title-emoji{filter:drop-shadow(0 4px 10px #ff64004d);font-size:clamp(30px,5.5vw,48px);animation:2.5s ease-in-out infinite emojiWiggle;display:inline-block}@keyframes emojiWiggle{0%,to{transform:rotate(-4deg)scale(1)}25%{transform:rotate(6deg)scale(1.08)}50%{transform:rotate(-2deg)scale(1.04)}75%{transform:rotate(5deg)scale(1.06)}}.title-main{background:var(--gradient-fun);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #ff6f9c33);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:4s infinite candyGradient}@keyframes candyGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.title-sub{letter-spacing:2px;background:var(--gradient-warm);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;margin-top:4px;font-size:clamp(11px,2.2vw,14px);font-weight:700;animation:3s linear infinite shimmer}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}#controls{z-index:50;gap:10px;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}#controls button{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--border);border-radius:var(--radius-pill);color:var(--text-light);font-family:var(--font);cursor:pointer;transition:all .25s var(--ease);box-shadow:var(--shadow-soft);padding:10px 22px;font-size:13px;font-weight:700}#controls button:hover{color:var(--pink);box-shadow:var(--shadow-card);background:#fff;transform:translateY(-2px)}#controls button.hidden{display:none}#code-overlay{-webkit-backdrop-filter:blur(20px);z-index:1000;background:#0a0612eb;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .6s,transform .6s;animation:.5s overlayIn;display:flex;position:fixed;top:0;left:0}#code-overlay.fade-out{opacity:0;transform:scale(1.03)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}#code-modal{text-align:center;border:1.5px solid var(--border);border-radius:var(--radius-lg);width:90vw;max-width:400px;box-shadow:var(--shadow-card);background:#140c20e6;padding:44px 48px;animation:.6s cubic-bezier(.16,1,.3,1) modalSlide}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}#code-icon{margin-bottom:16px;font-size:44px;animation:2s infinite lockBounce}@keyframes lockBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}#code-modal h2{color:var(--text);margin-bottom:6px;font-size:22px;font-weight:800}#code-modal p{color:var(--text-light);margin-bottom:28px;font-size:13px;font-weight:600}#code-input-wrapper{justify-content:center;gap:8px;display:flex}#code-input{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font);letter-spacing:4px;text-align:center;outline:none;width:180px;padding:13px 18px;font-size:16px;font-weight:800;transition:border-color .25s,box-shadow .25s}#code-input:focus{border-color:var(--pink);box-shadow:0 0 0 4px #ff6f9c1a}#code-input::placeholder{letter-spacing:0;color:var(--text-muted);font-size:12px;font-weight:600}#code-input.shake{border-color:var(--coral);animation:.4s shakeInput}@keyframes shakeInput{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}#code-submit{background:var(--gradient-btn);border-radius:var(--radius);color:#fff;font-family:var(--font);cursor:pointer;transition:all .25s var(--ease);white-space:nowrap;box-shadow:var(--shadow-btn);border:none;padding:13px 24px;font-size:14px;font-weight:700}#code-submit:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff6f9c59}#code-error{color:var(--coral);margin-top:16px;font-size:13px;font-weight:700}#code-error.hidden{opacity:0;pointer-events:none}#prize-overlay{-webkit-backdrop-filter:blur(16px);z-index:200;background:#0a061266;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s prizeOverlayIn;display:flex;position:fixed;top:0;left:0}#prize-overlay.hidden{display:none}@keyframes prizeOverlayIn{0%{opacity:0}to{opacity:1}}#prize-card{text-align:center;border:1.5px solid var(--border);border-radius:var(--radius-lg);width:92vw;max-width:400px;max-height:88vh;color:var(--text);background:#140c20eb;padding:40px 40px 32px;animation:.5s cubic-bezier(.16,1,.3,1) both prizeFromFire;position:relative;overflow-y:auto;box-shadow:0 24px 80px #00000080,0 4px 12px #0000004d}#prize-card::-webkit-scrollbar{width:4px}#prize-card::-webkit-scrollbar-track{background:0 0}#prize-card::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}@keyframes prizeFromFire{0%{opacity:0;filter:brightness(1.5)blur(6px);transform:scale(.3)translateY(50px)}50%{filter:brightness(1.1)blur()}to{opacity:1;filter:brightness()blur();transform:scale(1)translateY(0)}}#prize-glow{pointer-events:none;background:radial-gradient(circle,#ff6f9c0f 0%,#0000 60%);width:200%;height:200%;animation:6s linear infinite prizeGlowRotate;position:absolute;top:-50%;left:-50%}@keyframes prizeGlowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#prize-emoji{margin-bottom:12px;font-size:60px;animation:.5s both prizeBounce,2s ease-in-out .6s infinite alternate prizeFloat}@keyframes prizeBounce{0%{opacity:0;transform:scale(0)rotate(-12deg)}60%{opacity:1;transform:scale(1.15)rotate(4deg)}to{transform:scale(1)rotate(0)}}@keyframes prizeFloat{0%{transform:translateY(0)}to{transform:translateY(-6px)}}#prize-card h2{color:var(--text);margin-bottom:6px;font-size:22px;font-weight:800;animation:.3s .15s both prizeTextIn}#prize-card p{color:#fff9;margin-bottom:14px;font-size:14px;font-weight:600;line-height:1.6;animation:.3s .25s both prizeTextIn}#prize-badge{border-radius:var(--radius-pill);padding:6px 18px;font-size:13px;font-weight:700;animation:.3s .35s both prizeTextIn;display:inline-block}@keyframes prizeTextIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.prize-card h2{color:#fbbf24}.prize-card #prize-badge{color:#fbbf24;background:#fbbf241f;border:1.5px solid #fbbf2433}.prize-card #prize-glow{background:radial-gradient(circle,#fdba741a 0%,#0000 60%)}.prize-freeship h2{color:#7dd3fc}.prize-freeship #prize-badge{color:#7dd3fc;background:#7dd3fc1f;border:1.5px solid #7dd3fc33}.prize-freeship #prize-glow{background:radial-gradient(circle,#7dd3fc14 0%,#0000 60%)}.prize-voucher h2{color:var(--pink)}.prize-voucher #prize-badge{color:var(--pink);background:#ff6f9c1a;border:1.5px solid #ff6f9c33}.prize-voucher #prize-glow{background:radial-gradient(circle,#ff6f9c14 0%,#0000 60%)}#prize-confetti{pointer-events:none;z-index:201;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.confetti-piece{opacity:.9;animation:linear forwards confettiFall;position:absolute;top:-20px}@keyframes confettiFall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}.claim-divider{background:var(--gradient-fun);border-radius:2px;width:48px;height:2px;margin:18px auto 16px}.claim-label{color:var(--text-light);margin-bottom:14px;font-size:13px;font-weight:700}#claim-form input,#claim-form select{border:1.5px solid var(--border);color:#fff;width:100%;font-family:var(--font);background:#ffffff0d;border-radius:14px;outline:none;margin-bottom:8px;padding:11px 14px;font-size:13px;font-weight:600;transition:border-color .25s,box-shadow .25s;display:block}#claim-form input:focus,#claim-form select:focus{border-color:var(--pink);box-shadow:0 0 0 4px #ff6f9c14}#claim-form input::placeholder{color:var(--text-muted);font-weight:600}#claim-form select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b5580' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}#claim-form select option{color:#fff;background:#140c20}#claim-form select:disabled{opacity:.4;cursor:not-allowed}#claim-submit{background:var(--gradient-btn);border-radius:var(--radius);color:#fff;width:100%;font-family:var(--font);cursor:pointer;transition:all .25s var(--ease);box-shadow:var(--shadow-btn);border:none;margin-top:8px;padding:13px;font-size:15px;font-weight:800}#claim-submit:hover{transform:translateY(-2px);box-shadow:0 6px 28px #ff6f9c59}#claim-submit:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}#claim-error{color:var(--coral);margin-bottom:6px;font-size:12px;font-weight:700}#claim-error.hidden,#claim-form.hidden{display:none}.success-msg{color:var(--mint);margin-bottom:4px;font-size:17px;font-weight:800}.success-sub{color:var(--text-light);font-size:13px;font-weight:600}#claim-success.hidden{display:none}@media (width<=480px){#code-modal{padding:32px 24px}#code-input{width:150px}#prize-card{padding:32px 24px 28px}#prize-emoji{font-size:48px}#prize-card h2{font-size:18px}}