#upperNavigation{height:46px;margin:0 0 20px;position:relative}.nav-bg-img{min-height:46px;width:calc(100% + 13px);display:flex;margin-left:12px}.nav-link{display:block;color:transparent;cursor:pointer;text-decoration:none}.top{width:20%;height:106px;position:relative}.top .nav-button-img{position:absolute;top:0;left:0;width:100%;object-fit:contain;transition:opacity .15s ease-in-out}.nav-default{height:46px}.nav-focus{height:auto;z-index:10;pointer-events:none}.top.hovered,.top.active{z-index:10}.social-small{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.social-large{display:flex;flex-direction:column;gap:10px}.social-icon{width:72px;height:auto}.social-banner{width:var(--layout-sidebar-width)}.social-icon:hover,.social-banner:hover{scale:105%}.social-icon:active,.social-banner:active{scale:95%}.social-small a,.social-large a{display:block;text-decoration:none}.comic-navigator{position:relative}.comic-loading-indicator{position:absolute;top:10px;right:10px;background:#000c;color:#fff;padding:8px 16px;border-radius:4px;font-size:14px;z-index:1000;pointer-events:none}.comic-loading-placeholder{width:100%;min-height:600px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:var(--border-standard);margin-left:12px}.comic-loading-indicator-centered{color:var(--color-text-muted);font-size:1.1rem}.comic-viewer-wrapper{position:relative;width:100%;margin:20px 0 20px 12px}.comic-viewer-aspect-ratio{position:relative;width:100%;height:0}.comic-viewer-container{position:absolute;top:0;left:0;width:100%;height:100%;background:#e8e4df}.comic-viewer-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;filter:blur(10px);opacity:.8;transition:opacity .3s ease}.comic-viewer-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease}.comic-viewer-image.loaded{opacity:1}.comic-viewer-previous{opacity:1;z-index:1}.comic-viewer-nav-zones{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:10}.comic-nav-zone{flex:1;height:100%;cursor:default}.comic-nav-zone.clickable{cursor:pointer}.comic-nav-zone.clickable:focus{outline:2px solid #007bff;outline-offset:-2px}.comic-nav-zone.clickable:focus:not(:focus-visible){outline:none}.comments-section{width:100%;margin-top:0;min-height:auto}.comments-section h2{margin-bottom:1.5rem;color:#333;font-size:1.5rem}.comment-form{background:#eadcbf;padding:0;border:2px solid #4a4a4a;margin-top:2rem;margin-bottom:1rem;border-radius:16px;overflow:hidden}.reply-context{background:#b29c6e;padding:.75rem 1rem;margin-bottom:0}.reply-header{font-size:.9rem;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center;color:#e0e0e0}.reply-header strong{color:#fff}.cancel-reply{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#e0e0e0;padding:0;width:24px;height:24px;line-height:1}.cancel-reply:hover{color:#fff}.reply-preview{font-style:italic;color:#e0e0e0;font-size:.9rem}.form-group{margin-bottom:0;padding:1rem}.form-group:first-of-type{padding-top:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:#333}.form-input,.form-textarea{width:100%;padding:.75rem;border:2px solid #ccc;border-radius:4px;font-family:Arial,sans-serif;font-size:1rem;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:#666}.form-textarea{resize:vertical;min-height:100px}.char-count{text-align:right;font-size:.85rem;color:#666;margin-top:.25rem}.error-message{background:#fee;color:#c00;padding:.75rem 1rem;margin:0 1rem .5rem;border-radius:4px;border:1px solid #fcc}.success-message{background:#efe;color:#060;padding:.75rem 1rem;margin:0 1rem .5rem;border-radius:4px;border:1px solid #cfc}.submit-button{background:#b29c6e;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:0;cursor:pointer;font-weight:700;transition:background .2s;width:100%;margin-top:.5rem}.submit-button:hover:not(:disabled){background:#9a8456}.submit-button:disabled{background:#999;cursor:not-allowed}.comments-list{margin-top:1rem;margin-bottom:1rem}.no-comments{text-align:center;color:#666;font-style:italic;padding:2rem;background:#f8f8f8;border-radius:4px}.comment-wrapper{margin-bottom:1.5rem;padding:0 1.5rem}.comment{background:#eadcbf;border:2px solid #4a4a4a;border-radius:16px;padding:0;transition:border-color .3s,background-color .3s;overflow:hidden}.comment.highlight{border-color:#ffeb3b}.comment-user-wrote{padding:.75rem 1rem .5rem;color:#e0e0e0;font-size:.95rem;background:#b29c6e}.comment-username{color:#fff;font-size:1rem}.comment-header{display:flex;justify-content:flex-end;align-items:baseline;padding:0 1rem .5rem;background:#eadcbf}.comment-date{color:#666;font-size:.85rem}.parent-comment-reference{padding:.5rem 1rem;background:#eadcbf}.parent-link{background:#f0f0f0;border:1px solid #ddd;border-left:3px solid #999;padding:.5rem .75rem;border-radius:3px;cursor:pointer;font-size:.9rem;color:#555;width:100%;text-align:left;transition:background .2s,border-left-color .2s}.parent-link:hover{background:#e8e8e8;border-left-color:#666}.reply-arrow{color:#999;margin-right:.25rem}.comment-content{padding:.75rem 1rem;color:var(--color-text);line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.comment-actions{display:flex;gap:1rem;padding:.5rem 1rem .75rem}.read-more-button{background:none;border:none;color:#007acc;cursor:pointer;font-size:.9rem;padding:.25rem .5rem;font-weight:700;transition:color .2s}.read-more-button:hover{color:#005a9c;text-decoration:underline}.reply-button{background:none;border:none;color:#666;cursor:pointer;font-size:.9rem;padding:.25rem .5rem;text-decoration:underline;transition:color .2s}.reply-button:hover{color:#333}.load-more-container{text-align:center;margin:1rem 0}.load-more-button{background:#333;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;font-weight:700;transition:background .2s}.load-more-button:hover{background:#555}@media(max-width:768px){.comment-form{padding:1rem}.comment-header{flex-direction:column;align-items:flex-start;gap:.25rem}}.page-container{width:100%;box-sizing:border-box;background:var(--color-bg-secondary);border:var(--border-standard);margin-left:12px;padding:2rem}.page-loading{text-align:center;padding:3rem;color:var(--color-text-muted);font-size:1.1rem;min-height:400px;display:flex;align-items:center;justify-content:center}.about-view{width:100%}.about-container{width:100%;box-sizing:border-box;background:var(--color-bg-secondary);border:var(--border-standard);margin-bottom:20px;margin-left:12px;overflow:hidden}.about-image-section{width:100%;background:var(--color-bg-secondary)}.about-image{width:100%;height:auto;display:block}.about-content{padding:2rem;background:var(--color-bg-secondary)}.about-content h1{font-size:2.5rem;font-weight:700;color:var(--color-text-heading);margin-bottom:1.5rem;margin-top:2rem;text-align:center}.about-content h1:first-child,.about-content div:first-child h1{margin-top:0}.about-content p{font-size:1.1rem;line-height:1.8;color:var(--color-text);margin-bottom:1.5rem;text-align:left}.about-content p:last-child{margin-bottom:0}@media(max-width:768px){.about-content{padding:1.5rem}.about-content h1{font-size:2rem}.about-content p{font-size:1rem}}.cast-page{width:100%;box-sizing:border-box;background:var(--color-bg-secondary);border:var(--border-standard);padding:2rem;margin-left:12px}.cast-title{font-size:2.5rem;font-weight:700;color:var(--color-text-heading);margin-bottom:2rem;text-align:center}.characters-list{display:flex;flex-direction:column;gap:2rem;align-items:center}.character-card{position:relative;background-image:url(/assets/CharacterSheet.png);background-size:contain;background-repeat:no-repeat;background-position:center;width:600px;height:220px;display:flex;align-items:stretch;padding:.6rem 3rem 1rem 1.1rem;box-sizing:border-box}.character-portrait{width:150px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.character-portrait img{max-width:100%;max-height:100%;object-fit:contain;display:block}.character-info{flex:1;padding:1rem;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto}.character-name{font-size:1.3rem;font-weight:700;color:var(--color-text-heading);margin:0 0 .75rem}.character-bio{font-size:.87rem;line-height:1.5;color:var(--color-text);margin:0}.back-to-top{width:325px;height:50px;border:2px solid var(--color-border);background:var(--color-bg-secondary);font-size:1.1rem;font-weight:700;cursor:pointer;margin:3rem auto 0;display:block}.back-to-top:hover{scale:105%}.back-to-top:active{scale:95%}.archive-filter{max-width:900px;margin:0 auto;padding:2rem}.filter-controls{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}.filter-group label{font-weight:600;font-size:.9rem;color:var(--color-text)}.filter-group select{padding:.6rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .2s}.filter-group select:hover{border-color:#667eea}.filter-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.clear-filters{padding:.6rem 1.2rem;background:#667eea;color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s;height:fit-content}.clear-filters:hover{background:#764ba2}.archive-results{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.results-count{padding:1rem 1.5rem;background:#f7fafc;border-bottom:1px solid #e2e8f0;font-size:.9rem;color:var(--color-text-muted);font-weight:500}.archive-list{padding:1.5rem}.chapter-header{margin:2rem 0 1rem}.chapter-header:first-child{margin-top:0}.chapter-header h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--color-text-heading)}.chapter-header h2 a{color:#667eea;text-decoration:none;transition:color .2s}.chapter-header h2 a:hover{color:#764ba2;text-decoration:underline}.chapter-description{margin:0;color:var(--color-text-muted);font-size:.95rem;line-height:1.5}.comics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;margin-top:1.5rem;margin-bottom:2rem}.comic-grid-item{display:flex;flex-direction:column;text-decoration:none;color:var(--color-text-heading);transition:transform .2s;background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.comic-grid-item:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.comic-thumbnail{width:100%;aspect-ratio:3/4;overflow:hidden;background:#f0f0f0;position:relative}.comic-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.comic-grid-item:hover .comic-thumbnail img{transform:scale(1.05)}.comic-grid-info{padding:.75rem;display:flex;align-items:center;justify-content:space-between;background:#fff}.grid-page-number{font-weight:600;font-size:.9rem;color:#667eea}.featured-badge-grid{color:#ff6b35;font-size:1.2rem}.page-number{font-weight:600;color:#667eea;min-width:80px}.comic-title{font-weight:500}.featured-badge-inline{background:#ff6b35;color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:700}.comic-description-inline{margin:.5rem 0 0;padding-left:.5rem;color:var(--color-text-muted);font-size:.9rem;line-height:1.4;border-left:3px solid #e2e8f0}.comic-tags{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.tag-badge{background:#e2e8f0;color:var(--color-text-heading);padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.no-results{text-align:center;padding:3rem 1rem;color:var(--color-text-muted)}.no-results p{margin-bottom:1rem;font-size:1.1rem}.no-results button{padding:.6rem 1.2rem;background:#667eea;color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.no-results button:hover{background:#764ba2}@media(max-width:768px){.archive-filter{padding:1rem}.filter-controls{flex-direction:column;gap:1rem}.filter-group{min-width:100%}.clear-filters{width:100%}.comics-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}}.archive-page-container{width:100%;padding:2rem;background-color:var(--color-bg-secondary);border:var(--border-standard);max-height:1200px;overflow-y:auto;box-sizing:border-box;margin-left:12px}.archive-page-container::-webkit-scrollbar{width:12px}.archive-page-container::-webkit-scrollbar-track{background:var(--color-bg-primary);border:1px solid var(--color-border)}.archive-page-container::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-bg-primary)}.archive-page-container::-webkit-scrollbar-thumb:hover{background:#333}.archive-page-header{text-align:center;margin-bottom:2rem}.archive-page-header h1{margin-bottom:.5rem;font-size:2.5rem;color:var(--color-text-heading)}.archive-page-header p{color:var(--color-text-muted);font-size:1.1rem}.no-comics{text-align:center;padding:3rem;color:var(--color-text-muted);background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.no-comics p{font-size:1.1rem}@media(max-width:768px){.archive-page-container{padding:1rem}.archive-page-header h1{font-size:2rem}.archive-page-header p{font-size:1rem}}.extras-gallery{width:100%;background:var(--color-bg-secondary);border:var(--border-standard);padding:2rem;box-sizing:border-box;margin-left:12px}.extras-loading{text-align:center;padding:3rem;font-size:1.2rem;color:var(--color-text-muted)}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:10000;display:flex;align-items:center;justify-content:center;cursor:pointer}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;cursor:default}.lightbox-loading{position:absolute;color:#fff;font-size:1.5rem;z-index:10002}.lightbox-main{position:relative;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.lightbox-main.loaded{opacity:1}.lightbox-image-container{max-width:85vw;max-height:85vh;display:flex;align-items:center;justify-content:center}.lightbox-image{max-width:100%;max-height:85vh;object-fit:contain;display:block}.lightbox-close{position:absolute;top:20px;right:20px;background:transparent;border:none;width:40px;height:40px;font-size:3rem;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;font-weight:300;color:#333;opacity:.7;transition:all .3s ease;line-height:1;text-shadow:-1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white,0 0 8px rgba(255,255,255,.8)}.lightbox-close:hover{opacity:1;transform:scale(1.1)}.lightbox-content:not(:hover) .lightbox-close{opacity:0}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background-size:contain;background-repeat:no-repeat;background-position:center;border:none;width:92.5px;height:46px;cursor:pointer;z-index:10001;opacity:.7;transition:all .3s ease;background-color:transparent}.lightbox-nav:hover{opacity:1;transform:translateY(-50%) scale(1.05)}.lightbox-content:not(:hover) .lightbox-nav{opacity:0}.lightbox-nav-left{left:20px;background-image:url(/assets/bottom_nav/prevLink.png)}.lightbox-nav-right{right:20px;background-image:url(/assets/bottom_nav/nextLink.png)}.lightbox-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.7),transparent);padding:3rem 2rem 2rem;color:#fff;text-align:center;opacity:1;transition:opacity .3s ease;pointer-events:none}.lightbox-content:not(:hover) .lightbox-info{opacity:0}.lightbox-title{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:#fff}.lightbox-description{font-size:1.2rem;margin:0;color:#ffffffe6;line-height:1.6}@media(max-width:768px){.lightbox-nav{width:60px;height:30px}.lightbox-nav-left{left:10px}.lightbox-nav-right{right:10px}.lightbox-close{top:10px;right:10px;font-size:2.5rem}.lightbox-title{font-size:1.5rem}.lightbox-description{font-size:1rem}.lightbox-info{padding:2rem 1rem 1rem}.lightbox-loading{font-size:1.2rem}.lightbox-content:not(:hover) .lightbox-info,.lightbox-content:not(:hover) .lightbox-close,.lightbox-content:not(:hover) .lightbox-nav{opacity:1}}.extras-tabs{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center}.tab-button{padding:.75rem 2rem;border:2px solid var(--color-border);background:var(--color-bg-secondary);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s}.tab-button:hover{scale:105%}.tab-button:active{scale:95%}.tab-button.active{background:var(--color-border);color:var(--color-bg-secondary)}.extras-grid-container{width:100%;max-height:1300px;overflow-y:auto;border:var(--border-standard);background:var(--color-bg-primary);padding:1rem;box-sizing:border-box}.extras-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.extras-item{background:var(--color-bg-secondary);border:var(--border-standard);display:flex;flex-direction:column;cursor:pointer;transition:transform .2s}.extras-item:hover{transform:scale(1.05)}.extras-image{width:100%;aspect-ratio:1;overflow:hidden;background:var(--color-bg-primary)}.extras-image img{width:100%;height:100%;object-fit:cover;display:block}.extras-text{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.extras-title{font-size:1.1rem;font-weight:700;color:var(--color-text-heading);margin:0}.extras-description{font-size:.9rem;color:var(--color-text-muted);margin:0;line-height:1.4}.extras-grid-container::-webkit-scrollbar{width:12px}.extras-grid-container::-webkit-scrollbar-track{background:var(--color-bg-primary);border:1px solid var(--color-border)}.extras-grid-container::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-bg-primary)}.extras-grid-container::-webkit-scrollbar-thumb:hover{background:#333}.under-construction{width:100%;background:var(--color-bg-secondary);border:var(--border-standard);padding:2rem;box-sizing:border-box;margin-left:12px;text-align:center}.under-construction h1{font-family:Arial,sans-serif;color:var(--color-text-heading);font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.construction-message{font-size:1.2rem;color:var(--color-text);margin-bottom:2rem;line-height:1.6}.construction-image{display:flex;justify-content:center;align-items:center}.construction-image img{max-width:100%;height:auto;display:block}@media(max-width:768px){.under-construction h1{font-size:2rem}.construction-message{font-size:1rem}.under-construction{padding:1.5rem}}.privacy-view{width:100%}.privacy-container{width:100%;box-sizing:border-box;background:var(--color-bg-secondary);border:var(--border-standard);margin-bottom:20px;margin-left:12px;overflow:hidden}.privacy-content{padding:2rem;background:var(--color-bg-secondary)}.privacy-content h1{font-size:2rem;font-weight:700;color:var(--color-text-heading);margin-top:0;margin-bottom:.5rem}.privacy-content .last-updated{color:var(--color-text-muted);margin-bottom:2rem}.privacy-content h2{font-size:1.3rem;font-weight:700;color:var(--color-text-heading);margin-top:2rem;margin-bottom:.75rem}.privacy-content p{font-size:1rem;line-height:1.7;color:var(--color-text);margin-bottom:1rem}.privacy-content ul{margin:0 0 1rem;padding-left:1.5rem}.privacy-content li{font-size:1rem;line-height:1.7;color:var(--color-text);margin-bottom:.5rem}.privacy-content a{color:var(--color-text-heading)}.privacy-content a:hover{text-decoration:none}.page-content-wrapper{transition:min-height .3s ease-out;margin-bottom:3rem}.error-404{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem}.error-content{width:100%;display:flex;align-items:center;justify-content:center;border:var(--border-standard);background:var(--color-bg-secondary);margin-left:12px}.error-content img{max-width:100%;height:auto;display:block}