:root{--bg:#0d0b09;--panel:#18130f;--paper:#d7b77d;--paper2:#ecd8ad;--gold:#c7954c;--gold2:#8c6031;--ink:#25170e;--muted:#ad9777;--red:#7c2f25}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#392315 0,#15100c 35%,#090807 80%);color:#eadcc3;font-family:Georgia,"Times New Roman",serif;min-height:100vh}.wood{position:fixed;inset:0;pointer-events:none;opacity:.13;background:repeating-linear-gradient(0deg,transparent 0 44px,#000 45px 47px),repeating-linear-gradient(90deg,#7c4d2610 0 4px,#0000 5px 70px)}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:14px clamp(16px,4vw,50px);background:#0f0d0bea;border-bottom:1px solid #5a4027;backdrop-filter:blur(10px)}.brand{color:#d3ae70;text-decoration:none;font-weight:bold;text-transform:uppercase;letter-spacing:.08em}.topbar nav{display:flex;gap:8px;flex-wrap:wrap}.topbar nav a{color:#baa88b;text-decoration:none;padding:8px 11px;border:1px solid transparent;border-radius:3px}.topbar nav a:hover,.topbar nav a.active{color:#f5dfb7;border-color:#624728;background:#251b13}main{max-width:1240px;margin:auto;padding:28px clamp(14px,4vw,48px) 70px}.mast{text-align:center;padding:28px 0 30px}.mast>p:first-child,.admin-heading p,.kicker{color:#c39a5c;font-size:11px;letter-spacing:.18em}.mast h1{margin:3px 0;color:#dfbd7c;text-transform:uppercase;font-size:clamp(38px,7vw,82px);letter-spacing:.035em;text-shadow:0 3px #000}.mast .subtitle{color:#bda786;font-style:italic}.rule{display:flex;align-items:center;justify-content:center;gap:12px;color:#bb8741}.rule span{height:1px;background:#755331;width:min(240px,25vw)}.featured{min-height:430px;display:grid;grid-template-columns:minmax(260px,35%) 1fr;background:linear-gradient(110deg,#e4ce9e,#b78349);border:7px solid #352518;color:var(--ink);box-shadow:0 18px 50px #0009,inset 0 0 70px #73480d55}.feature-copy{padding:35px;align-self:center}.feature-copy h2{font-size:42px;margin:18px 0 3px}.feature-copy h3{font-size:30px;margin:0 0 18px}.feature-copy p{font-size:18px;line-height:1.5}.ribbon{display:inline-block;background:var(--red);color:#f5dfb6;padding:7px 12px;transform:rotate(-2deg)}.read-btn,.primary,.reader-nav button,.actions button,.list-heading button{font:inherit;border:1px solid #765331;background:#21170f;color:#f1d5a5;padding:11px 16px;cursor:pointer;border-radius:3px}.feature-image{min-height:400px;margin:22px;border:4px solid #553a20;background:#1a120d;display:grid;place-items:center;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:contain;background:#100d0a}.placeholder-art{text-align:center;font-size:70px;color:#1d150e}.placeholder-art span{display:block;font-size:20px}.archive{padding-top:28px}.archive-title{display:flex;align-items:center;gap:20px;justify-content:center}.archive-title span{height:1px;background:#61472d;flex:1}.archive-title h2{text-transform:uppercase;color:#c99349;letter-spacing:.14em}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px}.filters button{border:1px solid #5f462d;background:#17130f;color:#bfa989;padding:8px 12px;cursor:pointer;border-radius:3px}.filters button.active{background:#c18d45;color:#21150d}.comic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.comic-card{border:1px solid #684a2b;background:#15110e;cursor:pointer;transition:.18s;box-shadow:0 10px 28px #0005}.comic-card:hover{transform:translateY(-5px);border-color:#b38143}.cover{aspect-ratio:4/5;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#3b291a,#15100d)}.cover img{width:100%;height:100%;object-fit:cover}.issue-badge{position:absolute;left:9px;top:9px;background:#110f0d;color:#e8cea0;padding:5px 8px}.cover-empty{font-size:55px;text-align:center;color:#c29455}.cover-empty small{display:block;font-size:16px;padding:10px}.comic-meta{background:linear-gradient(#d8bd85,#b98c54);color:#25170d;padding:14px;min-height:115px}.comic-meta h3{margin:0 0 8px;font-size:19px}.comic-meta small{color:#674727}.empty-state{text-align:center;padding:50px;color:#99866b;border:1px dashed #4e3b29}dialog{width:min(1050px,96vw);height:min(94vh,1000px);padding:0;background:#100e0c;color:#eee;border:1px solid #71502d}dialog::backdrop{background:#000c}.close{position:sticky;float:right;top:10px;right:10px;z-index:4;width:42px;height:42px;background:#1d1712;color:#fff;border:1px solid #765333;font-size:28px}.reader-head{padding:22px 24px 8px}.reader-head h2{font-size:30px;margin:3px 0}.reader-head p{color:#9f8c72}.reader-pages{display:flex;flex-direction:column;gap:18px;padding:10px 24px}.reader-pages img{max-width:100%;max-height:78vh;object-fit:contain;margin:auto;background:#080706;border:1px solid #49341f}.reader-empty{min-height:500px;display:grid;place-items:center;text-align:center;border:1px dashed #5b442d;color:#c2985f}.reader-nav{display:flex;justify-content:space-between;padding:14px 24px}.reader-nav+ p{padding:0 24px 24px;color:#ac9a80}.admin-body{background:#0d0e10}.admin-main{max-width:1400px}.admin-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:10px 0 25px}.admin-heading h1{font-size:clamp(32px,5vw,58px);margin:2px 0;color:#d1a564}.admin-heading span{color:#89909a}.admin-key{display:flex;flex-direction:column;gap:7px;color:#9fa5ae;font-size:12px}.admin-key input,.form-grid input,.form-grid textarea{background:#101216;color:#eee;border:1px solid #373c44;border-radius:4px;padding:10px;font:inherit}.admin-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.admin-card{background:#15171b;border:1px solid #2d3138;border-radius:7px;padding:20px}.admin-card h2{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:flex;flex-direction:column;gap:6px;color:#b0b5bd;font-size:12px}.form-grid .wide{grid-column:1/-1}.form-grid textarea{min-height:90px}.check{justify-content:center}.dropzone{margin-top:16px;min-height:150px;border:1px dashed #626a76;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:#bfc4cc;font-size:27px}.dropzone span{font-size:12px;color:#747b85}.previews{display:flex;gap:8px;overflow:auto;margin-top:10px}.previews img{height:95px;border:1px solid #555}.actions{display:flex;gap:10px;margin-top:16px}.status{min-height:20px;color:#c8a56d;font-size:13px}.list-heading{display:flex;justify-content:space-between;align-items:center}.admin-list{display:flex;flex-direction:column;gap:9px}.admin-item{display:grid;grid-template-columns:68px 1fr auto;gap:10px;align-items:center;padding:8px;background:#101216;border:1px solid #2b3037}.admin-thumb{width:68px;height:78px;object-fit:cover;background:#2a2017;display:grid;place-items:center}.admin-item h3{font-size:14px;margin:0 0 4px}.admin-item p{font-size:11px;color:#7f8792;margin:0}.item-actions{display:flex;flex-direction:column;gap:5px}.item-actions button{background:#171a1f;color:#c9cdd3;border:1px solid #3b414a;padding:6px;cursor:pointer}.item-actions .delete{color:#db8c82;border-color:#6c3934}@media(max-width:780px){.topbar{align-items:flex-start}.topbar nav{justify-content:flex-end}.featured{grid-template-columns:1fr}.feature-image{min-height:300px}.admin-layout{grid-template-columns:1fr}.admin-heading{flex-direction:column;align-items:stretch}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}}