@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg-color:#f6f8fb;--bg-secondary:#fff;--text-color:#0f1c2e;--text-secondary:#4e658d;--border-color:#1c71d81f;--accent-color:#1c71d8;--btn-bg:var(--accent-color);--btn-text:#fff;--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--spacing-sm:1rem;--spacing-md:2.5rem;--spacing-lg:6rem;--spacing-xl:10rem}[data-theme=dark]{--bg-color:#090e15;--bg-secondary:#141e2d;--text-color:#f1f5f9;--text-secondary:#94a7c2;--border-color:#4898f729;--accent-color:#4898f7;--btn-bg:var(--accent-color);--btn-text:#fff;--footer-bg:#060a10}[data-theme=dark] .vote-main-card,[data-theme=dark] .vote-top-card{background:var(--bg-secondary);box-shadow:0 20px 40px #0003}[data-theme=dark] .top-title,[data-theme=dark] .vote-perk,[data-theme=dark] .vote-title{color:var(--text-color)}[data-theme=dark] .vote-btn-both{color:#587361;background:#2a382e}[data-theme=dark] .navbar:before{background:#141e2df2}[data-theme=dark] .nav-links a{color:var(--text-secondary)}[data-theme=dark] .nav-links a:hover{color:var(--text-color)}[data-theme=dark] .nav-btn{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}[data-theme=dark] .nav-btn:hover{color:var(--text-color);background:0 0}[data-theme=dark] .bento-circle-btn,[data-theme=dark] .bento-pill-small,[data-theme=dark] .community-icon-circle{background:var(--bg-color);color:var(--text-color);border-color:var(--border-color)}*{box-sizing:border-box;margin:0;padding:0}::selection{color:inherit;background:#1c71d838}html{scrollbar-width:thin;scrollbar-color:var(--accent-color,#1c71d8) transparent}::-moz-selection{color:inherit;background:#1c71d838}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{opacity:.35;border:2px solid #0000;border-radius:999px;transition:opacity .25s,background-color .25s}::-webkit-scrollbar-thumb{background:var(--accent-color,#1c71d8);background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--accent-color,#1c71d8);background-clip:content-box}::-webkit-scrollbar-thumb:hover{opacity:.65}body,html{transition:background-color .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1)}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);letter-spacing:-.022em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;font-weight:400;line-height:1.47059;overflow-x:hidden}:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px;border-radius:6px}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.preloader{background-color:var(--bg-secondary);width:100vw;height:100vh;color:var(--text-color);z-index:10000;flex-direction:column;position:fixed;top:0;left:0}.preloader,.preloader-logo{justify-content:center;align-items:center;display:flex}.preloader-percent{font-size:3rem;font-weight:300;font-family:var(--font-main);opacity:0}h1,h2,h3,h4{letter-spacing:-.04em;font-weight:700}.motion-line{vertical-align:top;padding-bottom:.1em;display:inline-block;overflow:hidden}.motion-text{display:inline-block;transform:translateY(0)}.container{max-width:1200px;margin:0 auto;padding:0 5vw}.navbar{z-index:1000;align-items:center;width:100%;max-width:1080px;height:76px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.navbar:before{content:"";-webkit-backdrop-filter:saturate(180%)blur(20px);transform-origin:top;z-index:-1;background:#fffffff2;border-bottom-right-radius:14px;border-bottom-left-radius:14px;width:100%;height:130%;position:absolute;top:0;left:0;transform:perspective(250px)rotateX(-25deg);box-shadow:0 12px 28px #0000000f}.nav-content{align-items:center;width:100%;padding:0 3.5rem;display:flex;position:relative}.nav-links{gap:3.5rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-links a{color:#4a5568;opacity:.9;font-size:15.5px;font-weight:600;transition:color .3s cubic-bezier(.16,1,.3,1),opacity .3s}.nav-links a:hover{opacity:1;color:var(--text-color)}.logo{letter-spacing:-.02em;align-items:center;font-size:19px;font-weight:700;display:flex}.logo img{-o-object-fit:contain;object-fit:contain;height:52px}.nav-actions{align-items:center;gap:1.5rem;margin-left:auto;display:flex}.nav-login{color:#fff;background:var(--text-color);border:1px solid var(--text-color);border-radius:50px;margin-right:.5rem;padding:.5rem 1.2rem;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}.nav-login:hover{color:var(--text-color);background:#fff}.nav-btn{background:var(--text-color);color:#fff;border:1px solid var(--text-color);border-radius:20px;padding:.6rem 1.2rem;font-size:13px;font-weight:600;transition:transform .3s,background-color .3s,color .3s}.nav-btn:hover{color:var(--text-color);background:#fff;transform:scale(1.05)}.server-status{background:var(--bg-secondary);z-index:99;border:1px solid var(--border-color);border-radius:30px;align-items:center;gap:.8rem;padding:.8rem 1.2rem;font-size:.85rem;font-weight:500;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 30px #00000014}.status-dot{background-color:#34c759;border-radius:50%;width:8px;height:8px}.status-ip{color:var(--accent-color);cursor:pointer;font-weight:600}.btn-primary{background-color:var(--btn-bg);color:var(--btn-text);text-align:center;border-radius:30px;padding:.8rem 1.8rem;font-size:17px;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-block}.btn-primary:hover{background-color:#000;transform:translateY(-2px)}.btn-primary:active{transform:scale(.96)}.btn-secondary{color:var(--accent-color);border:1px solid var(--accent-color);background-color:#0000;border-radius:30px;padding:.8rem 1.8rem;font-size:17px;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-block}.btn-secondary:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-2px)}.btn-secondary:active{transform:scale(.96)}.hero-bento{background-color:var(--bg-color);z-index:1;border-radius:0 0 60px 60px;justify-content:center;align-items:center;min-height:100vh;padding-top:100px;padding-bottom:2rem;display:flex;position:sticky;top:0}.page-hero.hero-bento{min-height:auto;position:relative;top:auto}.bento-container{grid-template-columns:repeat(12,1fr);gap:1.2rem;width:95vw;max-width:1300px;margin:0 auto;display:grid}.bento-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:30px;padding:1.8rem;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #fff3,0 4px 20px #00000008}.bento-title-card{box-shadow:none;background:0 0;flex-direction:column;grid-column:span 6;justify-content:center;padding:1rem 1.5rem 1.5rem 0;display:flex}.bento-title-card .hero-title{letter-spacing:-.05em;margin-bottom:1rem;font-size:clamp(3rem,6.5vw,5.5rem);font-weight:800;line-height:1.05}.title-desc{color:var(--text-secondary);max-width:90%;margin-bottom:2.5rem;font-size:1.15rem;line-height:1.5}.bento-pill-btn{border:1px solid var(--text-color);color:var(--bg-secondary);background:var(--text-color);border-radius:50px;align-items:center;width:max-content;padding:.5rem .5rem .5rem 1.5rem;font-weight:600;transition:all .3s;display:inline-flex}.bento-pill-btn span{margin-right:1.5rem}.bento-pill-btn .pill-icon{background:var(--bg-secondary);color:var(--text-color);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s,background-color .3s,color .3s;display:flex}.bento-pill-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.bento-pill-btn:hover .pill-icon{color:var(--accent-color);background:#fff}.bento-image-large{grid-column:span 6;min-height:280px;max-height:350px;padding:0}.bento-image-large img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.bento-overlay{color:#fff;text-shadow:0 2px 10px #00000080;gap:1rem;position:absolute;bottom:2rem;left:2rem}.bento-overlay,.overlay-icon{align-items:center;display:flex}.overlay-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;justify-content:center;width:50px;height:50px}.overlay-text h3{margin-bottom:.2rem;font-size:1.5rem}.overlay-text p{opacity:.8;font-size:.9rem}.bento-boutique{background:#ff7b0014;flex-direction:column;grid-column:span 3;justify-content:flex-end;min-height:220px;display:flex;position:relative}.bento-boutique h3{margin-bottom:.5rem;font-size:1.4rem;line-height:1.1}.bento-boutique p{color:#a85d1e;font-size:.9rem;font-weight:500}.bento-circle-btn{width:44px;height:44px;color:var(--text-color);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s;display:flex;position:absolute;bottom:2rem;right:2rem;box-shadow:0 4px 10px #0000000d}.bento-boutique:hover .bento-circle-btn{transform:scale(1.1)rotate(45deg)}.bento-community{background:#2a73460d;grid-column:span 3;min-height:220px;position:relative}.bento-avatars{z-index:2;display:flex;position:absolute;top:45%;transform:translateY(-50%)}.bento-avatars img{-o-object-fit:cover;object-fit:cover;background:#fff;border:3px solid #f1f2f4;border-radius:50%;width:45px;height:45px;margin-left:-12px;box-shadow:0 4px 10px #0000001a}.bento-avatars img:first-child{margin-left:0}.bento-pill-small{background:#fff;border-radius:30px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;transition:transform .3s;display:inline-flex;position:absolute;bottom:2rem;right:2rem;box-shadow:0 4px 10px #0000000d}.bento-pill-small:hover{transform:translateY(-3px)}.community-avatars{top:40%;left:2rem;transform:translateY(-50%)}.community-avatars img{border-width:4px;width:80px;height:80px;margin-left:-20px}.community-icon-circle{border:3px solid var(--bg-secondary);width:70px;height:70px;color:var(--text-color);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #00000014}.bento-stats{background:var(--bg-secondary);text-align:left;flex-direction:column;grid-column:span 3;justify-content:flex-end;min-height:220px;padding:2rem;display:flex;position:relative}.bento-stats .bento-avatars,.bento-wiki .bento-avatars{top:30%;left:2rem;transform:translateY(-50%)}.bento-stats h2{color:var(--text-color);margin-bottom:.5rem;font-size:3rem;font-weight:800;line-height:1}.bento-stats p{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.bento-wiki{background:var(--bg-secondary);flex-direction:column;grid-column:span 3;justify-content:flex-end;min-height:220px;padding:2rem;display:flex;position:relative}.bento-wiki h2{color:var(--text-color);margin-bottom:.5rem;font-size:3rem;font-weight:800;line-height:1}.bento-wiki p{color:var(--text-secondary);font-size:.9rem;line-height:1.4}@media (width<=1024px){.bento-image-large,.bento-title-card{grid-column:span 12}.bento-boutique,.bento-community,.bento-stats,.bento-wiki{grid-column:span 6}}@media (width<=600px){.bento-item{grid-column:span 12!important}}.feature-section{z-index:10;padding-top:4rem;padding-bottom:4rem;position:relative;box-shadow:0 -20px 60px #0000001f}.boutique-hero,.feature-section{background-color:var(--bg-secondary);text-align:center}.boutique-hero{justify-content:center;align-items:center;min-height:40vh;padding-top:180px;padding-bottom:80px;display:flex}.boutique-hero-content{max-width:800px;padding:0 5vw}.boutique-subtitle{color:var(--accent-color);letter-spacing:.1em;margin-bottom:1rem;font-size:.9rem;font-weight:700}.boutique-title{letter-spacing:-.03em;color:var(--text-color);margin-bottom:1.5rem;font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1}.boutique-desc{color:var(--text-secondary);font-size:1.2rem;line-height:1.6}.boutique-section{padding:4rem 0 var(--spacing-xl) 0;background-color:var(--bg-color);z-index:10;border-top-left-radius:40px;border-top-right-radius:40px;margin-top:-40px;position:relative;box-shadow:0 -20px 40px #0000000d}.support-banner{background:linear-gradient(135deg,#111827 0,var(--text-color) 100%);text-align:center;color:var(--bg-color);border:none;border-radius:30px;justify-content:center;margin:4rem 5vw 0;padding:4rem 5vw;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000026}.support-banner:before{content:"";opacity:1;z-index:0;background-image:url(../assets/wp_dark.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.support-content{z-index:1;max-width:600px;margin:0;position:relative}.support-banner h2{color:#fff;margin-bottom:.5rem;font-size:2.5rem}.support-subtitle{color:#cbd6e5;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;font-size:1rem;font-weight:700}.support-banner p{color:#ffffffb3;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.support-btn{background:var(--bg-secondary);border-color:var(--bg-secondary);color:var(--text-color);align-items:center;display:inline-flex}.support-btn:hover{background:var(--text-color);border-color:var(--text-color);color:var(--bg-secondary)}.support-characters{left:5%}.support-characters,.support-monsters{-o-object-fit:contain;object-fit:contain;z-index:0;pointer-events:none;filter:drop-shadow(0 20px 30px #00000080);height:120%;max-height:400px;position:absolute;bottom:-20px}.support-monsters{right:5%}@media (width<=900px){.support-banner{text-align:center;justify-content:center;padding:3rem 2rem}.support-content{margin:0 auto}.support-characters,.support-monsters{display:none}}@keyframes float-characters{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.feature-heading{margin-bottom:2rem;font-size:clamp(2.5rem,5vw,4rem)}.feature-text{color:var(--text-secondary);max-width:800px;margin:0 auto;font-size:1.5rem;line-height:1.5}.shop-carousel-section{background-color:var(--bg-secondary);z-index:5;text-align:center;padding:6rem 0;position:relative;overflow:hidden}.shop-carousel-section:before{content:"";background-image:radial-gradient(var(--border-color) 1px,transparent 1px);opacity:.3;z-index:-1;background-size:30px 30px;position:absolute;inset:0}.carousel-title{letter-spacing:-.05em;color:var(--text-color);margin-bottom:2rem;font-size:clamp(3.5rem,8vw,6rem);font-weight:800}.carousel-container{perspective:1200px;gap:2vw;max-width:1400px;height:550px;margin:0 auto}.carousel-container,.carousel-track{justify-content:center;align-items:center;display:flex;position:relative}.carousel-track{width:400px;height:520px;transform-style:preserve-3d}.carousel-item{background:#e2e4e3;flex-direction:column;justify-content:center;align-items:center;padding:0;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s,box-shadow .6s;display:flex;box-shadow:0 10px 30px #0000000d}.carousel-item,.carousel-item img{border-radius:24px;width:100%;height:100%;position:absolute}.carousel-item img{-o-object-fit:cover;object-fit:cover;background:var(--bg-color);transition:transform .4s,filter .4s;transform:rotate(6deg)scale(.95);box-shadow:0 10px 20px #0000001a}.carousel-item[data-pos="-1"]{opacity:.8;z-index:1;transform:translate(-130%)scale(.75)rotateY(15deg)rotate(-4deg)}.carousel-item[data-pos="0"]{opacity:1;z-index:3;transform:translate(0)scale(1)rotateY(0)rotate(0);box-shadow:0 25px 50px #00000026}.carousel-item[data-pos="1"]{opacity:.8;z-index:1;transform:translate(130%)scale(.75)rotateY(-15deg)rotate(4deg)}.carousel-item[data-pos="-2"],.carousel-item[data-pos="-3"],.carousel-item[data-pos="-4"]{opacity:0;z-index:0;pointer-events:none;transform:translate(-200%)scale(.6)rotateY(15deg)rotate(-4deg)}.carousel-item[data-pos="2"],.carousel-item[data-pos="3"],.carousel-item[data-pos="4"]{opacity:0;z-index:0;pointer-events:none;transform:translate(200%)scale(.6)rotateY(-15deg)rotate(4deg)}.shop-now-btn{-webkit-backdrop-filter:blur(8px);color:#fff;opacity:0;z-index:10;text-transform:uppercase;letter-spacing:.05em;background:#ffffff4d;border:1px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 10px 30px #0000001a}.carousel-item[data-pos="0"]:hover .shop-now-btn{opacity:1;color:#000;background:#ffffff80;transform:translate(-50%,-50%)scale(1)}.carousel-item[data-pos="0"]:hover img{filter:brightness(.8);transform:rotate(6deg)scale(.9)}.carousel-nav{cursor:pointer;width:70px;height:70px;color:var(--text-color);z-index:10;background:#1a2f230a;border:1px solid #1a2f231a;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.carousel-nav:hover{background:#1a2f231a;transform:scale(1.1)}.carousel-nav svg{width:36px;height:36px}@media (width<=900px){.carousel-item[data-pos="-1"]{opacity:0;pointer-events:none;transform:translate(-50%)scale(.7)rotateY(15deg)rotate(-3deg)}.carousel-item[data-pos="1"]{opacity:0;pointer-events:none;transform:translate(50%)scale(.7)rotateY(-15deg)rotate(3deg)}}.showcase-content h3{margin-bottom:1rem;font-size:2rem}.showcase-content p{color:var(--text-secondary);font-size:1.1rem}.showcase-img{-o-object-fit:cover;object-fit:cover;width:100%;height:400px}.pricing-section{padding:var(--spacing-xl) 0;background-color:var(--bg-secondary)}.pricing-header{text-align:center;margin-bottom:4rem}.pricing-grid{grid-template-columns:1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:0 5vw;display:grid}@media (width>=900px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{background:var(--bg-secondary);text-align:center;border-radius:30px;flex-direction:column;padding:3rem 2rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.pricing-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000014}.pricing-card.target{background:var(--bg-secondary);transform:scale(1.05);box-shadow:0 20px 40px #00000014}.top-vente-badge{background-color:var(--text-color);color:var(--bg-color);text-transform:uppercase;letter-spacing:.1em;z-index:10;border-radius:20px;padding:.4rem 1rem;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0000001a}.pricing-card.target:hover{transform:scale(1.05)translateY(-10px)}.pricing-icon{-o-object-fit:contain;object-fit:contain;width:140px;height:140px;margin:0 auto 2rem}.pricing-title{margin-bottom:.5rem;font-size:1.8rem}.pricing-desc{flex-grow:1}.pricing-desc,.pricing-price{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem}.pricing-price{font-weight:500}.how-to-section{background-color:var(--bg-color);color:var(--text-color);z-index:10;border-top-left-radius:40px;border-top-right-radius:40px;padding:6rem 5vw;position:relative;box-shadow:0 -20px 40px #0000000d}.sp-recharge-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:4rem;display:flex}@media (width<=768px){.sp-recharge-grid{flex-direction:column;align-items:center}}.sp-card{background:var(--bg-secondary);border:1px solid var(--border-color);text-align:center;border-radius:20px;flex-direction:column;flex:250px;align-items:center;gap:.5rem;max-width:300px;min-height:320px;padding:2.5rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 20px #00000005}.sp-popular{background:linear-gradient(135deg,#4ade800d,#4ade8005);box-shadow:0 0 20px #4ade8014}.sp-badge{background:var(--accent-color);color:#000;text-transform:uppercase;letter-spacing:.5px;border-radius:50px;padding:.25rem 1rem;font-size:.7rem;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.sp-amount{align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}.sp-icon{color:#f59e0b;filter:drop-shadow(0 0 4px #f59e0b66)}.sp-number{color:var(--text-color);letter-spacing:-1px;font-size:2.5rem;font-weight:800;line-height:1}.sp-bonus{color:var(--accent-color);background:#4ade801a;border-radius:50px;padding:.15rem .6rem;font-size:.75rem;font-weight:700}.sp-name{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.sp-price{margin-top:auto;margin-bottom:1.25rem;font-size:1.25rem;font-weight:800}.sp-buy-btn,.sp-price{color:var(--text-color)}.sp-buy-btn{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:10px;width:100%;padding:.7rem;font-size:.85rem;font-weight:600;transition:all .3s}.sp-buy-btn:hover,.sp-buy-popular{background:var(--accent-color);color:#000;border-color:var(--accent-color)}.sp-buy-popular:hover{background:#3dd18a;box-shadow:0 4px 15px #4ade804d}.how-to-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;max-width:1200px;margin:0 auto 4rem;display:flex}.how-to-version-btns{gap:1rem;display:flex}.btn-orange{color:var(--text-color);cursor:pointer;background:0 0;border:1px solid #ff7b00;border-radius:8px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-orange.active,.btn-orange:hover{color:#fff;background:#ff7b00;box-shadow:0 0 15px #ff7b0066}.btn-dark{background:var(--bg-color);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-dark:hover{background:var(--border-color);color:var(--text-color)}.how-to-grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto;display:grid}.how-to-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;padding:2.5rem 2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.how-to-card.active-card{border-color:var(--accent-color);z-index:2;background:var(--bg-secondary);transform:scale(1.02);box-shadow:0 0 30px #2a734626}.step-badge{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:2rem;font-weight:700;display:flex}.how-to-card.active-card .step-badge{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.how-to-card h3{color:var(--text-color);margin-bottom:1rem;font-size:1.3rem}.how-to-card p{color:var(--text-secondary);flex-grow:1;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.card-img-wrapper{background:var(--bg-secondary);border-top:1px solid var(--border-color);justify-content:center;align-items:center;height:180px;margin:0 -2rem -2.5rem;display:flex;position:relative;overflow:hidden}.card-img-wrapper img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.card-video-wrapper{height:220px}.card-video-wrapper video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.how-to-footer{justify-content:center;max-width:1200px;margin:4rem auto 0;display:flex}.btn-accent-large{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.8rem;padding:1rem 3rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #2a73464d}.btn-accent-large:hover{background:var(--text-color);transform:translateY(-2px);box-shadow:0 6px 20px #2a734666}@media (width<=900px){.how-to-grid{grid-template-columns:1fr}}.footer,.site-footer{z-index:10;background-color:var(--footer-bg,#ebede9);border-top:1px solid var(--border-color);color:var(--text-secondary);border-top-left-radius:40px;border-top-right-radius:40px;padding:5rem 5vw;font-size:.9rem;position:relative}.scroll-top-wrapper{background:var(--bg-color);cursor:pointer;z-index:10;width:120px;height:40px;color:var(--text-secondary);border-bottom-right-radius:60px;border-bottom-left-radius:60px;justify-content:center;align-items:center;transition:color .3s,padding-top .3s;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.scroll-top-wrapper:hover{color:var(--text-color);padding-top:5px}.footer-container{grid-template-columns:1.5fr 2fr 1.2fr 1.2fr 1.5fr;gap:3rem;max-width:1400px;margin:0 auto;display:grid}@media (width<=1024px){.footer-container{grid-template-columns:1fr 1fr}}@media (width<=768px){.footer-container{grid-template-columns:1fr}}.col-logo{flex-direction:column;justify-content:space-between;display:flex}.footer-logo{color:var(--text-color);letter-spacing:-.05em;text-transform:uppercase;margin-bottom:2rem;font-size:2.2rem;font-weight:800}.footer-copyright{color:var(--text-secondary);text-transform:uppercase;opacity:.7;font-size:.75rem;line-height:1.4}.footer-col .footer-title{color:var(--text-color);margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}.footer-col p{margin-bottom:1rem;line-height:1.6}.footer-list{flex-direction:column;gap:.8rem;list-style:none;display:flex}.footer-list a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-list a:hover{color:var(--accent-color)}.footer-socials{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:150px;margin-top:1.5rem;display:grid}.footer-socials a{color:var(--text-color);background:var(--bg-color);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.footer-socials a:hover{background:var(--text-color);color:var(--bg-secondary)}.footer-socials svg{fill:currentColor;width:20px;height:20px}.theme-toggle{background:var(--btn-bg);color:var(--btn-text);font-family:var(--font-main);cursor:pointer;border:none;border-radius:30px;align-items:center;gap:.5rem;margin-top:1.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.theme-toggle:hover{opacity:.9;transform:translateY(-2px)}.theme-toggle svg{width:16px;height:16px}.boutique-layout{gap:4rem;max-width:1400px;margin:0 auto;padding:0 5vw;display:flex}.boutique-sidebar{flex-shrink:0;width:250px;height:max-content;position:sticky;top:100px}.boutique-sidebar h3{margin-bottom:1.5rem;font-size:1.2rem}.boutique-sidebar ul{flex-direction:column;gap:1rem;display:flex}.boutique-sidebar a{color:var(--text-secondary);font-weight:500;transition:color .3s}.boutique-sidebar a.active,.boutique-sidebar a:hover{color:var(--text-color)}.boutique-content{flex-grow:1}.boutique-content h2{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem;font-size:2.5rem}@media (width<=768px){.boutique-layout{flex-direction:column}.boutique-sidebar{width:100%;position:relative;top:0}}.vote-page{min-height:100vh;padding:8rem 5vw}.vote-layout{grid-template-columns:1fr;gap:3rem;max-width:1200px;margin:0 auto;display:grid}@media (width>=900px){.vote-layout{grid-template-columns:1fr 1fr}}.vote-main-card{background:var(--bg-secondary);text-align:center;border-radius:30px;padding:3rem;box-shadow:0 20px 40px #0000000d}.vote-title{color:var(--text-color);text-transform:uppercase;margin-bottom:1rem;font-size:1.6rem;font-weight:800}.vote-desc{color:var(--text-secondary);margin-bottom:2rem;padding:0 1rem;font-size:1rem;line-height:1.6}.vote-desc strong,.vote-input{color:var(--text-color)}.vote-input{border:1px solid var(--border-color);width:90%;max-width:400px;font-family:var(--font-main);text-align:center;background:0 0;border-radius:50px;margin-bottom:1.5rem;padding:1rem 1.5rem;font-size:1rem;transition:border-color .3s}.vote-input:focus{border-color:var(--text-color);outline:none}.vote-sites{flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}@media (width>=500px){.vote-sites{flex-direction:row}}.vote-btn-site{border:1px solid var(--text-color);color:var(--text-color);border-radius:50px;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:200px;padding:.8rem 1.5rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.vote-btn-site:hover{background:var(--text-color);color:#fff}.vote-btn-both{color:#fff;cursor:not-allowed;background:#d3d5cd;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;width:90%;max-width:410px;margin:0 auto 2.5rem;padding:1rem;font-size:.9rem;font-weight:800;display:flex}.vote-divider{border:none;border-top:1px solid var(--border-color);margin-bottom:2.5rem}.vote-perks{justify-content:space-around;display:flex}.vote-perk{color:#435b4c;align-items:center;gap:.8rem;font-size:.85rem;font-weight:700}.vote-perk,.vote-top-section{flex-direction:column;display:flex}.top-title{color:var(--text-color);text-transform:uppercase;margin-bottom:2rem;font-size:2.2rem;font-weight:800}.vote-top-card{background:var(--bg-secondary);border-radius:30px;justify-content:center;align-items:center;min-height:200px;padding:3rem;display:flex;box-shadow:0 20px 40px #0000000d}.error-text{color:#e5534b;text-align:center;max-width:80%;font-weight:500;line-height:1.5}.auth-section{justify-content:center;align-items:center;min-height:80vh;padding-top:120px;padding-bottom:4rem;display:flex;position:relative}.auth-card{background:var(--bg-secondary);z-index:10;border-radius:30px;width:100%;max-width:500px;padding:4rem;position:relative;box-shadow:0 20px 50px #0000000d}[data-theme=dark] .auth-card{box-shadow:0 20px 50px #0003}.auth-card h1{text-align:center;color:var(--text-color);margin-bottom:.5rem;font-size:2.2rem}.auth-desc{text-align:center;color:var(--text-secondary);margin-bottom:2.5rem;font-size:.95rem}.auth-form{gap:1.2rem}.auth-form,.auth-input-group{flex-direction:column;display:flex}.auth-input-group{gap:.5rem}.auth-input-group label{color:var(--text-color);margin-left:.5rem;font-size:.85rem;font-weight:600}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{width:100%;padding-right:3rem}.password-toggle{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .3s;display:flex;position:absolute;right:1rem}.password-toggle:hover{color:var(--text-color)}.password-strength-container{background:var(--border-color);border-radius:6px;width:100%;height:6px;margin-top:.8rem;overflow:hidden}.password-strength-bar{background:var(--accent-color);transition:width .1s linear}.nav-user-menu{position:relative}.nav-user-btn{background:rgba(var(--accent-rgb,74,222,128),.15);border:1px solid var(--accent-color);color:var(--text-color);cursor:pointer;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.nav-user-btn:hover{background:rgba(var(--accent-rgb,74,222,128),.25)}.nav-user-btn svg{flex-shrink:0}.nav-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);opacity:0;visibility:hidden;z-index:100;border-radius:12px;min-width:180px;transition:all .3s;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;transform:translateY(-10px);box-shadow:0 10px 30px #00000026}.nav-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{color:var(--text-color);white-space:nowrap;align-items:center;gap:.5rem;padding:.8rem 1.2rem;font-size:.9rem;text-decoration:none;transition:background-color .2s;display:flex}.dropdown-item:hover{background:rgba(var(--accent-rgb,74,222,128),.1)}.nav-avatar{-o-object-fit:cover;object-fit:cover;width:28px;height:28px;image-rendering:pixelated;border-radius:50%}.profile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;opacity:0;visibility:hidden;background:#00000080;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.profile-overlay.open{opacity:1;visibility:visible}.profile-panel{background:var(--bg-color);border-left:1px solid var(--border-color);z-index:9999;flex-direction:column;width:380px;max-width:90vw;height:100vh;padding:2rem;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.profile-panel.open{transform:translate(0)}.profile-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:0;transition:color .3s;position:absolute;top:1.5rem;right:1.5rem}.profile-close:hover{color:var(--text-color)}.profile-header{border-bottom:1px solid var(--border-color);flex-direction:column;align-items:center;margin-bottom:1.5rem;padding:2rem 0;display:flex}.profile-avatar-wrapper{margin-bottom:1rem;position:relative}.profile-avatar{-o-object-fit:cover;object-fit:cover;width:100px;height:100px;image-rendering:pixelated;border:3px solid var(--accent-color);border-radius:50%;box-shadow:0 0 20px #4ade8033}.profile-avatar-edit{background:var(--accent-color);color:#000;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .3s;display:flex;position:absolute;bottom:2px;right:2px;box-shadow:0 2px 8px #0003}.profile-avatar-edit:hover{transform:scale(1.1)}.profile-name{color:var(--text-color);margin:0;font-size:1.4rem;font-weight:700}.profile-email{color:var(--text-secondary);margin:.3rem 0 0;font-size:.85rem}.profile-info{flex-direction:column;flex:1;gap:0;display:flex}.profile-info-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.profile-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.profile-value{color:var(--text-color);font-size:.9rem;font-weight:600}.profile-avatar-actions{gap:.5rem;display:flex}.profile-btn-mc,.profile-btn-upload{cursor:pointer;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-color);border-radius:8px;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.75rem;font-weight:600;transition:all .3s;display:inline-flex}.profile-btn-mc:hover,.profile-btn-upload:hover{border-color:var(--accent-color);background:rgba(var(--accent-rgb,74,222,128),.1)}.profile-logout-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:auto;padding:1rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.profile-logout-btn:hover{color:#fff;background:#ef4444}.password-strength-bar{border-radius:6px;width:0;height:100%;transition:width .3s,background-color .3s}.password-strength-text{color:var(--text-secondary);margin-top:.4rem;font-size:.8rem;font-weight:500}.toast-container{z-index:9999;flex-direction:column;gap:1rem;display:flex;position:fixed;top:6rem;right:2rem}.toast{background:var(--bg-secondary);color:var(--text-color);border-left:4px solid var(--accent-color);border-radius:12px;align-items:center;gap:.8rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:500;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:translate(120%);box-shadow:0 10px 30px #0003}.toast.show{transform:translate(0)}.toast svg{width:20px;height:20px;color:var(--accent-color)}.auth-input-group input{border:1px solid var(--border-color);color:var(--text-color);font-family:var(--font-main);background:0 0;border-radius:50px;padding:1rem 1.5rem;font-size:1rem;transition:border-color .3s}.auth-input-group input:focus{border-color:var(--text-color);outline:none}.auth-btn{background:var(--text-color);color:var(--bg-color);cursor:pointer;border:none;border-radius:50px;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:700;transition:transform .3s,opacity .3s}.auth-btn:hover{opacity:.9;transform:translateY(-2px)}[data-theme=dark] .auth-btn{background:var(--accent-color);color:#000}.auth-divider{text-align:center;color:var(--text-secondary);align-items:center;margin:1.5rem 0;font-size:.85rem;display:flex}.auth-divider:after,.auth-divider:before{content:"";border-bottom:1px solid var(--border-color);flex:1}.auth-divider span{padding:0 1rem}.auth-btn-discord{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:transform .3s,background-color .3s;display:flex}.auth-btn-discord:hover{background:#4752c4;transform:translateY(-2px)}.auth-links{text-align:center;color:var(--text-secondary);margin-top:2rem;font-size:.9rem}.auth-links a{color:var(--text-color);font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .3s}.auth-links a:hover{-webkit-text-decoration-color:var(--text-color);text-decoration-color:var(--text-color)}.auth-blob{z-index:0;pointer-events:none;background:radial-gradient(circle,#4ade8026 0,#4ade8000 70%);width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stripe-btn{justify-content:center;align-items:center;gap:.5rem;color:#fff!important;background-color:#635bff!important;border:1px solid #544bde!important;display:flex!important}.stripe-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #635bff66;background-color:#544bde!important}.stripe-btn svg{margin-top:-2px}.cart-floating-btn{background:var(--accent-color);color:var(--bg-color);cursor:pointer;z-index:1000;width:60px;height:60px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 25px #0000004d}.cart-badge,.cart-floating-btn{border-radius:50%;justify-content:center;align-items:center;display:flex}.cart-badge{color:#fff;border:2px solid var(--bg-color);background:#ef4444;width:24px;height:24px;font-size:.8rem;font-weight:700;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 5px #0003}.cart-sidebar{background:var(--accent-color);border-left:1px solid var(--border-color);z-index:1001;border-top-left-radius:24px;border-bottom-left-radius:24px;flex-direction:column;width:420px;max-width:100%;height:100vh;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-10px 0 40px #0003}.cart-sidebar.open{transform:translate(0)}.cart-header{border-bottom:1px solid var(--border-color);background:var(--bg-color);justify-content:space-between;align-items:center;padding:2rem;display:flex}.cart-header h3{color:var(--text-color);margin:0;font-size:1.6rem;font-weight:800}.cart-close{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .3s;display:flex}.cart-close:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:rotate(90deg)}.cart-items{flex-direction:column;flex:1;gap:1rem;padding:2rem;display:flex;overflow-y:auto}.cart-item{background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;justify-content:space-between;align-items:center;padding:1.2rem;display:flex}.cart-item-info{flex:1}.cart-item-name{color:var(--text-color);margin-bottom:.4rem;font-size:1.05rem;font-weight:700}.cart-item-price{color:var(--accent-color);align-items:center;gap:.25rem;font-size:.95rem;font-weight:700;display:flex}.cart-item-qty{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;gap:.8rem;padding:.3rem .6rem}.cart-item-qty,.cart-qty-btn{align-items:center;display:flex}.cart-qty-btn{color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;width:20px;height:20px;font-size:1.2rem;font-weight:700;transition:background .2s}.cart-qty-btn:hover{background:var(--border-color)}.cart-qty-val{color:var(--text-color);text-align:center;min-width:1rem;font-weight:700}.cart-item-remove{color:#ef4444;cursor:pointer;background:#ef444420;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.cart-item-remove:hover{color:#fff;background:#ef4444;transform:scale(1.05);box-shadow:0 4px 10px #ef44444d}.cart-footer{border-top:1px solid var(--border-color);background:var(--bg-color);padding:2rem}.cart-total{color:var(--text-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:1.3rem;font-weight:800;display:flex}.cart-total-price{color:#10b981}.btn-checkout,.cart-total-price{align-items:center;gap:.5rem;display:flex}.btn-checkout{background-color:var(--btn-bg);width:100%;color:var(--btn-text);cursor:pointer;border:none;border-radius:30px;justify-content:center;padding:.8rem 1.8rem;font-size:17px;font-weight:500;transition:transform .3s,background-color .3s}.btn-checkout:hover{background-color:#000;transform:scale(1.02)}.btn-checkout:disabled{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:not-allowed;box-shadow:none;transform:none}.cart-overlay{z-index:1000;opacity:0;pointer-events:none;background:#0009;width:100vw;height:100vh;transition:opacity .4s;position:fixed;top:0;left:0}.cart-overlay.show{opacity:1;pointer-events:all}.mobile-nav-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;background:#00000080;width:100vw;height:100vh;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.mobile-nav-overlay.active{opacity:1;pointer-events:all}.nav-toggle{display:none}@media (width<=1440px){.bento-container{width:96vw}.hero-title{font-size:clamp(3rem,5vw,5rem)}.how-to-grid{gap:1.5rem}.boutique-layout{gap:3rem;padding:0 3vw}.pricing-grid{gap:1.5rem}}@media (width<=1200px){.bento-container{gap:1rem;width:98vw}.bento-title-card{grid-column:span 7}.bento-image-large{grid-column:span 5}.hero-title{font-size:clamp(2.5rem,4.5vw,4rem)}.navbar{max-width:95%}.nav-links{gap:2.5rem}.how-to-grid{grid-template-columns:repeat(3,1fr)}.feature-heading{font-size:clamp(2rem,4vw,3rem)}.carousel-track{width:340px;height:440px}.boutique-layout{gap:2.5rem}.pricing-grid{grid-template-columns:repeat(2,1fr)}.staff-grid{grid-template-columns:repeat(4,1fr)}.support-banner{margin:2rem 2rem 0}.wiki-content{padding:0 2rem}.compte-container{max-width:95%}}@media (width<=1024px){.navbar{max-width:98%}.navbar:before{height:100%}.nav-links a{font-size:13px}.nav-login{padding:.4rem 1rem;font-size:12px}.bento-container{gap:.8rem;width:98vw}.hero-title{font-size:clamp(2rem,4vw,3rem)!important}.title-desc{font-size:.85rem}.bento-image-large{min-height:250px}.bento-boutique,.bento-community{min-height:200px}.bento-stats,.bento-wiki{min-height:180px}.bento-stats h2,.bento-wiki h2{font-size:2.5rem}.feature-heading{font-size:clamp(1.8rem,3.5vw,2.5rem)}.carousel-container{height:420px}.carousel-track{width:300px;height:400px}.how-to-grid{grid-template-columns:1fr 1fr;gap:1rem}.how-to-card{padding:1.5rem}.footer-container{grid-template-columns:1fr 1fr;gap:1.5rem}.boutique-layout{gap:2rem;padding:0 2vw}.boutique-sidebar{width:200px}.pricing-grid{gap:1rem}.staff-grid{grid-template-columns:repeat(4,1fr);gap:1rem}.support-banner{margin:2rem 1.5rem 0;padding:3rem 2rem}.support-characters{right:-3%;transform:scale(.8)}.support-monsters{left:-3%;transform:scale(.8)}.wiki-content{gap:2rem;padding:0 1.5rem}.wiki-sidebar{width:200px}.compte-container{max-width:98%}.auth-card{max-width:480px}.epic-hero{min-height:450px}}@media (width<=900px){.nav-links{gap:1.2rem}.nav-links a{font-size:12px}.nav-login{padding:.35rem .8rem;font-size:11px}.navbar{height:65px}.hero-title{font-size:clamp(1.8rem,4vw,2.5rem)!important}.bento-container{gap:.6rem}.bento-boutique,.bento-community{min-height:170px}.bento-stats,.bento-wiki{min-height:160px}.carousel-container{height:400px}.carousel-track{width:280px;height:380px}.how-to-card{padding:1.2rem}.support-characters,.support-monsters{display:none}.support-banner{padding:2.5rem 1.5rem}.boutique-sidebar{width:180px}.pricing-grid{grid-template-columns:1fr}.staff-grid{grid-template-columns:repeat(3,1fr)}.footer-container{grid-template-columns:1fr 1fr;gap:1rem}.epic-hero{height:55vh;min-height:380px}}@media (width<=768px){.nav-toggle{cursor:pointer;z-index:1002;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:space-around;width:28px;height:22px;padding:0;display:flex}.hamburger-line{background-color:var(--text-color);border-radius:10px;width:100%;height:2.5px;transition:all .3s;display:block}.nav-toggle.active .hamburger-line:first-child{transform:translateY(9px)rotate(45deg)}.nav-toggle.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.active .hamburger-line:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.mobile-nav-overlay{display:block}.navbar{max-width:100%;left:0;height:65px!important}.navbar,.navbar:before{border-radius:0;transform:none}.navbar:before{height:100%}.nav-content{flex-direction:row;justify-content:space-between;align-items:center;height:100%;padding:0 1.2rem}.logo img{height:30px}.nav-links{background-color:var(--bg-secondary);z-index:1000;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;width:280px;height:100dvh;padding:2rem;transition:right .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:auto;right:-100%;transform:none;box-shadow:-10px 0 40px #00000026}.nav-links.active{right:0}.nav-links a{color:var(--text-color);opacity:1;font-size:1.3rem;font-weight:600}.nav-actions{flex-direction:row;align-items:center;gap:.5rem;margin:0 .8rem 0 auto;position:static}.nav-actions.active{right:auto}.nav-login{padding:.4rem .9rem!important;font-size:12px!important}.nav-actions>a,.nav-actions>div{text-align:center;width:auto}#nav-sp-display{display:none!important}.hero-bento{align-items:flex-start;padding-top:80px;padding-bottom:3rem;border-radius:0 0 30px 30px!important;height:auto!important;min-height:auto!important;overflow:visible!important}.hero-bento.pin-spacer,.hero.pin-spacer{height:auto!important;min-height:auto!important;padding:0!important}.bento-container{gap:.8rem;width:100%;padding:0 1rem}.bento-item{border-radius:20px;grid-column:span 12!important}.bento-title-card{text-align:center;padding:1rem .5rem 1rem 0!important}.bento-title-card .hero-title{text-align:center;font-size:clamp(2.2rem,9vw,3.5rem)!important}.title-desc{text-align:center;max-width:100%;margin-bottom:1.5rem;font-size:.95rem}.bento-pill-btn{margin:0 auto}.bento-boutique,.bento-community,.bento-image-large,.bento-stats,.bento-wiki{display:none!important}.bento-overlay{bottom:1rem;left:1rem}.overlay-icon{width:40px;height:40px}.overlay-text h3{font-size:1.1rem}.feature-section{position:relative;z-index:10!important;border-radius:30px 30px 0 0!important;margin-top:-20px!important;padding:3rem 1.5rem!important;box-shadow:0 -15px 30px #0000000f!important}.feature-heading{font-size:clamp(1.8rem,6vw,2.5rem)!important}.feature-text{font-size:1rem}.shop-carousel-section{padding:3rem 0}.carousel-title{margin-bottom:1rem;font-size:clamp(2rem,7vw,3.5rem)}.carousel-container{gap:0;height:380px}.carousel-track{width:260px;height:360px}.carousel-nav{width:44px;height:44px}.carousel-nav svg{width:22px;height:22px}.carousel-item[data-pos="-1"],.carousel-item[data-pos="1"]{opacity:0;pointer-events:none}.how-to-section{border-radius:20px 20px 0 0;padding:3rem 1rem!important}.how-to-header{margin-bottom:2rem}.how-to-header h2{text-align:center!important;font-size:1.8rem!important}.how-to-grid{gap:1.2rem;grid-template-columns:1fr!important}.how-to-card{padding:1.8rem 1.2rem}.card-img-wrapper{height:140px;margin:0 -1.2rem -1.8rem}.card-video-wrapper{height:180px}.how-to-footer{margin-top:2rem}.btn-accent-large{padding:.8rem 2rem;font-size:1rem}.how-to-progress-container{margin-bottom:1.5rem}.support-banner{border-radius:20px!important;margin:2rem 1rem 0!important;padding:2.5rem 1.5rem!important}.support-banner h2{font-size:1.8rem}.support-banner p{font-size:.95rem}.support-characters,.support-monsters{display:none}.epic-hero{height:50vh!important;min-height:350px!important}.btn-epic{letter-spacing:2px!important;padding:.8rem 2.5rem!important;font-size:1rem!important}#templeBuyUI h2{font-size:1.8rem!important}#templeBuyUI p{font-size:1rem!important}#templeBuyUI .btn-primary{padding:.8rem 2rem!important;font-size:1.1rem!important}.boutique-section{border-radius:20px 20px 0 0!important;padding:2rem 0 4rem!important}.boutique-layout{flex-direction:column!important;gap:1.5rem!important;padding:0 1rem!important}.boutique-sidebar{width:100%!important;position:static!important;top:auto!important}.boutique-sidebar ul{flex-flow:wrap;gap:.5rem}.boutique-sidebar a{background:var(--bg-color);border:1px solid var(--border-color);border-radius:20px;padding:.5rem 1rem;font-size:.85rem}.boutique-content h2{margin-bottom:1.2rem;font-size:1.8rem}.pricing-grid{grid-template-columns:1fr!important;gap:1.2rem!important;padding:0!important}.pricing-card{border-radius:20px;padding:2rem 1.5rem}.pricing-card[style*="flex-direction: row"]{text-align:center!important;flex-direction:column!important}.pricing-card[style*="flex-direction: row"]>div:first-child{text-align:center!important;min-width:auto!important}.pricing-card[style*="flex-direction: row"] .pricing-desc,.pricing-card[style*="flex-direction: row"] .pricing-price,.pricing-card[style*="flex-direction: row"] .pricing-title{text-align:center!important}.pricing-card[style*="flex-direction: row"] .btn-primary{margin:0 auto!important}.pricing-card.target{transform:scale(1)}.pricing-card.target:hover{transform:translateY(-5px)}.pricing-icon{width:100px;height:100px}.vote-page{padding:2rem 1rem 4rem!important}.vote-layout{gap:2rem}.vote-main-card{border-radius:20px;padding:2rem 1.2rem!important}.vote-title{font-size:1.3rem}.vote-input{width:100%}.vote-btn-site,.vote-input{max-width:100%}.vote-btn-both{width:100%;max-width:100%}.vote-perks{flex-direction:column;align-items:center;gap:1.5rem}.vote-perk{flex-direction:row;gap:.5rem}.top-title{font-size:1.6rem}.vote-top-card{border-radius:20px;padding:2rem 1rem}.page-hero.hero-bento{padding-top:90px!important}.page-hero .bento-container{height:auto!important}.auth-section{padding-top:90px;padding-bottom:2rem}.auth-card{border-radius:20px;max-width:calc(100% - 2rem);margin:0 1rem;padding:2rem 1.5rem!important}.auth-card h1{font-size:1.8rem!important}.auth-desc{margin-bottom:1.5rem;font-size:.9rem}.auth-blob{width:300px;height:300px}.auth-btn-discord{font-size:.9rem}.compte-container{margin:90px auto 2rem!important;padding:0 1rem!important}.compte-sidebar{border-radius:16px;max-width:100%!important;padding:2rem 1.2rem!important}.compte-avatar-wrapper{width:90px;height:90px}.compte-name{font-size:1.3rem}.sp-recharge-grid{flex-direction:column!important;align-items:center!important}.sp-card{width:100%;padding:2rem 1.5rem;max-width:100%!important;min-height:auto!important}.sp-number{font-size:2rem}.wiki-header h1{font-size:2.2rem!important}.wiki-content{flex-direction:column!important;gap:1.5rem!important;padding:0 1rem!important}.wiki-sidebar{width:100%!important;padding:1rem!important;position:static!important}.wiki-sidebar ul{flex-wrap:wrap;flex-direction:row!important;gap:.5rem!important}.wiki-nav-link{background:var(--bg-secondary);border-radius:20px;font-size:.85rem;border-left:none!important;border:1px solid var(--border-color)!important;padding:.4rem .8rem!important}.wiki-nav-link.active{background:#10b9811a;border-color:#10b981!important}.wiki-body{border-radius:12px!important;padding:1.5rem!important}.wiki-body div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.staff-section{padding:90px 1rem 3rem!important}.staff-header h1{font-size:2.2rem!important}.staff-header p{font-size:.95rem}.staff-grid{gap:1rem;grid-template-columns:1fr 1fr!important}.staff-card{border-radius:16px;padding:1.8rem .8rem}.staff-avatar{width:70px;height:70px;margin-bottom:1rem}.staff-name{font-size:1.2rem}.staff-role{font-size:.75rem}.footer,.site-footer{border-radius:20px 20px 0 0;padding:3rem 1.5rem!important}.footer-container{text-align:center;grid-template-columns:1fr!important;gap:2rem!important}.col-logo{align-items:center}.footer-socials{justify-content:center;margin:1rem auto 0}.footer-list{align-items:center}.theme-toggle{justify-content:center;margin:1.5rem auto 0!important;display:flex!important}.col-contact{flex-direction:column;align-items:center;display:flex}.scroll-top-wrapper{width:80px;height:30px}.server-status{border-radius:20px;padding:.5rem .8rem;font-size:.75rem;bottom:1rem;right:1rem}.cart-sidebar{border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important}.cart-floating-btn{width:50px;height:50px;bottom:1rem;right:1rem}.cart-header h3{font-size:1.3rem}.cart-item{border-radius:12px;padding:1rem}.toast-container{align-items:stretch;inset:auto 1rem 1.5rem}.toast{border-radius:10px;padding:.8rem 1rem;font-size:.85rem}.profile-panel{width:100%!important;max-width:100%!important}.preloader-percent{font-size:2rem}.container{padding:0 1rem}body{font-size:15px}body,html{max-width:100vw;overflow-x:hidden}.auth-btn-discord:active,.auth-btn:active,.bento-pill-btn:active,.btn-accent-large:active,.btn-checkout:active,.btn-epic:active,.btn-primary:active,.carousel-nav:active,.nav-login:active,.vote-btn-both:active,.vote-btn-site:active{transition:transform .1s!important;transform:scale(.95)!important}.how-to-card:active,.pricing-card:active,.staff-card:active,.vote-top-card:active{transition:transform .15s!important;transform:scale(.97)!important}.nav-links.active a{opacity:0;animation:.4s forwards mobileNavSlideIn}.nav-links.active a:first-child{animation-delay:50ms}.nav-links.active a:nth-child(2){animation-delay:.1s}.nav-links.active a:nth-child(3){animation-delay:.15s}.nav-links.active a:nth-child(4){animation-delay:.2s}.mobile-reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.mobile-reveal.visible{opacity:1;transform:translateY(0)}.cart-floating-btn{animation:2s ease-in-out infinite floatingPulse}.carousel-container:after{content:"← glissez →";color:var(--text-secondary);opacity:.6;pointer-events:none;font-size:.75rem;animation:3s forwards swipeHintFade;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.bento-title-card .hero-title{animation:.8s ease-out .3s both heroTitleMobile}.bento-title-card .title-desc{animation:.8s ease-out .5s both heroTitleMobile}.bento-title-card .bento-pill-btn{animation:.6s ease-out .7s both heroTitleMobile}.how-to-grid,.pricing-grid,.staff-grid{-webkit-overflow-scrolling:touch}.nav-links.active a:active{background:rgba(var(--accent-rgb,74,222,128),.1);border-radius:12px;padding:.4rem 1rem}}@media (width>=768px) and (width<=1399px){.nav-balances-container{display:flex;top:26px;right:20px}.nav-balance-btn{align-items:stretch;left:1rem}.toast{border-radius:10px;padding:.8rem 1rem;font-size:.85rem}.profile-panel{width:100%!important;max-width:100%!important}.preloader-percent{font-size:2rem}.container{padding:0 1rem}body{font-size:15px}body,html{max-width:100vw;overflow-x:hidden}}@media (width<=380px){.bento-title-card .hero-title{font-size:2rem!important}.title-desc{font-size:.85rem}.carousel-track{width:220px;height:300px}.carousel-container{height:330px}.staff-grid{grid-template-columns:1fr!important}.nav-actions,.nav-links{width:100%}.auth-card{margin:0 .5rem}}@media (width<=768px){.auth-btn-discord:active,.auth-btn:active,.bento-pill-btn:active,.btn-accent-large:active,.btn-checkout:active,.btn-epic:active,.btn-primary:active,.carousel-nav:active,.nav-login:active,.vote-btn-both:active,.vote-btn-site:active{transition:transform .1s!important;transform:scale(.95)!important}.how-to-card:active,.pricing-card:active,.staff-card:active,.vote-top-card:active{transition:transform .15s!important;transform:scale(.97)!important}.nav-links.active a{opacity:0;animation:.4s forwards mobileNavSlideIn}.nav-links.active a:first-child{animation-delay:50ms}.nav-links.active a:nth-child(2){animation-delay:.1s}.nav-links.active a:nth-child(3){animation-delay:.15s}.nav-links.active a:nth-child(4){animation-delay:.2s}@keyframes mobileNavSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.mobile-reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.mobile-reveal.visible{opacity:1;transform:translateY(0)}.cart-floating-btn{animation:2s ease-in-out infinite floatingPulse}@keyframes floatingPulse{0%,to{box-shadow:0 10px 25px #0000004d}50%{box-shadow:0 10px 35px #00000073,0 0 0 8px #4ade8026}}.carousel-container:after{content:"← glissez →";color:var(--text-secondary);opacity:.6;pointer-events:none;font-size:.75rem;animation:3s forwards swipeHintFade;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}@keyframes swipeHintFade{0%,70%{opacity:.6}to{opacity:0}}.bento-title-card .hero-title{animation:.8s ease-out .3s both heroTitleMobile}@keyframes heroTitleMobile{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.bento-title-card .title-desc{animation:.8s ease-out .5s both heroTitleMobile}.bento-title-card .bento-pill-btn{animation:.6s ease-out .7s both heroTitleMobile}.how-to-grid,.pricing-grid,.staff-grid{-webkit-overflow-scrolling:touch}.nav-links.active a:active{background:rgba(var(--accent-rgb,74,222,128),.1);border-radius:12px;padding:.4rem 1rem}}.nav-balances-container{z-index:9999;gap:10px;display:none;position:fixed}.nav-balance-btn{color:#fff;cursor:pointer;align-items:center;text-decoration:none;transition:transform .2s;display:flex;box-shadow:0 4px 12px #00000026}.nav-balance-btn:hover{transform:translateY(-2px)}.nav-balance-sp{background:linear-gradient(135deg,#166534,#14532d);border:1px solid #4ade804d}.nav-balance-votes{background:linear-gradient(135deg,#1e3a8a,#172554);border:1px solid #3b82f64d}@media (width>=768px) and (width<=1399px){.nav-balances-container{display:flex;top:26px;right:20px}.nav-balance-btn{border-radius:15px;padding:4px 10px}html{font-size:13px}.balance-icon{width:12px;height:12px;margin-right:4px}.balance-val{font-size:.8rem;font-weight:800}.balance-label{color:#ffffffe6;margin-left:3px;font-size:.7rem}}@media (width>=1400px){.nav-balances-container{gap:10px;display:flex;top:20px;right:20px}.nav-balance-btn{border-radius:20px;padding:6px 14px}.balance-icon{width:15px;height:15px;margin-right:6px}.balance-val{font-size:.95rem;font-weight:800}.balance-label{color:#ffffffe6;margin-left:4px;font-size:.8rem}}.bento-boutique:hover a.bento-circle-btn[data-coming-soon=true],.bento-item:hover a.bento-circle-btn[data-coming-soon=true],a[data-coming-soon=true]{background-color:var(--bg-color)!important;color:var(--text-color)!important;cursor:not-allowed!important;transform:none!important}.btn-epic{-webkit-backdrop-filter:blur(10px);color:#fff;text-transform:uppercase;letter-spacing:3px;cursor:pointer;background:#0006;border:1px solid #fff3;border-radius:50px;padding:1rem 4rem;font-family:inherit;font-size:1.5rem;font-weight:700;transition:all .4s cubic-bezier(.25,1,.5,1);box-shadow:0 15px 35px #00000080,inset 0 0 20px #ffffff0d}.btn-epic:hover{color:#fff;background:#ffffff26;border:1px solid #fff9;box-shadow:0 20px 50px #000c,0 0 20px #ffffff4d;transform:translateY(20px)scale(1.05)!important}.grade-vip-card{background:linear-gradient(135deg,#111827,#1a2f23)!important;border:1px solid #fbbf2466!important;transition:transform .4s cubic-bezier(.25,1,.5,1),box-shadow .4s!important;box-shadow:0 0 40px #fbbf241a,0 10px 30px #0000004d!important}.grade-vip-card:hover{transform:translateY(-6px)!important;box-shadow:0 0 60px #fbbf2433,0 20px 50px #0006!important}.btn-vip{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-vip:hover{transform:translateY(-3px)scale(1.02);background:linear-gradient(135deg,#fcd34d,#f59e0b)!important;box-shadow:0 15px 40px #fbbf2499!important}@keyframes float-vip{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(3deg)}}.legal-section{max-width:900px;min-height:calc(100vh - 300px);color:var(--text-color);margin:0 auto;padding:120px 2rem 4rem}.legal-header{text-align:center;margin-bottom:3rem}.legal-header h1{font-size:3rem}.legal-content h2,.legal-header h1{color:var(--text-color);margin-bottom:1rem}.legal-content h2{border-bottom:2px solid var(--border-color);margin-top:2rem;padding-bottom:.5rem}.legal-content p,.legal-content ul{color:var(--text-secondary);margin-bottom:1rem;line-height:1.7}.legal-content ul{padding-left:1.5rem}.legal-content strong{color:var(--text-color)}.compte-container{align-items:start;max-width:1200px;margin:150px auto 4rem;padding:0 2rem}@media (width<=900px){.compte-container{padding:0 1rem}}.compte-sidebar{background-color:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:20px;max-width:500px;margin:0 auto;padding:3rem 2rem}.compte-avatar-wrapper{width:120px;height:120px;margin:0 auto 1.5rem;position:relative}.compte-avatar{-o-object-fit:cover;object-fit:cover;border:4px solid var(--accent-color);border-radius:50%;width:100%;height:100%}.compte-avatar-edit{background:var(--accent-color);color:#fff;cursor:pointer;border:2px solid var(--card-bg);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s;display:flex;position:absolute;bottom:0;right:0}.compte-avatar-edit:hover{transform:scale(1.1)}.compte-name{color:var(--text-color);margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.compte-email{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem}.compte-info-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.compte-info-row:last-of-type{border-bottom:none}.compte-label{color:var(--text-secondary);font-size:.9rem}.compte-value{color:var(--text-color);font-size:.95rem;font-weight:600}.compte-actions{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.btn-mc-head{background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:600;transition:all .2s;display:flex}.btn-mc-head:hover{border-color:var(--accent-color);color:var(--accent-color)}.btn-logout{color:#ef4444;cursor:pointer;background-color:#ef444420;border:1px solid #ef444450;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:600;transition:all .2s;display:flex}.btn-logout:hover{color:#fff;background-color:#ef4444}.compte-main{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem}.compte-main-title{color:var(--text-color);margin-bottom:.5rem;font-size:2rem}.compte-main-desc{color:var(--text-secondary);margin-bottom:3rem;line-height:1.6}.staff-section{max-width:1200px;min-height:calc(100vh - 300px);margin:0 auto;padding:2rem 2rem 4rem}.staff-legend{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.legend-item{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-dot.dot-fondateur{background:#ff4747}.legend-dot.dot-admin{background:#4785ff}.legend-dot.dot-moderateur{background:#2ecc71}.legend-dot.dot-builder{background:#ffaa32}.legend-dot.dot-soutien{background:#a855f7}.staff-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem;display:grid}.staff-card{background:var(--bg-secondary);border:1px solid var(--border-color);text-align:center;border-radius:20px;padding:2.5rem 1rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.staff-card:before{content:"";z-index:0;opacity:0;background:#10b9810d;width:100%;height:100px;transition:opacity .3s;position:absolute;top:0;left:0}.staff-card:hover:before{opacity:1}.staff-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.staff-card>*{z-index:1;position:relative}.staff-avatar{width:100px;height:100px;image-rendering:pixelated;border-radius:12px;margin:0 auto 1.5rem;box-shadow:0 8px 20px #0003}.staff-name{color:var(--text-color);margin-bottom:.5rem;font-size:1.6rem;font-weight:700}.staff-role{text-transform:uppercase;letter-spacing:1px;border-radius:50px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.role-fondateur,.role-fondatrice{color:#ff4747;background:#ff3c3c1a;border:1px solid #ff3c3c33}.role-admin{color:#4785ff;background:#3c78ff1a;border:1px solid #3c78ff33}.role-moderateur,.role-moderatrice{color:#2ecc71;background:#2ecc711a;border:1px solid #2ecc7133}.role-builder{color:#ffaa32;background:#ffaa321a;border:1px solid #ffaa3233}.role-soutien{color:#a855f7;background:#a855f71a;border:1px solid #a855f733}.wiki-nav-link{color:var(--text-secondary);border-left:2px solid #0000;padding-left:10px;text-decoration:none;transition:all .3s;display:inline-block}.wiki-nav-link.active{border-left:2px solid #10b981;font-size:1.05rem;color:#10b981!important;font-weight:700!important}.wiki-nav-link:hover{color:var(--text-color)}.page-enter-active,.page-leave-active{transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1)}.page-enter-from{opacity:0;transform:translateY(12px)}.page-leave-to{opacity:0;transform:translateY(-8px)}@view-transition{navigation:auto}::view-transition-new(root){animation-duration:.25s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-old(root){animation-duration:.25s;animation-timing-function:cubic-bezier(.16,1,.3,1)}