.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#1a1a1a;padding:1rem 2rem;color:#fff;position:sticky;top:0;z-index:100}.navbar-logo{font-size:1.5rem;font-weight:700;color:#eee;cursor:pointer}.navbar-links a{text-decoration:none;color:#ccc;margin:0 15px;font-size:1rem;transition:color .3s}.navbar-links a:hover{color:#fff}.navbar-socials{display:flex;align-items:center;gap:15px}.social-icon{color:#fff;font-size:1.5rem;transition:transform .2s,color .2s;display:flex;align-items:center}.social-icon:hover{transform:scale(1.2);color:#aaa}@media(max-width:768px){.navbar-socials{display:none}}.hamburger{display:none}@media(max-width:768px){.navbar{flex-wrap:wrap}.hamburger{display:flex;flex-direction:column;cursor:pointer}.bar{width:25px;height:3px;background-color:#fff;margin:3px 0}.navbar-links,.navbar-socials{display:none;width:100%;flex-direction:column;text-align:center;padding-top:1rem}.navbar-links.open{display:flex}.navbar-links a{margin:10px 0;display:block}.navbar-socials{display:none}}.logo-image{height:40px;width:auto;object-fit:contain;transition:opacity .2s}.logo-image:hover{opacity:.8}.hero-container{height:90vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;color:#fff;text-align:center;padding:0 20px}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.hero-background video{width:100%;height:100%;object-fit:cover}.placeholder-bg{width:100%;height:100%;background:linear-gradient(45deg,#2c3e50,#000)}.hero-content h1{font-size:4rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:3px;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.hero-content p{font-size:1.5rem;margin-bottom:2rem;color:#ddd}.hero-buttons{display:flex;gap:20px;justify-content:center}.btn-primary,.btn-secondary{padding:12px 24px;font-size:1rem;cursor:pointer;border:none;border-radius:5px;font-weight:700;transition:transform .2s}.btn-primary{background-color:#fff;color:#000}.btn-secondary{background-color:transparent;border:2px solid #fff;color:#fff}.btn-primary:hover,.btn-secondary:hover{transform:scale(1.05)}@media(max-width:768px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.2rem}.hero-buttons{flex-direction:column}}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;background-color:#000}.hero-background video{width:100%;height:100%;object-fit:cover;display:block}.placeholder-bg{display:none}.hero-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d}.product-section{width:100%;background-color:#1a1a1a;padding:80px 20px;color:#fff;display:flex;justify-content:center}.product-container{max-width:1100px;width:100%;display:flex;align-items:center;gap:60px}.product-image-col{flex:1}.product-cover{width:100%;border-radius:10px;box-shadow:0 10px 40px #0009;display:block}.product-info-col{flex:1;text-align:left}.product-info-col h2{font-size:2.5rem;margin-bottom:20px}.description{font-size:1.1rem;color:#ccc;margin-bottom:25px}.feature-list{list-style:none;padding:0;margin-bottom:30px}.feature-list li{margin-bottom:10px;padding-left:20px;position:relative;color:#bbb}.feature-list li:before{content:"✓";color:#4caf50;position:absolute;left:0;font-weight:700}.price-tag{display:flex;align-items:center;gap:15px;margin-bottom:30px}.price{font-size:2.2rem;font-weight:700;color:#4caf50}.old-price{font-size:1.2rem;color:#777;text-decoration:line-through}.sale-badge{background:#f44;padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:700}.platform{background:#333;padding:5px 12px;border-radius:4px;font-size:.8rem}.buy-btn{display:inline-block;background:#fff;color:#000;padding:15px 45px;font-weight:700;text-decoration:none;text-transform:uppercase;transition:.3s}.buy-btn:hover{transform:scale(1.05);background:#eee}@media(max-width:768px){.product-container{flex-direction:column;text-align:center}.product-info-col{text-align:center}.price-tag{justify-content:center}.feature-list li{padding-left:0}.feature-list li:before{display:none}}.updates-section{position:relative;display:flex;flex-direction:column;align-items:center;padding:80px 20px;overflow:hidden;color:#fff;scroll-margin-top:100px;min-height:600px}.updates-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(8px) brightness(.4);transform:scale(1.1);z-index:0;transition:background-image .5s ease-in-out}.updates-section>*:not(.updates-background){position:relative;z-index:10}.section-title{font-size:2.5rem;margin-bottom:40px;text-transform:uppercase;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.5)}.slider-container{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;max-width:900px;margin-bottom:30px}.update-card{border:3px solid #000;background-color:#fff;color:#333;width:100%;max-width:600px;display:flex;flex-direction:column;box-shadow:10px 10px #000;text-align:left;overflow:hidden}.card-image-placeholder{height:250px;width:100%;display:flex;align-items:center;justify-content:center;background-color:#333;color:#fff;font-weight:700;font-size:1.2rem}.card-content{padding:20px}.card-content h3{margin:10px 0;font-size:1.5rem;color:#000}.date{font-size:.9rem;color:#666;font-style:italic}.arrow-btn{background:none;border:none;font-size:3rem;cursor:pointer;padding:10px;transition:transform .2s;-webkit-user-select:none;user-select:none;color:#fff;text-shadow:0 0 5px black}.arrow-btn:hover{transform:scale(1.2);color:#ddd}.blog-button-container{margin-top:20px}.blog-btn{background:#fff;padding:10px 30px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:5px 5px #000;transition:transform .1s,box-shadow .1s;color:#000}.blog-btn:active{transform:translate(2px,2px);box-shadow:3px 3px #000}@media(max-width:768px){.slider-container{gap:5px}.arrow-btn{font-size:2rem}.update-card{border-width:2px;box-shadow:5px 5px #000}}.carousel-window{width:100%;max-width:600px;overflow:hidden;border:3px solid #000;background-color:#fff;box-shadow:10px 10px #000}.carousel-track{display:flex;width:100%;transition:transform .5s ease-in-out}.update-card{border:none;box-shadow:none;max-width:none;min-width:100%;background:#fff;display:flex;flex-direction:column;text-align:left}.footer{background-color:#000;color:#666;padding:40px 0;border-top:1px solid #222;width:100%}.footer-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.footer-links{display:flex;align-items:center;flex-wrap:wrap;justify-content:center}.footer-links a{color:#aaa;text-decoration:none;font-size:.9rem;font-weight:700;text-transform:uppercase;transition:color .3s ease}.footer-links a:hover{color:#fff}.separator{margin:0 15px;color:#333}.footer-copyright p{font-size:.8rem;margin:0;opacity:.7}@media(max-width:768px){.separator{display:none}.footer-links{flex-direction:column;gap:10px}}.privacy-container{background-color:#f4f4f4;color:#333;padding:40px 20px;min-height:100vh;display:flex;justify-content:center}.privacy-content{max-width:800px;background:#fff;padding:40px;box-shadow:0 4px 10px #0000001a;border-radius:8px;line-height:1.6}.privacy-content h1{font-size:2rem;margin-bottom:10px;color:#000}.privacy-content h2{font-size:1.5rem;margin-top:30px;margin-bottom:15px;border-bottom:2px solid #eee;padding-bottom:10px}.privacy-content h3{font-size:1.2rem;margin-top:20px;color:#444}.privacy-content ul{padding-left:20px;margin-bottom:20px}.privacy-content li{margin-bottom:10px}.last-updated{color:#666;font-style:italic;margin-bottom:30px}.lore-section{padding:60px 20px;background-color:#f9f9f9;text-align:center}.lore-title{font-size:2.5rem;margin-bottom:40px;color:#000;text-transform:uppercase}.comics-grid{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.comic-card{width:250px;cursor:pointer;transition:transform .2s}.comic-card:hover{transform:translateY(-5px)}.cover-container{width:100%;aspect-ratio:3/4;border:1px solid #000;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;box-shadow:1px 1px #fff,2px 2px #000,3px 3px #fff,4px 4px #000,5px 5px #fff,6px 6px #000,12px 12px #000;transition:transform .2s}.coming-soon .cover-container{position:relative;border:1px solid #333;background:#000;overflow:hidden}.coming-soon:hover{transform:none}.coming-soon .cover-container{border:3px dashed #aaa;color:#888;box-shadow:none}.comic-card h3{margin-top:15px;font-size:1.1rem;color:#333}.locked-cover{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) brightness(20%);opacity:.3;-webkit-user-select:none;user-select:none;pointer-events:none}.locked-text{position:absolute;z-index:2;color:#813939;font-family:monospace;font-size:1.5rem;letter-spacing:2px;border:2px solid #a0a0a0;padding:5px 10px;transform:rotate(-10deg)}.reader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center}.reader-container{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;max-width:1200px;height:85vh}.page-wrapper{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.page-placeholder{width:100%;height:100%;max-width:600px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000;font-size:1.5rem}.comic-page{max-height:100%;max-width:100%;object-fit:contain;box-shadow:0 0 20px #ffffff1a}.nav-arrow{background:none;border:none;color:#fff;font-size:4rem;cursor:pointer;padding:20px;opacity:.7;transition:opacity .2s,transform .1s;-webkit-user-select:none;user-select:none}.nav-arrow:hover{opacity:1;transform:scale(1.1)}.nav-arrow.hidden{visibility:hidden}.close-btn{position:absolute;top:20px;right:30px;background:none;border:none;color:#fff;font-size:3rem;cursor:pointer;z-index:2001}.page-counter{color:#888;margin-top:10px;font-family:monospace}@media(max-width:768px){.nav-arrow{font-size:2.5rem;padding:10px}}.fanart-page{padding-top:40px;min-height:100vh;background-color:#121212;color:#fff;text-align:center;padding-bottom:50px}.fanart-header h1{font-size:3rem;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}.fanart-header p{color:#888;margin-bottom:40px}.fanart-grid{column-count:3;column-gap:20px;max-width:1200px;margin:0 auto;padding:0 20px}.fanart-card{break-inside:avoid;margin-bottom:20px;position:relative;cursor:pointer;border-radius:10px;overflow:hidden;transition:transform .2s}.fanart-card:hover{transform:scale(1.02);z-index:2}.fanart-card img{width:100%;height:auto;display:block;border-radius:10px}.artist-credit{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:20px 10px 10px;opacity:0;transition:opacity .3s;font-weight:700}.fanart-card:hover .artist-credit{opacity:1}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:2000;display:flex;align-items:center;justify-content:center}.modal-content{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.modal-content img{max-width:100%;max-height:80vh;border-radius:5px;box-shadow:0 0 20px #00000080}.modal-info{margin-top:15px;text-align:center}.modal-info a{color:#4caf50;text-decoration:none;font-weight:700}@media(max-width:768px){.fanart-grid{column-count:1}}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{width:100vw;min-height:100vh;overflow-x:hidden;background-color:#121212;font-family:Arial,sans-serif}#root{width:100%;margin:0;padding:0;text-align:left}