:root{--bg:#0c1118;--surface:#141c27;--surface-hover:#1b2838;--text:#eef3fa;--muted:#a8b7ca;--accent:#61d5e4;--line:#2b384a;--display:system-ui,-apple-system,"Segoe UI",sans-serif;--radius:14px;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--display);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--accent);color:var(--bg);z-index:10}.skip:focus{top:12px}.topbar{min-height:96px;padding:20px max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:var(--bg)}.brand{display:flex;align-items:center;gap:20px}.brand-mark{font-size:29px;font-weight:850;letter-spacing:-1.4px;white-space:nowrap}.brand-mark span{color:var(--accent)}.brand-divider{height:38px;width:1px;background:var(--line)}.brand-section{font-size:13px;line-height:1.45;color:var(--muted)}.brand-section strong{font-size:16px;color:var(--text);font-weight:600}.home-link{font-size:14px;padding:9px 16px;border:1px solid var(--line);border-radius:8px}.home-link:hover{background:var(--surface)}main{max-width:1228px;margin:auto;padding:46px 24px 64px;min-height:calc(100vh - 185px)}.eyebrow{color:var(--accent);font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin:0 0 12px}h1{font-size:clamp(30px,4.5vw,52px);line-height:1.12;font-weight:740;letter-spacing:-1.6px;margin:0 0 20px}h2{font-size:22px;letter-spacing:-.5px;margin:0}p{margin:0 0 16px}.intro{display:grid;grid-template-columns:1fr 250px;gap:60px;align-items:center;margin-bottom:40px}.intro-copy{max-width:740px}.lead{color:var(--muted);font-size:18px;max-width:680px}.stat{border-left:2px solid var(--accent);padding-left:28px}.stat strong{display:block;font-size:68px;font-weight:700;line-height:1.1;letter-spacing:-3px}.stat span{color:var(--muted)}.section-head{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;margin-bottom:22px;gap:20px}.section-head span{color:var(--muted);font-size:14px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-height:196px;display:flex;flex-direction:column;transition:background .15s,border-color .15s,transform .15s}.category:hover{background:var(--surface-hover);border-color:var(--accent);transform:translateY(-3px)}.category-index{color:var(--accent);font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:25px}.category h3{font-size:18px;font-weight:600;line-height:1.35;margin:0 0 20px}.category-count{color:var(--muted);font-size:14px;margin-top:auto}.help{margin-top:30px;padding:22px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.help strong{color:var(--text)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:14px;margin:0 0 28px}.breadcrumbs a:hover{color:var(--accent)}.page-description{color:var(--muted);margin-bottom:30px}.card-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.card-list li{border-bottom:1px solid var(--line)}.card-link{display:grid;grid-template-columns:128px 1fr 70px;gap:24px;align-items:center;padding:19px 18px;min-height:82px}.card-link:hover{background:var(--surface)}.number{font-size:14px;color:var(--accent)}.card-title{font-size:17px;line-height:1.45;font-weight:550}.card-action{font-size:14px;color:var(--muted);text-align:right}.viewer-heading h1{font-size:clamp(24px,3vw,36px);letter-spacing:-.7px;margin-bottom:14px}.viewer-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:14px;color:var(--muted)}.viewer-meta .number{border:1px solid var(--line);border-radius:6px;padding:2px 9px}.viewer-meta a{padding:2px 0}.viewer-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 0}.controls,.sequence{display:flex;flex-wrap:wrap;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:14px}.button:hover{border-color:var(--accent);background:var(--surface-hover)}.button:disabled{opacity:.4;cursor:default}.viewer-stage{background:#202b39;border:1px solid var(--line);border-radius:var(--radius);padding:24px;overflow:auto;max-height:85vh;text-align:center}.viewer-stage img{display:block;width:auto;max-width:100%;max-height:calc(85vh - 50px);height:auto;margin:0 auto;box-shadow:0 12px 32px #0005}.viewer-stage.actual img{max-width:none;max-height:none;width:auto}.viewer-stage:fullscreen{max-height:none;height:100vh;border:0;border-radius:0}.viewer-stage:fullscreen img{max-height:calc(100vh - 50px)}.viewer-stage.actual:fullscreen img{max-height:none}.image-error{color:#ffbdaf;padding:30px}.details{margin-top:20px;border-bottom:1px solid var(--line);padding-bottom:20px;color:var(--muted);font-size:14px}.details summary{cursor:pointer;color:var(--text);font-weight:600}.details dl{display:grid;grid-template-columns:100px 1fr;gap:8px 20px}.details dt{color:var(--muted)}.details dd{margin:0;overflow-wrap:anywhere}.footer{border-top:1px solid var(--line);padding:22px max(24px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}
@media(min-width:1600px){main{padding-top:60px}}@media(max-width:1000px){.category-grid{grid-template-columns:repeat(2,1fr)}.intro{gap:28px;grid-template-columns:1fr 160px}.stat strong{font-size:54px}}@media(max-width:600px){.topbar{padding:15px 18px;gap:12px;min-height:80px}.brand{gap:12px}.brand-mark{font-size:25px}.brand-section{font-size:12px}.brand-section strong{font-size:14px}.home-link{padding:8px 10px}main{padding:30px 18px 40px}.intro{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.stat{display:flex;align-items:center;gap:14px;padding-left:16px}.stat strong{font-size:38px;letter-spacing:-1px}.stat span{font-size:14px}.lead{font-size:16px}h1{letter-spacing:-.8px}.category-grid{gap:10px}.category{padding:18px;min-height:180px}.category h3{font-size:16px}.category-index{margin-bottom:18px}.section-head{align-items:flex-start}.section-head h2{font-size:20px}.card-link{grid-template-columns:1fr;gap:4px;padding:17px 10px}.card-action{display:none}.card-title{font-size:16px}.viewer-toolbar{align-items:flex-start;flex-direction:column}.viewer-stage{padding:10px}.viewer-stage img{max-height:calc(85vh - 25px)}.footer{flex-direction:column;gap:4px;padding:20px 18px}.details dl{grid-template-columns:1fr;gap:3px}.details dd{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.category:hover{transform:none}}
main:focus{outline:none}
/* Identidade RD-A: Red Dragon e Auria */
:root{--bg:#090909;--surface:#151313;--surface-hover:#231818;--text:#f7f3ee;--muted:#bcb4ab;--accent:#e9bc72;--line:#3c2c29}
.topbar{border-bottom-color:#8c251f;background:linear-gradient(110deg,#100a0a,#090909 55%,#17120b)}
.brand-logo{width:76px;height:76px;object-fit:contain;border-radius:12px;display:block}
.brand-divider{background:linear-gradient(#db2921,#e9bc72);height:46px}
.brand-section strong{color:#f0cf92}
.category{border-top:2px solid #a82922;background:linear-gradient(145deg,#1d1414,#121212)}
.category:hover{border-color:#e9bc72;box-shadow:0 8px 24px #a619151c}
.category-index{color:#efc989}
.stat{border-left-color:#dc3027}
.viewer-stage{background:#191717;border-color:#4c302a}
.button:hover,.home-link:hover{border-color:#d64a3c}
.footer{border-top-color:#592b23}
@media(max-width:600px){.brand-logo{width:54px;height:54px}.brand{gap:10px}.topbar{padding:12px 18px}.brand-divider{height:36px}}

/* Consulta com zoom e bloqueio dos comandos diretos de salvar. */
#zoom-level{min-width:62px;text-align:center;font-variant-numeric:tabular-nums;color:var(--accent)}
.controls{align-items:center}.viewer-stage img{max-width:none;max-height:none;user-select:none;-webkit-user-drag:none}.viewer-stage.zoomed img{margin:0}.viewer-stage.zoomed{cursor:grab}.viewer-stage.dragging{cursor:grabbing}