.comic-header{position:sticky;top:60px;z-index:90;background:var(--bg-glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border-bottom:1px solid var(--border-glass);padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.comic-title{color:var(--text-primary);font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comic-header-center{display:flex;align-items:center}.story-selector{display:flex;gap:.5rem;align-items:center}.story-selector label{color:var(--accent);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.story-select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-glass);padding:.4rem .75rem;border-radius:var(--radius-sm);font-family:var(--font-main);font-size:.8rem;font-weight:500;cursor:pointer;transition:border-color .2s}.story-select:hover,.story-select:focus{border-color:var(--accent);outline:none}.page-info{color:var(--text-secondary);font-size:.85rem;font-weight:500;font-variant-numeric:tabular-nums}.page-info span{color:var(--accent);font-weight:700}.comic-container{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem}.page-content{max-width:1200px;width:100%;animation:fadeIn .3s ease}.loading{text-align:center;color:var(--accent);font-size:1.2rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.75rem}.error{text-align:center;color:var(--danger);padding:2rem;background:var(--bg-glass);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md)}.error h2{margin-bottom:.5rem}.error p{color:var(--text-secondary);font-size:.9rem}.splash-page{position:relative;max-width:800px;margin:0 auto;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 0 40px #00000080,0 0 80px #4ecca30d}.splash-page img{width:100%;display:block;border:2px solid var(--border-glass-hover);border-radius:var(--radius-md)}.caption-box{background:linear-gradient(135deg,#4ecca3e6,#3b82f6e6);color:#fff;padding:.5rem 1.5rem;font-weight:600;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;position:absolute;left:50%;transform:translate(-50%);max-width:90%;text-align:center;border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d}.caption-top{top:2rem}.caption-bottom{bottom:2rem}.speech-bubble{position:absolute;background:#fffffff2;color:#1a1a2e;border:2px solid rgba(78,204,163,.4);border-radius:12px;padding:.5rem .75rem;max-width:280px;font-size:.75rem;font-weight:500;line-height:1.4;z-index:10;word-wrap:break-word;overflow-wrap:break-word;box-shadow:0 4px 15px #0003}.speech-bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(78,204,163,.4)}.grid-page{width:100%}.page-title{color:var(--accent);text-align:center;font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.panels-grid{display:grid;gap:1rem}.panels-grid.standard-4,.panels-grid.vertical-split{grid-template-columns:repeat(2,1fr)}.panels-grid.horizontal-split{grid-template-rows:repeat(2,1fr)}.panels-grid.widescreen-top{grid-template-rows:2fr 1fr}.panels-grid.widescreen-top .panel-wide{grid-column:span 2}.panels-grid.widescreen-bottom{grid-template-rows:1fr 2fr}.panels-grid.widescreen-bottom .panel-wide{grid-column:span 2}.panels-grid.focus-center{grid-template-rows:1fr 2fr 1fr}.panels-grid.focus-center .panel-wide{grid-column:span 2}.panel{position:relative;background:var(--bg-secondary);border:2px solid var(--border-glass);border-radius:var(--radius-sm);overflow:hidden;min-height:200px;transition:border-color .3s,box-shadow .3s}.panel:hover{border-color:var(--border-glass-hover);box-shadow:0 0 20px #4ecca314}.panel-wide{min-height:280px}.panel img{width:100%;height:100%;object-fit:cover;display:block}.panel .caption-box{position:absolute;top:.5rem;left:.5rem;transform:none;font-size:.65rem;padding:.35rem .75rem}.comic-navigation{background:var(--bg-glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border-top:1px solid var(--border-glass);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.nav-prev,.nav-next{min-width:130px;font-size:.8rem;display:flex;align-items:center;gap:.5rem}.nav-prev:disabled,.nav-next:disabled{opacity:.3;cursor:not-allowed}.page-thumbs{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:center}.thumb{width:2.5rem;height:3rem;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;border-radius:4px;transition:all .2s}.thumb:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-glass-hover)}.thumb.active{border-color:var(--accent);background:#4ecca326;color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.side-nav-arrows{position:fixed;top:50%;transform:translateY(-50%);z-index:1000;width:100%;max-width:1600px;left:50%;margin-left:-800px;pointer-events:none}.side-arrow{position:absolute;width:56px;height:56px;background:var(--bg-glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border-glass);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;pointer-events:auto;box-shadow:0 0 20px #00000080}.side-arrow:hover{background:var(--bg-glass-hover);border-color:var(--accent);transform:scale(1.1);box-shadow:0 0 30px var(--accent-glow)}.side-arrow:active{transform:scale(.95)}.side-arrow.disabled{opacity:.2;cursor:not-allowed;pointer-events:none}.side-arrow-left{left:16px}.side-arrow-right{right:16px}.side-arrow i{font-size:22px;color:var(--text-secondary);transition:all .3s ease}.side-arrow:hover i{color:var(--accent)}.side-arrow:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:1px solid var(--accent);animation:arrowPulse 2.5s ease-in-out infinite;pointer-events:none;opacity:0}.side-arrow:hover:before{opacity:1}@keyframes arrowPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.3);opacity:0}}.side-arrow-left:hover{transform:translate(-3px) scale(1.1)}.side-arrow-right:hover{transform:translate(3px) scale(1.1)}.comic-footer{background:var(--bg-secondary);border-top:1px solid var(--border-glass);padding:1rem;text-align:center;font-size:.8rem;color:var(--text-muted)}.comic-footer a{color:var(--accent);text-decoration:none;transition:color .2s}.comic-footer a:hover{color:var(--accent-hover)}.rotation-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0ff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;justify-content:center;align-items:center;flex-direction:column;gap:1.5rem}.rotation-icon{width:45px;height:80px;border:2px solid var(--accent);border-radius:8px;position:relative;animation:rotatePhone 2s ease-in-out infinite}.rotation-icon:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:14px;height:2px;background:var(--accent);border-radius:2px}.rotation-icon:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:16px;height:16px;border:2px solid var(--accent);border-radius:50%}@keyframes rotatePhone{0%,to{transform:rotate(0)}25%{transform:rotate(0)}75%{transform:rotate(90deg)}}.rotation-text{color:var(--accent);font-size:1.1rem;font-weight:600;text-align:center;padding:0 2rem}.rotation-subtext{color:var(--text-secondary);font-size:.85rem;text-align:center;padding:0 2rem}.rotation-continue-btn{margin-top:.5rem}@media(max-width:500px)and (orientation:portrait){.rotation-overlay{display:flex}}@media(max-width:768px){.comic-header{flex-direction:column;text-align:center;gap:.5rem;padding:.5rem 1rem;top:56px}.comic-container{padding:1rem}.comic-navigation{flex-direction:column;padding:.75rem 1rem}.nav-prev,.nav-next{min-width:100px;font-size:.75rem}.splash-page{max-width:100%}.splash-page img{border-width:1px}.caption-box{font-size:.6rem;padding:.35rem .8rem;max-width:85%}.caption-top{top:.75rem}.caption-bottom{bottom:5rem;left:1rem;transform:none;text-align:left}.speech-bubble{max-width:180px;font-size:.55rem;padding:.4rem .55rem;top:50%!important;left:90%!important;transform:translate(-50%,-50%)!important;line-height:1.3}.speech-bubble:after{bottom:-8px;border-top:8px solid rgba(78,204,163,.4);border-left:8px solid transparent;border-right:8px solid transparent}.panels-grid.standard-4,.panels-grid.vertical-split,.panels-grid.horizontal-split,.panels-grid.widescreen-top,.panels-grid.widescreen-bottom,.panels-grid.focus-center{grid-template-columns:1fr!important;grid-template-rows:auto!important}.panel-wide{grid-column:1!important}.panels-grid{gap:.75rem}.page-title{font-size:.9rem;margin-bottom:1rem}.page-thumbs{max-width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}.thumb{width:2rem;height:2.5rem;flex-shrink:0;font-size:.6rem}.side-nav-arrows{position:fixed;top:auto;bottom:120px;transform:none;max-width:100%;left:0;margin-left:0;padding:0 16px;display:flex;justify-content:space-between}.side-arrow{width:48px;height:48px;position:relative;left:auto!important;right:auto!important}.side-arrow i{font-size:20px}.side-arrow-left:hover,.side-arrow-right:hover{transform:scale(1.1)}}@media(max-width:550px){.side-arrow{width:42px;height:42px}.side-arrow i{font-size:18px}.speech-bubble{max-width:180px;font-size:.5rem;padding:.4rem .2rem;top:50%!important;left:80%!important;transform:translate(-50%,-50%)!important;line-height:1.3}.comic-title{font-size:.85rem}}