:root{--color-bg: #0f0b1e;--color-primary: #a87eff;--color-secondary: #ffce00;--color-accent: #ff007a;--color-text: #ffffff;--color-text-dim: #a0a0b0;--color-surface: rgba(255, 255, 255, .05);--color-surface-hover: rgba(255, 255, 255, .1);--font-body: "Inter", sans-serif;--font-display: "Outfit", sans-serif;--radius-lg: 24px;--radius-md: 16px;--shadow-glow: 0 0 20px rgba(168, 126, 255, .3)}*{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700}button{cursor:pointer;border:none;font-family:var(--font-display);transition:all .3s cubic-bezier(.25,.8,.25,1)}a{text-decoration:none;color:inherit;transition:color .2s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.app-container{position:relative;width:100%;min-height:100vh;overflow:hidden}.bg-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/bg.webp);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1;opacity:.3}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden;line-height:1.6}.character-section{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:120px 8%;gap:40px}.character-content{flex:1;max-width:600px;z-index:10}.character-title{font-size:4rem;line-height:1.1;margin-bottom:24px}.text-gradient{background:linear-gradient(135deg,#fff 0%,var(--color-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.character-subtitle{font-size:1.25rem;color:var(--color-text-dim);margin-bottom:40px}.character-actions{display:flex;gap:16px}.btn-store{display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--color-surface);border:1px solid var(--color-surface-hover);border-radius:var(--radius-md);color:#fff;font-size:1rem;font-weight:600}.btn-store:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.character-visual{flex:1;position:relative;display:flex;justify-content:center;align-items:center}.phone-mockup{width:100%;max-width:400px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5));z-index:2;border-radius:24px}.floating{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.circle-glow{position:absolute;width:500px;height:500px;background:var(--color-primary);opacity:.15;filter:blur(80px);border-radius:50%;z-index:1}.bg-decoration{position:absolute;top:-50%;right:-50%;width:150%;opacity:.1;z-index:0;pointer-events:none}.features-section{padding:100px 8%;background:#0003}.section-title{text-align:center;font-size:2.5rem;margin-bottom:60px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card{padding:40px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:20px;transition:transform .3s}.feature-card:hover{transform:translateY(-10px)}.glass{background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-surface-hover)}.feature-icon{font-size:3rem;margin-bottom:10px}.feature-card h3{font-size:1.5rem}.feature-card p{color:var(--color-text-dim)}.footer{padding:60px 8%;border-top:1px solid var(--color-surface);margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-family:var(--font-display)}.footer-logo img{width:30px}.copyright{color:var(--color-text-dim);font-size:.9rem}@media(max-width:768px){.character-section{flex-direction:column;padding:100px 20px 60px;text-align:center}.character-actions{justify-content:center}.navbar{padding:15px 20px}.nav-links{display:none}.character-title{font-size:2.5rem}}.badge-container{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.store-badge{transition:transform .2s cubic-bezier(.4,0,.2,1);display:inline-block}.store-badge:hover{transform:translateY(-3px) scale(1.02);filter:brightness(1.1)}.store-badge img{height:42px;width:135px;border-radius:6px;object-fit:contain}@media(max-width:480px){.store-badge img{height:38px}.badge-container{justify-content:center}}.features-section{position:relative;z-index:1}.feature-card{position:relative;overflow:hidden;background:#ffffff08;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .4s ease}.feature-card:hover{transform:translateY(-15px) scale(1.02);border-color:#a87eff4d;box-shadow:0 20px 40px #0006,0 0 20px #a87eff1a}.feature-card:hover:before{opacity:1}.feature-icon{width:70px;height:70px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:24px;box-shadow:0 10px 20px #0003;border:1px solid rgba(255,255,255,.1);transition:all .4s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(-5deg);background:var(--color-primary);box-shadow:0 0 30px #a87eff66;border-color:transparent}.feature-card h3{font-size:1.5rem;margin-bottom:12px;color:var(--color-text)}.feature-card p{color:var(--color-text-dim);line-height:1.7;font-size:1.05rem}.feature-emo{position:absolute;top:-20px;right:-20px;width:120px;height:120px;opacity:.05;transition:all .5s ease;object-fit:contain;filter:grayscale(100%);pointer-events:none}.feature-card:hover .feature-emo{opacity:.2;transform:scale(1.2) rotate(10deg);filter:grayscale(0%)}.float-delay-1{animation:float 6s ease-in-out infinite 0s}.float-delay-2{animation:float 6s ease-in-out infinite 1s}.float-delay-3{animation:float 6s ease-in-out infinite 2s}.gallery-section{padding:100px 8%}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;justify-items:center}.gallery-item{border-radius:var(--radius-md);overflow:hidden;box-shadow:0 10px 30px #0000004d;transition:transform .3s ease,box-shadow .3s ease;background:var(--color-surface);aspect-ratio:9/19.5;width:100%;max-width:280px}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:15px}}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,visibility}.fade-in-section.is-visible{opacity:1;transform:none;visibility:visible}.trailer-section{padding:80px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:1}.media-container{display:flex;gap:30px;justify-content:center;align-items:flex-start;flex-wrap:wrap;width:100%;max-width:1200px;margin:40px auto 0}.video-wrapper{flex:1;min-width:300px;max-width:400px;display:flex;flex-direction:column;align-items:center}.media-title{font-size:1.5rem;margin-bottom:20px;color:var(--color-text);text-align:center}.trailer-video{width:100%;aspect-ratio:9 / 16;border-radius:var(--radius-lg);border:none;box-shadow:0 10px 30px #0000004d;display:block}.tiktok-embed{margin:0!important;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 10px 30px #0000004d}@media(max-width:768px){.media-container{flex-direction:column;align-items:center}.video-wrapper{width:100%}}.gallery-page{padding-top:100px;padding-bottom:60px}.gallery-header{text-align:center;margin-bottom:60px;padding:0 20px}.gallery-header h1{font-size:3.5rem;margin-bottom:16px;background:linear-gradient(135deg,#fff 0%,var(--color-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gallery-header p{font-size:1.2rem;color:var(--color-text-dim)}.gallery-section{padding:60px 8%;margin-bottom:40px}.section-subtitle{font-size:2rem;margin-bottom:40px;text-align:center;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-subtitle:after{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:3px;background:var(--color-primary);border-radius:2px}.gallery-grid.screenshots{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:30px;grid-auto-flow:dense;align-items:stretch}.gallery-item{border-radius:var(--radius-md);overflow:hidden;box-shadow:0 10px 30px #0000004d;transition:transform .3s ease,box-shadow .3s ease;background:var(--color-surface);width:100%;display:flex;align-items:center;justify-content:center;aspect-ratio:9/16}.gallery-item.landscape{grid-column:span 2;aspect-ratio:16/9}.gallery-item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}.gallery-item{border-radius:var(--radius-md);overflow:hidden;box-shadow:0 10px 30px #0000004d;transition:transform .3s ease,box-shadow .3s ease;background:var(--color-surface);width:100%}.gallery-item.landscape{grid-column:span 2}@media(max-width:500px){.gallery-item.landscape{grid-column:span 1}}.gallery-item img{width:100%;height:auto;display:block;object-fit:cover;transition:transform .5s ease}.gallery-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px #a87eff33}.gallery-item:hover img{transform:scale(1.05)}.gallery-tabs{display:flex;justify-content:center;gap:16px;margin-bottom:40px;flex-wrap:wrap}.tab-btn{padding:12px 24px;border-radius:30px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-dim);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.tab-btn:hover{background:#ffffff1a;color:var(--color-text)}.tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 0 20px #a87eff66}.gallery-grid.artwork{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;justify-items:center;align-items:start}.art-item{padding:15px;background:#ffffff08;border-radius:var(--radius-lg);border:1px solid var(--color-surface-hover);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;width:100%}.art-label{margin-top:12px;font-size:.9rem;color:var(--color-text-dim);text-align:center;text-transform:capitalize}.art-item img{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.art-item:hover{background:#ffffff14;transform:scale(1.02)}@media(max-width:768px){.gallery-header h1{font-size:2.5rem}.gallery-grid.screenshots{grid-template-columns:repeat(2,1fr);gap:15px}}.gallery-item,.art-item{cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease;padding:20px;box-sizing:border-box}.modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center}.modal-content img{max-width:100%;max-height:90vh;border-radius:var(--radius-md);box-shadow:0 0 50px #00000080;object-fit:contain}.modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:5px;line-height:1;transition:transform .2s}.modal-close:hover{transform:scale(1.1);color:var(--color-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notice-section{padding:120px 20px 60px;max-width:800px;margin:0 auto;min-height:80vh}.notice-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.notice-list{display:flex;flex-direction:column;gap:1.5rem}.notice-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;transition:all .3s ease}.notice-item:hover{background:#ffffff14;transform:translateY(-2px);border-color:#fff3}.notice-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.notice-date{font-size:.875rem;color:#94a3b8}.notice-subject{font-size:1.25rem;font-weight:600;color:#f8fafc;margin-bottom:.5rem}.notice-content{color:#cbd5e1;line-height:1.6}.goods-shop-container{padding-top:120px;padding-bottom:80px;min-height:80vh;display:flex;justify-content:center;align-items:center;text-align:center}.shop-content{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:60px 40px;border-radius:40px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #0000004d;max-width:600px;width:90%}.shop-icon{font-size:80px;margin-bottom:30px;animation:bounce 2s infinite}.shop-title{font-size:2.5rem;font-weight:800;margin-bottom:20px;background:linear-gradient(135deg,#fff,#a8a8a8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.shop-message{font-size:1.2rem;color:var(--color-text-secondary);line-height:1.6}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@media(max-width:768px){.shop-title{font-size:2rem}.shop-message{font-size:1rem}}.download-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:120px 20px 60px;text-align:center}.download-container{max-width:600px;margin:0 auto}.download-page h1{font-size:2.5rem;margin-bottom:20px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.download-desc{color:var(--color-text-dim);margin-bottom:40px;font-size:1.1rem;line-height:1.6}.store-buttons{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center}.store-badge{transition:transform .2s;display:inline-block}.store-badge:hover{transform:scale(1.05)}.store-badge img{height:60px;width:180px;border-radius:8px;object-fit:contain}@media(min-width:768px){.store-buttons{flex-direction:row;gap:30px}.store-badge img{height:70px;width:210px}}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;position:relative;overflow:hidden;color:var(--color-text)}.content-box{z-index:10;padding:40px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid var(--color-surface-hover);box-shadow:0 20px 40px #0000004d}.error-code{font-size:8rem;line-height:1;background:linear-gradient(135deg,var(--color-accent),var(--color-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px;font-family:var(--font-display)}.error-message{font-size:2rem;margin-bottom:16px;color:#fff}.error-description{color:var(--color-text-dim);margin-bottom:32px;line-height:1.8}.btn-home{display:inline-block;background:var(--color-primary);color:#fff;padding:12px 32px;border-radius:var(--radius-md);font-weight:600;font-family:var(--font-display);transition:all .3s ease}.btn-home:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 10px 20px #a87eff4d}.floating-shape{position:absolute;font-size:10rem;opacity:.05;font-weight:900;animation:float 8s ease-in-out infinite;-webkit-user-select:none;user-select:none;font-family:var(--font-display)}.shape-1{top:10%;left:10%;animation-delay:0s}.shape-2{bottom:15%;right:15%;animation-delay:2s}.shape-3{top:20%;right:25%;animation-delay:4s;font-size:6rem}.legal-container{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:120px 20px 60px}.legal-card{background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-surface-hover);border-radius:var(--radius-lg);padding:40px;max-width:800px;width:100%;box-shadow:var(--shadow-glow);max-height:80vh;display:flex;flex-direction:column}.legal-card h1{font-size:2rem;margin-bottom:24px;background:linear-gradient(135deg,#fff 0%,var(--color-primary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;flex-shrink:0}.legal-content{color:var(--color-text-dim);line-height:1.6;white-space:pre-wrap;text-align:left;overflow-y:auto;padding-right:10px;font-size:.95rem}.legal-content::-webkit-scrollbar{width:6px}.navbar{position:fixed;top:0;left:0;width:100%;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;z-index:100;transition:all .3s ease}.navbar.scrolled{background:#0f0b1ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:15px 40px;border-bottom:1px solid var(--color-surface);box-shadow:0 4px 20px #0000001a}.logo-container{display:flex;align-items:center;gap:12px;z-index:102}.nav-logo{width:40px;height:40px}.nav-title{font-family:var(--font-display);font-weight:700;font-size:1.25rem;letter-spacing:-.02em}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{font-weight:500;opacity:.8;position:relative}.nav-links a:hover{opacity:1;color:var(--color-primary)}.nav-socials{display:flex;gap:16px;align-items:center;margin-right:8px}.nav-socials a{display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;opacity:.8;transition:all .2s}.nav-socials a:hover{color:var(--color-primary);transform:translateY(-2px);opacity:1}.nav-downloads{display:flex;gap:10px;align-items:center}.btn-secondary-small{background:#ffffff1a;color:var(--color-text)!important;padding:8px 16px;border-radius:var(--radius-md);font-weight:600;transition:all .2s;border:1px solid rgba(255,255,255,.1)}.btn-secondary-small:hover{background:#fff3;border-color:var(--color-text)}.btn-primary-small{background:var(--color-primary);color:#fff!important;padding:8px 16px;border-radius:var(--radius-md);font-weight:600}.btn-primary-small:hover{filter:brightness(1.1);transform:translateY(-1px)}.menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:28px;height:24px;background:transparent;border:none;cursor:pointer;z-index:102;padding:0}.menu-toggle span{width:28px;height:3px;background:#fff;border-radius:2px;transition:all .3s linear;position:relative;transform-origin:1px}.menu-toggle.open span:first-child{transform:rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0;transform:translate(20px)}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg)}@media(max-width:768px){.navbar,.navbar.scrolled{padding:15px 20px}.menu-toggle{display:flex}.nav-links{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#0f0b1efa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;transition:right .3s cubic-bezier(.4,0,.2,1);z-index:101;gap:50px}.nav-downloads{flex-direction:column;gap:15px}.nav-links.open{right:0}.nav-links a{font-size:1.5rem;font-weight:700}.btn-secondary-small,.btn-primary-small{font-size:1.2rem;padding:12px 30px;width:100%;text-align:center}}.footer-left{display:flex;flex-direction:column;gap:12px}.contact-link{font-size:.9rem;color:var(--color-primary);text-decoration:none;transition:color .2s}.contact-link:hover{color:#fff;text-decoration:underline}.social-links{display:flex;gap:15px;margin-top:5px}.social-icon{font-size:1.5rem;text-decoration:none;transition:transform .2s;color:var(--color-text-dim)}.social-icon:hover{transform:scale(1.1);color:#fff}.social-icon.youtube:hover{color:red}.social-icon.tiktok:hover{color:#00f2ea;text-shadow:2px 2px 0px #ff0050}.social-icon.instagram:hover{color:#e1306c}.social-icon.threads:hover{color:#fff}.footer-links{display:flex;gap:20px;font-size:.9rem;color:var(--color-text-dim);align-items:center}.footer-links a:hover{color:var(--color-primary);text-decoration:underline}.lang-select{background-color:#ffffff1a;color:var(--color-text-dim);border:1px solid var(--color-text-dim);padding:6px 10px;border-radius:20px;cursor:pointer;font-size:.85rem;transition:all .2s;outline:none}.lang-select:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:#fff3}.lang-select option{background-color:#222;color:#fff}@media(max-width:768px){.footer-content{flex-direction:column;gap:30px;align-items:flex-start}.footer-links{flex-direction:column;gap:12px;align-items:flex-start}}