:root{--bg-page:#c0c0ce;--bg-card:#d4d4de;--bg-card-raised:#dcdce8;--bg-input:#eeeef4;--bg-inset:#b0b0c0;--bg-title-bar:linear-gradient(180deg,#88a,#668);--border-light:#e8e8f0;--border-mid:#a8a8b8;--border-dark:#888898;--border-darker:#686878;--text-primary:#1a1a2e;--text-secondary:#3a3a5a;--text-muted:#686888;--text-light:#f0f0f8;--text-link:#56a;--accent-blue:#68c;--accent-purple:#86a;--accent-pink:#c8a;--accent-lavender:#abd;--green:#4a6;--green-bg:rgba(68,170,102,.15);--red:#c44;--red-bg:rgba(204,68,68,.15);--amber:#c94;--amber-bg:rgba(204,153,68,.15);--glow-purple:rgba(136,102,170,.4);--glow-blue:rgba(102,136,204,.4);--glow-pink:rgba(204,136,170,.35);--shadow-card:0 2px 8px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.08);--shadow-window:0 4px 16px rgba(0,0,0,.15),0 2px 6px rgba(0,0,0,.1);--shadow-header:0 2px 12px rgba(0,0,0,.12);--font-pixel:"VT323","Noto Sans SC",monospace;--font-mono:"IBM Plex Mono","Noto Sans SC",monospace;--font-ui:"Space Mono","Noto Sans SC",monospace;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--radius:3px;--pad-sm:6px;--pad-md:10px;--pad-lg:14px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{font-family:var(--font-body);background:linear-gradient(135deg,#c0c0ce,#d0c0d8 15%,#c0c8d8 30%,#d8c8d0 50%,#c8c0d6 70%,#c0c8d0 85%,#c0c0ce);background-size:400% 400%;animation:gradientShift 20s ease infinite;color:var(--text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden}@keyframes gradientShift{0%{background-position:0 50%}25%{background-position:50% 0}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0 50%}}body:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}body:after,body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}body:after{background:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(136,102,170,.025) 0,rgba(136,102,170,.025) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(102,136,204,.025) 0,rgba(102,136,204,.025) 40px)}h1,h2,h3,h4,h5,h6{font-family:var(--font-ui);font-weight:700;line-height:1.3;text-transform:uppercase;letter-spacing:.02em}.font-pixel{font-family:var(--font-pixel)}.font-mono{font-family:var(--font-mono)}.font-ui{font-family:var(--font-ui)}.gradient-text-shimmer{background:linear-gradient(90deg,var(--accent-purple) 0,var(--accent-blue) 25%,var(--accent-pink) 50%,var(--accent-blue) 75%,var(--accent-purple) 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s ease-in-out infinite}@keyframes shimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.skeuo-card{background:linear-gradient(180deg,var(--bg-card-raised) 0,var(--bg-card) 100%);border-top:2px solid var(--border-light);border-left:2px solid var(--border-light);border-bottom:2px solid var(--border-dark);border-right:2px solid var(--border-dark);padding:var(--pad-lg);position:relative;box-shadow:var(--shadow-card);transition:box-shadow .2s ease,transform .15s ease}.skeuo-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.16),0 2px 5px rgba(0,0,0,.1)}.skeuo-window{background:var(--bg-card);border-top:2px solid var(--border-light);border-left:2px solid var(--border-light);border-bottom:2px solid var(--border-darker);border-right:2px solid var(--border-darker);overflow:hidden;box-shadow:var(--shadow-window);transition:box-shadow .3s ease}.skeuo-window-title{background:linear-gradient(180deg,#88a,#668 50%,#88a);color:var(--text-light);font-family:var(--font-ui);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.3)}.skeuo-window-title:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 0,rgba(0,0,0,.06) 3px);pointer-events:none}.skeuo-window-title-blue{background:linear-gradient(180deg,#79c,#57a 50%,#79c)}.skeuo-window-title-purple{background:linear-gradient(180deg,#97b,#769 50%,#97b)}.skeuo-window-title-pink{background:linear-gradient(180deg,#c8a,#a68 50%,#c8a)}.skeuo-window-title-green{background:linear-gradient(180deg,#6a8,#486 50%,#6a8)}.skeuo-window-title-amber{background:linear-gradient(180deg,#ca6,#a84 50%,#ca6)}.skeuo-window-title .window-dots{display:flex;gap:4px;align-items:center}.skeuo-window-title .window-dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(0,0,0,.3);box-shadow:inset 0 1px 1px hsla(0,0%,100%,.3)}.skeuo-window-body{padding:var(--pad-lg)}.skeuo-inset{background:var(--bg-inset);border-top:2px solid var(--border-dark);border-left:2px solid var(--border-dark);border-bottom:2px solid var(--border-light);border-right:2px solid var(--border-light);padding:var(--pad-md);box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.skeuo-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 16px;font-family:var(--font-ui);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;outline:none;white-space:nowrap;background:linear-gradient(180deg,var(--bg-card-raised) 0,var(--bg-card) 100%);border-top:2px solid var(--border-light);border-left:2px solid var(--border-light);border-bottom:2px solid var(--border-dark);border-right:2px solid var(--border-dark);color:var(--text-primary);transition:all .12s ease}.skeuo-btn:hover:not(:disabled){background:linear-gradient(180deg,var(--bg-input) 0,var(--bg-card-raised) 100%);box-shadow:0 1px 4px rgba(0,0,0,.1)}.skeuo-btn:active:not(:disabled){border-top:2px solid var(--border-dark);border-left:2px solid var(--border-dark);border-bottom:2px solid var(--border-light);border-right:2px solid var(--border-light);padding:7px 15px 5px 17px;box-shadow:none}.skeuo-btn:disabled{opacity:.5;cursor:not-allowed}.skeuo-btn-primary{background:linear-gradient(180deg,#79d,#57b);color:#fff;border-color:#9be #358 #358 #9be;text-shadow:0 1px 1px rgba(0,0,0,.3)}.skeuo-btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#8ae,#68c);box-shadow:0 0 14px rgba(102,136,204,.45),0 2px 4px rgba(0,0,0,.15)}.skeuo-btn-primary:active:not(:disabled){background:linear-gradient(180deg,#57b,#46a);border-color:#358 #9be #9be #358;box-shadow:none}.skeuo-btn-hint{background:linear-gradient(180deg,#eb4,#c93);color:#3a2a00;border-color:#fd7 #862 #862 #fd7;font-weight:700;text-shadow:0 1px 0 rgba(255,255,200,.4)}.skeuo-btn-hint:hover:not(:disabled){background:linear-gradient(180deg,#fc5,#da4);box-shadow:0 0 14px rgba(204,153,51,.5),0 2px 4px rgba(0,0,0,.15)}.skeuo-btn-hint:active:not(:disabled){background:linear-gradient(180deg,#c93,#b82);border-color:#862 #fd7 #fd7 #862;box-shadow:none}.skeuo-btn-green{background:linear-gradient(180deg,#5b7,#4a6);color:#fff;border-color:#7d9 #284 #284 #7d9;text-shadow:0 1px 1px rgba(0,0,0,.3)}.skeuo-btn-green:hover:not(:disabled){box-shadow:0 0 14px rgba(68,170,102,.45),0 2px 4px rgba(0,0,0,.15)}.skeuo-btn-red{background:linear-gradient(180deg,#d55,#c44);color:#fff;border-color:#e77 #822 #822 #e77;text-shadow:0 1px 1px rgba(0,0,0,.3)}.skeuo-btn-red:hover:not(:disabled){box-shadow:0 0 14px rgba(204,68,68,.4),0 2px 4px rgba(0,0,0,.15)}.skeuo-btn-amber{background:linear-gradient(180deg,#da5,#c94);color:#fff;border-color:#ec7 #862 #862 #ec7;text-shadow:0 1px 1px rgba(0,0,0,.3)}.skeuo-btn-amber:hover:not(:disabled){box-shadow:0 0 14px rgba(204,153,68,.4),0 2px 4px rgba(0,0,0,.15)}.skeuo-btn-lg{padding:8px 24px;font-size:.9rem}.skeuo-btn-full{width:100%}.skeuo-input{width:100%;background:var(--bg-input);border-top:2px solid var(--border-dark);border-left:2px solid var(--border-dark);border-bottom:2px solid var(--border-light);border-right:2px solid var(--border-light);padding:6px 10px;font-family:var(--font-mono);font-size:1rem;color:var(--text-primary);outline:none;transition:box-shadow .15s ease}.skeuo-input:focus{background:#f8f8ff;box-shadow:inset 0 0 0 1px var(--accent-blue),0 0 8px rgba(102,136,204,.2)}.skeuo-input::placeholder{color:var(--text-muted)}.skeuo-tabs{display:flex;gap:0;border-bottom:2px solid var(--border-dark);z-index:1}.skeuo-tab,.skeuo-tabs{margin-bottom:-2px;position:relative}.skeuo-tab{padding:5px 16px;font-family:var(--font-ui);font-size:.75rem;font-weight:700;text-transform:uppercase;cursor:pointer;border:none;background:var(--bg-inset);border:2px solid var(--border-dark);border-bottom:none;color:var(--text-muted);transition:color .1s}.skeuo-tab:hover{color:var(--text-secondary)}.skeuo-tab-active{background:var(--bg-card);border-top:2px solid var(--border-light);border-left:2px solid var(--border-light);border-right:2px solid var(--border-dark);color:var(--text-primary);border-bottom:2px solid var(--bg-card);z-index:2}.skeuo-progress{width:100%;height:18px;background:var(--bg-inset);border-top:2px solid var(--border-darker);border-left:2px solid var(--border-darker);border-bottom:2px solid var(--border-light);border-right:2px solid var(--border-light);padding:2px;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.skeuo-progress-fill{height:100%;background:repeating-linear-gradient(90deg,var(--accent-blue) 0,var(--accent-blue) 8px,#57a 8px,#57a 10px);transition:width .8s ease;box-shadow:0 0 10px rgba(102,136,204,.5)}.skeuo-progress-lg{height:24px;padding:3px}.skeuo-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;border-top:1px solid var(--border-light);border-left:1px solid var(--border-light);border-bottom:1px solid var(--border-dark);border-right:1px solid var(--border-dark);background:var(--bg-card-raised)}.skeuo-badge-green{background:var(--green-bg);color:var(--green);border-color:var(--green)}.skeuo-badge-red{background:var(--red-bg);color:var(--red);border-color:var(--red)}.skeuo-badge-amber{background:var(--amber-bg);color:var(--amber);border-color:var(--amber)}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-dot-green{background:var(--green);box-shadow:0 0 4px var(--green);animation:dotPulse 2s ease-in-out infinite}.status-dot-red{background:var(--red);box-shadow:0 0 4px var(--red)}@keyframes dotPulse{0%,to{box-shadow:0 0 3px var(--green)}50%{box-shadow:0 0 8px var(--green),0 0 14px var(--green)}}.skeuo-alert{padding:8px 12px;font-family:var(--font-mono);font-size:.8rem;margin-top:8px;border-top:2px solid var(--border-light);border-left:2px solid var(--border-light);border-bottom:2px solid var(--border-dark);border-right:2px solid var(--border-dark);word-break:break-all}.skeuo-alert-error{background:#fdd;color:var(--red)}.skeuo-alert-success{background:#dfd;color:var(--green)}.skeuo-alert-info{background:#ddddf8;color:var(--accent-purple)}.spinner{width:14px;height:14px;border:2px solid var(--border-mid);border-top-color:var(--accent-blue);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.stat-label{font-family:var(--font-ui);font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-bottom:2px}.number-display{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-card-accent{background:linear-gradient(135deg,rgba(136,102,170,.1),rgba(102,136,204,.1))!important;border-left:3px solid var(--accent-purple)!important}a{color:var(--text-link);text-decoration:none;transition:color .15s}a:hover{text-decoration:underline;color:var(--accent-purple)}.skeuo-divider{height:2px;background:var(--border-dark);border-bottom:1px solid var(--border-light);margin:10px 0}.section-header{text-align:center;margin-bottom:20px}.section-header h2{font-family:var(--font-pixel);font-size:2rem;color:var(--text-primary);letter-spacing:.05em}.section-header p{font-size:.85rem;color:var(--text-secondary);max-width:500px;margin:4px auto 0}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:var(--bg-inset);border-left:1px solid var(--border-dark)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--bg-card-raised),var(--bg-card));border-top:1px solid var(--border-light);border-left:1px solid var(--border-light);border-bottom:1px solid var(--border-dark);border-right:1px solid var(--border-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade{animation:fadeIn .3s ease both}.animate-slide{animation:slideDown .4s ease both}.animate-slide-up{animation:slideUp .4s ease both}.animate-scale{animation:scaleIn .35s ease both}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.price-ticker{display:flex;align-items:center;gap:10px;padding:2px 8px;font-family:var(--font-mono);font-size:.7rem;background:var(--bg-inset);border-top:1px solid var(--border-dark);border-left:1px solid var(--border-dark);border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light);box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}.price-ticker-label{color:var(--text-muted)}.price-ticker-value{color:var(--text-primary);font-weight:600}.steps-grid,.why-stake-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:10px;gap:10px}.chart-container iframe{width:100%;border:none;display:block}.sold-nft-card{background:var(--bg-card);border-top:2px solid var(--border-light);border-left:2px solid var(--border-light);border-bottom:2px solid var(--border-dark);border-right:2px solid var(--border-dark);overflow:hidden;transition:transform .15s,box-shadow .15s;box-shadow:var(--shadow-card)}.sold-nft-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.18)}.sold-nft-image{width:100%;aspect-ratio:1;object-fit:cover;display:block}.sold-nft-info{padding:8px}.sold-nft-profit{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background:var(--green-bg);color:var(--green);font-family:var(--font-mono);font-weight:700;font-size:.75rem;border:1px solid var(--green)}@keyframes float-y2k{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(3deg)}}.floating-nfts-container{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:0}.floating-nft{position:absolute;width:48px;height:48px;border-top:2px solid var(--border-light);border-left:2px solid var(--border-light);border-bottom:2px solid var(--border-dark);border-right:2px solid var(--border-dark);background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-family:var(--font-pixel);font-size:1.5rem;color:var(--accent-purple);animation:float-y2k 6s ease-in-out infinite;opacity:.25;box-shadow:0 2px 8px rgba(136,102,170,.15)}.floating-nft-sm{width:32px!important;height:32px!important;font-size:1rem!important;opacity:.18!important}.floating-nft-lg{width:64px!important;height:64px!important;font-size:2rem!important;opacity:.12!important}.floating-nft:first-child{left:5%;top:20%;animation-delay:0s;animation-duration:7s}.floating-nft:nth-child(2){left:15%;top:60%;animation-delay:-1.5s;animation-duration:8s}.floating-nft:nth-child(3){left:35%;top:15%;animation-delay:-3s;animation-duration:6s}.floating-nft:nth-child(4){left:65%;top:45%;animation-delay:-2s;animation-duration:9s}.floating-nft:nth-child(5){left:80%;top:20%;animation-delay:-4s;animation-duration:7.5s}.floating-nft:nth-child(6){left:90%;top:65%;animation-delay:-1s;animation-duration:8.5s}.floating-nft:nth-child(7){left:10%;top:40%;animation-delay:-2.5s;animation-duration:9.5s}.floating-nft:nth-child(8){left:50%;top:70%;animation-delay:-.5s;animation-duration:7s}.floating-nft:nth-child(9){left:75%;top:10%;animation-delay:-3.5s;animation-duration:8s}.floating-nft:nth-child(10){left:25%;top:80%;animation-delay:-4.5s;animation-duration:6.5s}.floating-nft:nth-child(11){left:55%;top:25%;animation-delay:-1.8s;animation-duration:10s}.floating-nft:nth-child(12){left:42%;top:55%;animation-delay:-3.2s;animation-duration:7.8s}.floating-sparkle{position:absolute;width:4px;height:4px;background:var(--accent-lavender);border-radius:50%;animation:sparkle 3s ease-in-out infinite;pointer-events:none}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.7;transform:scale(1.5)}}.header-elevated{box-shadow:var(--shadow-header)}.footer-enhanced{background:linear-gradient(180deg,var(--bg-card) 0,#b8b8c8 100%);border-top:2px solid var(--border-dark);position:relative}.footer-enhanced:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-lavender),var(--accent-pink),var(--accent-lavender),transparent)}.corner-decoration{position:relative}.corner-decoration:after,.corner-decoration:before{content:"";position:absolute;width:14px;height:14px;border-color:var(--accent-lavender);border-style:solid;opacity:.35;z-index:2}.corner-decoration:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.corner-decoration:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.crt-overlay{position:relative}.crt-overlay>.crt-lines{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.012) 0,rgba(0,0,0,.012) 4px);pointer-events:none;z-index:10}.purchase-progress-card{background:linear-gradient(180deg,var(--bg-card-raised),var(--bg-card));border-top:2px solid var(--border-light);border-left:2px solid var(--border-light);border-bottom:2px solid var(--border-dark);border-right:2px solid var(--border-dark);padding:var(--pad-lg);box-shadow:var(--shadow-card)}.progress-percentage{font-family:var(--font-pixel);font-size:2.5rem;color:var(--accent-blue)}@media (max-width:768px){.header-elevated>div{flex-wrap:wrap!important;gap:6px!important;padding:6px 10px!important}.header-elevated nav{flex-wrap:wrap!important;gap:3px!important}.header-elevated nav .skeuo-btn{padding:2px 7px!important;font-size:.62rem!important}.price-ticker{display:none}.header-elevated .skeuo-inset{font-size:.65rem!important;padding:2px 6px!important}.steps-grid,.why-stake-grid{grid-template-columns:1fr}.skeuo-window-body{padding:8px 10px!important}.skeuo-window-title{padding:4px 8px!important;font-size:.68rem!important}.stat-label{font-size:.58rem!important}.number-display{font-size:.95rem!important}.section-header h2{font-size:1.3rem!important}.section-header p{font-size:.75rem!important}.footer-enhanced{padding:12px 10px!important}.floating-nft{width:32px!important;height:32px!important;font-size:1rem!important}.floating-nft-lg{width:40px!important;height:40px!important;font-size:1.2rem!important}.floating-sparkle{display:none}.skeuo-btn-lg{padding:6px 14px!important;font-size:.8rem!important}.dashboard-top-row{grid-template-columns:1fr!important}.dashboard-top-row>div:last-child{flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important}.dashboard-actions-row{grid-template-columns:1fr!important}}@media (max-width:480px){.header-elevated>div>div:first-child{gap:6px!important}.header-elevated nav .skeuo-btn{padding:2px 5px!important;font-size:.58rem!important}.skeuo-window-title{font-size:.62rem!important}h1{font-size:2rem!important}}.tutorial-highlight{border:2px solid var(--amber);border-radius:3px;box-shadow:0 0 0 9999px rgba(0,0,0,.55);pointer-events:none;transition:top .4s ease,left .4s ease,width .4s ease,height .4s ease}.tutorial-tooltip{pointer-events:all;max-width:360px;box-shadow:var(--shadow-window),0 0 20px rgba(204,153,68,.35);animation:tutorialFadeIn .3s ease;background:#f0e8d0}@keyframes tutorialFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tutorial-tooltip .skeuo-window-body{background:#f5ecd4}.tutorial-text-box{background:#e8d8a8;border-color:#c0a868 #fff8e0 #fff8e0 #c0a868;border-style:solid;border-width:2px;border-radius:2px;padding:10px 12px;margin:10px 0 14px}.tutorial-text{font-family:var(--font-ui);font-size:.82rem;color:#3a2a00;line-height:1.55;margin:0}.tutorial-nav{display:flex;justify-content:space-between;align-items:center}.tutorial-step-indicator{display:flex;gap:6px;justify-content:center}.tutorial-dot{width:8px;height:8px;border-radius:50%;background:var(--bg-inset);border:1px solid var(--border-dark);transition:background .2s,box-shadow .2s}.tutorial-dot-active{background:var(--amber);border-color:var(--amber);box-shadow:0 0 6px rgba(204,153,68,.5)}.tutorial-dot-done{background:#da4;border-color:#b82}.tutorial-key-hint{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);text-align:center;margin-top:8px}@media (max-width:768px){.tutorial-tooltip{max-width:calc(100vw - 32px);width:calc(100vw - 32px)!important;left:16px!important}}.countdown-page{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:40px 16px;animation:countdownFadeIn .6s ease-out}@keyframes countdownFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.countdown-content{width:90%;max-width:520px}.countdown-window{box-shadow:0 8px 40px rgba(0,0,0,.35),0 0 60px rgba(136,102,170,.15),inset 0 1px 0 var(--border-light)}.countdown-body{padding:28px 24px 24px!important;text-align:center}.countdown-logo{gap:12px;margin-bottom:8px}.countdown-logo,.countdown-logo-icon{display:flex;align-items:center;justify-content:center}.countdown-logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));border-color:#a8c #458 #458 #a8c;border-style:solid;border-width:2px;color:#fff;font-family:var(--font-pixel);font-size:1.8rem;box-shadow:0 0 16px rgba(136,102,170,.5)}.countdown-logo-text{font-family:var(--font-pixel);font-size:2.2rem;color:var(--text-primary);line-height:1}.countdown-subtitle{font-family:var(--font-ui);font-size:.85rem;color:var(--text-secondary);margin-bottom:24px;text-transform:uppercase;letter-spacing:.1em}.countdown-timer{display:flex;align-items:flex-start;justify-content:center;gap:6px;margin-bottom:20px}.countdown-unit{display:flex;flex-direction:column;align-items:center;gap:6px}.countdown-block{width:72px;height:72px;background:var(--bg-inset);border-top:2px solid var(--border-darker);border-left:2px solid var(--border-darker);border-bottom:2px solid var(--border-light);border-right:2px solid var(--border-light);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text-primary);box-shadow:inset 0 2px 6px rgba(0,0,0,.15);transition:color .3s}.countdown-block,.countdown-separator{font-family:var(--font-pixel);font-size:2.4rem}.countdown-separator{color:var(--text-muted);padding-top:16px;line-height:1;animation:separatorBlink 1s step-end infinite}@keyframes separatorBlink{0%,to{opacity:1}50%{opacity:.3}}.countdown-label{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.countdown-pulse{animation:countdownPulse 1s ease-in-out infinite}@keyframes countdownPulse{0%,to{box-shadow:inset 0 2px 6px rgba(0,0,0,.15)}50%{box-shadow:inset 0 2px 6px rgba(0,0,0,.15),0 0 16px rgba(204,68,68,.35)}}.countdown-pulse{color:var(--red)}.countdown-tagline{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase}@media (max-width:520px){.countdown-body{padding:20px 16px 18px!important}.countdown-logo-icon{width:36px;height:36px;font-size:1.4rem}.countdown-logo-text{font-size:1.6rem}.countdown-subtitle{font-size:.75rem;margin-bottom:18px}.countdown-block{width:56px;height:56px;font-size:1.8rem}.countdown-separator{font-size:1.8rem;padding-top:12px}.countdown-timer{gap:4px}}