/* Last pages of the adventurer's journal. Native details keep the guide accessible. */
#duvidas { grid-template-columns:.78fr 1.3fr; gap:clamp(32px,6vw,86px); align-items:start; border-color:#ba965425; }
#duvidas .faq-intro { padding-top:5px; text-align:center; }
#duvidas .faq-journal { width:108px; height:108px; margin:0 auto 21px; filter:drop-shadow(0 7px 9px #0006); }
#duvidas .eyebrow { color:#cfaf77; font-size:10px; letter-spacing:.18em; margin-bottom:17px; }
#duvidas h2 { color:#f0e2c9; font:500 clamp(30px,3vw,43px)/1.3 Cinzel,Georgia,serif; letter-spacing:-.03em; margin-bottom:0; }
#duvidas h2 em { color:#d4b373; }
#duvidas .faq-list { display:grid; gap:12px; max-width:none; }
#duvidas .faq-list details {
  padding:0; overflow:hidden;
  border:1px solid #b592565e; border-radius:3px 13px 3px 13px;
  background:radial-gradient(ellipse at 0 0,#b8883d17,transparent 70%),url('./assets/parchment-grain.svg'),linear-gradient(135deg,#2b231b,#1b1914);
  box-shadow:inset 0 1px 0 #e6c48912,0 7px 20px #0002;
  transition:border-color .25s,box-shadow .25s;
}
#duvidas .faq-list summary { display:grid; grid-template-columns:25px minmax(0,1fr) 28px; gap:14px; padding:22px 23px; min-height:81px; line-height:1.65; }
#duvidas .faq-list summary:focus-visible { outline:2px solid #e6c68a; outline-offset:-5px; border-radius:3px 12px 3px 12px; }
#duvidas .faq-list summary span { transform:none; }
#duvidas .faq-list summary .faq-number { color:#a98b5b; font:500 16px/1.5 Cinzel,Georgia,serif; text-align:center; }
#duvidas .faq-list summary .faq-question { color:#e9dcc4; font:600 14px/1.7 var(--font); letter-spacing:0; }
#duvidas .faq-list summary .faq-toggle { display:grid; place-items:center; width:28px; height:28px; color:#dfbf82; font-size:21px; font-weight:400; line-height:1; border:1px solid #c5a16855; border-radius:50%; background:#b5924910; transition:transform .28s,background .28s; }
#duvidas .faq-list details[open] { border-color:#d6b17090; box-shadow:inset 0 1px 0 #e6c48920,0 9px 24px #0003; }
#duvidas .faq-list details[open] .faq-toggle { transform:rotate(45deg); background:#b5924925; }
#duvidas .faq-answer { padding:0 23px 22px 62px; }
#duvidas .faq-list .faq-answer p { margin:0; padding:16px 0 0; border-top:1px solid #ba96542e; font-size:13px; line-height:1.9; color:#c7b9a1; }
#duvidas details[open] .faq-answer { animation:faq-ink-reveal .3s ease-out both; }
@keyframes faq-ink-reveal { from { opacity:0; transform:translateY(-5px); } to { opacity:1; transform:translateY(0); } }
.rpg-finale.closing { position:relative; isolation:isolate; overflow:hidden; padding:72px 0 66px; background:#19160f; border-block:1px solid #bb935541; }
.rpg-finale .closing-scenery { position:absolute; inset:0; z-index:-2; background:url('./assets/world.jpg') center 54%/cover; filter:sepia(.6) saturate(.6); opacity:.19; }
.rpg-finale::before { content:''; position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse at 50% 45%,#2a211644,transparent 72%),linear-gradient(0deg,#19160fe8,transparent 40%,#19160fcc); }
.rpg-finale .closing-invitation {
  position:relative; isolation:isolate; width:min(960px,100%); margin-inline:auto; padding:48px 45px 31px;
  border:1px solid #d6b576; border-radius:4px 24px 4px 24px;
  background:radial-gradient(ellipse at 50% 20%,#fff6d26b,transparent 63%),url('./assets/parchment-grain.svg'),linear-gradient(115deg,#caac77,#e8d3a0 33%,#e6ce99 64%,#c7a570);
  color:#3c2b18; box-shadow:inset 0 0 46px #80541d36,inset 0 0 0 5px #7044170d,0 23px 60px #0007;
}
.rpg-finale .closing-invitation::before {
  content:''; position:absolute; inset:11px; z-index:-1; pointer-events:none;
  border:1px solid #8d652d59; border-radius:2px 16px 2px 16px;
  background:linear-gradient(#8d652d80,#8d652d80) left top/22px 1px no-repeat,linear-gradient(#8d652d80,#8d652d80) left top/1px 22px no-repeat,linear-gradient(#8d652d80,#8d652d80) right bottom/22px 1px no-repeat,linear-gradient(#8d652d80,#8d652d80) right bottom/1px 22px no-repeat;
}
.rpg-finale .closing-rule { display:flex; align-items:center; justify-content:center; gap:14px; color:#8a612e; margin:0 auto 18px; }
.rpg-finale .closing-rule::before,.rpg-finale .closing-rule::after { content:''; width:54px; height:1px; background:linear-gradient(90deg,transparent,#91683096); }
.rpg-finale .closing-rule::after { transform:rotate(180deg); }
.rpg-finale .closing-rule span { font-size:19px; line-height:1; }
.rpg-finale .eyebrow { color:#785327; font-size:10px; font-weight:800; letter-spacing:.18em; margin-bottom:20px; }
.rpg-finale h2 { color:#3c2b18; font:500 clamp(35px,4.1vw,59px)/1.25 Cinzel,Georgia,serif; letter-spacing:-.035em; margin:0 0 15px; text-wrap:balance; }
.rpg-finale h2 em { color:#815421; background:none; -webkit-text-fill-color:currentColor; background-clip:border-box; }
.rpg-finale .closing-message { color:#745835; font-size:14px; line-height:1.8; margin:0 0 26px; }
.rpg-finale .closing-actions { display:flex; align-items:center; justify-content:center; gap:26px; flex-wrap:wrap; }
.rpg-finale .button.gold {
  min-height:52px; padding:16px 23px; gap:20px; overflow:hidden;
  color:#f8e2b1; border:1px solid #6a4a24; border-radius:2px 8px 2px 8px;
  background:linear-gradient(135deg,#564024,#322617 75%);
  box-shadow:inset 0 0 0 3px #e7c88e17,0 5px 14px #5a3c242e;
  font-size:12px;
}
.rpg-finale .button.gold::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(110deg,transparent 30%,#fff0c516 48%,transparent 65%); transform:translateX(-150%); animation:finale-bronze-sheen 11s ease-in-out infinite; }
.rpg-finale .closing-portal { display:inline-flex; align-items:center; gap:12px; padding:13px 0; min-height:48px; color:#5c401f; border-bottom:1px solid #8b622a50; font-size:12px; font-weight:700; transition:color .25s,border-color .25s; }
.rpg-finale .closing-portal span { font-size:16px; }
.rpg-finale a:focus-visible { outline:2px solid #4f3516; outline-offset:5px; }
.rpg-finale .closing-signature { display:flex; align-items:center; justify-content:center; gap:12px; margin-top:33px; color:#8b683b; font:500 9px/1.6 Cinzel,Georgia,serif; letter-spacing:.23em; }
.rpg-finale .closing-signature span { height:1px; width:22px; background:#916b373d; }
body>.footer { min-height:105px; border-top:0; color:#a89980; }
body>.footer .footer-brand { color:#c6a46b; font:500 25px/1.5 Cinzel,Georgia,serif; letter-spacing:.025em; }
body>.footer .footer-brand span { font-size:8px; font-weight:500; }
body>.footer>a:last-child { color:#bda982; }
@keyframes finale-bronze-sheen { 0%,76% { transform:translateX(-150%); } 96%,100% { transform:translateX(150%); } }
@media (hover:hover) and (pointer:fine) {
  #duvidas .faq-list details:hover { border-color:#d6b17090; }
  .rpg-finale .button.gold:hover { background:linear-gradient(135deg,#634a29,#3e2d1a 75%); border-color:#9b763a; box-shadow:inset 0 0 0 3px #e7c88e25,0 7px 18px #5a3c2445; }
  .rpg-finale .closing-portal:hover { color:#322312; border-color:#5d3f1c; }
}
@media (max-width:900px) {
  #duvidas { grid-template-columns:1fr; gap:29px; }
  #duvidas .faq-intro { position:static; min-height:0; padding-left:0; }
  #duvidas .faq-journal { position:static; width:92px; height:92px; margin:0 auto 18px; }
  #duvidas h2 { font-size:34px; }
  #duvidas h2 br { display:none; }
  #duvidas .eyebrow { margin-bottom:12px; }
  .rpg-finale.closing { padding:56px 0; }
  .rpg-finale .closing-invitation { padding:37px 30px 28px; }
  .rpg-finale h2 { font-size:40px; }
}
@media (max-width:600px) {
  #duvidas { gap:25px; }
  #duvidas .faq-intro { min-height:0; padding-left:0; }
  #duvidas .faq-journal { width:70px; height:70px; margin-bottom:14px; }
  #duvidas .eyebrow { font-size:8px; letter-spacing:.12em; margin-bottom:10px; }
  #duvidas h2 { font-size:clamp(25px,6.7vw,32px); line-height:1.32; }
  #duvidas h2 br { display:block; }
  #duvidas .faq-list { gap:9px; }
  #duvidas .faq-list summary { grid-template-columns:18px minmax(0,1fr) 24px; gap:10px; padding:17px 15px; min-height:75px; }
  #duvidas .faq-list summary .faq-number { font-size:13px; }
  #duvidas .faq-list summary .faq-question { font-size:12px; line-height:1.75; }
  #duvidas .faq-list summary .faq-toggle { width:24px; height:24px; font-size:19px; }
  #duvidas .faq-answer { padding:0 18px 20px 43px; }
  #duvidas .faq-list .faq-answer p { font-size:12px; line-height:1.85; padding-top:13px; }
  .rpg-finale.closing { padding:38px 0; }
  .rpg-finale .closing-invitation { padding:31px 24px 25px; border-radius:3px 19px 3px 19px; }
  .rpg-finale .closing-invitation::before { inset:8px; border-radius:1px 12px 1px 12px; }
  .rpg-finale .closing-rule { margin-bottom:16px; }
  .rpg-finale .eyebrow { font-size:8px; line-height:1.9; margin-bottom:16px; letter-spacing:.12em; }
  .rpg-finale h2 { font-size:clamp(29px,8.2vw,38px); line-height:1.32; margin-bottom:15px; }
  .rpg-finale h2 em { display:block; }
  .rpg-finale .closing-message { font-size:12px; line-height:1.8; max-width:235px; margin:0 auto 23px; }
  .rpg-finale .closing-actions { flex-direction:column; gap:7px; }
  .rpg-finale .button.gold { font-size:11px; padding:15px 17px; gap:14px; max-width:100%; }
  .rpg-finale .closing-portal { font-size:11px; min-height:44px; padding:10px 0; }
  .rpg-finale .closing-signature { margin-top:23px; font-size:8px; gap:8px; }
  body>.footer { gap:21px; padding-block:27px; font-size:9px; }
}
@media (max-width:359px) {
  #duvidas .faq-intro { padding-left:0; }
  #duvidas .faq-journal { width:61px; height:61px; }
  #duvidas h2 { font-size:24px; }
  #duvidas .faq-list summary { padding-inline:12px; gap:8px; }
  #duvidas .faq-answer { padding-left:38px; padding-right:15px; }
  .rpg-finale .closing-invitation { padding-inline:20px; }
  .rpg-finale .button.gold { font-size:10px; padding-inline:13px; gap:10px; }
}
.is-paused #duvidas .faq-answer,.is-paused .rpg-finale .button.gold::after { animation:none!important; }
@media (prefers-reduced-motion:reduce) {
  html:not(.motion-enabled) #duvidas .faq-answer,html:not(.motion-enabled) .rpg-finale .button.gold::after { animation:none!important; }
}