.comic-slider{outline:none}.comic-slider:focus-visible{box-shadow:0 0 0 3px var(--blue);border-radius:var(--radius)}.comic-slider-controls{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-bottom:1rem}.slider-button{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);font-size:1.25rem;cursor:pointer}.slider-button:hover:not(:disabled),.slider-button:focus-visible:not(:disabled){border-color:var(--pink);background:var(--surface-2)}.slider-button:disabled{opacity:.3;cursor:not-allowed}.slider-position{margin:0;min-width:64px;text-align:center;color:var(--muted);font:900 .8rem/1 ui-monospace,monospace}.comic-link{display:block;color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease}.comic-link:hover,.comic-link:focus-visible{transform:translateY(-3px);border-color:rgba(255,79,163,.65)}.comic-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem 1.2rem}.comic-meta time{color:var(--muted);font:800 .75rem/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.open-comic{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;color:var(--pink);font-weight:900}.slider-help{margin:1rem 0 0;text-align:center;color:var(--muted);font-size:.82rem}.comic-page{width:min(980px,calc(100% - 2rem));margin:0 auto;padding:4rem 0 7rem}.comic-page-header{text-align:center;margin-bottom:2rem}.comic-page-header h1{font-size:clamp(3rem,8vw,6rem);margin-bottom:1rem}.comic-page-header p{color:var(--muted)}.comic-art{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,var(--surface),#1d1228);padding:clamp(1rem,3vw,2rem);box-shadow:var(--shadow)}.comic-navigation{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem}.comic-navigation a{font-weight:900;text-decoration:none}.comic-navigation .disabled{opacity:.35}.back-home{display:inline-flex;margin-bottom:2rem;color:var(--muted);text-decoration:none;font-weight:850}.back-home:hover{color:var(--text)}@media(max-width:640px){.comic-slider-controls{justify-content:center}.comic-meta{align-items:flex-start;flex-direction:column}.comic-navigation{flex-wrap:wrap}.comic-navigation a:nth-child(2){order:-1;width:100%;text-align:center}}