/* Central de missões: pergaminho, tinta azul e molduras douradas. */
.mis-body .mis-page { --paper:#f5e7c7; --ink:#142d3e; --edge:#a77c32; position:relative; max-width:1360px; margin:26px auto 40px; padding:20px 30px 30px; color:#242824; font-family:Georgia,serif; background:#f0ddb3 url('../img/missoes/central-pergaminho.png') center/cover; border:5px ridge #b18c4b; box-shadow:0 10px 30px #22180966; }
.mis-page::before,.mis-page::after { content:''; position:absolute; top:-8px; bottom:-8px; width:17px; border:2px solid #63461e; border-radius:10px; background:linear-gradient(90deg,#50351e,#d5b76a 35%,#856035 65%,#3d2b1e); pointer-events:none; }
.mis-page::before { left:-13px; }.mis-page::after { right:-13px; }
.mis-body .mis-page-header { background:linear-gradient(110deg,#18374c,#0a2134); border:4px double #c5a254; border-radius:3px; padding:16px 24px; margin:0 0 16px; }
.mis-body .mis-titulo { font:700 32px Georgia,serif; text-transform:none; color:#efdb9e; letter-spacing:0; text-shadow:0 2px #000; }
.mis-body .mis-subtitulo { font:italic 13px Georgia,serif; color:#e2ce9c; }
.mis-layout { display:grid; grid-template-columns:96px minmax(0,1.55fr) minmax(290px,1fr); gap:15px; align-items:start; }
.mis-body .mis-filtros { display:flex; flex-direction:column; gap:7px; margin:0; padding:10px 7px; background:#132d3d; border:3px double #ba9349; border-radius:3px; }
.mis-filtros::before { content:'Filtrar por rank'; text-align:center; font-size:12px; color:#f8e5ba; margin-bottom:4px; }
.mis-body .mis-filtro-btn { width:100%; min-width:0; min-height:38px; padding:7px 2px; font:700 13px Georgia,serif; color:#203347; background:linear-gradient(#fff5de,#e5d0a2); border:2px solid #aa863e; border-radius:4px; box-shadow:none; }
.mis-body .mis-filtro-btn.active { color:#ffe6a0; background:#173e55; border-color:#edc365; }
.mis-panel-title { margin:0 0 8px; padding:9px 12px; font:700 15px Georgia,serif; color:#f2dba6; background:linear-gradient(100deg,#183c50,#0b2335); border:3px double #b99652; border-radius:3px; }
.mis-list-panel,.mis-detail-panel { min-width:0; }
#missoesList { display:flex; flex-direction:column; gap:10px; max-height:620px; overflow-y:auto; padding:2px 6px 3px 2px; scrollbar-color:#98722e #eddbb5; }
.mis-row { position:relative; min-height:133px; background:#fff4dcbd; border:3px double #b3985a; border-radius:3px; box-shadow:0 2px 3px #4c391733; }
.mis-row.is-selected { border-color:#9b7118; box-shadow:0 0 0 2px #dab454; background:#fff5dfe8; }
.mis-row.is-locked { opacity:.8; }
.mis-row::before { content:''; position:absolute; z-index:1; left:-3px; top:1px; bottom:1px; width:7px; pointer-events:none; border:1px solid #69491e; border-radius:4px; background:linear-gradient(90deg,#53341d,#d7b568,#765027); }
.mis-select { width:100%; display:grid; grid-template-columns:36% minmax(0,1fr) 47px; gap:10px; text-align:left; padding:0; border:0; background:none; color:#243140; cursor:pointer; font-family:Georgia,serif; }
.mis-select>img { width:100%; height:127px; object-fit:cover; border-right:3px ridge #b29044; }
.mis-row-copy { display:flex; flex-direction:column; gap:6px; padding:8px 0 33px; }
.mis-row-copy strong { font-size:15px; }.mis-row-copy>span { font-size:11px; line-height:1.35; }.mis-row-copy small { font-size:10px; color:#17384e; font-weight:bold; }
.mis-stamp { align-self:start; margin:9px 4px 0 0; width:42px; height:42px; border:3px double var(--rank-color); color:var(--rank-color); border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; font:bold 23px Georgia,serif; transform:rotate(8deg); background:#f6e9cb; line-height:1; }
.mis-stamp small { font:bold 7px Georgia,serif; }
.mis-start { border:3px double #c0a052; border-radius:4px; color:#ffe6af; background:linear-gradient(#1b435a,#0d283b); font:700 14px Georgia,serif; padding:10px 16px; cursor:pointer; }
.mis-start:hover:not(:disabled) { background:#244e67; }.mis-start:disabled { opacity:.65; cursor:not-allowed; }
.mis-row-start { position:absolute; right:6px; bottom:5px; padding:4px 10px; font-size:11px; min-width:78px; }
.mis-detail-panel { padding:0 10px 12px; border:3px double #b0904f; background:#fff0cb99; }
.mis-detail-panel>.mis-panel-title { margin:0 -10px 10px; border-top:0; border-left:0; border-right:0; }
.mis-detail-art { position:relative; }.mis-detail-art img { display:block; width:100%; height:220px; object-fit:cover; border:1px solid #ac904e; }
.mis-detail-art .mis-stamp { position:absolute; top:0; right:4px; width:52px; height:52px; font-size:27px; }
#misDetalhes h3 { font:bold 22px Georgia,serif; margin:12px 0 6px; color:#1c292c; }
#misDetalhes p { font:13px/1.55 Georgia,serif; margin:5px 0 12px; }
#misDetalhes h4 { font:13px Georgia,serif; color:#f5dfad; padding:5px 9px; background:#16374a; margin:12px 0 7px; border-radius:3px; }
#misDetalhes ul { padding-left:20px; font:12px/1.7 Georgia,serif; margin:5px 0; }
.mis-prizes { display:flex; justify-content:space-around; gap:6px; padding:8px 0 14px; font-size:11px; color:#20394b; }
.mis-prizes span { text-align:center; }.mis-prizes b { display:block; font-size:19px; }.mis-prizes small { display:block; }
#misDetalhes>.mis-start { width:100%; }#misDetalhes .mis-footnote { text-align:center; font:italic 11px/1.4 Georgia,serif; margin:12px 0 0; }
.mis-page button:focus-visible { outline:3px solid #448cc2; outline-offset:2px; }
.mis-page #misMsg { position:relative; z-index:2; }
@media(max-width:1000px) { .mis-body .mis-page { margin:20px 18px; padding:16px; }.mis-layout { grid-template-columns:75px minmax(0,1fr) 280px; gap:10px; }.mis-select { grid-template-columns:30% minmax(0,1fr); }.mis-select>.mis-stamp { display:none; }.mis-row-copy strong { font-size:13px; }.mis-detail-art img { height:180px; } }
@media(max-width:760px) { .mis-body .mis-page { padding:12px; }.mis-layout { grid-template-columns:1fr; }.mis-body .mis-filtros { flex-direction:row; flex-wrap:wrap; }.mis-filtros::before { width:100%; }.mis-body .mis-filtro-btn { width:auto; flex:1 0 15%; }.mis-body .mis-titulo { font-size:25px; }.mis-body .mis-page-header { padding:12px; }#missoesList { max-height:370px; }.mis-select { grid-template-columns:32% minmax(0,1fr) 44px; }.mis-select>.mis-stamp { display:flex; }.mis-detail-art img { height:210px; } }
/* 11/10 — o card usava a MESMA arte do fundo da página (central-pergaminho.png),
   e a imagem aparecia repetida. Agora é o pergaminho dos Jutsus: papel
   card-jutsus-2026.png esticado no card + varas de madeira com ponteiras. */
.mis-body .mis-page { box-sizing:border-box; width:calc(100% - 40px); padding:38px 46px 46px; background:#f4e6c6 url('../img/jutsus/card-jutsus-2026.png') center/100% 100% no-repeat; border:3px double #96702d; box-shadow:0 10px 28px #281c1266; }
.mis-body .mis-page::before,.mis-body .mis-page::after { top:-15px; bottom:-15px; width:22px; border:2px solid #47351d; border-radius:9px; background:linear-gradient(to bottom,#171b1c 0 10px,#b58c42 10px 14px,#30312b 14px 22px,transparent 22px calc(100% - 22px),#30312b calc(100% - 22px) calc(100% - 14px),#b58c42 calc(100% - 14px) calc(100% - 10px),#171b1c calc(100% - 10px)),linear-gradient(90deg,#775126,#e0bd72 38%,#ac803c 72%,#59401e); }
.mis-body .mis-page::before { left:-13px; }.mis-body .mis-page::after { right:-13px; }
@media(max-width:1000px) { .mis-body .mis-page { padding:30px 30px 36px; } }
@media(max-width:760px) { .mis-body .mis-page { margin-left:14px; margin-right:14px; width:calc(100% - 28px); padding:22px 16px 26px; }.mis-body .mis-page::before,.mis-body .mis-page::after { width:14px; }.mis-body .mis-page::before { left:-9px; }.mis-body .mis-page::after { right:-9px; } }