/* WABUKAN — Crónica (30/10/2026): linha do tempo em banda desenhada de sombras */
.cr{--crTop:56px}
#cronica{max-width:1080px;margin:0 auto}
#cronica [hidden]{display:none!important}
.cr-topo{text-align:center;padding:26px 0 6px}
.cr-topo .selo,.cr-fim .selo{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--red);color:#fff;font-size:30px;font-weight:700;box-shadow:0 0 0 6px #d7261e22}
.cr-topo .kick{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:12px;margin:12px 0 0}
.cr-topo h1{margin:6px auto 8px;max-width:760px}
.cr-topo .intro{color:var(--mute);max-width:660px;margin:0 auto;line-height:1.5}
.cr-num3{color:var(--mute);font-size:13.5px;margin:12px 0 0}.cr-num3 b{color:var(--paper);font-size:16px}
.cr-ctl{margin:18px 0 6px}
.cr-chips{display:flex;flex-wrap:wrap;gap:6px}
.cr-chips button,.cr-chips a{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;border:1px solid #ffffff2a;background:#111;color:var(--paper);font:inherit;font-size:13.5px;cursor:pointer;text-decoration:none}
.cr-chips button.on{border-color:var(--gold);color:var(--gold)}
.cr-chips i{font-style:normal;opacity:.6;font-size:12px}
.cr-ctl2{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}
.cr-filme{padding:9px 16px;border-radius:999px;border:0;background:var(--gold);color:#111;font:inherit;font-weight:700;cursor:pointer}
.cr-filme.on{background:var(--red);color:#fff}
.cr-cont{color:var(--mute);font-size:13px}
.cr-barra{position:sticky;top:var(--crTop);z-index:15;display:flex;align-items:center;gap:4px;margin:10px calc(-1 * var(--pad,16px)) 0;padding:8px var(--pad,16px);background:#0b0b0bf2;border-bottom:1px solid #ffffff14;overflow-x:auto;scrollbar-width:none;backdrop-filter:blur(6px)}
.cr-barra::-webkit-scrollbar{display:none}
.cr-agora{flex:0 0 auto;min-width:86px;font-weight:900;font-size:18px;color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}
.cr-agora.pulse{animation:crPulse .5s}
@keyframes crPulse{0%{transform:scale(1.25);color:#fff}100%{transform:none}}
.cr-barra a{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;color:var(--mute);text-decoration:none;font-size:12.5px;border:1px solid transparent;white-space:nowrap}
.cr-barra a b{font-family:Georgia,serif;color:var(--c)}
.cr-barra a.on{border-color:var(--c);color:var(--paper);background:#ffffff0d}
.cr-barra a span{display:none}.cr-barra a.on span{display:inline}
.cr-prog{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--red));transform-origin:left;transform:scaleX(0)}
.cr-hist{position:relative;padding:8px 0 10px}
.cr-fio{position:absolute;top:0;bottom:0;left:15px;width:4px;background:#ffffff14;border-radius:2px}
.cr-fio i{position:absolute;inset:0;background:linear-gradient(180deg,#c9a227,#b33a2b,#7a4bb3,#2b7bb3,#2f9e6b,#e0632b);transform-origin:top;transform:scaleY(0);border-radius:2px}
.cr-acto{position:relative;padding-left:40px;scroll-margin-top:calc(var(--crTop) + 60px)}
.cr-cart{position:relative;overflow:hidden;margin:34px 0 18px;padding:22px 18px 18px;background:linear-gradient(135deg,#151515,#0b0b0b);border:1px solid #ffffff14;border-left:5px solid var(--c);border-radius:10px;transition:opacity .7s,transform .7s}
.cr-js .cr-cart:not(.on){opacity:0;transform:translateX(-14px)}
.cr-cart::before{content:'';position:absolute;left:-46px;top:26px;width:16px;height:16px;border-radius:50%;background:var(--c);box-shadow:0 0 0 5px #0b0b0b,0 0 18px var(--c)}
.cr-kanji{position:absolute;right:-6px;top:-22px;font-size:150px;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--c);opacity:.35;pointer-events:none;font-weight:700}
.cr-num{margin:0;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--c);font-weight:700}
.cr-cart h2{margin:6px 0 8px;font-size:1.7rem;position:relative}
.cr-narr{margin:0;color:#d9d2c6;font-family:Georgia,'Times New Roman',serif;font-style:italic;line-height:1.55;max-width:620px;position:relative}
.cr-p{position:relative;margin:0 0 22px;scroll-margin-top:calc(var(--crTop) + 70px)}
.cr-no{position:absolute;left:-31px;top:22px;width:12px;height:12px;border-radius:50%;background:#0b0b0b;border:3px solid var(--c);transition:background .4s}
.cr-no{background:var(--c)}.cr-js .cr-p:not(.on) .cr-no{background:#0b0b0b}
.cr-q{margin:0;position:relative;background:#f4ead6;color:#1a1410;border:3px solid #0b0b0b;box-shadow:5px 5px 0 #0b0b0b;border-radius:4px;overflow:hidden;transform:rotate(-.25deg);transition:opacity .6s,transform .6s}
.cr-p.dir .cr-q{transform:rotate(.25deg)}
.cr-js .cr-p:not(.on) .cr-q{opacity:0;transform:translateY(26px) rotate(-.7deg)}
.cr-js .cr-p.dir:not(.on) .cr-q{transform:translateY(26px) rotate(.7deg)}
.cr-palco{position:relative;height:auto;aspect-ratio:16/9;background:radial-gradient(ellipse at 50% 72%,#fff1d0 0,#f0b860 30%,var(--c) 78%,#1d120c 130%);border-bottom:3px solid #0b0b0b;overflow:hidden}
.cr-palco::before{content:'';position:absolute;inset:0;background:#0b0b0b;opacity:0;transition:opacity 1.1s .15s;z-index:2;pointer-events:none}
.cr-js .cr-p:not(.on) .cr-palco::before{opacity:.88}
.cr-palco::after{content:none}
.cr-img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:50% 40%}
.cr-img.pd{object-fit:contain;background:#1d140e}
.cr-cred{position:absolute;left:6px;bottom:4px;z-index:3;max-width:70%;font-size:.62rem;line-height:1.2;color:#f4ead6;background:#0b0b0bb3;padding:2px 6px;border-radius:3px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-cred:hover{text-decoration:underline}
.cr-ano{position:absolute;top:9px;left:9px;z-index:3;background:#ffd23f;color:#111;font-weight:900;font-size:16px;padding:3px 9px;border:2px solid #0b0b0b;transform:rotate(-3deg);box-shadow:2px 2px 0 #0b0b0b}
.cr-reg{position:absolute;top:10px;right:10px;z-index:3;background:#f4ead6;color:#1a1410;border:2px solid #0b0b0b;font-size:11px;font-weight:700;padding:2px 7px;text-transform:uppercase;letter-spacing:.06em}
.cr-mito{position:absolute;bottom:20px;right:10px;z-index:3;color:#b3261e;border:2px solid #b3261e;background:#f4ead6e6;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:2px 7px;transform:rotate(-6deg)}
.cr-q figcaption{padding:12px 14px 14px}
.cr-q h3{margin:0 0 6px;font-size:1.15rem;color:#120d09}
.cr-q p{margin:0;font-size:14.5px;line-height:1.5}
.cr-ref{font-size:11px;color:#7a5a3a;text-decoration:none;vertical-align:super}
.cr-lig{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.cr-lig a{font-size:12.5px;padding:4px 9px;border-radius:999px;background:#1a1410;color:#f4ead6;text-decoration:none}
.cr-lig a.m{background:#3a2a1c}.cr-lig a.w{background:#5a3a1a}.cr-lig a.ln{background:#7a1f18}
.cr-lig a.atl{background:transparent;color:#1a1410;border:1.5px solid #1a1410;font-weight:700}
.cr-lig a:focus-visible,.cr-chips a:focus-visible,.cr-barra a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.cr-fim{position:relative;margin:30px 0 0 40px;padding:22px 18px;text-align:center;border:1px dashed #ffffff2a;border-radius:12px}
.cr-fim h2{margin:12px 0 6px}.cr-fim p{color:var(--mute);margin:0 0 12px}.cr-fim .cr-chips{justify-content:center}
.cr-mais,.cr-fontes,.cr-citar{margin-top:30px}
.cr-fontes p,.cr-fontes ol{font-size:12.5px;color:var(--mute);line-height:1.5}.cr-fontes ol{padding-left:30px}
.cr-fontes a{color:var(--mute)}
.cr-fontes li:target{color:var(--gold)}
.cr-citar{background:var(--ink2);border:1px solid #ffffff14;border-radius:12px;padding:14px}
.cr-citar p{font-size:14px;color:var(--mute)}
.cr-citar .linha{display:flex;gap:8px}
.cr-citar input{flex:1;min-width:0;padding:9px 10px;border-radius:8px;border:1px solid #ffffff2a;background:#111;color:var(--paper);font:inherit;font-size:13px}
.cr-citar button{padding:9px 14px;border-radius:999px;border:0;background:var(--gold);color:#111;font-weight:700;cursor:pointer}
@media (min-width:900px){
  .cr-fio{left:50%;margin-left:-2px}
  .cr-acto{padding-left:0}
  .cr-cart{width:min(640px,80%);margin:44px auto 22px;text-align:center;border-left:1px solid #ffffff14;border-top:5px solid var(--c)}
  .cr-cart::before{left:50%;margin-left:-8px;top:-30px}
  .cr-narr{margin:0 auto}
  .cr-fila{display:flex;flex-direction:column}
  .cr-p{width:calc(50% - 34px);margin:-170px 0 0}
  .cr-p:first-child{margin-top:0}
  .cr-p.dir{align-self:flex-end}
  .cr-no{left:auto;right:-42px}
  .cr-p.dir .cr-no{right:auto;left:-42px}
  .cr-palco{height:auto}
  .cr-fim{margin-left:0}
  .cr-barra a span{display:inline}
}
@media (max-width:640px){.cr-cart h2{font-size:1.4rem}.cr-kanji{font-size:120px}.cr-palco{height:auto}}
@media (prefers-reduced-motion:reduce){.cr-q,.cr-cart,.cr-palco::before,.cr-no{transition:none!important}.cr-agora.pulse{animation:none}}