:root{--primary-color:#0fc;--secondary-color:#f0c;--bg-color:#05050f;--text-main:#fff;--text-muted:#a0a0b0;--glass-bg:#14142366;--glass-border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-color);overscroll-behavior-y:auto;touch-action:pan-x pan-y;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-main);-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;touch-action:pan-x pan-y;width:100%;min-height:100dvh;font-family:Outfit,system-ui,sans-serif;overflow:hidden auto}#bg-canvas{z-index:0;pointer-events:none;touch-action:pan-y pinch-zoom;width:auto;height:auto;position:fixed;inset:0}.content-wrapper{z-index:10;width:100%;position:relative;overflow-x:hidden}section{justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:2rem;display:flex;position:relative}.hero-section{flex-direction:column}.hero-left-text{align-self:flex-start;max-width:600px;margin-left:5%}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;width:100%;max-width:600px;padding:3rem;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px #0000005e}.glass-panel:hover{transform:translateY(-5px);box-shadow:0 15px 45px #00ffcc1a}.right-aligned{margin-left:auto;margin-right:10%}.left-aligned{margin-left:10%;margin-right:auto}.center-aligned{text-align:center;margin:0 auto}.faq-panel{max-width:min(640px,100%)}.faq-intro{text-align:left;max-width:36rem;margin:0 0 .25rem}.faq-illustration{width:100%;max-width:100%;height:auto;box-shadow:none;border:0;border-radius:0;margin:1rem 0 1.25rem;display:block}#tokenomics .faq-illustration{width:80%;max-width:80%}.faq-accordion{text-align:left;flex-direction:column;gap:.5rem;width:100%;margin:1rem 0 1.5rem;display:flex}.faq-item{border:1px solid var(--glass-border);background:#00000038;border-radius:14px;transition:border-color .2s,background .2s}.faq-item:hover{border-color:#00ffcc59}.faq-item[open]{background:#00000047}.faq-question{cursor:pointer;color:#fffffff2;-webkit-user-select:none;user-select:none;padding:.95rem 2.75rem .95rem 1.1rem;font-size:.98rem;font-weight:600;line-height:1.35;list-style:none;position:relative}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"";border-bottom:2px solid #00ffccbf;border-right:2px solid #00ffccbf;width:.45rem;height:.45rem;transition:transform .2s;position:absolute;top:50%;right:1.1rem;transform:translateY(-65%)rotate(45deg)}.faq-item[open] .faq-question:after{transform:translateY(-35%)rotate(225deg)}.faq-item[open] .faq-question{border-bottom:1px solid var(--glass-border)}.faq-answer{color:#ffffffd1;padding:0 1.1rem 1.05rem;font-size:.94rem;line-height:1.58}.faq-answer p{margin:0}.gameplay-showcase-section,#tokenomics.gameplay-section,section#faq.footer-section{padding-top:2.5rem;padding-bottom:2.5rem}#tokenomics .glass-panel{margin-bottom:2rem}section#faq.footer-section .glass-panel.faq-panel{margin-top:2rem}.glass-panel.gameplay-panel{max-width:min(680px,100%)}.gameplay-modes-slideshow{flex-direction:column;gap:1rem;width:100%;margin-top:0;margin-bottom:.25rem;display:flex}.gameplay-mini-heading{letter-spacing:.14em;text-transform:uppercase;color:#d0f6ffe6;margin:.2rem 0 .18rem;font-family:Syne,Outfit,system-ui,sans-serif;font-size:.72rem;font-weight:800;line-height:1}.gameplay-mini-heading--spaced{margin-top:.75rem}.gameplay-panel>.action-btn{margin-top:1.25rem}.gameplay-slideshow-viewport{aspect-ratio:16/9;background:#060a16e6;border:1px solid #7cf7ff47;border-radius:18px;width:100%;margin-top:.4rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000059,0 12px 40px #00000073}.gameplay-slide{opacity:0;visibility:hidden;pointer-events:none;margin:0;transition:opacity .55s,visibility .55s;position:absolute;inset:0}.gameplay-slide.is-active{opacity:1;visibility:visible;z-index:1;pointer-events:auto}.gameplay-slide img{object-fit:contain;background:radial-gradient(at 50% 40%,#1e325a80,#050812f2);width:100%;height:100%;display:block}.gameplay-slide-label{letter-spacing:.12em;text-transform:uppercase;color:#e8fbfff5;text-shadow:0 1px 8px #000000d9;background:linear-gradient(#0000,#040812eb);margin:0;padding:.55rem 1rem;font-family:Syne,Outfit,system-ui,sans-serif;font-size:.78rem;font-weight:700;position:absolute;bottom:0;left:0;right:0}.gameplay-slideshow-caption{color:var(--text-muted);max-width:none;margin:0;font-family:Outfit,system-ui,sans-serif;font-size:.95rem;line-height:1.55}.gameplay-slideshow-dots{justify-content:center;align-items:center;gap:.5rem;display:flex}.gameplay-slideshow-dot{cursor:pointer;background:#7cf7ff47;border:none;border-radius:50%;width:9px;height:9px;padding:0;transition:background .2s,transform .15s}.gameplay-slideshow-dot:hover,.gameplay-slideshow-dot:focus-visible{background:#7cf7ff8c;outline:none}.gameplay-slideshow-dot.is-active{background:#7cf7fff2;transform:scale(1.15)}.how-slideshow{flex-direction:column;gap:.75rem;width:100%;margin-top:0;display:flex}.how-slideshow-viewport{aspect-ratio:16/12.5;background:#060a16e0;border:1px solid #7cf7ff3d;border-radius:18px;width:100%;margin-top:.4rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000059,0 10px 30px #00000059}.how-slide{opacity:0;visibility:hidden;pointer-events:none;grid-template-rows:1fr;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch;gap:0;margin:0;transition:opacity .45s,visibility .45s;display:grid;position:absolute;inset:0}.how-slide.is-active{opacity:1;visibility:visible;z-index:1;pointer-events:auto}.how-slide__media{justify-content:flex-start;align-items:center;height:100%;padding:.55rem .45rem .55rem .7rem;display:flex}.how-slide img{object-fit:contain;object-position:left center;background:radial-gradient(at 50% 40%,#1e325a80,#050812f2);width:auto;max-width:100%;height:auto;max-height:100%;display:block}.how-slide__copy{background:linear-gradient(#0a162ce6 0%,#060d1ce6 100%);border-left:1px solid #7cf7ff33;flex-direction:column;justify-content:flex-start;align-self:stretch;gap:.45rem;height:100%;min-height:100%;margin:0;padding:.9rem 1rem .95rem;display:flex}.how-slide__copy h3{letter-spacing:.1em;text-transform:uppercase;color:#e8fbfff2;margin:0;font-family:Syne,Outfit,system-ui,sans-serif;font-size:.82rem;font-weight:700}.how-slide__copy p{color:#d2e9f8e6;margin:0;font-size:.8rem;line-height:1.45}.how-slideshow-nav{z-index:3;color:#e2fbfffa;cursor:pointer;background:#050e1cc7;border:1px solid #7cf7ff6b;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:transform .15s,background .2s,border-color .2s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.how-slideshow-nav--prev{left:.6rem}.how-slideshow-nav--next{right:.6rem}.how-slideshow-nav:hover,.how-slideshow-nav:focus-visible{background:#0e1c37eb;border-color:#7cf7ffb8;outline:none}.how-slideshow-caption{margin-top:.2rem}.how-slideshow-dots{justify-content:center;align-items:center;gap:.5rem;display:flex}.how-slideshow-dot{cursor:pointer;background:#7cf7ff47;border:none;border-radius:50%;width:9px;height:9px;padding:0;transition:background .2s,transform .15s}.how-slideshow-dot:hover,.how-slideshow-dot:focus-visible{background:#7cf7ff8c;outline:none}.how-slideshow-dot.is-active{background:#7cf7fff2;transform:scale(1.15)}@media (width<=768px){.how-slideshow-viewport{aspect-ratio:16/14}.how-slide{grid-template-rows:1fr;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}.how-slide__media{padding:.45rem .35rem .45rem .5rem}.how-slide__copy{border-top:0;border-left:1px solid #7cf7ff33;gap:.3rem;padding:.55rem .6rem}.how-slide__copy h3{font-size:.72rem}.how-slide__copy p{font-size:.68rem;line-height:1.35}}@media (prefers-reduced-motion:reduce){.gameplay-slide,.how-slide{transition:none}}h1{color:#f2feff;text-transform:uppercase;letter-spacing:clamp(.05em,.6vw,.14em);word-break:break-word;overflow-wrap:anywhere;text-shadow:0 0 6px #bafcfff2,0 0 14px #7cf7ff8c,0 0 22px #7cf7ff59,0 1px #ffffff59;margin-bottom:1rem;font-family:Syne,Outfit,system-ui,sans-serif;font-size:clamp(2rem,8.2vw,4rem);font-weight:800;line-height:1.1}.hero-left-text h1.hero-title{letter-spacing:0;flex-wrap:wrap;align-items:baseline;gap:.28em .42em;display:flex}.hero-left-text h1.hero-title .hero-title__shiba{letter-spacing:clamp(.2em,1.8vw,.42em);transform-origin:0;display:inline-block;transform:scaleX(1.14)}.hero-left-text h1.hero-title .hero-title__astroverse{letter-spacing:clamp(.04em,.45vw,.12em);width:100%;font-size:.64em;display:block}h2{color:var(--primary-color);margin-bottom:1.5rem;font-family:Syne,Outfit,system-ui,sans-serif;font-size:2.5rem;font-weight:700}.mode-beta-tag{color:#ffeba6f2;letter-spacing:.08em;text-transform:uppercase;background:#ffe06629;border:1px solid #ffe06673;border-radius:999px;justify-content:center;align-items:center;padding:1px 7px;font-family:Outfit,system-ui,sans-serif;font-weight:700;line-height:1;display:inline-flex}h2 .mode-beta-tag{vertical-align:super;margin-left:.18em;font-size:.38em;position:relative;top:-.04em}@media (width>=900px){h2 .mode-beta-tag{padding:2px 10px;font-size:.36em}}p{color:var(--text-muted);margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.subtitle{color:var(--text-main);letter-spacing:1px;font-size:.95rem;font-weight:300}.subtitle-highlight{color:#b9f4ff;text-shadow:0 0 8px #7cf7ff59;font-weight:500}.enter-astroverse-btn{isolation:isolate;letter-spacing:.14em;text-transform:uppercase;color:#f2feff;text-shadow:0 0 6px #bafcfff2,0 0 14px #7cf7ff8c,0 0 22px #7cf7ff59,0 1px #ffffff59;cursor:pointer;background:linear-gradient(168deg,#1a345cfa 0%,#0d1b38fa 100%);border:1px solid #7cf7ff59;border-radius:12px;justify-content:center;align-items:center;padding:14px 8px 14px 18px;font-family:Syne,Outfit,system-ui,sans-serif;font-size:1rem;font-weight:800;transition:background .2s,border-color .2s,box-shadow .2s,transform .12s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #a8f7ff3d,inset 0 -1px #00000059,inset 0 0 0 1px #7cf7ff29,0 10px 24px #0000006b,0 0 18px #7cf7ff42}.enter-astroverse-btn:hover,.enter-astroverse-btn:focus-visible{background:linear-gradient(168deg,#214070fa 0%,#102243fa 100%);border-color:#7cf7ff7a;outline:none;box-shadow:inset 0 1px #a8f7ff47,inset 0 -1px #00000059,inset 0 0 0 1px #7cf7ff33,0 0 14px #7cf7ff3d,0 10px 24px #0000006b,0 0 22px #7cf7ff52}.enter-astroverse-btn:active{transform:scale(.98)}.enter-astroverse-btn__logo{object-fit:contain;filter:drop-shadow(0 0 6px #7cf7ff73);width:clamp(24px,2.15vw,32px);height:clamp(24px,2.15vw,32px);margin-left:.1rem;margin-right:.1rem;display:block}.hero-logos-row{justify-content:flex-start;align-items:center;gap:.7rem;width:auto;max-width:100%;margin-top:1rem;margin-left:0;padding-left:0;display:flex}.hero-logos-row__img{object-fit:contain;width:auto;max-width:11.5rem;height:auto;display:block}.hero-logos-row__img--cmc{max-width:12.75rem}.hero-logos-row__img--uni{max-width:11.5rem}.feature-list{margin-bottom:2rem;list-style:none}.feature-list li{color:#fffffff2;align-items:center;gap:10px;margin-bottom:.5rem;font-size:.98rem;font-weight:600;line-height:1.35;display:flex}.action-btn{color:var(--text-main);border:2px solid var(--primary-color);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border-radius:50px;padding:1rem 2.5rem;font-family:inherit;font-size:1.125rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.action-btn:before{content:"";background:var(--primary-color);z-index:-1;width:100%;height:100%;transition:all .4s;position:absolute;top:0;left:-100%}.action-btn:hover:before{left:0}.action-btn:hover{color:var(--bg-color);box-shadow:0 0 20px var(--primary-color)}.action-btn.glow{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));z-index:1;border:none}.action-btn.glow:before{background:linear-gradient(135deg, var(--secondary-color), var(--primary-color))}.scroll-indicator{padding-bottom:max(.75rem, env(safe-area-inset-bottom,0px));opacity:.7;flex-direction:column;align-self:center;align-items:center;gap:10px;margin-top:auto;animation:2s infinite bounce;display:flex;position:relative}.scroll-indicator span{text-transform:uppercase;letter-spacing:2px;font-size:.875rem}.arrow-down{border-right:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);width:20px;height:20px;transform:rotate(45deg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.hero-section{padding-top:8rem;padding-bottom:max(1rem, env(safe-area-inset-bottom,0px));flex-direction:column;justify-content:flex-start;align-items:stretch}.glass-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);z-index:100;border-radius:24px;justify-content:center;align-items:center;width:fit-content;max-width:min(36rem,100vw - 2.5rem);padding:1rem 1.5rem;transition:transform .3s;display:flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000005e}.glass-header-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem 1.25rem;width:100%;display:flex}.glass-header nav{flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}.glass-header-social{align-items:center;gap:.65rem;display:flex}.glass-header-social-link{color:#fff;justify-content:center;align-items:center;text-decoration:none;transition:color .25s,opacity .25s;display:inline-flex}.glass-header-social-link:hover,.glass-header-social-link:focus-visible{color:#fff;opacity:.85;outline:none}.glass-header-social-circle{background:#ffffff0f;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:1.645rem;min-width:1.645rem;height:1.645rem;min-height:1.645rem;transition:border-color .25s,background .25s;display:inline-flex}.glass-header-social-link:hover .glass-header-social-circle,.glass-header-social-link:focus-visible .glass-header-social-circle{background:#ffffff1a;border-color:#ffffff73}.glass-header-social-icon{width:58%;max-width:.77rem;height:58%;max-height:.77rem;display:block}.glass-header-social-icon--x{transform:translateY(.5px)}.glass-header-social-icon--telegram{width:78%;max-width:.9rem;height:78%;max-height:.9rem}.glass-header nav a{color:var(--text-main);letter-spacing:1px;text-transform:uppercase;font-family:Syne,Outfit,system-ui,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;transition:color .3s}.glass-header nav a:hover{color:var(--primary-color)}.small-btn{border-width:1px;min-width:110px;padding:.6rem 1.5rem;font-size:.85rem}.glass-footer{-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--glass-border);text-align:center;background:#0a0a0f99;margin-top:2rem;padding:4rem 2rem 2rem;overflow-x:hidden}.footer-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.2rem;max-width:1000px;margin:0 auto 3rem;display:flex}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.75rem;display:flex}.footer-social-link{color:var(--text-muted);align-items:center;gap:.55rem;font-family:Syne,Outfit,system-ui,sans-serif;text-decoration:none;transition:color .3s;display:inline-flex}.footer-social-link:hover,.footer-social-link:focus-visible{color:var(--primary-color);outline:none}.footer-social-circle{background:#7cf7ff12;border:1px solid #7cf7ff38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;min-width:2.5rem;height:2.5rem;min-height:2.5rem;transition:border-color .3s,background .3s;display:inline-flex}.footer-social-link:hover .footer-social-circle,.footer-social-link:focus-visible .footer-social-circle{background:#7cf7ff1f;border-color:#7cf7ff7a}.footer-social-circle .footer-social-icon{width:58%;max-width:1.2rem;height:58%;max-height:1.2rem;display:block}.footer-social-circle .footer-social-icon--x{transform:translateY(.5px)}.footer-social-circle .footer-social-icon--telegram{width:78%;max-width:1.38rem;height:78%;max-height:1.38rem}.footer-social-label{letter-spacing:.06em;text-transform:uppercase;font-size:.9rem;font-weight:600;line-height:1}.copyright{color:var(--text-muted);border-top:1px solid #ffffff0d;margin-bottom:0;padding-top:2rem;font-size:.8rem}@media (width<=768px){.hero-section{justify-content:flex-start;align-items:stretch;padding-top:13.5rem}section:not(.hero-section){align-items:flex-end}section{padding:1rem;padding-bottom:max(2rem, env(safe-area-inset-bottom,0px))}#gameplay.gameplay-showcase-section,#tokenomics.gameplay-section,section#faq.footer-section{padding-top:2.5rem;padding-bottom:max(2.5rem, 2rem, env(safe-area-inset-bottom,0px))}h1{letter-spacing:.04em;font-size:clamp(1.45rem,8.3vw,2rem);line-height:1.12}h2{font-size:1.5rem}p{margin-bottom:1rem;font-size:1rem}.subtitle{font-size:.72rem}.glass-panel{width:100%;margin:0;padding:1.5rem}.right-aligned,.left-aligned,.center-aligned{margin-left:0;margin-right:0}#tokenomics .glass-panel{margin-bottom:2.25rem}section#faq.footer-section .glass-panel.faq-panel{margin-top:2.25rem}.hero-left-text{width:100%;margin-bottom:2rem;margin-left:0;padding:0 1rem}.action-btn{width:100%;padding:.8rem 1.5rem;font-size:1rem}.enter-astroverse-btn{align-self:flex-start;width:auto;padding:9px 11px;font-size:.64rem}.hero-logos-row{gap:.6rem;width:auto;max-width:100%;margin-top:.8rem;padding-left:0}.hero-logos-row__img{max-width:8.25rem}.hero-logos-row__img--cmc{max-width:9rem}.hero-logos-row__img--uni{max-width:8.25rem}.scroll-indicator{padding-bottom:max(.5rem, env(safe-area-inset-bottom,0px));margin-top:auto}.glass-header{width:calc(100% - 5.25rem);max-width:min(36rem,100vw - 2.25rem);top:max(.5rem, env(safe-area-inset-top));border-radius:16px;padding:.65rem .75rem}.glass-header-bar{flex-flow:row;justify-content:center;align-items:center;gap:.5rem .55rem}.glass-header nav{flex-wrap:nowrap;flex:0 auto;justify-content:center;gap:.45rem;min-width:0}.glass-header nav a{letter-spacing:.04em;white-space:nowrap;font-size:clamp(.58rem,2.8vw,.72rem)}.glass-header-social{flex-shrink:0;gap:.35rem}.glass-header-social-circle{width:1.33rem;min-width:1.33rem;height:1.33rem;min-height:1.33rem}.glass-header-social-icon{max-width:.665rem;max-height:.665rem}.glass-header-social-icon--telegram{max-width:.77rem;max-height:.77rem}.small-btn{width:auto}.footer-content{flex-direction:column;gap:2rem;margin-bottom:2rem}.gameplay-slide-label{padding:.45rem .75rem;font-size:.68rem}.gameplay-slideshow-caption{text-align:center;max-width:none;font-size:.88rem}.footer-links{gap:.85rem 1.25rem}.footer-social-circle{width:2.2rem;min-width:2.2rem;height:2.2rem;min-height:2.2rem}.footer-social-circle .footer-social-icon{max-width:1.05rem;max-height:1.05rem}.footer-social-circle .footer-social-icon--telegram{max-width:1.22rem;max-height:1.22rem}.footer-social-label{letter-spacing:.06em;font-size:.78rem}.copyright{font-size:.72rem}.loading-label{font-size:.75rem}}#loading-screen{z-index:9999;background:radial-gradient(100% 70% at 50% -10%,#a8f7ff38 0%,#0000 55%),radial-gradient(80% 50% at 50% 100%,#7cf7ff14 0%,#0000 50%),linear-gradient(168deg,#0f1a32 0%,#080d1a 40%,#05050f 100%);justify-content:center;align-items:center;width:100%;height:100dvh;min-height:100dvh;transition:opacity .8s,visibility .8s;display:flex;position:fixed;top:0;left:0}.loader{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.loading-label{white-space:nowrap;letter-spacing:4px;color:#f2feff;text-transform:uppercase;text-shadow:0 0 8px #bafcfff2,0 0 18px #7cf7ff8c,0 0 28px #7cf7ff59;align-items:baseline;font-family:Syne,Outfit,system-ui,sans-serif;font-size:.75rem;font-weight:700;animation:2s infinite pulse;display:inline-flex}.loading-text{letter-spacing:inherit}.loading-dots{letter-spacing:0;grid-template-columns:1ch 1ch 1ch;justify-items:center;width:3ch;min-width:3ch;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;display:inline-grid}.loading-dot{opacity:0;line-height:1;animation-duration:1.15s;animation-timing-function:step-end;animation-iteration-count:infinite;display:block}.loading-dot:first-child{animation-name:loading-dot-1}.loading-dot:nth-child(2){animation-name:loading-dot-2}.loading-dot:nth-child(3){animation-name:loading-dot-3}.progress-bar-container{background:#7cf7ff2e;width:200px;height:2px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #7cf7ff1f}#progress-bar{background:linear-gradient(90deg,#7cf7fff2 0%,#c8fcff 45%,#7cf7ffd9 100%);width:0%;height:100%;transition:width .1s;position:absolute;top:0;left:0;box-shadow:0 0 12px #7cf7ff73}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes loading-dot-1{0%,9%{opacity:0}10%,64%{opacity:1}65%,to{opacity:0}}@keyframes loading-dot-2{0%,24%{opacity:0}25%,64%{opacity:1}65%,to{opacity:0}}@keyframes loading-dot-3{0%,39%{opacity:0}40%,64%{opacity:1}65%,to{opacity:0}}.hidden{opacity:0;visibility:hidden;pointer-events:none}