*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}:root{--color-primary: #FFB800;--color-accent: #E67E22;--color-background: #0A0D14;--color-surface: #1B202B;--color-text-primary: #E0E6F1;--color-text-secondary: #6adadb;--color-border: #3A4150;--font-title: "Germania One", cursive;--font-body: "Roboto", sans-serif;--container-width: 1200px;--border-radius: 6px;--shadow: 0 4px 15px rgba(0, 0, 0, .4)}body{font-family:var(--font-body);color:var(--color-text-primary);background-color:var(--color-background)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--color-primary);line-height:1.2;margin-bottom:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.7),0 0 10px hsla(39,100%,50%,.5)}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.75rem}p{margin-bottom:1rem;max-width:75ch;margin:0 auto}a{color:var(--color-accent);transition:color .2s ease-in-out}.main-header{background:linear-gradient(#000000f2,#000000d9);padding:.5rem 0;border-bottom:1px solid #fab01218;box-shadow:var(--shadow);position:sticky;top:0;z-index:1000}.main-header .container{display:flex;justify-content:space-between;align-items:center;gap:1rem}.main-header .logo img{height:50px;transition:transform .3s ease;vertical-align:middle}.main-header .logo:hover img{transform:scale(1.05)}.mobile-nav-container{display:flex;align-items:center;gap:1.5rem}.main-nav{flex-grow:1;display:flex;justify-content:center}.main-nav ul{display:flex;align-items:center;gap:1.5rem}.main-nav a{font-family:var(--font-title);font-size:1.1rem;color:var(--color-text-secondary);padding:.5rem 0;position:relative;text-decoration:none;transition:color .2s ease}.main-nav a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--color-primary);transform:scaleX(0);transform-origin:right;transition:transform .3s ease-in-out}.header-actions-wrapper{display:flex;align-items:center;gap:1.5rem}.cta-button{display:none}.auth-controls{display:flex;align-items:center;gap:1rem}.profile-menu-container{position:relative}.profile-menu{display:flex;align-items:center;gap:.75rem;color:var(--color-text-primary);cursor:pointer;padding:.25rem .5rem;border-radius:var(--border-radius);transition:background-color .2s ease}.profile-menu:hover{background-color:#ffffff1a}.profile-menu__avatar{height:40px;width:40px;border-radius:50%;border:2px solid var(--color-primary);object-fit:cover}.profile-menu__username{font-weight:700;max-width:80px}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:220px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow);z-index:1100;transform:translateY(-10px);opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility 0s .2s}.profile-dropdown.active{transform:translateY(0);opacity:1;visibility:visible;transition:opacity .2s ease,transform .2s ease,visibility 0s 0s}.profile-dropdown ul{list-style:none;padding:.5rem 0;margin:0}.profile-dropdown a{display:block;padding:.75rem 1.5rem;color:var(--color-text-secondary);text-decoration:none;font-family:var(--font-body);font-size:.95rem}.profile-dropdown a:hover{background-color:#ffb8001a;color:var(--color-primary)}.dropdown-divider{height:1px;background-color:var(--color-border);margin:.5rem 0}.dropdown-logout-btn{width:100%;background:none;border:none;padding:.75rem 1.5rem;color:#e57373;text-align:left;font-family:var(--font-body);font-size:.95rem;cursor:pointer;transition:background-color .2s ease}.dropdown-logout-btn:hover{background-color:#e55e5e1a}.cart-icon-wrapper{position:relative;color:var(--color-text-primary);font-size:1.5rem;text-decoration:none}.cart-item-count{position:absolute;top:-8px;right:-10px;background-color:#c0392b;color:#fff;border-radius:50%;width:22px;height:22px;font-size:.8rem;font-weight:700;display:flex;justify-content:center;align-items:center;border:2px solid var(--color-background);transition:transform .2s ease}.cart-item-count.hidden{transform:scale(0)}.notifications-wrapper{position:relative}.notifications-bell-btn{background:none;border:none;color:var(--color-text-primary);font-size:1.5rem;cursor:pointer;position:relative;padding:.5rem}.notifications-count{position:absolute;top:0;right:0;background-color:#c0392b;color:#fff;border-radius:50%;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex;justify-content:center;align-items:center;border:2px solid var(--color-background);transition:transform .2s ease}.notifications-count.hidden{transform:scale(0)}.notifications-dropdown{position:absolute;top:calc(100% + 7px);right:520px;width:380px;max-height:400px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow);z-index:1100;display:flex;flex-direction:column;transform:translateY(-10px);opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility 0s .2s}.notifications-dropdown.active{transform:translateY(0);opacity:1;visibility:visible;transition:opacity .2s ease,transform .2s ease,visibility 0s 0s}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.notifications-header h3{margin:0;font-size:1rem;color:var(--color-text-primary)}#mark-all-read-btn{background:none;border:none;color:var(--color-text-secondary);font-size:.8rem;cursor:pointer}#mark-all-read-btn:hover{color:var(--color-primary)}.notifications-list{overflow-y:auto;flex-grow:1}.notifications-list .placeholder{padding:2rem;text-align:center;color:var(--color-text-secondary);font-style:italic}.notification-item{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid var(--color-border);text-decoration:none;transition:background-color .2s}.notification-item:hover{background-color:#ffffff0d}.notification-item.unread{background-color:#ffb80014}.notification-icon{font-size:1.5rem;flex-shrink:0}.notification-content p{margin:0;font-size:.9rem;color:var(--color-text-primary);line-height:1.4}.notification-content p strong{color:var(--color-primary)}.notification-timestamp{font-size:.75rem;color:var(--color-text-secondary);margin-top:.25rem}.notification-item-wrapper{position:relative;display:flex;align-items:stretch;border-bottom:1px solid var(--color-border)}.notification-item{flex-grow:1;border-bottom:none}.notification-delete-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:0 1rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,background-color .2s ease}.notification-item-wrapper:hover .notification-delete-btn{opacity:.7}.notification-delete-btn:hover{opacity:1;background-color:#e55e5e33;color:#e57373}.notification-delete-btn svg{width:20px;height:20px}.hamburger-btn{display:none}.main-footer{background-color:#10131a;color:var(--color-text-secondary);padding:2rem 0 0;border-top:3px solid var(--color-primary);font-size:.95rem}.main-footer .container{max-width:var(--container-width);margin:0 auto;padding:0 1rem}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2.5rem;margin-bottom:3rem}.footer-column h4{font-family:var(--font-title);color:var(--color-primary);font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:1px}.footer-column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-column a,.social-links a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s ease,transform .2s ease;display:flex;align-items:center;gap:.75rem}.footer-column a:hover,.social-links a:hover{color:var(--color-primary);transform:translate(3px)}.footer-column a i,.social-links a i{width:20px;text-align:center;transition:transform .2s ease}.footer-column a:hover i,.social-links a:hover i{transform:scale(1.1)}.social-links{display:flex;flex-direction:column;gap:.75rem}.footer-logos{display:flex;justify-content:center;align-items:center;gap:3rem;padding:2rem 0 0;margin-top:2rem;border-top:1px solid var(--color-border)}.partner-logo{max-height:65px;opacity:.8;transition:opacity .2s ease}.partner-logo:hover{opacity:1}.footer-bottom{background-color:var(--color-background);padding:1rem 0;margin-top:2rem}.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom .copyright{font-size:.85rem;margin:0}.footer-bottom .legal-links{display:flex;gap:1.5rem}.footer-bottom .legal-links a{font-size:.85rem;color:var(--color-text-secondary);gap:0}.footer-bottom .legal-links a:hover{color:var(--color-primary);text-decoration:underline;transform:none}.admin-fab .fa-solid,.fas{font-weight:900;color:#000;font-size:40px}.btn{display:inline-block;padding:.75rem 1.75rem;font-family:var(--font-title);font-size:1.1rem;font-weight:700;text-align:center;text-decoration:none;text-transform:uppercase;border-radius:var(--border-radius);border:2px solid transparent;cursor:pointer;transition:all .3s ease-in-out;-webkit-user-select:none;user-select:none}.btn-primary{background:linear-gradient(145deg,var(--color-primary),var(--color-accent));color:var(--color-background);box-shadow:0 4px 10px #ffb80033}.btn-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 15px #ffb80066;color:#000}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 5px #ffb8004d}.btn-secondary{background-color:transparent;border-color:var(--color-accent);color:var(--color-accent)}.btn-secondary:hover{background-color:var(--color-accent);color:var(--color-surface);border-color:var(--color-accent);transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;background:linear-gradient(#000000e6,#000000f2);border-radius:var(--border-radius);text-align:center;margin-bottom:1.5rem;padding:1.5rem;border:1px solid var(--color-border);box-shadow:0 4px 8px #000c}.card-item{background-color:var(--color-surface);border-radius:10px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;border:2px solid #0f0f0f}.card-item:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 20px #ffb8004d;border-color:var(--color-primary)}.card-item img{width:100%;height:auto;display:block}.card-item:after{content:attr(data-card-name);position:absolute;bottom:0;left:0;width:100%;padding:.5rem;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:var(--color-text-primary);font-family:var(--font-title);font-size:.9rem;text-align:center;opacity:0;transition:opacity .3s ease}.card-item:hover:after{opacity:1}.card-grid .placeholder-message{grid-column:1 / -1;text-align:center;color:var(--color-text-secondary);font-style:italic;padding:2rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0a0d14d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-card-name{margin-top:1rem;font-size:1.5rem;font-family:var(--font-title);color:var(--color-text-primary);text-shadow:1px 1px 3px rgba(0,0,0,.7)}.modal-close-btn{position:absolute;top:20px;right:20px;background-color:#0000004d;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:50%;width:40px;height:40px;font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease}.modal-close-btn:hover{background-color:var(--color-primary);color:var(--color-background);transform:scale(1.1)}.create-post-widget{background:linear-gradient(#000000d9,#000000a6);padding:1.5rem;border-radius:var(--border-radius);border:1px solid var(--color-border);margin-bottom:2rem}.create-post-input-area{display:flex;align-items:flex-start;gap:1rem;border-bottom:1px solid var(--color-border);padding-bottom:1rem}.create-post-textarea{flex-grow:1;background:transparent;border:none;color:var(--color-text-secondary);font-size:1.2rem;resize:none;min-height:50px;outline:none;font-family:var(--font-body)}.image-preview-container{margin-top:1rem;position:relative;max-width:200px}.image-preview-img{width:100%;border-radius:var(--border-radius)}.remove-image-btn{position:absolute;top:5px;right:5px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:1rem;font-weight:700;cursor:pointer;line-height:24px}.create-post-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.action-btn{background:none;border:none;color:#27ae60;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius);transition:background-color .2s}.action-btn:hover{background-color:#27ae601a}.action-btn svg{width:24px;height:24px}.action-btn.emoji-picker-btn-placeholder{color:var(--color-text-secondary)}.action-btn.emoji-picker-btn-placeholder:hover{color:var(--color-primary)}emoji-picker{position:absolute;bottom:55px;left:0;z-index:10;--background: var(--color-surface);--border-color: var(--color-border);--input-background-color: var(--color-background);--text-color: var(--color-text-primary);--secondary-text-color: var(--color-text-secondary)}.create-post-widget{position:relative;box-shadow:0 4px 8px #000c}#chat-widget-container{position:fixed;bottom:0;right:1rem;z-index:2000;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:1rem;pointer-events:none;max-width:100vw}.chat-window{width:320px;height:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius) var(--border-radius) 0 0;box-shadow:0 0 20px #00000080;display:flex;flex-direction:column;transition:all .3s ease;pointer-events:auto;position:relative}.chat-window-header{display:flex;align-items:center;padding:.75rem;background-color:var(--color-background);cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none}.chat-window-header img{width:32px;height:32px;border-radius:50%;margin-right:.75rem}.chat-window-header strong{flex-grow:1;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-window-actions{display:flex;gap:.5rem}.chat-window-actions button{background:none;border:none;color:var(--color-text-secondary);font-size:1.2rem;cursor:pointer;padding:.25rem;line-height:1}.chat-window-actions button:hover{color:var(--color-primary)}.chat-window-messages{flex-grow:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.chat-window-messages .message-bubble{font-size:.9rem}.chat-window-input{padding:.5rem .75rem;border-top:1px solid var(--color-border);flex-shrink:0;display:flex;align-items:center;gap:.5rem}.chat-window-input input{flex-grow:1;padding:.75rem 1rem;border-radius:20px;background-color:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-primary);outline:none}.chat-window-input input:focus{border-color:var(--color-primary)}.btn-chat-icon{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s;flex-shrink:0}.btn-chat-icon:hover{background-color:var(--color-border);color:var(--color-primary)}.btn-chat-icon svg{width:24px;height:24px;fill:currentColor}.chat-window emoji-picker{position:absolute;bottom:60px;right:1rem;z-index:2001;--background: var(--color-surface);--border-color: var(--color-border);--input-background-color: var(--color-background);--text-color: var(--color-text-primary);--secondary-text-color: var(--color-text-secondary)}.chat-window.minimized{height:48px;transform:translateY(0);overflow:hidden}.chat-window{transform:translateY(100%);animation:slide-up .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slide-up{to{transform:translateY(0)}}.cep-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0a0d14d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:3000;opacity:0;visibility:hidden;transition:opacity .3s ease}.cep-modal-overlay.active{opacity:1;visibility:visible}.cep-modal{background:var(--color-surface);padding:2rem;border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:var(--shadow);width:90%;max-width:400px;text-align:center;position:relative}#cep-form{display:flex;gap:1rem;margin-top:1rem}#cep-form input{flex-grow:1;padding:.75rem;font-size:1.1rem}.shipping-info{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border);text-align:left}.shipping-info p{margin:.5rem 0;display:flex;justify-content:space-between}.shipping-info .price{font-weight:700;color:var(--color-primary)}.shipping-info .deadline{font-size:.9rem;color:var(--color-text-secondary)}@keyframes kenburns{0%{transform:scale(1) translate(0)}to{transform:scale(1.35) translate(-10%,10%)}}.hero-section{height:91vh;min-height:500px;position:relative;background-color:var(--color-background);color:#fff;overflow:hidden}.hero-background-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-background-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;animation:kenburns 40s ease-in-out infinite alternate;transition:opacity 1.5s ease-in-out;opacity:0}.hero-background-slide:nth-child(2){animation-delay:-20s}.hero-background-slide.active{opacity:1}.hero-content-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(to top,rgba(10,13,20,.7) 0%,transparent 50%);opacity:1;transition:opacity .5s ease-in-out}.hero-content-overlay.is-fading{opacity:0}.hero-content-overlay .container{display:flex;flex-direction:column;height:100%;justify-content:center;position:relative}.hero-slide-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;margin-top:300px}.slide-title{font-size:4rem;margin-bottom:1rem}.slide-subtitle p{text-align:right;margin:unset}.slide-subtitle{font-size:1.25rem;color:var(--color-text-primary);max-width:60ch;text-align:right;margin:unset;margin-bottom:20px;font-family:Metamorphous,serif;font-weight:400;text-shadow:2px 2px 8px rgba(0,0,0,1)}.slide-buttons{display:flex;justify-content:center;gap:1rem}.hero-navigation{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1rem;z-index:5}.hero-nav-arrow{background:#0000004d;border:1px solid var(--color-border);color:#fff;width:40px;height:40px;border-radius:50%;font-size:1rem;cursor:pointer;transition:all .2s ease}.hero-nav-arrow:hover{background-color:var(--color-primary);color:var(--color-background)}.hero-nav-dots{display:flex;gap:.75rem}.hero-nav-dot{width:12px;height:12px;background-color:#fff6;border-radius:50%;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.hero-nav-dot:hover{background-color:#fffc}.hero-nav-dot.active{background-color:var(--color-primary);transform:scale(1.2)}.section-what-is{padding:4rem 0;text-align:center;background:linear-gradient(to bottom,#000000e6,#0000 20%,#0000 80%,#000000e6),url(/assets/images/backgrounds/what-it-is.jpg) no-repeat center center / cover;min-height:10.5vh;display:flex;flex-direction:column}.section-what-is p{font-family:Metamorphous,serif;font-weight:400;font-size:14px;font-style:normal;text-shadow:6px 2px 12px rgba(0,0,0,1);width:400px;background:linear-gradient(#000000f2,#000000d9);padding:2rem;border-radius:var(--border-radius);border:1px solid var(--color-border);text-align:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 8px #000c}.section-news{padding:4rem 0;text-align:center;background:linear-gradient(to bottom,#000000e6,#0000 40%,#0000 60%,#000000e6),url(/assets/images/backgrounds/home-section-news-background.jpg) no-repeat center center / cover;min-height:91.5vh;display:flex;flex-direction:column}.section-news h2{font-size:4.5rem;text-align:center;margin-bottom:3rem}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;text-align:left}.news-item-link{text-decoration:none;color:inherit}.news-item{background-color:var(--color-background);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease}.news-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0009}.news-item__image{width:100%;height:200px;object-fit:cover}.news-item__content{padding:1.5rem}.news-item__category,.news-card__content .category-tag{display:inline-block;background-color:var(--color-accent);color:var(--color-background);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:700;margin-bottom:.75rem}.news-item__title{font-size:1.5rem;margin-bottom:.5rem;color:var(--color-primary)}.news-item__summary{color:var(--color-text-secondary);margin-bottom:1rem}.news-item__date{font-size:.8rem;color:var(--color-text-secondary);font-style:italic}.featured-products-section{padding:4rem 0;background-color:var(--color-background);text-align:center;background:linear-gradient(to bottom,#000000e6,#0000 20%,#0000 80%,#000000e6),url(/assets/images/backgrounds/featured-items.jpg) no-repeat center top / cover;min-height:800px}.featured-products-section h2{font-size:4.5rem;margin-bottom:5rem}.featured-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem}.featured-product-item{display:block;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none}.featured-product-item:hover{transform:translateY(-10px) scale(1.05)}.featured-product-item img{width:100%;height:auto;display:block}.featured-product-item__info{padding:1.25rem;text-align:center}.featured-product-item__info h3{font-family:var(--font-title);color:var(--color-primary);font-size:1.8rem;text-shadow:1px 1px 3px rgba(0,0,0,.5);margin:0;line-height:1.3}.online-game-cta{padding:5rem 0;background:linear-gradient(#0a0d14e6,#0a0d14f2),url(/assets/images/backgrounds/bg5.jpg) no-repeat center center / cover;border-top:2px solid var(--color-border)}.cta-container{display:flex;align-items:center;gap:3rem}.cta-image-column{flex:1;position:relative;min-width:300px}.cta-image-background{width:100%;border-radius:var(--border-radius);box-shadow:0 10px 30px #00000080;border:2px solid var(--color-border)}.cta-image-foreground{position:absolute;width:45%;bottom:-10%;left:-5%;transform:rotate(-5deg);transition:transform .3s ease}.cta-image-column:hover .cta-image-foreground{transform:rotate(0) scale(1.05)}.cta-text-column{flex:1.2;text-align:left}.cta-text-column h2{font-size:2.8rem;text-align:left;margin-bottom:1.5rem}.cta-text-column p{font-size:1.1rem;max-width:50ch;margin:0 0 2rem;line-height:1.7;margin-bottom:20px;color:var(--color-text-secondary);font-family:Metamorphous,serif;font-weight:400;font-style:normal;text-shadow:6px 2px 12px rgba(0,0,0,1)}.btn-large{padding:1rem 2.5rem;font-size:1.4rem}@media (max-width: 992px){.featured-products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.featured-products-grid{grid-template-columns:1fr}}@media (max-width: 900px){.cta-container{flex-direction:column;text-align:center}.cta-text-column{text-align:center}.cta-text-column h2,.cta-text-column p{text-align:center;margin-left:auto;margin-right:auto}}.cards-explorer-page{flex-grow:1;background:linear-gradient(to bottom,#000000e6,#0000 20%,#0000 80%,#000000e6),url(/assets/images/backgrounds/cards-background.jpg) no-repeat center center / cover;background-attachment:fixed;display:flex;flex-direction:column}.cards-explorer-page .container{height:100%;overflow-y:auto;padding-right:1.5rem;padding-top:3rem;padding-bottom:3rem}.page-header-cards-explorer{text-align:center;margin-bottom:2.5rem;box-shadow:#000c 0 4px 8px;text-shadow:rgb(0,0,0) 6px 2px 12px;font-family:Metamorphous,serif;font-weight:400;font-style:normal;padding:2rem;background:linear-gradient(#000000f2,#000000d9);border-radius:var(--border-radius);border:1px solid var(--color-border)}.filters-bar{display:flex;flex-wrap:nowrap;gap:1rem;padding:1.5rem;margin-bottom:2rem;background-color:var(--color-surface);border-radius:var(--border-radius);border:1px solid var(--color-border);position:sticky;top:0;z-index:10}.filters-bar input,.filters-bar select{flex:1;min-width:120px;padding:.75rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);font-family:var(--font-body);font-size:14px;transition:border-color .2s,box-shadow .2s}.filters-bar input::placeholder{color:var(--color-text-secondary)}.filters-bar input:focus,.filters-bar select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 10px #ffb80033}.store-page{flex-grow:1;background:linear-gradient(to bottom,#000000e6,#0000 20%,#0000 80%,#000000e6),url(/assets/images/backgrounds/bazar_background.jpg) no-repeat center center / cover;background-attachment:fixed;display:flex;flex-direction:column}.store-page .container{height:100%;overflow-y:auto;padding:3rem 1.5rem}.store-page-header{text-align:center;padding:2rem;margin-bottom:2rem;background:linear-gradient(#000000f2,#000000d9);border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:0 4px 8px #000c}.store-page-header p{margin-bottom:0;color:var(--color-text-secondary);font-family:Metamorphous,serif;font-weight:400;font-style:normal;text-shadow:6px 2px 12px rgba(0,0,0,1)}.filters-bar{display:flex;justify-content:center;gap:1rem;padding:1rem;margin-bottom:2rem;background:linear-gradient(#000000f2,#000000d9);box-shadow:0 4px 8px #000c;border-radius:var(--border-radius);position:sticky;top:0;z-index:10}.filters-bar .btn.active{background-color:var(--color-primary);color:var(--color-background);border-color:var(--color-primary)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.product-item{background:linear-gradient(#000000f2,#000000d9);border:1px solid var(--color-border);border-radius:var(--border-radius);text-align:center;padding:1.5rem;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 8px #000c}.product-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #ffb80026}.product-item__image{max-width:100%;height:280px;object-fit:contain;margin:0 auto 1.5rem;cursor:pointer}.product-item__name{font-size:1.5rem;color:var(--color-primary);margin-bottom:.5rem;flex-grow:1}.product-item__price{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1.5rem;font-family:Metamorphous,serif;text-shadow:6px 2px 12px rgba(0,0,0,1)}.product-item__actions{display:flex;flex-direction:column;gap:.5rem}.product-detail-modal{background:linear-gradient(145deg,#1f2431,#13161f);color:var(--color-text-primary);border-radius:12px;width:90vw;max-width:1100px;max-height:90vh;overflow-y:auto;padding:2.5rem 3rem;position:relative;text-align:justify;margin-bottom:2rem;background:linear-gradient(#000000f2,#000000d9);border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:0 4px 8px #000c}.product-detail-content{display:grid;grid-template-columns:400px 1fr;gap:3rem}.product-image-column img{width:100%}.product-info-column h2{font-size:2.8rem;margin-bottom:.5rem;line-height:1.1}.product-info-column .product-short-description{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:1.5rem;font-style:italic}.product-price-box{background-color:#0003;padding:1rem 1.5rem;border-radius:var(--border-radius);margin-bottom:1.5rem;display:inline-block}.product-price-box .price-label{font-size:1rem;color:var(--color-text-secondary)}.product-price-box .price-value{font-size:2rem;font-family:var(--font-title);color:var(--color-primary);font-weight:700}.product-info-column .btn-add-to-cart-modal{padding:1rem 2rem;font-size:1.2rem;width:100%;max-width:300px;margin-left:80px}.product-specs{display:flex;gap:2rem;flex-wrap:wrap;margin:2rem 0;padding:1.5rem 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.spec-item{display:flex;align-items:center;gap:.75rem;color:var(--color-text-secondary)}.spec-item .icon{font-size:1.5rem;color:var(--color-primary)}.product-long-description{line-height:1.8;color:var(--color-text-secondary);max-width:70ch}.deck-contents-section{grid-column:1 / -1;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}.deck-contents-section h3{text-align:center;font-size:2rem;margin-bottom:1.5rem}.card-item .card-quantity-badge{position:absolute;top:5px;right:5px;background-color:var(--color-primary);color:var(--color-background);font-family:var(--font-body);font-weight:700;font-size:.9rem;padding:2px 8px;border-radius:20px;box-shadow:0 2px 5px #00000080}.modal-content-zoom{display:flex;align-items:center;justify-content:center;gap:1.5rem;width:90vw;max-width:800px}.modal-card-container{text-align:center;flex-shrink:1;min-width:0}#modal-card-image{max-width:100%;max-height:75vh;border-radius:15px;box-shadow:0 10px 30px #00000080;border:3px solid var(--color-primary)}#modal-card-name{margin-top:1rem;font-size:1.5rem;font-family:var(--font-title);color:var(--color-text-primary);text-shadow:1px 1px 3px rgba(0,0,0,.7)}.modal-nav{flex-shrink:0;background-color:#0000004d;border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none}.modal-nav:hover{background-color:var(--color-primary);color:var(--color-background);transform:scale(1.1)}@media (max-width: 992px){.product-detail-content{grid-template-columns:1fr}.product-detail-modal{padding:2rem}.product-image-column{max-width:400px;margin:0 auto}}@media (max-width: 576px){.product-grid{grid-template-columns:1fr}.product-detail-modal{padding:1.5rem}.product-info-column h2{font-size:2.2rem}}.game-info-page .page-header{margin-bottom:3rem;text-align:center;align-items:center;flex-wrap:wrap;gap:1.5rem;padding-bottom:1.5rem;margin-top:-20px;padding:1rem 2rem 2rem;margin-bottom:20px;text-shadow:6px 2px 12px rgba(0,0,0,1);font-family:Metamorphous,serif;font-weight:400;font-style:normal}.game-info-page .page-header h1{font-size:4.5rem;margin-bottom:1.5rem}.game-info-page .page-header h2{font-size:3.5rem;margin-bottom:.5rem}.game-info-page .page-header p{font-size:1.6rem;color:var(--color-text-secondary);max-width:67ch;margin:.5rem auto 0}#como-jogar{min-height:90.5vh;display:flex;background-position-x:center;background-repeat:no-repeat;background-size:cover;flex-direction:column;background:linear-gradient(to bottom,#000000e6,#0000 40%,#0000 60%,#000000e6),url(/assets/images/backgrounds/como-jogar-background.jpg) no-repeat center center / cover}.info-section{padding:5rem 0}.info-section.dark-bg{background-color:var(--color-surface);background:linear-gradient(to bottom,#000000e6,#0000 40%,#0000 60%,#000000e6),url(/assets/images/backgrounds/Faccoes-de-Eldraem-background.jpg) no-repeat center center / cover;min-height:81.5vh;display:flex;background-position-x:center;background-repeat:no-repeat;background-size:cover;flex-direction:column}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:60px}.step-item{background:linear-gradient(#000000f2,#000000d9);padding:2rem;border-radius:var(--border-radius);border:1px solid var(--color-border);text-align:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 8px #000c}.step-icon{font-size:3rem;margin-bottom:1rem;color:var(--color-primary)}.step-item h3{font-size:1.5rem;color:var(--color-primary)}.step-item p{color:var(--color-text-secondary);font-size:.95rem;text-shadow:rgb(0,0,0) 6px 2px 12px;font-family:Metamorphous,serif;font-weight:400;font-style:normal}.rules-link{text-align:center;margin-top:3rem}.faction-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.faction-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.faction-info{margin-bottom:3rem;text-align:center;align-items:center;flex-wrap:wrap;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border);margin-top:-20px;padding:2rem;margin-bottom:0;background:linear-gradient(#000000f2,#000000d9);border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:0 4px 8px #000c;text-shadow:6px 2px 12px rgba(0,0,0,1)}.faction-card img{width:100%;max-width:410px;border-radius:10px;margin-bottom:-6px;margin-top:20px;text-align:center;align-items:center;flex-wrap:wrap;gap:1.5rem;border-radius:var(--border-radius)}.faction-card h3{font-size:2rem}.faction-card p{min-height:110px;color:var(--color-text-secondary);font-size:.95rem;text-shadow:rgb(0,0,0) 6px 2px 12px;font-family:Metamorphous,serif;font-weight:400;font-style:normal}.lore-content{max-width:80ch;margin:0 auto;text-align:center;line-height:1.7}.lore-content p{font-size:1.1rem;color:var(--color-text-secondary);text-align:justify;font-family:Metamorphous,serif;font-weight:400;font-style:normal}.lore-content a{margin-top:2rem}@media (max-width: 768px){.faction-grid{grid-template-columns:1fr}.faction-card p{min-height:auto}}#lore{background:linear-gradient(to bottom,#000000e6,#0000 40%,#0000 60%,#000000e6),url(/assets/images/backgrounds/mundo-eldraem-background.png) no-repeat center center / cover;min-height:90.5vh;display:flex;background-position-x:center;background-position-y:bottom;background-repeat:no-repeat;background-size:cover;flex-direction:column}#o-mundo-eldraem{background:linear-gradient(#000000f2,#000000d9);padding:2rem;border-radius:var(--border-radius);border:1px solid var(--color-border);text-align:justify;max-width:840px;box-shadow:0 4px 8px #000c}.contact-page .page-header{text-align:center;margin-bottom:2rem;padding:2rem;background-color:var(--color-surface);border-radius:var(--border-radius);border:1px solid var(--color-border);margin-bottom:32px;margin-top:40px;background:linear-gradient(#000000d9,#000000a6)}.contact-page .page-header h1{margin-top:0rem;margin-bottom:0rem}.contact-page{min-height:100%;display:flex;flex-direction:column;background:linear-gradient(to bottom,#000000e6,#0000 20%,#0000 80%,#000000e6),url(/assets/images/backgrounds/contact_background.jpg) no-repeat center center / cover}.contact-page .header p{margin-bottom:0;font-family:Metamorphous,serif;font-weight:400;font-style:normal;text-shadow:6px 2px 12px rgba(0,0,0,1)}.contact-page p{margin-bottom:0;font-family:Metamorphous,serif;font-weight:400;font-style:normal;text-shadow:6px 2px 12px rgba(0,0,0,1);font-size:14px}.contact-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;background:linear-gradient(#000000d9,#000000a6);padding:1.5rem 1.5rem 0;border-radius:var(--border-radius);border:1px solid var(--color-border);margin-bottom:41px}.contact-form-wrapper form{display:grid;grid-template-columns:repeat(2,1fr);row-gap:.5rem;column-gap:1.5rem}.form-group--full{grid-column:1 / -1}.form-group{margin-bottom:0}.form-group label{display:block;margin-bottom:20px;font-weight:700;color:var(--color-text-secondary)}.form-group textarea{width:100%;padding:.8rem 1rem;height:100px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);font-family:var(--font-body);font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem 1rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);font-family:var(--font-body);font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 10px #ffb80033}#contact-form button[type=submit]{width:100%;padding-top:1rem;padding-bottom:1rem;font-size:1.2rem;margin-top:20px;margin-bottom:20px}.contact-info-wrapper{padding-left:2rem;border-left:1px solid var(--color-border)}.contact-info-wrapper h3{color:var(--color-primary);margin-bottom:1rem}.contact-info-wrapper p{color:var(--color-text-secondary);margin-bottom:1.5rem}.info-item{margin-bottom:2rem}.info-item h4{font-size:1.2rem;margin-bottom:.5rem}.social-links-contact{display:flex;gap:.5rem;align-items:center}@media (max-width: 992px){.contact-content{grid-template-columns:1fr;gap:2.5rem}.contact-info-wrapper{padding-left:0;border-left:none;border-top:1px solid var(--color-border);padding-top:2.5rem}}@media (max-width: 576px){.contact-form-wrapper form{grid-template-columns:1fr}}.forum-page{min-height:81.5vh;display:flex;flex-direction:column;background:linear-gradient(to bottom,#000000e6,#0000 20%,#0000 80%,#000000e6),url(/assets/images/backgrounds/forum_background.jpg) no-repeat center center / cover}.forum-page .page-container{padding:3rem 0}.forum-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;padding:2rem;margin-bottom:1.2rem;background:linear-gradient(#000000f2,#000000d9);border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:0 4px 8px #000c}.forum-header h1{margin-bottom:.25rem}.forum-header p{margin:0;color:var(--color-text-secondary);font-family:Metamorphous,serif;font-weight:400;font-style:normal;text-shadow:6px 2px 12px rgba(0,0,0,1)}.back-link{display:inline-block;color:#f2f3f3;text-shadow:2px 2px 4px rgba(0,0,0,1.3);background:linear-gradient(#000000f2,#000000d9);border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:0 4px 8px #000c;padding:12px;margin-bottom:20px;font-family:Metamorphous,serif;font-weight:400;font-style:normal;text-shadow:6px 2px 12px rgba(0,0,0,1)}.back-link:hover{color:var(--color-primary)}.categories-list{display:flex;flex-direction:column;gap:.5rem;padding:2rem;background-color:var(--color-surface);border-radius:var(--border-radius);border:1px solid var(--color-border);margin-bottom:2rem;box-shadow:0 4px 8px #000c;background:linear-gradient(#000000f2,#000000d9)}.category-card{display:grid;grid-template-columns:50px minmax(0,1fr) 120px 300px;grid-template-areas:"icon content stats latest";align-items:center;gap:0 1.5rem;padding:1rem 1.5rem;background:linear-gradient(#000000d9,#000000bf);border-radius:6px;border:1px solid var(--color-border);text-decoration:none;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.category-card:hover{background-color:#2a303c;border-color:var(--color-primary);transform:translateY(-3px)}.category-card__icon{grid-area:icon;font-size:2rem;color:var(--color-primary);text-align:center}.category-card__content{grid-area:content;display:flex;flex-direction:column;min-width:0}.category-card__title{margin:0;font-size:1.2rem;font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-card__description{margin:.1rem 0 0;font-size:.9rem;color:var(--color-text-secondary);line-height:1.4}.category-card__stats,.category-card__latest{height:70%;display:flex;flex-direction:column;justify-content:center;padding-left:1.5rem;border-left:1px solid var(--color-border)}.category-card__stats{grid-area:stats;font-size:.9rem;color:var(--color-text-secondary)}.category-card__stats span{display:block;line-height:1.3}.category-card__latest{grid-area:latest;font-size:.85rem;color:var(--color-text-secondary);min-width:0}.category-card__latest .latest-title{color:var(--color-text-primary);font-weight:700}.category-card__latest .latest-author strong{color:var(--color-text-primary);font-weight:400}.category-card__latest span,.category-card__latest time{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-card__latest time{font-size:.8rem;opacity:.8;margin-top:2px}@media (max-width: 992px){.category-card{grid-template-columns:50px 1fr;grid-template-rows:auto;grid-template-areas:"icon content" ".    stats" ".    latest";gap:.25rem 1rem;align-items:start}.category-card__stats,.category-card__latest{padding-left:0;border-left:none;height:auto;justify-content:flex-start}.category-card__stats{flex-direction:row;gap:1.5rem;margin-top:.5rem}.category-card__latest{margin-top:.25rem}}@media (max-width: 480px){.category-card__title{font-size:1.05rem}.category-card__description,.category-card__stats,.category-card__latest{font-size:.8rem}}.topic-list{display:flex;flex-direction:column;gap:.5rem;padding:2rem;background-color:var(--color-surface);border-radius:var(--border-radius);border:1px solid var(--color-border);margin-bottom:2rem;box-shadow:0 4px 8px #000c;background:linear-gradient(#000000f2,#000000d9)}.topic-list__header{display:none}.topic-item{display:flex;align-items:center;gap:1.5rem;padding:1rem 1.5rem;border:1px solid var(--color-border);transition:background-color .2s ease,border-color .2s ease;border-radius:6px;background:linear-gradient(#000000d9,#000000bf)}.topic-item:hover{background-color:#2a303c;border-color:var(--color-primary)}.topic-item--pinned{background-color:#ffb8000d}.topic-item__icon{font-size:1.5rem;flex-shrink:0}.topic-item__content{display:flex;flex-direction:column;flex-grow:1;min-width:0;gap:.5rem}.topic-item__title{font-size:1.2rem;margin-bottom:.1rem;color:var(--color-text-primary);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-item__author{font-size:.85rem;color:var(--color-text-secondary);margin:0}.topic-item__details{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:.5rem;border-top:1px solid var(--color-border)}.topic-item__stats{text-align:left;font-size:.9rem;color:var(--color-text-secondary);flex-basis:120px;flex-shrink:0;display:flex;gap:1rem;min-width:200px;max-height:13px}.topic-item__latest{text-align:right;font-size:.9rem;color:var(--color-text-secondary);min-width:0}.topic-item__latest p,.topic-item__latest time{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-item__latest time{font-size:.8rem}@media (max-width: 768px){.topic-item__details{flex-direction:column;align-items:flex-start}.topic-item__latest{text-align:left;width:100%}}.topic-post-container{padding:1rem 1rem 1rem 2rem;border-radius:var(--border-radius);border:1px solid var(--color-border);margin-bottom:20px;box-shadow:0 4px 8px #000c;background:linear-gradient(#000000f2,#000000d9)}.responses-container{padding:1.5rem;background:linear-gradient(#000000f2,#000000d9);border-radius:var(--border-radius);border:1px solid var(--color-border);margin-bottom:2rem;box-shadow:0 4px 8px #000c}.responses-container h2{font-size:2rem;margin-bottom:1rem;color:var(--color-text-primary);text-align:left}.post-item{display:flex;gap:3.5rem;padding:1.5rem;border:1px solid var(--color-border);border-radius:6px;background:linear-gradient(#000000f2,#000000d9);margin-top:10px}.post-item__author{flex-shrink:0;width:150px;text-align:center;font-family:Metamorphous,serif;font-weight:400;font-style:normal;text-shadow:6px 2px 12px rgba(0,0,0,1)}.post-item__author img{width:80px;height:80px;border-radius:50%;margin:0 auto .5rem;border:2px solid var(--color-primary)}.post-item__author strong{display:block;color:var(--color-primary)}.post-item__content{display:flex;flex-direction:column;flex-grow:1;line-height:1.7;position:relative}.post-body{flex-grow:1;text-align:justify}.post-item__actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.post-item__actions button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.post-item__actions button:hover,.post-item__actions button.active{color:var(--color-primary)}.btn-like.liked-by-user{color:var(--color-primary);font-weight:700}.post-item.post-item--best-answer{background:linear-gradient(#1c6b3126,#0a0d14f2);border-color:#28a745;position:relative;border-width:2px}.best-answer-badge{position:absolute;top:-32px;right:-17px;background-color:#28a745;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:10px;font-weight:700}.new-response-box{padding:1.5rem;background:linear-gradient(#000000f2,#000000d9);border-radius:var(--border-radius);border:1px solid var(--color-border);margin-bottom:2rem;box-shadow:0 4px 8px #000c;height:320px}.new-response-box textarea{width:100%;min-height:150px;padding:15px;border-radius:6px;background:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-border)}.new-response-box button{margin-top:1rem;float:right}.nested-reply-box{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.nested-reply-box textarea{width:100%;min-height:80px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);padding:.5rem}.nested-reply-actions{display:flex;justify-content:flex-end;gap:.5rem}.post-edit-area{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.post-edit-area textarea{width:100%;min-height:150px;padding:.75rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);font-family:var(--font-body);font-size:1rem;resize:vertical}.post-edit-actions{display:flex;justify-content:flex-end;gap:.5rem}.topic-post-container h1{font-size:2rem}@media (max-width: 768px){.post-item{flex-direction:column;gap:1rem}.post-item__author{width:auto;text-align:left;display:flex;align-items:center;gap:1rem}.post-item__author img{width:40px;height:40px}}.auth-page{display:flex;justify-content:center;align-items:center;min-height:777px;background:linear-gradient(to bottom,#000000e6,#0000 40%,#0000 60%,#000000e6),url(/assets/images/backgrounds/bg4.jpg) no-repeat center center / cover}.signup-page{display:flex;justify-content:center;align-items:center;min-height:777px;background:linear-gradient(to bottom,#000000e6,#0000 40%,#0000 60%,#000000e6),url(/assets/images/backgrounds/signup.jpg) no-repeat center center / cover}.auth-card{width:100%;max-width:500px;background:linear-gradient(#000000f2,#000000d9);border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:0 4px 8px #000c;padding:2.5rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{display:inline-block;margin-bottom:1rem}.auth-logo img{height:50px}.auth-header h1{font-size:2rem;margin-bottom:.5rem}.auth-header p{color:var(--color-text-secondary);font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:flex;gap:1.25rem}.form-group label{display:block;font-weight:700;margin-bottom:.5rem;color:var(--color-text-secondary)}.form-group input,.form-group select{width:100%;padding:.8rem 1rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);font-family:var(--font-body);font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input[type=date]{line-height:1.5}.form-group input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.8)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 10px #ffb80033}.form-message{text-align:center;font-weight:700;min-height:1.2em;margin:0}.form-message.error{color:#e53e3e}.form-message.success{color:#38a169}.btn-full{width:100%;padding:1rem;font-size:1.2rem}.auth-footer{text-align:center;padding-top:1.5rem;border-top:1px solid var(--color-border);font-size:.9rem}.auth-footer a{font-weight:700;color:var(--color-primary)}@media (max-width: 576px){.auth-card{padding:1.5rem}.form-row{flex-direction:column}}.auth-footer .forgot-password-link{display:block;margin-top:.75rem;font-size:.85rem;color:var(--color-text-secondary)}.error-page .page-header{text-align:center;margin-bottom:2rem}.error-page h1{font-size:5rem;color:var(--color-accent);margin-bottom:214px}.error-page p{font-size:2rem;color:#ffe583;max-width:60ch;margin:.5rem auto 0;text-align:center;font-family:Metamorphous,serif;font-weight:400;font-style:normal;text-shadow:6px 2px 12px rgba(0,0,0,1)}.error-content{text-align:center;margin-top:2rem;padding:2rem 0}.error-content p{margin-bottom:1rem}.error-actions{margin-top:2rem;display:flex;justify-content:center;gap:1rem}.container_404{width:100%;max-width:var(--container-width);margin:20px auto 0;padding:0 1rem;min-height:60.5vh}.page-container.error-page{background:url(../../assets/images/backgrounds/404_background.jpg);min-height:80.5vh;display:flex;background-position-x:center;background-repeat:no-repeat;background-size:cover;flex-direction:column}.new-topic-page .page-header{text-align:center;margin-bottom:2rem}.new-topic-form{max-width:800px;margin:0 auto;background-color:var(--color-surface);padding:2rem;border-radius:var(--border-radius);border:1px solid var(--color-border)}.new-topic-form .form-group{margin-bottom:1.5rem}.new-topic-form .form-group label{display:block;margin-bottom:.5rem;font-weight:700}.new-topic-form .form-group input,.new-topic-form .form-group select,.new-topic-form .form-group textarea{width:100%;padding:.75rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);font-size:1rem}.new-topic-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.news-page{padding-bottom:0;background-color:var(--color-background)}.news-hero-section{width:100%;min-height:722px;display:flex;align-items:center;padding:2rem 0;background-size:cover;background-position:center;transition:background-image .5s ease-in-out;border-bottom:1px solid var(--color-border)}.news-hero-content{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;align-items:center;background:#0a0d14b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2rem;border-radius:var(--border-radius);border:1px solid var(--color-border)}.news-hero-image img{width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow)}.news-hero-info .category-tag{display:inline-block;background-color:var(--color-accent);color:var(--color-background);padding:.3rem .8rem;border-radius:20px;font-size:.9rem;font-weight:700;margin-bottom:1rem}.news-card__content{max-width:100%;margin:0}.news-hero-info h1{font-size:3rem;line-height:1.1;margin-bottom:1rem}.news-hero-info p{font-size:1.1rem;color:var(--color-text-secondary);margin:0 0 1.5rem;text-shadow:rgb(0,0,0) 6px 2px 12px;font-family:Metamorphous,serif;font-weight:400;font-style:normal}.featured-news-section{padding:4rem 0;background:linear-gradient(to bottom,#000000e6,#0000 20%,#0000 80%,#000000e6),url(/assets/images/backgrounds/bg9.jpg) no-repeat center center / cover;border-bottom:1px solid var(--color-border)}.latest-articles-section{padding:4rem 0;background:linear-gradient(to bottom,#000000e6,#0006 20%,#0006 80%,#000000e6),url(/assets/images/backgrounds/bg2.jpg) no-repeat center center / cover}.featured-news-section h2,.latest-articles-section h2{text-align:center;font-size:2.5rem;margin-bottom:2rem}.featured-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.news-card{background-color:var(--color-surface);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 10px #0003;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;display:flex;flex-direction:column}.news-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0006}.news-card__image{width:100%;height:200px;object-fit:cover}.news-card__content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1;text-align:left;background:linear-gradient(#000000d9,#000000a6);border-radius:var(--border-radius);border:1px solid var(--color-border)}.news-card__content .category-tag{background-color:var(--color-accent);color:var(--color-background);padding:.2rem .6rem;font-size:.75rem;font-weight:700;border-radius:15px;margin-bottom:.75rem;align-self:flex-start}.news-card__content h3{font-size:1.4rem;color:var(--color-primary);margin-bottom:.5rem;line-height:1.3}.news-card__content .summary{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;flex-grow:1;max-width:200ch;margin:unset}.news-card__author{display:flex;align-items:center;gap:.75rem;margin-top:1.5rem;font-size:.85rem;color:var(--color-text-secondary)}.news-card__author img{width:30px;height:30px;border-radius:50%}.news-categories-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem}.news-categories-filter button.active{background-color:var(--color-primary);color:var(--color-background);border-color:var(--color-primary)}.latest-articles-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}.load-more-container{text-align:center;margin-top:2.5rem}@media (max-width: 992px){.featured-news-grid{grid-template-columns:1fr}}@media (max-width: 768px){.news-hero-content{grid-template-columns:1fr}}.article-page{padding:0;background-color:var(--color-background)}.article-hero{padding:4rem 0;min-height:584px;display:flex;align-items:flex-end;text-align:left;color:#fff;background-size:cover;background-position:center;background-position-y:top;box-shadow:0 0 30px #000c}.article-header{background:#0a0d14b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1.5rem 2rem;border-radius:var(--border-radius);max-width:80%}.article-header h1{font-size:3rem;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.8);margin-bottom:0}.article-body-container{padding:4rem 1rem;max-width:900px;margin:0 auto}.article-content-panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:2.5rem;box-shadow:var(--shadow)}.article-meta-info{display:flex;align-items:center;gap:1rem;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.article-meta-info img{width:50px;height:50px;border-radius:50%;border:2px solid var(--color-primary)}.article-meta-info span{color:var(--color-text-secondary);font-size:.9rem}.article-meta-info strong{color:var(--color-text-primary);font-size:1.1rem}.article-body{line-height:1.8;font-size:1.1rem;color:var(--color-text-primary)}.article-inline-image{width:100%;border-radius:var(--border-radius);margin:2.5rem 0;box-shadow:var(--shadow)}.article-body h2{font-size:2rem;margin-top:2.5rem;margin-bottom:1rem}.article-body p{margin-bottom:1.5rem;text-align:left;margin-left:0;margin-right:0;max-width:none}.article-body ul,.article-body ol{margin-bottom:1.5rem;padding-left:1.5rem}.article-body li{margin-bottom:.5rem}.article-body strong{color:var(--color-primary)}.article-body a{text-decoration:underline}.article-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.related-articles-section{margin-top:4rem}.related-articles-section h3{text-align:center;font-size:2rem;margin-bottom:2rem}.related-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.back-to-news{color:#f2f3f3;font-family:Metamorphous,serif;font-weight:400;font-style:normal;text-shadow:6px 2px 12px rgba(0,0,0,1);background:linear-gradient(#000000f2,#000000d9);border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:0 4px 8px #000c;padding:12px;transition:color .2s ease;display:block;text-align:center;max-width:345px;margin:20px 0 20px 371px}.back-to-news:hover{color:var(--color-primary)}.admin-page{padding:3rem 0;background-color:var(--color-surface);flex-grow:1;background:linear-gradient(to bottom,#000000e6,#0000 20%,#0000 80%,#000000e6),url(/assets/images/backgrounds/error.jpg) no-repeat center center / cover;background-attachment:fixed;display:flex;flex-direction:column}.admin-header{text-align:center;margin-bottom:3rem}.admin-header h1{font-size:2.5rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.admin-card{background:var(--color-background);border:1px solid var(--color-border);padding:2rem;border-radius:var(--border-radius);text-align:center;transition:transform .2s ease,border-color .2s ease;text-decoration:none}.admin-card:hover{transform:translateY(-5px);border-color:var(--color-primary)}.admin-card__icon{font-size:3rem;margin-bottom:1rem}.admin-card__title{font-size:1.5rem;color:var(--color-text-primary);margin-bottom:.5rem}.admin-card__description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6}.admin-header-inline{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.admin-header-inline h1{font-size:2rem;margin-bottom:.25rem}.admin-header-inline p{color:var(--color-text-secondary);margin:0}.admin-table-container{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--color-border)}.admin-table th{font-family:var(--font-body);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;font-size:.8rem}.admin-table tbody tr:hover{background-color:#ffffff08}.status-badge{padding:.25rem .6rem;border-radius:15px;font-size:.8rem;font-weight:700}.status-badge.published{background-color:#28a745;color:#fff}.status-badge.draft{background-color:#6c757d;color:#fff}.admin-table .actions a{margin-right:.75rem;font-size:.9rem}.admin-back-link{display:inline-block;margin-top:2rem;color:var(--color-text-secondary)}.admin-back-link:hover{color:var(--color-primary)}.admin-form{display:grid;grid-template-columns:2fr 1fr;gap:2rem;padding:2rem;margin-bottom:2rem;background:linear-gradient(#000000f2,#000000d9);border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:0 4px 8px #000c}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:700;color:var(--color-text-secondary);margin-bottom:.5rem}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:.75rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary)}.form-group-inline{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.sidebar-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem}.ql-toolbar{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-color:var(--color-border)!important}.ql-container{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-color:var(--color-border)!important;color:var(--color-text-primary);font-family:var(--font-body);min-height:300px}.ql-snow .ql-stroke{stroke:var(--color-text-secondary)}.ql-snow .ql-picker-label{color:var(--color-text-secondary)}.image-upload-wrapper{border:2px dashed var(--color-border);border-radius:var(--border-radius);padding:1rem;text-align:center}.image-upload-wrapper input[type=file]{display:none}.image-upload-wrapper .image-preview{width:100%;height:150px;background-color:var(--color-background);border-radius:var(--border-radius);margin-bottom:1rem;background-size:cover;background-position:center;border:1px solid var(--color-border);display:none}.image-upload-wrapper .image-preview.visible{display:block}.image-upload-wrapper .file-name{display:block;margin-top:.75rem;font-size:.8rem;color:var(--color-text-secondary);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.confirmation-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0a0d14d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:3000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.confirmation-modal-overlay.visible{opacity:1;visibility:visible}.confirmation-modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow);width:90%;max-width:500px;padding:2rem;text-align:center;transform:scale(.95);transition:transform .3s ease}.confirmation-modal-overlay.visible .confirmation-modal{transform:scale(1)}.confirmation-modal h3{font-size:1.5rem;color:var(--color-primary);margin-bottom:.5rem}.confirmation-modal p{color:var(--color-text-secondary);margin-bottom:2rem;line-height:1.6}.confirmation-modal-actions{display:flex;justify-content:center;gap:1rem}.btn-danger{background:#c0392b;color:#fff;border-color:#c0392b}.btn-danger:hover{background:#e74c3c;border-color:#e74c3c;color:#fff}.admin-table tbody tr.fading-out{opacity:0;transition:opacity .5s ease-out}.sorter-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}.sorter-column h2{font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.sorter-list{background-color:#0003;border:2px dashed var(--color-border);border-radius:var(--border-radius);padding:1rem;min-height:200px;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.sorter-list.featured{display:flex;flex-direction:column}.sorter-card{display:flex;align-items:center;gap:1rem;background-color:var(--color-surface);padding:.75rem;border-radius:var(--border-radius);border:1px solid var(--color-border);cursor:grab;transition:background-color .2s}.sorter-card:hover{background-color:#2a303c}.sorter-card img{width:60px;height:60px;object-fit:cover;border-radius:4px;flex-shrink:0}.sorter-card span{font-weight:700;color:var(--color-text-primary)}.save-status-indicator{margin-right:1rem;color:var(--color-primary);font-style:italic;opacity:0;transition:opacity .5s ease}.status-badge.admin{background-color:#ffb800;color:#000}.status-badge.user{background-color:#3a4150;color:#fff}.user-info-cell img{width:32px;height:32px;border-radius:50%}.admin-table .actions button{background:none;border:none;color:var(--color-accent);cursor:pointer;text-decoration:underline;font-size:.9rem;padding:0;margin-right:.75rem}.status-badge.admin{background-color:var(--color-primary);color:var(--color-background);font-weight:700}.status-badge.user{background-color:var(--color-border);color:var(--color-text-primary)}.status-badge.active{background-color:#28a745;color:#fff}.status-badge.banned{background-color:#c0392b;color:#fff}.user-info-cell{display:flex;align-items:center;gap:10px}.user-info-cell img{width:32px;height:32px;border-radius:50%;object-fit:cover}.admin-table .actions button{background:none;border:none;color:var(--color-accent);cursor:pointer;text-decoration:underline;font-size:.9rem;font-family:var(--font-body);padding:0;margin-right:.75rem;transition:color .2s ease}.admin-table .actions button:hover{color:var(--color-primary)}.admin-table .actions button.ban-action{color:#e57373}.admin-table .actions button.ban-action:hover{color:#c0392b}.admin-table .actions button.unban-action{color:#28a745}.admin-table .actions button.unban-action:hover{color:#218838}.role-modal-content{padding:1rem;text-align:left}.role-modal-content label{display:block;margin-bottom:.5rem;font-weight:700;color:var(--color-text-secondary)}.role-modal-content select{width:100%;padding:.75rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);font-size:1rem}.admin-fab{position:fixed;top:16px;left:20px;width:50px;height:50px;background:linear-gradient(145deg,var(--color-primary),var(--color-accent));border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px #0006;z-index:1001;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none}.admin-fab svg{width:28px;height:37px;margin-top:-4px;fill:var(--color-background)}.admin-fab:hover{transform:scale(1.1) rotate(45deg);box-shadow:0 6px 16px #ffb8004d}.profile-page-container{flex-grow:1;background:linear-gradient(to bottom,#000000e6,#0000 20%,#0000 80%,#000000e6),url(/assets/images/backgrounds/cards-background.jpg) no-repeat center center / cover;background-attachment:fixed;display:flex;flex-direction:column}.profile-page-container h1{text-align:center;margin-bottom:2rem;margin-top:50px;font-size:4.5rem}.profile-page-container p{text-align:center;color:var(--color-text-secondary);font-family:Metamorphous,serif;font-weight:400;font-style:normal;text-shadow:4px 2px 3px rgba(0,0,0,1);margin-bottom:40px}.profile-card{display:flex;gap:2rem;background:linear-gradient(#000000f2,#000000d9);border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:0 4px 8px #000c;padding:2rem;box-shadow:var(--shadow);margin-bottom:40px}.profile-card p{text-align:left;margin-left:0}.profile-sidebar{flex:0 0 250px;text-align:center;padding-right:2rem;border-right:1px solid var(--color-border)}.profile-avatar-wrapper{margin-bottom:1rem}.profile-avatar-wrapper img{width:150px;height:150px;border-radius:50%;border:4px solid var(--color-primary);object-fit:cover;margin:0 auto}.profile-username{font-size:1.75rem;margin-bottom:1.5rem;word-wrap:break-word}.profile-actions{display:flex;flex-direction:column;gap:.75rem}.profile-main{flex-grow:1}.profile-details,.profile-activity{margin-bottom:2rem}.profile-details h3,.profile-activity h3{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.profile-details ul{list-style:none;line-height:2}.profile-details ul li strong{color:var(--color-text-secondary)}@media (max-width: 768px){.profile-card{flex-direction:column}.profile-sidebar{border-right:none;border-bottom:1px solid var(--color-border);padding-right:0;padding-bottom:2rem}}.btn-change-avatar{background-color:var(--color-surface);border:2px solid var(--color-primary);color:var(--color-primary);border-radius:50%;width:40px;height:40px;font-size:1.2rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease;margin-left:156px;margin-top:-13px}.btn-change-avatar:hover{background-color:var(--color-primary);color:var(--color-surface);transform:scale(1.1)}.profile-section{margin-bottom:2rem}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}#profile-edit-form .form-group{margin-bottom:1rem}#profile-edit-form label{display:block;margin-bottom:.5rem;color:var(--color-text-secondary)}#profile-edit-form input{width:100%;padding:.75rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary)}.address-empty-state{color:var(--color-text-secondary);font-style:italic}.cropper-modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow);width:90%;max-width:500px;padding:2rem;text-align:center;transform:scale(.95);opacity:0;transition:transform .3s ease,opacity .3s ease}.modal-overlay.active .cropper-modal{transform:scale(1);opacity:1}.cropper-modal h3{margin-top:0;margin-bottom:1.5rem}.cropper-image-container{margin-bottom:1.5rem;height:40vh;background-color:var(--color-background);border-radius:var(--border-radius)}.cropper-image-container img{display:block;max-width:100%;max-height:40vh}.cropper-actions{display:flex;justify-content:center;gap:1rem}.cropper-view-box{box-shadow:0 0 0 2px var(--color-primary);border-radius:50%}.cropper-modal .cropper-crop-box{overflow:visible}.cropper-modal .cropper-view-box:after{content:"";box-shadow:0 0 0 9999px #0a0d14a6}.cropper-point,.cropper-line{display:none!important}.cropper-bg{background-image:none!important}.cart-page{flex-grow:1;background:linear-gradient(to bottom,#000000e6,#0000 20%,#0000 80%,#000000e6),url(/assets/images/backgrounds/cart.jpg) no-repeat center center / cover;background-attachment:fixed;padding:3rem 0}.cart-page .page-header{text-align:center;margin-bottom:2rem}.cart-grid{display:grid;grid-template-columns:2.5fr 1fr;gap:2rem;align-items:flex-start}.cart-items-list{background:linear-gradient(#000000e6,#000000f2);border-radius:var(--border-radius);text-align:center;margin-bottom:1.5rem;padding:1.5rem;border:1px solid var(--color-border);box-shadow:0 4px 8px #000c}.cart-item{display:grid;grid-template-columns:100px 1fr 100px 120px 40px;align-items:center;gap:1.5rem;padding:1rem 0}.cart-item+.cart-item{border-top:1px solid var(--color-border)}.cart-item img{width:100%;height:auto;object-fit:contain;border-radius:4px}.item-details h4{font-family:var(--font-title);font-size:1.2rem;color:var(--color-primary);margin-bottom:.25rem}.item-details p{color:var(--color-text-secondary);margin:0}.item-quantity{text-align:center}.item-quantity input{width:60px;padding:.5rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);text-align:center;font-size:1rem}.item-quantity input::-webkit-outer-spin-button,.item-quantity input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.item-quantity input[type=number]{-moz-appearance:textfield}.item-total{font-weight:700;font-size:1.1rem;text-align:right}.item-remove{background:none;border:1px solid transparent;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;border-radius:50%;width:32px;height:32px;display:flex;justify-content:center;align-items:center;transition:all .2s ease}.item-remove:hover{background-color:#c0392b;color:#fff;border-color:#e74c3c}.cart-summary{position:sticky;top:100px;background:linear-gradient(#000000e6,#000000f2);border-radius:var(--border-radius);text-align:center;margin-bottom:1.5rem;padding:1.5rem;border:1px solid var(--color-border);box-shadow:0 4px 8px #000c}.cart-summary h3{margin-top:0;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.summary-row{display:flex;justify-content:space-between;margin-bottom:1rem;color:var(--color-text-secondary)}.summary-row.total{font-weight:700;font-size:1.25rem;color:var(--color-text-primary);border-top:1px solid var(--color-border);padding-top:1rem;margin-top:1rem}.checkout-btn{width:100%;margin-bottom:.75rem;padding:1rem}.clear-cart-btn{width:100%;background:none;border:1px solid var(--color-border);color:var(--color-text-secondary)}.clear-cart-btn:hover{background-color:var(--color-border);color:var(--color-text-primary)}.cart-empty-state{text-align:center;padding:4rem 2rem;background:linear-gradient(#000000d9,#000000a6);border-radius:var(--border-radius);border:1px solid var(--color-border)}.cart-empty-state p{font-size:1.2rem;margin-bottom:1.5rem;color:var(--color-text-secondary);font-family:Metamorphous,serif;font-weight:400;font-style:normal;text-shadow:6px 2px 12px rgba(0,0,0,1)}.settings-page{flex-grow:1;padding:3rem 0;background:linear-gradient(to bottom,#000000e6,#0000 20%,#0000 80%,#000000e6),url(/assets/images/backgrounds/bg7.jpg) no-repeat center center / cover;background-attachment:fixed}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:2rem;background:linear-gradient(#000000d9,#000000a6);padding:2rem;border-radius:var(--border-radius);border:1px solid var(--color-border)}.settings-sidebar nav ul{list-style:none;padding:0;margin:0;position:sticky;top:100px}.settings-sidebar nav a{display:block;padding:.75rem 1.25rem;color:var(--color-text-secondary);text-decoration:none;border-radius:var(--border-radius);margin-bottom:.5rem;transition:background-color .2s ease,color .2s ease;font-weight:700}.settings-sidebar nav a:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.settings-sidebar nav a.active{background-color:var(--color-primary);color:var(--color-background);text-shadow:none}.settings-content{background-color:var(--color-surface);padding:2rem;border-radius:var(--border-radius)}.settings-section{display:none}.settings-section.active{display:block}.settings-section h2{margin-top:0;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.settings-form h3{font-size:1.25rem;color:var(--color-text-primary);margin-top:1.5rem;margin-bottom:1rem}.settings-form hr{border:0;height:1px;background-color:var(--color-border);margin:2rem 0}.settings-form .form-group,.danger-zone .danger-item{margin-bottom:1.5rem}.settings-form input[type=email],.settings-form input[type=password]{width:100%;padding:.75rem}.radio-group{display:flex;flex-direction:column;gap:.5rem}.radio-group label{display:flex;align-items:center;gap:.5rem}.toggle-switch{display:flex;align-items:center;margin-bottom:.75rem}.toggle-switch input[type=checkbox]{display:none}.toggle-switch label{cursor:pointer;color:var(--color-text-secondary);padding-left:50px;position:relative}.toggle-switch label:before{content:"";position:absolute;left:0;top:2px;width:40px;height:20px;background-color:var(--color-border);border-radius:10px;transition:background-color .2s}.toggle-switch label:after{content:"";position:absolute;left:2px;top:4px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:transform .2s}.toggle-switch input:checked+label:before{background-color:var(--color-primary)}.toggle-switch input:checked+label:after{transform:translate(20px)}.toggle-switch input:checked+label{color:var(--color-text-primary)}.danger-zone{border:2px solid #c0392b;border-radius:var(--border-radius);padding:1.5rem;margin-top:2rem}.danger-zone h3{color:#e74c3c;margin-top:0}.danger-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.danger-item p{font-size:.9rem;color:var(--color-text-secondary);margin:0}.community-page{flex-grow:1;padding:2rem 0;background:linear-gradient(to bottom,#000000e6,#0006),url(/assets/images/backgrounds/forum_background.jpg) no-repeat center center / cover;background-attachment:fixed}.community-layout{display:grid;grid-template-columns:240px minmax(0,750px) 280px;gap:1.5rem;align-items:flex-start;justify-content:center}.community-hamburger-btn,.community-slideout-panel{display:none}.community-sidebar-left{position:sticky;top:100px}.mini-profile{background:linear-gradient(#000000d9,#000000a6);border-radius:var(--border-radius);text-align:center;margin-bottom:1.5rem;padding:1.5rem;border:1px solid var(--color-border);box-shadow:0 4px 8px #000c}.mini-profile img{width:150px;height:150px;border-radius:50%;border:3px solid var(--color-primary);margin:0 auto 1rem;object-fit:cover}.mini-profile h3{margin:0;font-size:1.25rem;color:var(--color-text-primary)}.mini-profile a{color:var(--color-text-secondary);font-size:.9rem;text-decoration:none}.mini-profile a:hover{text-decoration:underline}.community-nav{background:linear-gradient(#000000d9,#000000a6);padding:1.5rem;border-radius:var(--border-radius);border:1px solid var(--color-border);font-family:var(--font-title);box-shadow:0 4px 8px #000c}.community-nav ul{list-style:none;padding:0}.community-nav .nav-link{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;margin-bottom:.5rem;border-radius:var(--border-radius);color:var(--color-text-secondary);font-weight:700;text-decoration:none;transition:background-color .2s,color .2s}.community-nav .nav-link:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.community-nav .nav-link.active{background-color:var(--color-primary);color:var(--color-background);text-shadow:none}.community-main-content{display:flex;flex-direction:column}.community-main-content .content-header{border-radius:var(--border-radius);margin-bottom:1.5rem;background:linear-gradient(#000000d9,#000000a6);padding:1.5rem;border:1px solid var(--color-border);box-shadow:0 4px 8px #000c}.community-main-content .content-header h1{margin:0 0 .25rem}.community-main-content .content-header p{margin:0;color:var(--color-text-secondary);font-family:Metamorphous,serif;text-shadow:6px 2px 12px rgba(0,0,0,1)}.community-tab-content{display:none}.community-tab-content.active{display:flex;flex-direction:column;flex-grow:1}.community-sidebar-right{position:sticky;top:100px;display:flex;flex-direction:column;gap:1.5rem}.sidebar-widget{background:linear-gradient(#000000d9,#000000a6);padding:1.5rem;border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:0 4px 8px #000c}.sidebar-widget h3{margin-top:0;font-size:1.1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}#friends-widget-container{padding-top:1rem}.friends-widget-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.friend-item{text-decoration:none;transition:transform .2s ease;overflow:hidden}.friend-item:hover{transform:scale(1.05)}.friend-item img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--border-radius);border:2px solid var(--color-primary)}.friend-item span{display:block;margin-top:.25rem;font-size:.8rem;color:var(--color-text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friends-widget-footer{margin-top:1rem;text-align:right}.friends-widget-footer a{font-size:.9rem;color:var(--color-text-secondary);text-decoration:none}.friends-widget-footer a:hover{color:var(--color-primary);text-decoration:underline}.feed-list{display:flex;flex-direction:column;gap:1.5rem}.feed-post-item{background:linear-gradient(#000000d9,#000000a6);padding:1.5rem;border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:0 4px 8px #000c}.post-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;position:relative}.user-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;object-fit:cover}.post-info .post-author{font-weight:700;color:var(--color-text-primary);text-decoration:none}.post-info .post-author:hover{text-decoration:underline}.post-info .post-timestamp{display:block;font-size:.8rem;color:var(--color-text-secondary)}.post-body p{margin:0;color:var(--color-text-primary);line-height:1.6;max-width:none;text-align:left}.post-body .post-image{margin-top:1rem;width:100%;border-radius:var(--border-radius);border:1px solid var(--color-border)}.feed-news-item .post-header .user-avatar{border-radius:var(--border-radius)}.feed-news-item .post-body a.news-link{text-decoration:none;color:inherit;display:block}.feed-news-item .post-image.news-image{max-height:300px;object-fit:cover}.feed-news-item .news-content{padding:1rem 0 .5rem}.feed-news-item .news-content h3{font-size:1.5rem;color:var(--color-primary);margin-bottom:.5rem}.feed-news-item .news-content p{font-size:1rem;color:var(--color-text-secondary)}.post-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.post-action-btn{flex:1;background:linear-gradient(145deg,var(--color-surface),var(--color-background));border:1px solid var(--color-border);color:var(--color-text-secondary);padding:.6rem 1.2rem;border-radius:20px;cursor:pointer;font-weight:700;display:flex;justify-content:center;align-items:center;gap:.6rem;transition:all .25s ease;box-shadow:0 2px 5px #0006;-webkit-user-select:none;user-select:none}.post-action-btn svg{width:18px;height:18px;fill:currentColor}.post-action-btn:hover{transform:translateY(-2px);color:var(--color-text-primary);border-color:var(--color-primary);box-shadow:0 4px 10px #0000004d,0 0 15px #ffb80033}.post-action-btn.active{color:var(--color-primary);border-color:var(--color-primary)}.comments-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.comment-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;max-height:400px;overflow-y:auto}.comment-item{display:flex;gap:.75rem;font-size:.9rem;position:relative}.comment-item .user-avatar{width:32px;height:32px}.comment-content{background-color:var(--color-background);padding:.5rem .75rem;border-radius:var(--border-radius);flex-grow:1}.comment-author{font-weight:700;color:var(--color-text-primary)}.comment-text{color:var(--color-text-secondary)}.comment-input-area{display:flex;gap:.75rem;margin-top:1rem}.comment-input-area input{flex-grow:1;background:var(--color-background);border:1px solid var(--color-border);border-radius:20px;padding:.5rem 1rem;color:var(--color-text-primary)}.comment-edited-label{font-size:.75rem;color:var(--color-text-secondary);font-style:italic;margin-left:.5rem}.comment-edit-area{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.comment-edit-area textarea{width:100%;background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-primary);padding:.5rem;border-radius:var(--border-radius);resize:vertical;min-height:80px}.comment-edit-actions{display:flex;justify-content:flex-end;gap:.5rem}.post-actions-toggle,.comment-actions-toggle{position:absolute;right:-8px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;line-height:1;z-index:5}.post-actions-toggle{top:-22px;right:-20px}.comment-actions-toggle{top:4px;right:4px}.post-actions-toggle:hover,.comment-actions-toggle:hover{background-color:var(--color-surface);color:var(--color-text-primary)}#shared-comment-dropdown,#shared-post-dropdown{position:absolute;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow);z-index:1000;min-width:120px;opacity:0;transform:translateY(-5px) scale(.95);visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility 0s .15s}#shared-comment-dropdown.active,#shared-post-dropdown.active{opacity:1;transform:translateY(0) scale(1);visibility:visible;transition:opacity .15s ease,transform .15s ease,visibility 0s 0s}#shared-comment-dropdown ul,#shared-post-dropdown ul{list-style:none;padding:.25rem 0;margin:0}#shared-comment-dropdown button,#shared-post-dropdown button{background:none;border:none;color:var(--color-text-secondary);padding:.5rem 1rem;width:100%;text-align:left;cursor:pointer;font-size:.9rem}#shared-comment-dropdown button:hover,#shared-post-dropdown button:hover{background-color:var(--color-background);color:var(--color-text-primary)}#shared-comment-dropdown button.delete,#shared-post-dropdown button.delete{color:#e57373}#contacts-widget-container .friend-item-chat{display:flex;align-items:center;gap:.75rem;padding:.5rem .25rem;cursor:pointer;transition:background-color .2s;border-radius:var(--border-radius);position:relative}#contacts-widget-container .friend-item-chat:hover{background-color:#ffffff0d}#contacts-widget-container .friend-item-chat img{width:40px;height:40px;border-radius:50%;flex-shrink:0}#contacts-widget-container .friend-item-chat span{color:var(--color-text-secondary);font-weight:700}#contacts-widget-container .status-indicator{position:absolute;bottom:5px;left:32px;width:12px;height:12px;border-radius:50%;background-color:#6c757d;border:2px solid var(--color-surface)}#contacts-widget-container .status-indicator.online{background-color:#28a745}.conversations-widget{margin-top:1.5rem}.conversations-widget .conversations-list{max-height:400px;overflow-y:auto;padding-right:5px;overflow-x:hidden}.conversations-widget .conversation-item{padding:.75rem;border:1px solid transparent;border-radius:var(--border-radius)}.conversations-widget .conversation-item:hover{background-color:var(--color-surface);border-color:var(--color-border)}.conversations-widget .conversation-item.active{background-color:var(--color-primary);border-color:var(--color-primary)}#conversations-widget-container,.community-page.on-messages-tab #mini-profile-container,.community-page.on-messages-tab .community-sidebar-right .sidebar-widget:first-child{display:none}.community-page.on-messages-tab #conversations-widget-container{display:block}.share-info{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--color-text-secondary);margin-bottom:1rem;position:relative}.share-info .user-avatar.small{width:24px;height:24px}.share-info strong{color:var(--color-text-primary);font-weight:700}.original-post-wrapper{border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1rem;background-color:#0003}.original-post-wrapper .post-header{margin-bottom:.75rem}.friends-page{flex-grow:1;background-attachment:fixed}.tabs-nav{display:flex;gap:.5rem;border-bottom:2px solid var(--color-border);margin-bottom:2rem}.tab-link{background:none;border:none;padding:1rem 1.5rem;color:var(--color-text-secondary);font-family:var(--font-title);font-size:1.1rem;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease}.tab-link:hover{color:var(--color-text-primary)}.tab-link.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-pane{display:none}.tab-pane.active{display:block}.user-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.user-card{background:linear-gradient(#000000d9,#000000a6);padding:1.5rem;border-radius:var(--border-radius);border:1px solid var(--color-border);margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;text-align:center}.user-card img{width:80px;height:80px;border-radius:50%;border:3px solid var(--color-primary);margin-bottom:1rem}.user-card h4{margin:0;font-size:1.2rem}.user-card-actions{margin-top:1rem;display:flex;gap:.5rem}.placeholder-message{color:var(--color-text-secondary);font-style:italic}.find-friends-page{flex-grow:1;padding:3rem 0;background:linear-gradient(to bottom,#000000e6,#0000 40%,#0000 60%,#000000e6),url(/assets/images/backgrounds/bg13.jpg) no-repeat center center / cover;background-attachment:fixed}.find-friends-cta{margin-bottom:2rem;text-align:right;margin-bottom:2.5rem;box-shadow:#000c 0 4px 8px;text-shadow:rgb(0,0,0) 6px 2px 12px;font-family:Metamorphous,serif;font-weight:400;font-style:normal;padding:2rem;background:linear-gradient(#000000f2,#000000d9);border-radius:var(--border-radius);border:1px solid var(--color-border)}.search-bar-container{margin-bottom:2rem}#user-search-input{width:100%;padding:1rem;font-size:1.1rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary)}.pagination-controls{text-align:center;margin-top:2rem}#load-more-btn.hidden{display:none}.page-header-friends-page{text-align:center;margin-bottom:2rem;margin-bottom:2.5rem;box-shadow:#000c 0 4px 8px;text-shadow:rgb(0,0,0) 6px 2px 12px;font-family:Metamorphous,serif;font-weight:400;font-style:normal;padding:2rem;background:linear-gradient(#000000f2,#000000d9);border-radius:var(--border-radius);border:1px solid var(--color-border)}.friends-layout{margin-bottom:2.5rem;box-shadow:#000c 0 4px 8px;text-shadow:rgb(0,0,0) 6px 2px 12px;font-family:Metamorphous,serif;font-weight:400;font-style:normal;padding:2rem;background:linear-gradient(#000000f2,#000000d9);border-radius:var(--border-radius);border:1px solid var(--color-border)}.public-profile-page{padding-bottom:2rem}.profile-header-banner{height:350px;background-size:cover;background-position:center;background-color:var(--color-surface);position:relative;display:flex;justify-content:flex-end;align-items:flex-end;padding:1rem}.change-banner-btn{background-color:#0009;color:#fff;border:1px solid #fff;padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;z-index:2}.change-banner-btn:hover{background-color:#000c}.profile-info-bar{display:flex;align-items:flex-end;background:linear-gradient(#000000d9,#000000a6);padding:1.5rem;border-radius:var(--border-radius);border:1px solid var(--color-border);margin-bottom:2rem;margin-top:-60px;position:relative;z-index:1}.profile-avatar-container{position:relative;margin-right:1.5rem;flex-shrink:0}.profile-avatar{width:160px;height:160px;border-radius:50%;border:4px solid var(--color-background);background-color:var(--color-background)}.change-avatar-btn{position:absolute;bottom:10px;right:10px;width:36px;height:36px;border-radius:50%;background-color:#000000b3;color:#fff;border:1px solid #fff;cursor:pointer;display:flex;justify-content:center;align-items:center}.profile-identity{flex-grow:1}.profile-identity h1{margin-bottom:.25rem;font-size:2.5rem}.profile-identity p{color:var(--color-text-secondary);margin:0}.profile-actions-bar{display:flex;gap:.75rem}.profile-layout{display:grid;grid-template-columns:280px 1fr 280px;gap:1.5rem;margin-top:1.5rem;align-items:flex-start}.profile-sidebar-left .sidebar-widget,.profile-sidebar-right .sidebar-widget{background:linear-gradient(#000000d9,#000000a6);padding:1.5rem;border-radius:var(--border-radius);border:1px solid var(--color-border);margin-bottom:2rem;margin-bottom:20px}.profile-sidebar-left h3,.profile-sidebar-right h3{margin-top:0;font-size:1.1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.sidebar-widget .widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.sidebar-widget .widget-header h3{margin-bottom:0}.btn-icon{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.5rem;border-radius:50%;line-height:1;transition:background-color .2s}.btn-icon:hover{background-color:#ffffff1a}#profile-bio-container p{color:var(--color-text-secondary);font-style:italic;margin-bottom:0}#profile-bio-container .bio-text{white-space:pre-wrap;color:var(--color-text-primary);font-style:normal;line-height:1.6}#profile-bio-container textarea{width:100%;min-height:120px;background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-primary);padding:.5rem;border-radius:var(--border-radius);resize:vertical}.bio-edit-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.stats-list{list-style:none;padding:0;margin:0}.stats-list li{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--color-border);font-size:.9rem}.stats-list li:last-child{border-bottom:none}.stats-list li strong{color:var(--color-text-secondary)}.stats-list li span{font-weight:700;color:var(--color-text-primary)}.faction-display{display:flex;align-items:center;gap:.75rem;background-color:var(--color-background);padding:.5rem;border-radius:var(--border-radius)}.faction-display img{width:40px;height:40px;object-fit:contain}.faction-display span{font-weight:700;color:var(--color-primary)}#profile-faction-container select{width:100%;padding:.75rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary)}.profile-meta{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border);font-size:.85rem;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:.25rem}.status-line{display:flex;justify-content:space-between;align-items:center}.status-line>div{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--color-text-primary)}.status-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#6c757d;margin-right:0;transition:background-color .3s ease}.status-indicator.online{background-color:#28a745}.lore-page .page-header{background:linear-gradient(#000000d9,#000000a6);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:2rem;margin-bottom:2rem;margin-top:2rem}.lore-page{background-color:var(--color-surface);background:linear-gradient(to bottom,#000000e6,#0000 40%,#0000 60%,#000000e6),url(/assets/images/backgrounds/Faccoes-de-Eldraem-background.jpg) no-repeat center center / cover;min-height:81.5vh;display:flex;background-position-x:center;background-repeat:no-repeat;background-size:cover;flex-direction:column}.lore-layout{display:grid;grid-template-columns:220px 1fr;gap:2rem;align-items:flex-start}.lore-sidebar .lore-nav{position:sticky;top:100px;background:linear-gradient(#000000d9,#000000a6);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1rem}.lore-nav-link{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;color:var(--color-text-secondary);text-decoration:none;border-radius:var(--border-radius);margin-bottom:.5rem;transition:background-color .2s ease,color .2s ease;font-weight:700;font-family:var(--font-title)}.lore-nav-link:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.lore-nav-link.active{background-color:var(--color-primary);color:var(--color-background);text-shadow:none}.lore-nav-link .fa-solid{width:20px;text-align:center}.lore-content-area{background:linear-gradient(#000000d9,#000000a6);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:2rem;min-height:60vh;margin-bottom:20px}.chronicle-layout{display:grid;grid-template-columns:200px 1fr;gap:2rem;align-items:flex-start}.chronicle-toc{position:sticky;top:20px;font-size:.9rem}.chronicle-toc h4{margin-top:0;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.chronicle-toc nav{display:flex;flex-direction:column;gap:.5rem}.chronicle-toc nav a{color:var(--color-text-secondary);text-decoration:none;padding:.25rem .5rem;border-left:3px solid transparent;transition:all .2s ease;font-family:Metamorphous,serif;font-weight:400;font-style:normal;font-size:12px}.chronicle-toc nav a:hover{color:var(--color-primary);border-left-color:var(--color-accent)}.chronicle-toc nav a.active{color:var(--color-primary);font-weight:700;border-left-color:var(--color-primary)}.chronicle-content{line-height:1.8;font-size:1.1rem;color:var(--color-text-primary)}.chronicle-content section{margin-bottom:3rem;padding-top:1rem}.chronicle-content h2{font-size:2.2rem;margin-bottom:1.5rem}.chronicle-content p{text-align:justify;max-width:70ch;margin-bottom:1em;font-family:Metamorphous,serif;font-weight:400;font-style:normal}.character-faction-group{margin-bottom:3rem}.character-faction-group h2{padding-bottom:1rem;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.character-card{background:var(--color-surface);border-radius:var(--border-radius);overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--color-border)}.character-card:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 8px 25px #ffb80033;border-color:var(--color-primary)}.character-card img{width:100%;height:250px;object-fit:cover;object-position:top center;border-bottom:2px solid var(--color-primary)}.character-card-info{padding:1rem;text-align:center}.character-card-info h3{margin:0 0 .25rem;font-size:1.2rem;color:var(--color-text-primary)}.character-card-info p{margin:0;font-size:.85rem;color:var(--color-text-secondary);font-style:italic}.character-detail-layout{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:flex-start;margin-top:1.5rem}.character-detail-image img{width:100%;border-radius:var(--border-radius);border:3px solid var(--color-border)}.character-detail-info .character-name{font-size:2.5rem;margin-bottom:.25rem}.character-detail-info .character-title{font-size:1.2rem;font-family:var(--font-body);font-style:italic;color:var(--color-text-secondary);margin-bottom:1rem;text-shadow:none}.character-detail-info .character-faction{font-weight:700;color:var(--color-text-primary);margin-bottom:1.5rem;margin-left:0}.character-detail-info .character-bio p{text-align:justify;line-height:1.7;font-size:1.1rem;max-width:86rem;margin-left:0}.factions-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.faction-column{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem;display:flex;flex-direction:column}.faction-header{text-align:center;border-bottom:2px solid var(--color-border);padding-bottom:1.5rem;margin-bottom:1.5rem}#ordem-de-galadreth{border-top:4px solid #3498db}#circulo-de-ashkar{border-top:4px solid #e74c3c}.faction-leader-image{width:325px;height:325px;border-radius:50%;object-fit:cover;object-position:top center;border:4px solid var(--color-primary);margin:0 auto 1rem;box-shadow:var(--shadow)}.faction-name{font-size:2rem;margin:0}.faction-body h3{font-size:1.2rem;color:var(--color-text-primary);margin-top:2rem;margin-bottom:.75rem}.faction-philosophy{font-style:italic;color:var(--color-text-secondary);text-align:center;font-size:1.1rem;margin-bottom:1rem}.faction-tenets{list-style:none;padding-left:0}.faction-tenets li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--color-text-primary)}.faction-tenets li:before{content:"◈";position:absolute;left:0;color:var(--color-primary)}.key-figures-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.75rem}.key-figure-item img{width:70px;height:65px;border-radius:50%;border:2px solid var(--color-border);transition:transform .2s ease,border-color .2s ease}.key-figure-item:hover img{transform:scale(1.1);border-color:var(--color-primary)}@media (max-width: 992px){.factions-container{grid-template-columns:1fr}}.atlas-container{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:flex-start}.atlas-map-container{position:relative;border:2px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden}.atlas-map-image{width:100%;display:block}.map-markers{position:absolute;top:0;left:0;width:100%;height:100%}.map-marker{position:absolute;width:20px;height:20px;background-color:#ffb800b3;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;box-shadow:0 0 10px #ffb800cc;transition:all .2s ease;animation:pulse 2s infinite}.map-marker:hover,.map-marker.active{transform:translate(-50%,-50%) scale(1.5);background-color:#ffb800;animation-play-state:paused}@keyframes pulse{0%{box-shadow:0 0 10px #ffb800cc}50%{box-shadow:0 0 20px #ffb800}to{box-shadow:0 0 10px #ffb800cc}}.atlas-sidebar{position:sticky;top:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem}.atlas-welcome{text-align:center;color:var(--color-text-secondary)}.atlas-welcome .fa-solid{font-size:3rem;margin-top:1rem;opacity:.5}.atlas-location-detail .location-image{width:100%;border-radius:var(--border-radius);margin-bottom:1rem}.atlas-location-detail .location-name{margin:0;font-size:1.5rem}.atlas-location-detail .location-type{margin:0 0 1rem;font-family:var(--font-body);font-style:italic;color:var(--color-text-secondary);text-shadow:none}.atlas-location-detail .location-description{font-size:1rem;line-height:1.6;margin-left:0}.atlas-location-detail p{max-width:90ch;margin:0 auto}.chronicle-chapter-image{width:100%;border-radius:var(--border-radius);margin:1rem 0 2rem;border:1px solid var(--color-border);box-shadow:var(--shadow);max-height:400px;object-fit:cover}@media (max-width: 992px){.atlas-container{grid-template-columns:1fr}.atlas-sidebar{position:static;margin-top:1.5rem}}.chronicle-content blockquote{border-left:4px solid var(--color-primary);padding-left:1.5rem;margin:1.5rem 0;font-style:italic;color:var(--color-text-secondary)}.chronicle-content section[id]{margin-bottom:3rem;scroll-margin-top:80px}.back-to-top-btn{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background-color:var(--color-primary);color:var(--color-background);border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0006;z-index:1000;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease}.back-to-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top-btn:hover{background-color:var(--color-accent)}body.lore-cronica-bg,body.lore-personagens-bg,body.lore-faccoes-bg,body.lore-mapa-bg{background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;transition:background-image .5s ease-in-out}body.lore-cronica-bg{background-image:linear-gradient(#0a0d14cc,#0a0d14cc),url(/assets/images/backgrounds/mundo-eldraem-background.png)}body.lore-personagens-bg{background-image:linear-gradient(#0a0d14cc,#0a0d14cc),url(/assets/images/backgrounds/bg12.jpg)}body.lore-faccoes-bg{background-image:linear-gradient(#0a0d14cc,#0a0d14cc),url(/assets/images/backgrounds/Faccoes-de-Eldraem-background.jpg)}body.lore-mapa-bg{background-image:linear-gradient(#0a0d14cc,#0a0d14cc),url(/assets/images/backgrounds/mapa-eldraem.jpg)}body.lore-cronica-bg .lore-page,body.lore-personagens-bg .lore-page,body.lore-faccoes-bg .lore-page,body.lore-mapa-bg .lore-page{background:none}.lore-page .page-header p{margin-left:0;margin-bottom:0;color:var(--color-text-secondary);font-family:Metamorphous,serif;font-weight:400;font-style:normal;text-shadow:6px 2px 12px rgba(0,0,0,1)}.messages-page{display:flex;flex-direction:column;height:100%;width:100%}.messages-layout{width:100%;display:grid;grid-template-columns:300px 1fr 280px;background-color:var(--color-background);flex-grow:1;min-height:0;border:1px solid var(--color-border);border-radius:var(--border-radius);height:80vh;max-height:800px}.conversations-sidebar,.chat-main,.friends-sidebar{display:flex;flex-direction:column;min-height:0;background-color:var(--color-surface);min-height:768px;background:linear-gradient(#000000d9,#000000a6);border-radius:var(--border-radius);text-align:center;margin-bottom:1.5rem;padding:1.5rem;border:1px solid var(--color-border);box-shadow:0 4px 8px #000c}.conversations-sidebar{border-right:1px solid var(--color-border)}.friends-sidebar{border-left:1px solid var(--color-border)}.conversations-sidebar header,.friends-sidebar header,.chat-header{padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.conversations-sidebar header h2,.friends-sidebar header h3,.chat-header h3{margin:0}.conversations-list,.chat-messages,.friends-list-results{overflow-y:auto;flex-grow:1}.conversation-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;cursor:pointer;border-bottom:1px solid var(--color-border);transition:background-color .2s}.conversation-item:hover{background-color:#ffffff0d}.conversation-item.active{background-color:var(--color-primary)}.conversation-item.active h4,.conversation-item.active p{color:var(--color-background)}.conversation-item img{width:50px;height:50px;border-radius:50%}.conversation-details{flex-grow:1;min-width:0}.conversation-details h4{margin:0 0 .25rem;color:var(--color-text-primary)}.conversation-details p{margin:0;font-size:.85rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header{display:flex;align-items:center;gap:1rem}.chat-header img{width:40px;height:40px;border-radius:50%}.chat-messages{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.message-bubble{padding:.75rem 1rem;border-radius:18px;max-width:70%;line-height:1.4;word-break:break-word;position:relative;margin-bottom:.5rem}.message-bubble.sent{background-color:var(--color-primary);color:var(--color-background);border-bottom-right-radius:4px;align-self:flex-end}.message-bubble.received{background-color:var(--color-surface);border:1px solid var(--color-border);border-bottom-left-radius:4px;align-self:flex-start}.message-timestamp{position:absolute;bottom:-20px;font-size:.7rem;color:var(--color-text-secondary);white-space:nowrap;opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}.message-bubble.sent .message-timestamp{right:0}.message-bubble.received .message-timestamp{left:0}.message-bubble:hover .message-timestamp{opacity:1}.chat-input-area{padding:1rem 1.5rem;border-top:1px solid var(--color-border);display:flex;gap:1rem;flex-shrink:0}.chat-input-area input{flex-grow:1;padding:.75rem 1rem;border-radius:20px;background-color:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-primary)}.chat-placeholder{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--color-text-secondary);text-align:center}.chat-placeholder .icon{font-size:4rem}.chat-placeholder h3{margin:1rem 0 .5rem}.chat-placeholder p{margin:0}.friends-sidebar header h3{margin:0 0 1rem}#friend-search-input{width:100%;padding:.5rem .75rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary)}.friend-item-chat{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;cursor:pointer;transition:background-color .2s;position:relative}.friend-item-chat:hover{background-color:#ffffff0d}.friend-item-chat img{width:40px;height:40px;border-radius:50%}.friend-item-chat span{color:var(--color-text-secondary);font-weight:700}.friend-item-chat .status-indicator{position:absolute;bottom:10px;left:55px;width:12px;height:12px;border-radius:50%;background-color:#6c757d;border:2px solid var(--color-surface);transition:background-color .3s ease}.friend-item-chat .status-indicator.online{background-color:#28a745}.mobile-new-chat-btn,.mobile-back-btn{display:none}@media (max-width: 992px){.cart-grid{grid-template-columns:1fr}.cart-summary{position:static}.featured-products-grid{grid-template-columns:repeat(2,1fr)}.cta-container{flex-direction:column;text-align:center}.cta-text-column{text-align:center}.cta-text-column h2,.cta-text-column p{text-align:center;margin-left:auto;margin-right:auto}}@media (max-width: 768px){.cart-item{grid-template-columns:60px 1fr 80px;grid-template-areas:"image details remove" "image quantity total";gap:.5rem 1rem}.cart-item img{grid-area:image}.item-details{grid-area:details}.item-quantity{grid-area:quantity}.item-total{grid-area:total}.item-remove{grid-area:remove;justify-self:end}.settings-layout{grid-template-columns:1fr;padding:1rem}.settings-sidebar nav ul{position:static;margin-bottom:2rem;display:flex;overflow-x:auto;padding-bottom:10px;gap:.5rem;font-size:13px;text-align:center}.settings-sidebar nav a{flex-shrink:0;padding:.75rem}.settings-form .form-row{flex-direction:column;gap:1.5rem}.danger-item{flex-direction:column;align-items:flex-start;gap:1rem}.danger-item .btn{width:100%;text-align:center}.news-hero-content,.featured-news-grid{grid-template-columns:1fr}}@media (max-width: 480px){body.nav-open,body.community-menu-open{overflow:hidden}.container{padding:0 .75rem}h1,.slide-title{font-size:2.2rem}h2{font-size:1.8rem}h3{font-size:1.4rem}.btn{padding:.6rem 1.2rem;font-size:1rem}.section-news h2{font-size:2rem;margin-bottom:2rem}.section-news{padding:2rem 0}.section-what-is h2{font-size:2rem;margin-bottom:2rem}.section-what-is{padding:2rem 0}.section-what-is p{width:370px}.cta-image-column{max-width:323px}.community-tab-content.active{max-width:380px}.chat-main{max-height:374px;min-height:620px}.footer-logos{gap:2rem}#o-mundo-eldraem{max-width:380px}.news-hero-info h1{font-size:1.5rem}.news-hero-info p{font-size:.9rem}.main-header .hamburger-btn{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:2000;order:3}.hamburger-btn span{width:100%;height:3px;background-color:var(--color-primary);border-radius:10px;transition:all .3s linear;transform-origin:1px}body.nav-open .hamburger-btn span:nth-child(1){transform:rotate(45deg)}body.nav-open .hamburger-btn span:nth-child(2){opacity:0;transform:translate(20px)}body.nav-open .hamburger-btn span:nth-child(3){transform:rotate(-45deg)}.mobile-nav-container{position:fixed;top:0;right:0;width:200px;max-width:200px;height:100vh;background-color:var(--color-surface);box-shadow:-5px 0 15px #00000080;display:flex;flex-direction:column;justify-content:flex-start;padding-top:2rem;align-items:stretch;gap:2.5rem;transform:translate(100%);transition:transform .3s ease-in-out;z-index:1900}body.nav-open .mobile-nav-container{transform:translate(0)}.mobile-nav-container .main-nav{margin:0!important;align-self:flex-start;width:100%}.mobile-nav-container .main-nav ul,.mobile-nav-container .header-actions-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.mobile-nav-container .main-nav a{font-size:1.5rem}.mobile-nav-container .header-actions-wrapper .btn{width:90%;padding:1rem;font-size:1.2rem}.mobile-nav-container .profile-menu{flex-direction:column}.mobile-nav-container .profile-dropdown{top:-73px;right:108px;margin-right:1rem}.notifications-dropdown{position:fixed!important;top:0;left:0!important;right:auto;bottom:0;width:286px!important;height:100vh!important;max-width:none!important;max-height:none!important;border-radius:0;border-right:1px solid var(--color-border);box-shadow:5px 0 15px #00000080;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:2100}.notifications-dropdown.active{transform:translate(0)}.notifications-header{position:sticky;top:0;background:var(--color-surface);z-index:1}.mobile-close-notifications-btn{display:inline-flex!important}.community-layout,.profile-layout,.contact-content,.admin-form{grid-template-columns:1fr}.auth-form .form-row{flex-direction:column}.contact-info-wrapper{border-left:none;border-top:1px solid var(--color-border);padding-top:2rem;padding-left:0}.community-sidebar-left,.community-sidebar-right,.profile-sidebar-left,.profile-sidebar-right{position:static;width:100%}.community-layout{grid-template-columns:1fr}.community-layout .community-sidebar-left,.community-layout .community-sidebar-right{display:none}.community-hamburger-btn{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;position:absolute;top:88px;left:1rem;z-index:1800}.community-hamburger-btn span{width:100%;height:3px;background-color:var(--color-primary);border-radius:10px;transition:all .3s linear;transform-origin:1px}body.community-menu-open .community-hamburger-btn span:nth-child(1){transform:rotate(45deg)}body.community-menu-open .community-hamburger-btn span:nth-child(2){opacity:0;transform:translate(20px)}body.community-menu-open .community-hamburger-btn span:nth-child(3){transform:rotate(-45deg)}.community-slideout-panel{display:flex;position:fixed;top:0;left:0;max-width:80%;height:100vh;background-color:var(--color-surface);box-shadow:5px 0 15px #00000080;flex-direction:column;padding:1.5rem;gap:1.5rem;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:1700;overflow-y:auto;width:330px}body.community-menu-open .community-slideout-panel{transform:translate(0)}.community-slideout-panel .community-sidebar-left,.community-slideout-panel .community-sidebar-right{display:block;position:static;width:100%}.product-grid{grid-template-columns:1fr;gap:1.5rem}.filters-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.admin-table-container{overflow-x:auto}.admin-table{min-width:600px}.user-card-list{grid-template-columns:1fr}.news-hero-content{padding:1rem}.section-news .news-grid,.featured-products-section .featured-products-grid,.featured-news-section .featured-news-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.5rem;padding:0 1rem 1.5rem;-ms-overflow-style:none;scrollbar-width:none}.section-news .news-grid::-webkit-scrollbar,.featured-products-section .featured-products-grid::-webkit-scrollbar,.featured-news-section .featured-news-grid::-webkit-scrollbar{display:none}.section-news .news-grid .news-item-link{flex:0 0 75%;scroll-snap-align:start}.featured-products-section .featured-products-grid .featured-product-item{flex:0 0 65%;scroll-snap-align:start}.featured-news-section .featured-news-grid .news-card{flex:0 0 90%;scroll-snap-align:start}.item-details h4{font-size:1rem;margin-bottom:.25rem}.item-quantity input{width:50px;padding:.4rem}.item-total{font-size:1rem}.cart-summary{padding:1.25rem}.summary-row.total{font-size:1.1rem}.checkout-btn,.clear-cart-btn{width:100%;padding:.8rem;font-size:1rem}.messages-layout{grid-template-columns:1fr;min-height:calc(100vh - 120px);overflow:hidden}.messages-layout .chat-main,.messages-layout .friends-sidebar{display:none}.messages-layout .conversations-sidebar{display:flex}.messages-page.view-chat .conversations-sidebar,.messages-page.view-chat .friends-sidebar{display:none}.messages-page.view-chat .chat-main{display:flex}.messages-page.view-new-chat .conversations-sidebar,.messages-page.view-new-chat .chat-main{display:none}.messages-page.view-new-chat .friends-sidebar{display:flex}.mobile-new-chat-btn,.mobile-back-btn{display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;padding:.5rem;width:32px;height:32px}.footer-grid{gap:1.5rem;margin-left:20px;grid-template-columns:repeat(auto-fit,minmax(167px,1fr))}.footer-bottom .container{flex-direction:column;gap:.75rem}.admin-fab{position:fixed;right:175px;bottom:740px;top:auto;left:auto;margin-left:0;z-index:1200}body.nav-open .admin-fab{display:none}.related-articles-section h3{font-size:1.8rem;margin-bottom:1.5rem}.related-articles-grid{grid-template-columns:1fr;gap:1.5rem}.news-card__image{height:180px}.news-card__content{padding:1.25rem}.news-card__content h3{font-size:1.2rem;line-height:1.3}.back-to-news{max-width:100%;margin:2rem 0;padding:.8rem;font-size:1rem}.category-card{display:grid;grid-template-columns:40px 1fr;grid-template-areas:"icon content" ". details";gap:.5rem 1rem;padding:1rem;align-items:start}.category-card__icon{grid-area:icon;font-size:2rem;margin-top:2px}.category-card__content{grid-area:content}.category-card__title{font-size:1.1rem;margin:0}.category-card__description{font-size:.85rem;margin:.25rem 0 0}.category-card__details{grid-area:details;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;border-top:none;padding-top:0}.category-card__stats{display:flex;gap:1.5rem;font-size:.8rem}.category-card__latest{font-size:.8rem;width:100%;text-align:left}.category-card__latest .latest-title,.category-card__latest .latest-author,.category-card__latest time{display:block}.category-card__latest .latest-author{opacity:.8;font-style:italic}.category-card__latest time{opacity:.7;margin-top:.25rem}.featured-products-section h2{font-size:2.4rem}.cards-explorer-page .container{padding-top:1rem}.page-header-cards-explorer,.filters-bar{margin-bottom:1rem}.community-page.on-messages-tab .community-slideout-panel #conversations-widget-container{display:block}.community-page.on-messages-tab .community-slideout-panel #mini-profile-container,.community-page.on-messages-tab .community-slideout-panel .community-sidebar-right .sidebar-widget:first-child{display:none}.sidebar-widget{margin-bottom:20px}.tab-link{font-size:.9rem}.forum-header{flex-direction:column;align-items:flex-start;padding:1.5rem}.forum-header .btn{width:100%;text-align:center}.topic-item__details{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.topic-item__latest{text-align:left;width:100%}.topic-list{padding:1rem}.chat-messages{max-height:472px}.topic-item__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:235px}.friends-list-results,.friend-item-chat{overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:160px}}@media (max-width: 480px){.lore-layout{grid-template-columns:1fr;gap:1.5rem}.lore-sidebar .lore-nav{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;overflow-x:visible;padding-bottom:0}.lore-nav-link{font-size:.9rem}.lore-content-area{padding:1.5rem;margin-bottom:20px}.chronicle-layout{grid-template-columns:1fr}.chronicle-toc{position:static;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.chronicle-toc nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.chronicle-toc nav a{border-left:none;border-bottom:2px solid var(--color-border)}.chronicle-toc nav a.active{border-bottom-color:var(--color-primary)}.chronicle-content h2{font-size:1.8rem}.chronicle-content{font-size:1rem}.character-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.character-card img{height:180px}.character-detail-layout{grid-template-columns:1fr;gap:1.5rem}.character-detail-image img{max-width:250px;margin:0 auto}.character-detail-info .character-name{font-size:2rem;text-align:center}.character-detail-info .character-title{text-align:center}.factions-container{grid-template-columns:1fr}.faction-leader-image{width:120px;height:120px}.faction-name{font-size:1.8rem}.atlas-container{grid-template-columns:1fr}.atlas-sidebar{position:static;margin-top:1.5rem}.map-marker{width:16px;height:16px}}body{background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-body)}body.no-scroll{overflow:hidden}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 1rem}.main-header .container{display:flex;justify-content:space-between;align-items:center}.main-header .logo img{height:55px}.main-nav ul{display:flex;gap:1.5rem}.main-nav a{font-family:var(--font-title);font-size:1.1rem;color:var(--color-text-secondary);padding:.5rem 0;position:relative;text-decoration:none}.main-nav a:hover,.main-nav a.active{color:var(--color-primary)}.main-nav a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--color-primary);transform:scaleX(0);transform-origin:right;transition:transform .3s ease-in-out}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1);transform-origin:left}.cta-button{font-family:var(--font-title);background-color:var(--color-accent);color:var(--color-background);padding:.75rem 1.5rem;border-radius:var(--border-radius);transition:background-color .2s ease,transform .2s ease;font-weight:700;text-decoration:none;text-align:center;width:80px}.cta-button:hover{background-color:var(--color-primary);transform:translateY(-2px);color:var(--color-background)}body{display:flex;flex-direction:column;min-height:100vh}main#app-root{flex-grow:1;display:flex;flex-direction:column}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:20px;border:3px solid var(--color-background)}