.puzzle-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.puzzle-modal{background:#1e1e2f;border-radius:16px;padding:24px;width:380px;max-width:90%}.puzzle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:1.1em;font-weight:700;color:#fff}.puzzle-close{background:none;border:none;color:#888;font-size:1.5em;cursor:pointer}.puzzle-close:hover{color:#fff}.puzzle-canvas{position:relative;width:100%;aspect-ratio:1 / 1;max-height:280px;background:url(/china.png) center/contain no-repeat;background-color:#de2910;border-radius:12px;overflow:hidden;margin-bottom:16px}.puzzle-target{position:absolute;width:54px;height:54px;border:2px dashed #ffd700;border-radius:8px;background:#ffd7001a}.puzzle-piece{position:absolute;width:50px;height:50px;border-radius:8px;background:gold;cursor:pointer;display:flex;align-items:center;justify-content:center;will-change:left,transform;transition:transform .15s ease}.puzzle-piece.dragging{transition:none!important}.puzzle-piece-mobile{cursor:grab;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.puzzle-piece-mobile.dragging{cursor:grabbing;transform:scale(1.08);box-shadow:0 4px 16px #ffd70099;z-index:10}.puzzle-piece img{width:46px;height:46px;border-radius:6px;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.puzzle-error{color:#f44;font-size:.85em;margin-bottom:10px;text-align:center}.slider-container{margin-bottom:16px}.slider-track{position:relative;height:46px;background:#0006;border-radius:23px;display:flex;align-items:center}.slider-thumb{position:absolute;left:2px;width:42px;height:42px;background:gold;border-radius:50%;cursor:grab;display:flex;align-items:center;justify-content:center;font-size:1.4em;color:#000;font-weight:700;user-select:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;will-change:left,transform;transition:transform .1s ease}.slider-thumb.dragging{cursor:grabbing;transform:scale(1.08);transition:none!important}.slider-text{flex:1;text-align:center;color:#666;font-size:.9em;pointer-events:none}.puzzle-refresh{background:none;border:none;color:#888;cursor:pointer;font-size:.9em;display:block;margin:0 auto}.puzzle-refresh:hover{color:gold}.toast{position:fixed;top:10px;left:50%;transform:translate(-50%);min-width:300px;max-width:400px;background:#1e1e2f;border-radius:12px;padding:16px;box-shadow:0 8px 32px #0006;z-index:9999;transition:all .3s ease;border-left:4px solid}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.hide{opacity:0;transform:translate(-50%) translateY(-100%)}.toast-success{border-color:#4caf50}.toast-error{border-color:#f44336}.toast-info{border-color:gold}.toast-content{display:flex;align-items:center;gap:12px}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.toast-success .toast-icon{background:#4caf50;color:#fff}.toast-error .toast-icon{background:#f44336;color:#fff}.toast-info .toast-icon{background:gold;color:#000}.toast-message{flex:1;color:#fff;font-size:.95em;white-space:pre-line}.toast-close{background:none;border:none;color:#888;font-size:1.2em;cursor:pointer;padding:0;line-height:1}.toast-close:hover{color:#fff}.toast-link{display:block;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);color:gold;text-decoration:none;font-size:.9em;font-weight:500}.toast-link:hover{text-decoration:underline}.celebration-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.celebration-modal{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:20px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;border:2px solid #ffd700;box-shadow:0 0 40px #ffd7004d;animation:scaleIn .4s ease}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.confetti-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;border-radius:20px}.confetti-piece{position:absolute;top:-20px;border-radius:2px;animation:confettiFall linear infinite}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(600px) rotate(720deg);opacity:0}}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;opacity:.7;transition:opacity .2s;z-index:10}.close-btn:hover{opacity:1}.celebration-content{position:relative;z-index:5;text-align:center;color:#fff}.celebration-icon{font-size:4rem;animation:bounce .6s ease infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.celebration-content h2{font-size:1.8rem;margin:.5rem 0;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.celebration-subtitle{font-size:1.1rem;color:#b0b0b0;margin-bottom:1rem}.purchase-summary{background:#ffd70026;border-radius:10px;padding:1rem;margin-bottom:1.5rem;border:1px solid rgba(255,215,0,.3)}.purchase-label{display:block;font-size:.9rem;color:#888}.purchase-amount{font-size:1.5rem;font-weight:700;color:gold}.referral-box{background:#0000004d;border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);text-align:center}.referral-coin{width:80px;height:80px;border-radius:50%;margin-bottom:.75rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.referral-box h3{margin:0 0 .5rem;font-size:1.2rem;color:gold}.referral-decree{font-style:italic;color:gold;margin-bottom:1rem;font-size:.95rem}.tier-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.tier-badge{padding:.3rem .6rem;border-radius:20px;font-size:.75rem;font-weight:700}.tier-badge.bronze{background:#cd7f32;color:#fff}.tier-badge.silver{background:silver;color:#333}.tier-badge.gold{background:gold;color:#333}.tier-badge.platinum{background:linear-gradient(135deg,#e5e4e2,#8e8e8e);color:#333}.tier-badge.legendary{background:linear-gradient(135deg,#ff6b6b,gold);color:#fff;animation:pulse 1s ease infinite}@keyframes pulse{0%,to{box-shadow:0 0 5px #ffd70080}50%{box-shadow:0 0 20px #ffd700cc}}.blink-description{font-size:.9rem;color:#aaa;margin-bottom:1rem}.blink-link-box{display:flex;gap:.5rem;margin-bottom:1rem}.blink-link-box input{flex:1;padding:.75rem;border-radius:8px;border:1px solid #444;background:#1a1a2e;color:#fff;font-size:.85rem}.blink-link-box .copy-btn{padding:.75rem 1rem;border-radius:8px;border:none;background:gold;color:#1a1a2e;font-weight:700;cursor:pointer;transition:all .2s}.blink-link-box .copy-btn:hover{background:#ffed4a;transform:scale(1.05)}.share-buttons{display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.share-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:25px;border:none;font-weight:700;cursor:pointer;transition:all .2s;font-size:.9rem}.share-btn .btn-icon{font-size:1.1rem}.share-btn.twitter{background:#000;color:#fff}.share-btn.twitter:hover{background:#333;transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.share-btn.telegram{background:#08c;color:#fff}.share-btn.telegram:hover{background:#00a8e8;transform:translateY(-2px);box-shadow:0 4px 15px #0088cc4d}.preview-link{display:inline-block;color:#888;font-size:.85rem;text-decoration:none;transition:color .2s}.preview-link:hover{color:gold}@media(max-width:480px){.celebration-modal{padding:1.5rem}.celebration-content h2{font-size:1.4rem}.tier-badges{gap:.3rem}.tier-badge{font-size:.65rem;padding:.2rem .4rem}.share-buttons{flex-direction:column}.share-btn{justify-content:center}}.presale-closed-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.presale-closed-modal{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:40px;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080;border:2px solid #ffd700;animation:slideUp .4s ease;overflow:hidden}.presale-closed-content{position:relative;z-index:2;text-align:center}.presale-closed-icon{font-size:80px;margin-bottom:20px;animation:bounce 1s infinite}.presale-closed-modal h2{color:gold;font-size:2.5em;margin:0 0 15px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.presale-closed-subtitle{color:#fff;font-size:1.2em;margin:0 0 30px;opacity:.9}.presale-closed-message{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:15px;padding:30px;margin:20px 0}.closed-coin{width:100px;height:100px;margin-bottom:20px}.presale-closed-message p{color:#fff;font-size:1.1em;line-height:1.6;margin:15px 0}.stay-tuned{color:gold!important;font-weight:700;font-size:1.3em!important;margin-top:20px!important}.btn-understand{background:linear-gradient(135deg,gold,#ffed4e);color:#000;border:none;padding:15px 40px;border-radius:10px;font-size:1.1em;font-weight:700;cursor:pointer;margin-top:20px;transition:all .3s ease;box-shadow:0 4px 15px #ffd70066}.btn-understand:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70099}.close-btn{position:absolute;top:15px;right:15px;background:#ffffff1a;border:none;color:#fff;font-size:30px;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:3;transition:all .3s ease}.close-btn:hover{background:#fff3;transform:rotate(90deg)}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.confetti-piece{position:absolute;top:-10px;width:10px;height:10px;border-radius:50%;animation:fall linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fall{to{transform:translateY(100vh) rotate(360deg)}}.referral-link-bar{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;background:#ffd70014;border:1px solid rgba(255,215,0,.2);border-radius:12px}.referral-label{color:gold;font-weight:600;font-size:.9rem;white-space:nowrap}.referral-link-input-wrapper{display:flex;flex:1;gap:8px}.referral-link-input{flex:1;padding:8px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.8rem;min-width:0}.referral-copy-btn{padding:8px 16px;background:gold;color:#000;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:.85rem;transition:all .2s;white-space:nowrap}.referral-copy-btn:hover{background:#ffed4a}@media(max-width:600px){.referral-link-bar{flex-direction:column;align-items:stretch;gap:8px}.referral-label{text-align:center}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background-color:#000;min-height:100vh;color:#fff;display:flex;align-items:flex-start;justify-content:center;padding-top:120px;position:relative;overflow-x:hidden;overflow-y:auto}.background-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.container{max-width:550px;width:100%;padding:20px;margin:2em auto;z-index:1}.container.presale-active{box-shadow:0 0 40px #000000d9}.coin-rain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.coin{position:absolute;top:-80px;width:60px;height:60px;background-image:url(/coinxipooh.png);background-repeat:no-repeat;background-size:contain;opacity:.9;animation-name:coin-fall;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes coin-fall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(110vh) rotate(360deg);opacity:0}}.card{background:#000c;border-radius:24px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff}.header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:24px}.logo{width:50%;border-radius:50%;margin-bottom:12px}.pagoda-logo{display:block;margin:32px auto 0;width:200px;height:auto}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.stat-box{background:#000;padding:10px;border-radius:12px;text-align:center;color:#fff}.stat-label{font-size:.7em;color:#fff;margin-bottom:3px}.stat-value{font-size:.9em;font-weight:700;color:gold}.progress-container{margin-bottom:20px}.progress-bar{height:12px;background:#0000004d;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:red;transition:width .5s}.progress-text{text-align:center;font-size:.85em;color:#fff;margin-top:6px}.input-group{margin-bottom:16px;background:#000;padding:16px;border-radius:12px}.input-group label{display:block;margin-bottom:8px;color:#fff;font-size:.9em}.input-wrapper{position:relative}.input-wrapper input{width:100%;padding:16px 100px 16px 16px;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;color:#fff;font-size:1.1em}.input-wrapper input:focus{outline:none;border-color:gold}.input-suffix{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#fff;font-weight:700}.cost-info{font-size:.85em;color:#fff;margin-top:6px}.btn{width:100%;padding:18px;border:none;border-radius:14px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s}.btn-connect{background:linear-gradient(135deg,#fff6b7,gold);color:#000;box-shadow:0 0 18px #ffd700b3;border:3px solid red}.btn-buy{background:linear-gradient(135deg,gold,#ff8c00);color:#000}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.wallet-info{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffd7001a;border-radius:12px;margin-bottom:16px;font-size:.9em;width:100%;max-width:200px}.disconnect-btn{padding:12px 24px;border-radius:12px;border:2px solid #ff4444;background:#f443;color:#f44;font-size:1em;font-weight:700;cursor:pointer;width:100%;max-width:200px;transition:all .3s;margin-bottom:10px}.disconnect-btn:hover{border-color:#f66;background:#f446;color:#fff}.wallet-address{font-family:monospace;color:gold}.hidden{display:none}@media screen and (max-width:600px){body{padding-top:60px}.container{margin:1em auto;padding:10px;max-width:95%}.card{padding:16px;border-radius:16px}.pagoda-logo{width:120px;margin:16px auto 0}}@media screen and (max-width:400px){body{padding-top:40px}.container{margin:.5em auto;padding:8px}.card{padding:12px}.stats{grid-template-columns:1fr;gap:6px}}.referral-banner{text-align:center;padding:10px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:500}.referral-banner.valid{background:linear-gradient(135deg,#22c55e33,#10b98133);border:1px solid rgba(34,197,94,.4);color:#4ade80}.referral-banner.invalid{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}
