/* ============================================================================
   NARRADA EM TEMPO REAL — folha da tela (E6-T, spec-narrada-tempo-real).
   Dono: E6-T. Carregada no index.html logo ANTES do mobile.css.

   Porte FIEL dos blocos "CSS DA PROPOSTA" dos dois mocks aprovados:
     1) techterra-online-backend/docs/mock-narrada-tempo-real.html  (arena + Mesa do narrador)
     2) techterra-online-backend/docs/mock-narrada-montagem.html    (montagem da mesa, prefixo nrt-mt-)
   No fim, o que a tela real precisa e o mock não tinha (camada dos modais, "+ monstro",
   campo montado na hora, aviso discreto, "Quem sai?" dentro da coluna de ações).
   Nada aqui toca mobile.css: as regras de celular vêm com html[data-viewport="mobile"].
   ============================================================================ */

/* ============ 1) ARENA + MESA (mock-narrada-tempo-real.html, CSS DA PROPOSTA) ============ */
/* --- 1. Selo "📜 Narrada" no cabeçalho (cor do mestre: o roxo da narrada antiga / do ensaio) --- */
.raid-tela .raid-selo-raid.nrt-selo{background:rgba(120,62,180,.30);border-color:rgba(190,140,255,.65);color:#e6d2ff}

/* --- 3. Relógio editável (só narrador): colado ao relógio da faixa --- */
.pvp-faixa .nrt-rel{flex:none;display:flex;align-items:stretch;gap:6px;position:relative}
.pvp-faixa .nrt-rel-ctl{display:grid;grid-template-columns:repeat(6,auto);gap:3px;align-content:center}
.pvp-faixa .nrt-rel-ctl .raid-util{grid-column:span 2;padding:3px 8px;font-size:.64rem;line-height:1.2}
.pvp-faixa .nrt-rel-ctl .nrt-prox,.pvp-faixa .nrt-rel-ctl .nrt-agora{grid-column:span 3}
.pvp-faixa .nrt-rel-ctl .nrt-pausa.is-on{border-color:#c9a0ff;color:#f0e2ff;background:rgba(120,62,180,.35)}
.pvp-faixa .nrt-prox-menu{position:absolute;left:62px;top:100%;z-index:20;margin-top:4px;display:flex;flex-wrap:wrap;gap:4px;align-items:center;width:230px;padding:8px;border-radius:9px;
  background:linear-gradient(180deg,rgba(14,10,6,.98),rgba(8,5,3,.98));border:1px solid rgba(201,168,76,.45);box-shadow:0 10px 30px rgba(0,0,0,.6)}
.pvp-faixa .nrt-prox-menu .raid-util{padding:4px 9px}
.pvp-faixa .nrt-prox-menu .raid-util.on{border-color:#e8d38a;background:rgba(201,168,76,.25);color:#fff2c4}
.pvp-faixa .nrt-prox-menu small{flex-basis:100%;font:italic .66rem 'Lora',serif;color:rgba(232,216,184,.7)}
/* narrador: relógio + controles + chips na 1ª linha; estado e botões na 2ª (não cabe numa linha só nem no PC) */
.pvp-faixa.nrt-faixa-nar{row-gap:6px}
.pvp-faixa.nrt-faixa-nar .pvp-faixa-fim{flex-basis:100%}
/* --- 4. Relógio do jogador: pausado / +15 s --- */
.pvp-faixa-rel.nrt-pausado{border-color:rgba(190,140,255,.7);background:rgba(60,30,90,.45)}
.pvp-faixa-rel.nrt-pausado b{color:#e6d2ff}
.pvp-faixa .nrt-mais{position:absolute;left:50%;top:-8px;transform:translateX(-50%);z-index:3;padding:0 7px;border-radius:999px;white-space:nowrap;
  font:700 .62rem/1.5 'Cinzel',serif;color:#1a1208;background:linear-gradient(180deg,#b6e6cd,#5fbf8a);animation:nrt-mais 2.4s ease-out both}
@keyframes nrt-mais{0%{opacity:0;transform:translate(-50%,6px)}15%{opacity:1;transform:translate(-50%,0)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-6px)}}
.pvp-estado.nrt-estado-mestre{color:#e6d2ff;font-style:normal}
/* --- 5. Chips: pedido de troca aguardando / jogada sugerida pela IA / jogar pelo jogador --- */
.pvp-jog.nrt-jog-pede{border-style:solid;border-color:rgba(190,140,255,.7);background:rgba(120,62,180,.14)}
.pvp-jog.nrt-jog-pede .pvp-jog-txt i{color:#e6d2ff;font-style:normal}
.pvp-jog.nrt-jog-ia{border-style:dashed;border-color:rgba(190,140,255,.75)}
.pvp-jog.nrt-jog-por{border-color:rgba(120,180,255,.6)}
/* --- 6. IA sugere --- */
.pvp-faixa .raid-util.nrt-ia{border-color:rgba(190,140,255,.65);color:#e6d2ff}

/* --- palcos: selos da narrada (🎭 ajuste, 📦 Armazém, ⇄ pede troca, entra) --- */
.raid-tela .nrt-selos{position:absolute;left:4px;top:4px;z-index:6;display:flex;flex-direction:column;align-items:flex-start;gap:3px;pointer-events:auto}
.raid-tela .nrt-selo-aj{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;cursor:help;font-size:.82rem;line-height:1;
  background:rgba(40,16,60,.9);border:1px solid rgba(190,140,255,.85);box-shadow:0 0 10px rgba(160,100,255,.45)}
.raid-tela .nrt-selo-arm{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:999px;white-space:nowrap;pointer-events:none;
  font:700 .54rem/1.5 'Cinzel',serif;letter-spacing:.06em;color:#ffe2b0;background:rgba(70,45,10,.88);border:1px solid rgba(232,190,110,.75)}
.raid-tela .nrt-pede{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);z-index:6;white-space:nowrap;pointer-events:auto;cursor:pointer;
  padding:2px 9px;border-radius:999px;font:700 .56rem/1.5 'Cinzel',serif;letter-spacing:.06em;color:#f0e2ff;
  background:rgba(60,26,90,.92);border:1px solid rgba(190,140,255,.85);box-shadow:0 0 12px rgba(160,100,255,.5);animation:nrt-pulsa 1.6s ease-in-out infinite}
@keyframes nrt-pulsa{50%{box-shadow:0 0 18px rgba(190,140,255,.85)}}
.raid-tela .raid-boss-arte .pvb-entra-tag,.raid-tela .nrt-entra{position:absolute;right:4px;top:4px;z-index:6}
.raid-tela .vgc-ficha .nrt-em-arm{color:#ffe2b0;font-style:normal}
/* --- 17. Mira do AJUSTE (Mesa › Ajustes aberta): anel roxo pontilhado + selo --- */
.raid-tela .raid-boss-palco.nrt-mira-aj > .raid-boss-arte{outline:2px dashed rgba(190,140,255,.95);outline-offset:-2px;border-radius:10px;background:rgba(120,62,180,.12)}
.raid-tela .nrt-mira-selo{position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:5;pointer-events:none;white-space:nowrap;padding:2px 10px;border-radius:20px;
  background:rgba(40,16,60,.92);border:1px solid #c9a0ff;color:#f0e2ff;font:.5rem 'Cinzel',serif;letter-spacing:.16em;text-transform:uppercase}
.raid-tela.nrt-aj-on .raid-boss-palco,.raid-tela.nrt-aj-on #raid-card-eu{cursor:crosshair}

/* --- 13. Aba "📜 Mesa" na pilha lateral (molde .arena-acoes > .raid-util, contador = .pvb-trocar-n) --- */
.raid-tela .raid-util.nrt-mesa-btn{border-color:rgba(190,140,255,.6);color:#e6d2ff}
html:not([data-viewport="mobile"]) .raid-tela .arena-acoes > .raid-util.nrt-mesa-btn{border-color:rgba(190,140,255,.6);color:#e6d2ff;background:rgba(40,16,60,.82)}
.raid-tela .raid-util.nrt-mesa-btn .pvb-trocar-n{background:#c9a0ff}
.raid-tela .raid-util.nrt-mesa-btn.tem-pedido .pvb-trocar-n{animation:nrt-pulsa 1.6s ease-in-out infinite}

/* --- 14-19. A MESA: gaveta da direita no molde do .raid-drawer (registro) --- */
.raid-tela .raid-drawer.nrt-mesa{width:min(340px,86%);padding:0;gap:0;overflow:hidden;display:flex;flex-direction:column;border-left-color:rgba(190,140,255,.5)}
.raid-tela.nrt-mesa-on .raid-drawer.nrt-mesa{transform:none}
html:not([data-viewport="mobile"]) .raid-tela.nrt-mesa-on .raid-utils.arena-acoes{z-index:6}
.raid-tela.nrt-mesa-on .raid-drawer-btn{display:none}
.nrt-mesa-cab{flex:none;display:flex;align-items:center;gap:8px;padding:10px 12px 8px;border-bottom:1px solid rgba(201,168,76,.22)}
.nrt-mesa-cab b{font:700 .8rem 'Cinzel',serif;color:#f3da9c;letter-spacing:.04em}
.nrt-mesa-cab small{display:block;font:italic .66rem 'Lora',serif;color:rgba(232,216,184,.7)}
.nrt-mesa-cab .raid-util{margin-left:auto}
.nrt-mesa .tt-seg-switch,.nrt-folha .tt-seg-switch{display:flex;margin:8px 12px 0}
.nrt-abas .tt-seg-btn{font-family:'Cinzel',serif;font-size:.7rem;letter-spacing:.04em}
.nrt-abas .tt-seg-btn .pvb-trocar-n{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;font-size:.62rem;color:#1a1208;background:#c9a0ff}
.nrt-mesa-c{flex:1 1 auto;min-height:0;overflow-y:auto;padding:10px 12px 14px;font-family:'Lora',serif;color:#e9dfc8;font-size:.76rem}
.nrt-vazio{padding:14px 6px;text-align:center;font:italic .74rem 'Lora',serif;color:rgba(232,216,184,.6)}
/* Pedidos */
.nrt-ped{padding:9px 10px;margin:0 0 8px;border-radius:9px;border:1px solid rgba(190,140,255,.45);background:rgba(40,16,60,.25)}
.nrt-ped.is-ok{border-color:rgba(110,220,150,.55);background:rgba(30,70,45,.25)}
.nrt-ped-l1{display:flex;align-items:center;gap:7px;font-size:.7rem;color:rgba(232,216,184,.8)}
.nrt-ped-l1 img{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1px solid rgba(201,168,76,.5)}
.nrt-ped-l1 b{font:700 .72rem 'Cinzel',serif;color:#f3da9c}
.nrt-ped-l1 small{margin-left:auto;color:rgba(232,216,184,.55)}
.nrt-ped-troca{display:flex;align-items:center;gap:6px;margin:7px 0 5px;flex-wrap:wrap}
.nrt-ped-troca .vgc-mini{width:34px;height:34px;flex:none}
.nrt-ped-troca .vgc-mini img{width:100%;height:100%;object-fit:contain}
.nrt-ped-troca b{font:700 .74rem 'Cinzel',serif;color:#f6ead0}
.nrt-ped-troca i{font-style:normal;color:#c9a0ff;font-size:.9rem}
.nrt-fonte{padding:1px 7px;border-radius:999px;font:700 .58rem/1.5 'Cinzel',serif;letter-spacing:.04em;white-space:nowrap;border:1px solid rgba(201,168,76,.45);color:#f3da9c;background:rgba(0,0,0,.35)}
.nrt-fonte.arm{border-color:rgba(232,190,110,.75);color:#ffe2b0;background:rgba(70,45,10,.6)}
.nrt-ped-hp{margin:4px 0}
.nrt-ped-hp small{display:block;font-size:.64rem;color:rgba(232,216,184,.7);margin-bottom:2px}
.nrt-ped-hp .mestrar-bn-bar{height:16px}
.nrt-ped-ce{font-size:.68rem;color:#b6e6cd}
.nrt-ped-ce b{color:#9be3a6}
.nrt-ped-nota{font:italic .66rem 'Lora',serif;color:rgba(232,216,184,.65);margin-top:2px}
.nrt-ped-btns{display:flex;gap:6px;margin-top:7px}
.nrt-ped-btns .raid-util{flex:1 1 0}
.raid-util.nrt-sim{border-color:rgba(110,220,150,.7);color:#c6f5d6;background:rgba(30,80,50,.45)}
.nrt-ped-res{margin-top:6px;font:700 .68rem 'Cinzel',serif;color:#9be3a6}
.nrt-sec{margin-top:12px;padding-top:9px;border-top:1px solid rgba(201,168,76,.22);display:flex;flex-direction:column;gap:6px}
.nrt-sec .vgc-cap{margin:0}
.nrt-sec .raid-util{text-align:left}
.raid-util.nrt-on{border-color:#c9a0ff;background:rgba(120,62,180,.35);color:#f0e2ff}
.nrt-nota{margin:0;font:italic .66rem 'Lora',serif;color:rgba(232,216,184,.6)}
.nrt-forcar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:7px;border-radius:8px;border:1px dashed rgba(201,168,76,.35)}
/* Ajustes */
.nrt-sel{min-width:0;max-width:100%;padding:4px 6px;border-radius:6px;border:1px solid rgba(201,168,76,.4);background:rgba(0,0,0,.45);color:#f0e6d2;font:.72rem 'Lora',serif}
.nrt-aj .tt-seg-switch{margin:0;flex-wrap:wrap}
.nrt-aj .tt-seg-btn{padding:5px 7px;font-size:.7rem;flex:1 1 45%}
.nrt-aj-alvos{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:8px 0 2px}
.nrt-aj-alvos .nrt-lado{flex-basis:100%;font:600 .58rem 'Cinzel',serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(232,216,184,.6);margin-top:2px}
.nrt-alvo-b{position:relative;width:38px;height:38px;padding:0;border-radius:8px;overflow:visible;cursor:pointer;background:rgba(0,0,0,.45);border:1px solid rgba(201,168,76,.3)}
.nrt-alvo-b img,.nrt-alvo-b .shiny-wrapper{width:100%;height:100%;object-fit:contain;border-radius:8px}
.nrt-alvo-b .mon-fx-frame{display:none}
.nrt-alvo-b.on{border:2px dashed #c9a0ff;background:rgba(120,62,180,.25)}
.nrt-alvo-b .nrt-mini-aj{position:absolute;right:-5px;top:-5px;font-size:.62rem;line-height:1}
.nrt-dica{margin:3px 0 8px;font:italic .66rem 'Lora',serif;color:rgba(232,216,184,.6)}
.nrt-alvo-nome{margin:0 0 6px;font:700 .76rem 'Cinzel',serif;color:#f3da9c}
.nrt-alvo-nome small{font:italic .66rem 'Lora',serif;color:rgba(232,216,184,.65);margin-left:4px}
.nrt-lin{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 0;border-top:1px solid rgba(201,168,76,.14)}
.nrt-rot{flex:0 0 64px;font:700 .68rem 'Cinzel',serif;color:#f3da9c;letter-spacing:.03em}
.nrt-lin > small{flex-basis:100%;padding-left:70px;font:italic .62rem 'Lora',serif;color:rgba(232,216,184,.55)}
.nrt-lin .raid-util{padding:4px 8px;font-size:.66rem}
.nrt-lin .tt-seg-switch{flex:1 1 auto}
.nrt-stp{height:30px}
.nrt-stp .dinheiro-input{width:52px}
.nrt-d2{padding:0 6px;border-radius:4px;font:700 .56rem/1.6 system-ui,sans-serif;color:#ffc98a;background:#4a2a10;letter-spacing:.02em}
.nrt-chips{display:flex;flex-wrap:wrap;gap:4px;flex-basis:100%;padding-left:70px}
.nrt-chip{padding:1px 7px;border-radius:999px;font-size:.64rem;border:1px solid rgba(201,168,76,.35);background:rgba(0,0,0,.35);color:#f0e6d2}
.nrt-chip.mau{border-color:rgba(231,96,76,.6);color:#ffc4b8}
.nrt-previa{margin:8px 0 6px;padding:8px 9px;border-radius:8px;border:1px solid rgba(190,140,255,.4);background:rgba(40,16,60,.3)}
.nrt-previa-t{margin:0 0 5px;font:700 .64rem 'Cinzel',serif;letter-spacing:.1em;text-transform:uppercase;color:#e6d2ff}
.nrt-previa-t small{font:italic .62rem 'Lora',serif;letter-spacing:0;text-transform:none;color:rgba(232,216,184,.6)}
.nrt-pv{display:grid;grid-template-columns:1fr auto auto auto;gap:2px 6px;align-items:center;font-size:.7rem}
.nrt-pv span{color:rgba(232,216,184,.75)}
.nrt-pv em{font-style:normal;color:rgba(232,216,184,.85);text-align:right;font-variant-numeric:tabular-nums}
.nrt-pv i{font-style:normal;color:rgba(232,216,184,.5)}
.nrt-pv b{text-align:right;font-variant-numeric:tabular-nums;color:#f6ead0}
.nrt-pv b.sobe{color:#9be3a6} .nrt-pv b.desce{color:#ffb9ae}
.nrt-pv-mon{display:flex;align-items:center;gap:5px;min-width:0}
.nrt-pv-mon img{width:18px;height:18px;object-fit:contain}
.nrt-previa-nota{margin:5px 0 0;font:italic .62rem 'Lora',serif;color:rgba(232,216,184,.6)}
.nrt-aj-btns{display:flex;gap:6px;margin:4px 0 6px}
.nrt-aj-btns .raid-util{flex:1 1 0}
/* Registro (o .raid-log de sempre, com as marcas da narrada) */
.nrt-reg .raid-log{border:none;background:none;padding:0}
.nrt-reg .raid-log h4{display:flex;align-items:center;gap:6px;margin:0 0 6px}
.raid-log li.nrt-l-mestre{color:#e6d2ff}
.raid-log li.nrt-l-arm{color:#ffe2b0}

/* --- 21-24. "Acertou?" na faixa da ação em destaque (.mestrar-bn-golpe-faixa.raid-acao-faixa) --- */
.mestrar-bn-golpe-faixa.raid-acao-faixa.nrt-pergunta{pointer-events:auto;flex-wrap:wrap;justify-content:center;row-gap:6px;padding-bottom:8px;
  border-color:rgba(190,140,255,.85);box-shadow:0 0 30px -6px rgba(160,100,255,.8)}
.nrt-acertou{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}
.nrt-acertou .raid-util{padding:5px 12px;font-size:.72rem}
.nrt-acertou .raid-util.nrt-sim{min-width:96px}
.nrt-acertou .raid-util.nrt-nao{border-color:rgba(231,96,76,.7);color:#ffc4b8;background:rgba(80,16,10,.5);min-width:86px}
.nrt-acertou .raid-util.nrt-sis{min-width:120px}
.nrt-acertou .nrt-cd{font:600 .64rem 'Lora',serif;color:rgba(232,216,184,.75);white-space:nowrap}
.nrt-acertou .nrt-cd b{color:#ffd28a}
.nrt-acertou .nrt-resto{flex-basis:100%;text-align:center;background:none;border:0;padding:0;cursor:pointer;font:italic .66rem 'Lora',serif;color:#c9a0ff;text-decoration:underline}
.nrt-decidindo{flex-basis:100%;text-align:center;font:italic .7rem 'Lora',serif;color:#e6d2ff}
.nrt-decidindo b{font-style:normal;color:#ffd28a}
.mestrar-bn-golpe-faixa-selo.nrt-selo-mestre{color:#e6d2ff}
.raid-tela .nrt-sis-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;white-space:nowrap;font:600 .62rem/1.5 'Cinzel',serif;color:#e8d8b8;background:rgba(0,0,0,.45);border:1px solid rgba(201,168,76,.45)}

/* --- 73-84. HABILIDADE NARRATIVA (proposta A do mock-batalha-tempo-real): a faixa para SEM prazo --- */
.mestrar-bn-golpe-faixa.raid-acao-faixa.nrt-pergunta:has(.nrt-nh){max-width:min(640px,94%);border-color:rgba(190,140,255,.9);
  box-shadow:0 0 34px -6px rgba(160,100,255,.85);background:linear-gradient(180deg,rgba(40,16,62,.94),rgba(22,10,34,.94))}
.nrt-nh{display:contents}
.raid-tela .nrt-sis-chip.nrt-nh-chip{color:#e6d2ff;border-color:rgba(190,140,255,.75);background:rgba(60,24,96,.6)}
.mestrar-bn-golpe-faixa-selo.nrt-nh-selo{color:#f0e2ff;border-color:rgba(190,140,255,.8);background:rgba(120,62,180,.45)}
.nrt-nh-corpo{flex-basis:100%;display:flex;flex-direction:column;gap:5px;text-align:left;font:.72rem/1.45 'Lora',serif;color:#e9dfc8}
.nrt-nh-linha b,.nrt-nh-txt b{font:700 .6rem 'Cinzel',serif;letter-spacing:.08em;text-transform:uppercase;color:#c9a0ff;margin-right:4px}
.nrt-nh-linha.pura{color:#ffd9a0}
.nrt-nh-txt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.nrt-nh-txt.aberto{display:block;max-height:min(30vh,200px);overflow-y:auto;padding-right:4px}
.nrt-nh-ler{align-self:flex-start;background:none;border:0;padding:0;cursor:pointer;font:italic .66rem 'Lora',serif;color:#c9a0ff;text-decoration:underline}
.nrt-acertou.nrt-nh-btns .raid-util.nrt-nh-aj{border-color:rgba(190,140,255,.7);color:#e6d2ff;background:rgba(60,24,96,.5)}
.nrt-nh-pausa{flex-basis:100%;text-align:center;font:600 .64rem 'Lora',serif;color:#e6d2ff}
.nrt-nh-pre{flex-basis:100%;text-align:center;font:.7rem 'Lora',serif;color:#f0e2ff}
html[data-viewport="mobile"] .nrt-acertou.nrt-nh-btns .raid-util{flex:1 1 45%;min-width:0;padding:5px 4px}
html[data-pointer="coarse"] .nrt-acertou.nrt-nh-btns .raid-util{min-height:44px}

/* --- 31. Celular do narrador: a Mesa vira FOLHA de baixo (casca .jor-m-folha) --- */
.nrt-folha .jor-m-folha-c{padding:6px 12px 14px}
.nrt-folha .nrt-mesa-cab{padding:2px 50px 8px 2px}
.nrt-folha .tt-seg-switch{margin:0 0 8px}
.nrt-folha .nrt-mesa-c{padding:0;overflow:visible}

/* =============== R30 (rodada 2): monstro = CARD ÚNICO do Armazém (monstro_card.js/.css) =============== */
/* grade que se mede pela largura (o card escala sozinho por container query) */
.nrt-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;margin:0}
.nrt-cards .bestiary-card{margin:0;min-width:0}
.nrt-cards--rola{max-height:min(46vh,330px);overflow-y:auto;padding-right:2px}
.nrt-card[data-aj-alvo],.nrt-card[data-qs-sai],.nrt-card[data-enc-part],.nrt-card[data-enc-cap]{cursor:pointer}
/* 15. Pedido = par SAI ⇄ ENTRA com dois cards grandes lado a lado */
.nrt-par{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:4px;margin:8px 0 6px}
.nrt-par-lado{display:flex;flex-direction:column;gap:4px;min-width:0}
.nrt-par-lado .bestiary-card{margin:0}
.nrt-par-rot{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font:800 .66rem/1.2 'Cinzel',serif;letter-spacing:.14em}
.nrt-par-rot.sai{color:#ffb9ae} .nrt-par-rot.entra{color:#9be3a6}
.nrt-par-rot .nrt-fonte{letter-spacing:.02em}
.nrt-par-seta{display:grid;place-items:center;font-size:1.2rem;color:#c9a0ff;text-shadow:0 0 10px rgba(160,100,255,.6)}
.nrt-ped-btns .raid-util{min-height:40px;font-size:.8rem;letter-spacing:.04em}
/* 36. "⇄ Pedir troca" / "Trocar à força": passo 1 "Quem sai?" no lugar da grade de ações */
.nrt-qs{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:10px;border:1px solid rgba(190,140,255,.55);background:rgba(30,12,48,.55);min-width:0}
.nrt-qs-cab{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nrt-qs-cab b{font:700 .82rem 'Cinzel',serif;color:#f0e2ff;letter-spacing:.03em}
.nrt-qs-cab small{flex:1 1 200px;font:italic .7rem 'Lora',serif;color:rgba(232,216,184,.7)}
.nrt-qs-passos{display:flex;gap:4px}
.nrt-qs-passos i{font-style:normal;padding:1px 8px;border-radius:999px;font:700 .6rem/1.6 'Cinzel',serif;border:1px solid rgba(190,140,255,.5);color:rgba(230,210,255,.6)}
.nrt-qs-passos i.on{background:#c9a0ff;color:#1a0f24;border-color:#c9a0ff}
.nrt-qs .nrt-cards{grid-template-columns:repeat(3,minmax(0,150px))}
.nrt-qs-sai{display:grid;grid-template-columns:minmax(0,150px) 1fr;gap:10px;align-items:center}
.nrt-qs-sai p{margin:0;font:.76rem/1.5 'Lora',serif;color:#e9dfc8}
.nrt-qs-sai p b{color:#ffb9ae}
html[data-viewport="mobile"] .nrt-qs .nrt-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-viewport="mobile"] .nrt-qs-sai{grid-template-columns:110px 1fr}
html[data-viewport="mobile"] .raid-tela.raid-m .vgc-acoes .nrt-qs{flex:1 1 100%}
/* 39. Mira dos Ajustes em grade com seleção múltipla */
.nrt-mira{display:flex;flex-direction:column;gap:6px;margin:0 0 6px}
.nrt-mira-cab{display:flex;align-items:center;gap:6px}
.nrt-mira-cab b{font:700 .7rem 'Cinzel',serif;color:#e6d2ff;letter-spacing:.06em}
.nrt-mira-cab span{margin-left:auto;font:.66rem 'Lora',serif;color:rgba(232,216,184,.7)}
.nrt-mira-atalhos{display:flex;flex-wrap:wrap;gap:4px}
.nrt-mira-atalhos .raid-util{padding:3px 8px;font-size:.62rem}
.nrt-mira-sec{display:flex;align-items:center;gap:6px;margin-top:4px;font:600 .58rem 'Cinzel',serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(232,216,184,.65)}
.nrt-mira-sec em{font-style:normal;letter-spacing:.02em;color:#f3da9c}
.nrt-mira-sec .raid-util{margin-left:auto;padding:3px 8px;font-size:.62rem;letter-spacing:.04em;text-transform:none;border-color:rgba(190,140,255,.6);color:#e6d2ff}
.nrt-aj .nrt-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
/* 38. Encerrar: participantes e captura em card único com seleção */
.char-modal.nrt-enc{width:min(780px,96vw);max-width:none;max-height:90vh;display:flex;flex-direction:column}
.nrt-enc-c{overflow-y:auto;padding:2px 4px 6px;font:.8rem/1.5 'Lora',serif;color:#e9dfc8}
.nrt-enc-sec{margin:0 0 12px}
.nrt-enc-sec h4{display:flex;align-items:center;gap:8px;margin:0 0 6px;font:700 .74rem 'Cinzel',serif;letter-spacing:.08em;color:#f3da9c}
.nrt-enc-sec h4 small{font:italic .68rem 'Lora',serif;letter-spacing:0;color:rgba(232,216,184,.65)}
.nrt-enc-sec .nrt-cards{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}
.nrt-enc-pe{display:flex;justify-content:flex-end;gap:8px;padding:8px 4px 2px;border-top:1px solid rgba(201,168,76,.22)}

/* --- Tablet / toque: alvos de 44 px nas peças novas (as .raid-util já ganham 44 do mobile.css) --- */
html[data-pointer="coarse"] .nrt-stp{height:44px}   /* revisão E6: 44 px no toque (o mock tinha 40) */
html[data-pointer="coarse"] .nrt-abas .tt-seg-btn,html[data-pointer="coarse"] .nrt-aj .tt-seg-btn{min-height:44px}
html[data-pointer="coarse"] .nrt-alvo-b{width:44px;height:44px}
html[data-pointer="coarse"] .nrt-sel{min-height:44px}
html[data-pointer="coarse"] .nrt-selo-aj{width:30px;height:30px}
html[data-pointer="coarse"] .pvp-faixa .nrt-rel-ctl .raid-util{min-height:44px;padding:3px 10px}
html[data-pointer="coarse"] .pvp-faixa .nrt-prox-menu .raid-util{min-height:44px}
html[data-pointer="coarse"] .nrt-acertou .nrt-resto{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
/* celular: a faixa da pergunta cabe na cena estreita */
html[data-viewport="mobile"] .nrt-acertou .raid-util{flex:1 1 30%;min-width:0;padding:5px 4px}
html[data-viewport="mobile"] .pvp-faixa .nrt-rel{flex-basis:100%}
html[data-viewport="mobile"] .pvp-faixa .nrt-rel-ctl{flex:1 1 auto;grid-template-columns:repeat(5,auto)}
html[data-viewport="mobile"] .pvp-faixa .nrt-rel-ctl .raid-util{grid-column:auto;padding:3px 6px}
html[data-viewport="mobile"] .pvp-faixa .nrt-prox-menu{left:0}

/* ============ 2) MONTAGEM DA MESA (mock-narrada-montagem.html, CSS DA PROPOSTA) ============
   As regras de grade do mock da montagem (.nrt-cards 98 px, .c3 e as 3 colunas no celular)
   ficam presas ao modal (.nrt-mt) para não mexer na grade da Mesa da arena. */
/* --- 1/2. Cockpit: o 2º botão da Ação rápida (#act-batalha-rt), abaixo do #act-batalha --- */
.nrt-cock-acoes{display:flex;gap:8px;align-items:stretch}
.nrt-cock-btns{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.nrt-cock-btns .mestrar-action-btn-cockpit{min-width:0}
.nrt-cock-btns .mestrar-action-label{white-space:normal;font-size:.82rem;line-height:1.15}
.nrt-cock-btns .mestrar-action-label small{display:block;font:italic .66rem 'Lora',serif;color:rgba(232,216,184,.72);letter-spacing:0;margin-top:2px}
#act-batalha-rt{border-color:rgba(190,140,255,.7);background:linear-gradient(180deg,rgba(120,62,180,.32),rgba(70,30,110,.32));color:#f0e2ff}
#act-batalha-rt:hover{border-color:#c9a0ff;background:linear-gradient(180deg,rgba(120,62,180,.48),rgba(70,30,110,.48))}
#act-batalha-rt.nrt-chama{animation:nrt-mt-pulsa 1.8s ease-in-out infinite}
@keyframes nrt-mt-pulsa{50%{box-shadow:0 0 18px rgba(190,140,255,.75)}}
.nrt-cock-tierlv{display:flex;flex-direction:column;gap:4px;justify-content:center}

/* --- 4. O modal da montagem: camada de diálogos do cockpit (15200), casca .mestrar-submodal --- */
.mestrar-submodal-bd.nrt-mt-bd{z-index:15200}
.mestrar-submodal.nrt-mt{width:min(1180px,96vw);height:min(94vh,880px);max-height:none;padding:0;overflow:hidden;display:flex;flex-direction:column}
.nrt-mt-cab{flex:none;display:flex;align-items:center;gap:10px;padding:10px 50px 9px 16px;border-bottom:1px solid rgba(201,168,76,.32);background:linear-gradient(180deg,rgba(120,62,180,.22),rgba(201,168,76,.03))}
.nrt-mt-cab-ic{font-size:1.4rem;line-height:1}
.nrt-mt-cab h3{margin:0;font:700 1rem 'Cinzel',serif;color:#f0e2ff;letter-spacing:.04em}
.nrt-mt-cab small{display:block;font:italic .72rem 'Lora',serif;color:rgba(232,216,184,.7)}
.nrt-mt-cab .mestrar-submodal-close{top:9px;right:10px}
/* aviso (409 da narrada antiga) e faixa de sucesso */
.nrt-mt-aviso{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:8px 12px 0;padding:9px 12px;border-radius:9px;border:1px solid rgba(231,96,76,.7);background:rgba(90,20,14,.45);color:#ffd6cf;font:.78rem/1.45 'Lora',serif}
.nrt-mt-aviso b{font:700 .84rem 'Cinzel',serif;color:#ffe2dc;letter-spacing:.02em}
.nrt-mt-aviso p{margin:0;flex:1 1 320px}
.nrt-mt-aviso .raid-util{padding:6px 10px;font-size:.72rem}
.nrt-mt-aviso .raid-util.nrt-mt-desc.on{border-color:#ffb9ae;background:rgba(160,40,30,.55);color:#fff}
.nrt-mt-aviso.ok{border-color:rgba(110,220,150,.7);background:rgba(20,70,40,.45);color:#d6f7e2}
.nrt-mt-aviso.ok b{color:#c6f5d6}
.nrt-mt-aviso:empty{display:none}
/* corpo: Jogador | Fontes do narrador | Lado do narrador */
.nrt-mt-corpo{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:276px minmax(0,1fr) 284px;grid-template-areas:"jog fon lado";gap:10px;padding:10px 12px}
.nrt-mt-col{min-height:0;min-width:0;display:flex;flex-direction:column;gap:8px;background:rgba(0,0,0,.32);border:1px solid rgba(201,168,76,.22);border-radius:10px;padding:9px 10px;overflow-y:auto}
.nrt-mt-jog{grid-area:jog}
.nrt-mt-fon{grid-area:fon;padding:0;overflow:visible;gap:0}
.nrt-mt-lado{grid-area:lado;border-color:rgba(190,140,255,.4)}
.nrt-mt-tit{display:flex;align-items:center;gap:6px;margin:0;font:700 .78rem 'Cinzel',serif;color:#f3da9c;letter-spacing:.05em}
.nrt-mt-tit small{margin-left:auto;font:italic .64rem 'Lora',serif;letter-spacing:0;color:rgba(232,216,184,.6)}
.nrt-mt-lado .nrt-mt-tit{color:#e6d2ff}
.nrt-mt-sub{display:flex;align-items:center;gap:6px;margin:2px 0 0;font:600 .6rem 'Cinzel',serif;letter-spacing:.12em;text-transform:uppercase;color:rgba(232,216,184,.62)}
.nrt-mt-sub em{font-style:normal;letter-spacing:.02em;color:#f3da9c}
.nrt-mt-nota{margin:0;font:italic .66rem/1.4 'Lora',serif;color:rgba(232,216,184,.62)}
.nrt-mt-nota b{font-style:normal;color:#f3da9c}
/* 5. ficha da sessão */
.nrt-mt-ficha{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:9px;border:1px solid rgba(201,168,76,.3);background:rgba(201,168,76,.06)}
.nrt-mt-ret{width:40px;height:40px;flex:none;border-radius:50%;object-fit:cover;border:1px solid rgba(201,168,76,.65);background:#120c06}
.nrt-mt-ficha b{display:block;font:700 .82rem 'Cinzel',serif;color:#f6ead0}
.nrt-mt-ficha span{font:.68rem 'Lora',serif;color:rgba(232,216,184,.7)}
/* 6. grupo / lutador */
.nrt-mt-grupo{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:6px 8px;border-radius:9px;border:1px dashed rgba(201,168,76,.32);font:.68rem 'Lora',serif;color:rgba(232,216,184,.8)}
.nrt-mt-grupo > b{font:700 .7rem 'Cinzel',serif;color:#f3da9c}
.nrt-mt-mem{display:inline-flex;align-items:center;gap:3px;padding:1px 6px 1px 1px;border-radius:999px;border:1px solid rgba(201,168,76,.3);background:rgba(0,0,0,.3);white-space:nowrap}
.nrt-mt-mem img{width:18px;height:18px;border-radius:50%;object-fit:cover}
.nrt-mt-mem.luta{border-color:rgba(110,220,150,.7);color:#c6f5d6}
.nrt-mt-grupo .tt-info-btn{margin-left:auto}
/* cards (R30): grade que se mede pela largura */
.nrt-mt .nrt-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:6px;margin:0}
.nrt-mt .nrt-cards.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.nrt-mt .nrt-cards .bestiary-card{margin:0;min-width:0}
.nrt-mt-slot{position:relative;min-width:0}
.nrt-mt-slot > .bestiary-card{cursor:pointer}
.nrt-mt-x{position:absolute;right:-5px;bottom:-5px;z-index:60;width:20px;height:20px;padding:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;
  font:700 .7rem/1 system-ui,sans-serif;color:#ffd6cf;background:rgba(70,14,10,.95);border:1px solid rgba(231,96,76,.85)}
.nrt-mt-vaga{display:grid;place-items:center;text-align:center;min-height:118px;padding:6px;border-radius:8px;border:1px dashed rgba(190,140,255,.35);font:italic .64rem/1.3 'Lora',serif;color:rgba(230,210,255,.45)}
.nrt-mt-vaga.falta{border-color:rgba(231,96,76,.6);color:#ffb9ae}
.nrt-mt-cards-fonte .bestiary-card[data-add]{cursor:pointer}
.nrt-mt-cards-fonte .bestiary-card.off{cursor:not-allowed}
/* vaga do sorteio ainda fechada: silhueta de um monstro do local + "?" */
.nrt-mt-sil{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(120,62,180,.35),rgba(0,0,0,.6))}
.nrt-mt-sil img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain;filter:brightness(0) drop-shadow(0 0 6px rgba(190,140,255,.7));opacity:.85}
.nrt-mt-sil b{position:relative;font:900 1.9rem 'Cinzel',serif;color:#f0e2ff;text-shadow:0 0 12px rgba(190,140,255,.9)}
/* 9. Lado do narrador */
.nrt-mt-cont{display:inline-grid;place-items:center;min-width:34px;padding:1px 7px;border-radius:999px;font:800 .72rem/1.5 'Cinzel',serif;color:#1a0f24;background:#c9a0ff}
.nrt-mt-cont.cheio{background:#ffb37a}
.nrt-mt-conduz{display:flex;align-items:center;gap:7px;padding:5px 7px;border-radius:8px;border:1px solid rgba(190,140,255,.35);background:rgba(40,16,60,.3);font:.66rem/1.35 'Lora',serif;color:rgba(232,216,184,.8);cursor:pointer}
.nrt-mt-conduz img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid rgba(190,140,255,.7)}
.nrt-mt-conduz b{font:700 .7rem 'Cinzel',serif;color:#f0e2ff}
/* 11. Abas das fontes (as MESMAS do cockpit, mesma ordem) + TIER/LV; o Bestiário mora dentro da aba Monstros */
.nrt-mt-abas{flex:none;display:flex;align-items:stretch;border-bottom:1px solid rgba(201,168,76,.25)}
.nrt-mt-abas .mestrar-rtab{flex:1 1 0;min-width:0;white-space:nowrap}
.nrt-mt-fcorpo .mestrar-open-bestiario:disabled{opacity:.45;cursor:not-allowed}
/* os dois botões de hoje lado a lado (a coluna do meio é mais larga que a do cockpit) */
.nrt-mt-fcorpo .mestrar-bestiarios-header{margin:0}
.nrt-mt-fcorpo .mestrar-bestiarios-grupo{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.nrt-mt-fcorpo .mestrar-open-bestiario{margin:0;padding-top:8px;padding-bottom:8px}
.nrt-mt-tierlv{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:7px 10px;border-bottom:1px solid rgba(201,168,76,.16)}
.nrt-mt-tierlv .nrt-mt-nota{flex:1 1 200px}
.nrt-mt-fcorpo{flex:1 1 auto;min-height:0;overflow-y:auto;padding:9px 10px 12px;display:flex;flex-direction:column;gap:8px}
/* 13. Local (Regiões) */
.nrt-mt-local{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center;padding:7px;border-radius:9px;border:1px solid rgba(201,168,76,.3);background:rgba(0,0,0,.28)}
.nrt-mt-local > img{width:96px;height:64px;object-fit:cover;border-radius:6px;border:1px solid rgba(201,168,76,.35)}
.nrt-mt-local b{display:block;font:700 .84rem 'Cinzel',serif;color:#f6ead0}
.nrt-mt-local span{font:.66rem 'Lora',serif;color:rgba(232,216,184,.7)}
.nrt-mt-local .mestrar-regiao-difficulty{margin-top:4px}
.nrt-mt-sortear{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nrt-mt-sortear .mestrar-action-btn-cockpit{flex:none}
.nrt-mt-sortear .nrt-mt-nota{flex:1 1 220px}
/* 16/17. NPCs */
.nrt-mt-npcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}
.nrt-mt-npcs .mestrar-npc-card-pick{padding:0;border:0;background:none;cursor:pointer;text-align:left;min-width:0}
.nrt-mt-npcs .mestrar-npc-card-pick.is-sel .bestiary-card{outline:2px solid #c9a0ff;outline-offset:-2px;box-shadow:0 0 14px rgba(160,100,255,.5)}
.nrt-mt-npcs .mestrar-npc-card-count{font:.6rem 'Lora',serif;color:rgba(232,216,184,.7)}
.nrt-mt-npc-cab{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:7px 8px;border-radius:9px;border:1px solid rgba(201,168,76,.28);background:rgba(201,168,76,.05)}
.nrt-mt-npc-cab b{font:700 .8rem 'Cinzel',serif;color:#f6ead0}
.nrt-mt-chip{padding:1px 8px;border-radius:999px;font:700 .6rem/1.6 'Cinzel',serif;letter-spacing:.03em;border:1px solid rgba(201,168,76,.45);color:#f3da9c;background:rgba(0,0,0,.35);white-space:nowrap}
.nrt-mt-chip.det{border-color:rgba(110,220,150,.6);color:#c6f5d6}
.nrt-mt-chip.sim{border-color:rgba(120,180,255,.6);color:#cfe3ff}
.nrt-mt-npc-cab .tt-seg-switch{margin-left:auto}
.nrt-mt-npc-cab .raid-util{padding:4px 9px;font-size:.66rem}
/* 19. Barra de filtro real (.eq-ferr + AlternartMonstroFiltroBarra) e paginação */
.nrt-mt .eq-ferr{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nrt-mt .eq-ferr .edit-input{flex:1 1 160px;min-width:0;margin:0}
.nrt-mt .eq-ferr .armf-total{margin-left:0}
.nrt-mt .eq-ferr .armf-chips{flex-basis:100%;margin:0;display:flex;flex-wrap:wrap;gap:4px}
.nrt-mt .armf-painel{max-height:min(60vh,520px)}
.nrt-mt .bestiary-pagination{margin:6px 0 0}
/* 21-24. Regras (formato, prazo, Acertou?) + Abrir */
.nrt-mt-pe{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:9px 14px;border-top:1px solid rgba(201,168,76,.3);background:rgba(0,0,0,.35)}
.nrt-mt-regras{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;flex:1 1 640px;min-width:0}
.nrt-mt-regra{display:flex;flex-wrap:wrap;align-items:center;gap:5px 7px;min-width:0}
.nrt-mt-rot{font:700 .66rem 'Cinzel',serif;letter-spacing:.08em;text-transform:uppercase;color:#f3da9c}
.nrt-mt-lab{font:.68rem 'Lora',serif;color:rgba(232,216,184,.75)}
.nrt-mt-x2{font:700 .8rem 'Cinzel',serif;color:#c9a0ff}
.nrt-mt-par{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap}
.nrt-mt-regra .tt-seg-btn{padding:4px 10px;font-size:.72rem}
.nrt-mt-stp{height:30px}
.nrt-mt-stp .dinheiro-input{width:46px}
.nrt-mt-abrir{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
.nrt-mt-estado{font:italic .7rem/1.35 'Lora',serif;color:rgba(232,216,184,.75);max-width:340px;text-align:right}
.nrt-mt-estado.mau{color:#ffb9ae}
.nrt-mt-estado.bom{color:#9be3a6}
.raid-util.nrt-mt-abrir-btn{padding:9px 18px;font:700 .86rem 'Cinzel',serif;letter-spacing:.03em;border-color:rgba(190,140,255,.85);color:#f6ecff;background:linear-gradient(180deg,rgba(130,70,190,.65),rgba(80,34,120,.65))}
.raid-util.nrt-mt-abrir-btn.pronto{animation:nrt-mt-pulsa 1.8s ease-in-out infinite}
.raid-util.nrt-mt-abrir-btn.desc{border-color:rgba(231,96,76,.85);background:linear-gradient(180deg,rgba(160,50,40,.65),rgba(100,24,18,.65))}
/* 27. Resumo (checklist) */
.nrt-mt-resumo{display:flex;flex-wrap:wrap;gap:4px 10px;margin:0;padding:0;list-style:none;font:.66rem 'Lora',serif;color:rgba(232,216,184,.78)}
.nrt-mt-resumo li.ok::before{content:'✓ ';color:#9be3a6;font-weight:700}
.nrt-mt-resumo li.nao::before{content:'✗ ';color:#ffb9ae;font-weight:700}
/* 28. Celular: abas de passo dentro da folha */
.nrt-mt-mob{display:none}

/* --- Tablet em pé (layout de PC, mas a moldura é estreita): jogador | narrador em cima, fontes embaixo --- */
@media (max-width:1100px){
  html:not([data-viewport="mobile"]) .mestrar-submodal.nrt-mt{height:min(94vh,1260px)}
  html:not([data-viewport="mobile"]) .nrt-mt-corpo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"jog lado" "fon fon"}
}
/* --- Toque: alvos de 44 px nas peças novas --- */
html[data-pointer="coarse"] .nrt-mt-stp{height:44px}
html[data-pointer="coarse"] .nrt-mt-regra .tt-seg-btn{min-height:44px;min-width:44px}
html[data-pointer="coarse"] .nrt-mt-x{width:28px;height:28px;right:-8px;bottom:-8px}
/* --- Celular: folha de baixo com 3 passos (Jogador · Narrador · Regras) e o Abrir sempre à vista --- */
html[data-viewport="mobile"] .mestrar-submodal.nrt-mt{height:var(--mob-sheet-h);padding-bottom:0}
html[data-viewport="mobile"] .nrt-mt-cab{padding:9px 52px 8px 12px}
html[data-viewport="mobile"] .nrt-mt-mob{display:flex;flex:none;margin:8px 10px 0}
html[data-viewport="mobile"] .nrt-mt-mob .tt-seg-switch{display:flex;width:100%}
html[data-viewport="mobile"] .nrt-mt-lado{order:-1}
html[data-viewport="mobile"] .nrt-mt-mob .tt-seg-btn{flex:1 1 0;min-height:44px;font:700 .72rem 'Cinzel',serif;padding:4px 2px}
html[data-viewport="mobile"] .nrt-mt-corpo{display:flex;flex-direction:column;overflow-y:auto;padding:8px 10px;gap:8px}
html[data-viewport="mobile"] .nrt-mt-col{overflow:visible;flex:none}
html[data-viewport="mobile"] .nrt-mt-fon{overflow:visible}
html[data-viewport="mobile"] .nrt-mt-fcorpo{overflow:visible}
html[data-viewport="mobile"] .nrt-mt[data-mob="jog"] .nrt-mt-lado,html[data-viewport="mobile"] .nrt-mt[data-mob="jog"] .nrt-mt-fon,html[data-viewport="mobile"] .nrt-mt[data-mob="jog"] .nrt-mt-regras-cel{display:none}
html[data-viewport="mobile"] .nrt-mt[data-mob="nar"] .nrt-mt-jog,html[data-viewport="mobile"] .nrt-mt[data-mob="nar"] .nrt-mt-regras-cel{display:none}
html[data-viewport="mobile"] .nrt-mt[data-mob="reg"] .nrt-mt-jog,html[data-viewport="mobile"] .nrt-mt[data-mob="reg"] .nrt-mt-lado,html[data-viewport="mobile"] .nrt-mt[data-mob="reg"] .nrt-mt-fon{display:none}
html[data-viewport="mobile"] .nrt-mt-regras-cel{flex:none;display:flex;flex-direction:column;gap:12px;padding:10px;border-radius:10px;border:1px solid rgba(201,168,76,.22);background:rgba(0,0,0,.32)}
html[data-viewport="mobile"] .nrt-mt-pe{padding:8px 10px calc(10px + var(--mob-safe-b,0px))}
html[data-viewport="mobile"] .nrt-mt-abrir{width:100%;margin:0}
html[data-viewport="mobile"] .nrt-mt-estado{flex:1 1 0;text-align:left;max-width:none}
html[data-viewport="mobile"] .nrt-mt-local{grid-template-columns:78px minmax(0,1fr)}
html[data-viewport="mobile"] .nrt-mt-local > img{width:78px;height:56px}
html[data-viewport="mobile"] .nrt-mt-abas .mestrar-rtab{font-size:.68rem;padding:10px 2px}
html[data-viewport="mobile"] .nrt-mt-abas{flex-wrap:nowrap}
html[data-viewport="mobile"] .nrt-mt .nrt-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-viewport="mobile"] .nrt-mt-npcs{grid-template-columns:repeat(3,minmax(0,1fr))}
.nrt-mt-regras-cel{display:none}

/* ============ 3) O QUE A TELA REAL PRECISA ALÉM DOS MOCKS (E6-T) ============ */
/* modais da narrada na camada dos diálogos do cockpit (CONTRATO §I.2: 15200) — acima da arena (14000) e do
   pick da selvagem (14200); fim de batalha e GameModal (15000/15500) continuam por cima quando abrem */
.char-modal-backdrop.bn-pick-bd.nrt-modal-bd{z-index:15200}
.mestrar-submodal-bd.nrt-mt-bd{z-index:15200}
/* o núcleo pendura a gaveta num host dentro da .raid-tela: sem caixa própria, a .raid-drawer se ancora na tela */
.raid-tela > .nrt-mesa-host{display:contents}
/* com a aba cheia, o cabeçalho e as abas não encolhem (a rolagem é só do .nrt-mesa-c) */
.nrt-mesa .nrt-abas,.nrt-folha .nrt-abas{flex:none}
/* aviso discreto (o #toast do jogo fica atrás dos modais): "ainda não disponível", recusas do servidor */
#nrt-toast{position:fixed;left:50%;bottom:22px;z-index:15700;transform:translate(-50%,12px);max-width:min(520px,92vw);padding:8px 14px;border-radius:10px;
  font:600 .78rem/1.4 'Lora',serif;color:#f6ead0;background:rgba(20,12,6,.96);border:1px solid rgba(201,168,76,.55);box-shadow:0 10px 30px rgba(0,0,0,.6);
  opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}
#nrt-toast.on{opacity:1;transform:translate(-50%,0)}
#nrt-toast.mau{border-color:rgba(231,96,76,.75);color:#ffd6cf}
#nrt-toast.ok{border-color:rgba(110,220,150,.7);color:#d6f7e2}
#nrt-toast.nd{border-color:rgba(190,140,255,.6);color:#e6d2ff}
/* "⇄ Pedir troca" passo 1: o painel "Quem sai?" ocupa a coluna de ações (os utilitários do celular ficam) */
.vgc-acoes.nrt-qs-on > :not(.nrt-qs):not(.raid-utils){display:none !important}
.nrt-ped-l1 .nrt-ped-ph{flex:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:.7rem;line-height:1;
  background:rgba(0,0,0,.45);border:1px solid rgba(201,168,76,.5)}
.nrt-qs-pend{display:flex;flex-wrap:wrap;gap:6px}
.nrt-qs-pend .raid-util{font-size:.68rem;padding:4px 9px}
.char-modal.nrt-qs-modal{width:min(560px,96vw);max-width:none;padding:10px}
/* Ajustes › Campo montado na hora e "Acertou?" */
.nrt-campo-ed{flex-basis:100%;display:flex;flex-direction:column;gap:6px;padding:7px;margin-top:2px;border-radius:8px;border:1px dashed rgba(201,168,76,.35)}
.nrt-campo-nome{display:flex;align-items:center;gap:6px;font:700 .64rem 'Cinzel',serif;color:#f3da9c}
.nrt-campo-nome .edit-input{flex:1 1 auto;min-width:0;margin:0;padding:4px 6px;font-size:.74rem}
.nrt-regra{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.nrt-regra .nrt-sel{flex:1 1 110px}
.nrt-regra .tt-seg-switch.nrt-regra-modo{flex:none;margin:0}
.nrt-regra .tt-seg-btn{padding:3px 8px;font-size:.66rem;flex:none}
.nrt-regra .raid-util.nrt-regra-x{padding:2px 7px;border-color:rgba(231,96,76,.6);color:#ffc4b8}
.nrt-aj .nrt-lin .tt-seg-switch{flex:0 1 auto;margin:0}
.nrt-aj .nrt-lin .nrt-mt-lab{font:.64rem 'Lora',serif;color:rgba(232,216,184,.75)}
/* "+ monstro": Bestiário + Armazém da Campanha */
.char-modal.nrt-mais{width:min(820px,96vw);max-width:none;max-height:90vh;display:flex;flex-direction:column}
.char-modal.nrt-mais .char-modal-header h3{display:flex;align-items:center;gap:8px}
.nrt-mais-c{overflow-y:auto;padding:2px 4px 8px;display:flex;flex-direction:column;gap:10px}
.nrt-mais-sec{display:flex;flex-direction:column;gap:8px}
.nrt-mais .mestrar-bestiarios-grupo{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.nrt-mais .mestrar-open-bestiario{margin:0}
.nrt-mais .mestrar-open-bestiario:disabled{opacity:.45;cursor:not-allowed}
.nrt-mais .eq-ferr{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nrt-mais .eq-ferr .edit-input{flex:1 1 160px;min-width:0;margin:0}
.nrt-mais .eq-ferr .armf-chips{flex-basis:100%;margin:0;display:flex;flex-wrap:wrap;gap:4px}
.nrt-mais .armf-painel{max-height:min(60vh,520px)}
.nrt-mais .nrt-cards{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}
.nrt-mais .nrt-card[data-mm-camp]{cursor:pointer}
/* Encerrar: destino de cada captura (grupo com política "escolha") e erro do servidor */
.nrt-enc-dest{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 6px}
.nrt-enc-dest > span{font:700 .72rem 'Cinzel',serif;color:#f6ead0;min-width:110px}
.nrt-enc-erro{margin:6px 0 0;font:.76rem 'Lora',serif;color:#ffb9ae}
.nrt-enc-c .tt-seg-switch{display:flex;flex-wrap:wrap}
html[data-pointer="coarse"] .nrt-regra .tt-seg-btn,html[data-pointer="coarse"] .nrt-enc-c .tt-seg-btn{min-height:44px}
html[data-viewport="mobile"] .char-modal.nrt-enc,html[data-viewport="mobile"] .char-modal.nrt-mais{width:100%;max-height:92vh}
html[data-viewport="mobile"] .nrt-mais .nrt-cards,html[data-viewport="mobile"] .nrt-enc-sec .nrt-cards{grid-template-columns:repeat(3,minmax(0,1fr))}

/* ============ 4) FAIXA DA RODADA na narrada — o arranjo do mock com o markup REAL (E6-H D7/D8) ============
   O pvp.js desenha: .pvp-faixa-rel (relógio) · .pvp-jogs (chips) · .pvp-faixa-fim (estado + Refazer/Confirmar)
   e, por último, o bloco do núcleo (.nrt-rel-nar no narrador / .nrt-rel-jog no jogador). Só CSS, preso às
   classes da narrada: selvagem, Jornada e PvP não mudam. */
/* D8 · narrador: 1ª linha = relógio + controles (−15 ⏸ +15 · próxima · Resolver) + chips; 2ª linha = "Juni
   declarando…" + o estado/botões de sempre. O bloco do núcleo deixa de ser caixa (os filhos viram itens da
   faixa) e a ordem é dada aqui; o ::before é a quebra de linha. */
.pvp-faixa.nrt-faixa-nar{position:relative}
.pvp-faixa.nrt-faixa-nar > .nrt-rel.nrt-rel-nar{display:contents}
.pvp-faixa.nrt-faixa-nar > .pvp-faixa-rel{order:0}
.pvp-faixa.nrt-faixa-nar > .nrt-rel-nar > .nrt-rel-ctl{order:1;flex:none}
.pvp-faixa.nrt-faixa-nar > .pvp-jogs{order:2}
.pvp-faixa.nrt-faixa-nar::before{content:'';order:3;flex:0 0 100%;height:0}
.pvp-faixa.nrt-faixa-nar > .nrt-rel-nar > .pvp-estado{order:4;flex:0 1 auto;min-width:0}
.pvp-faixa.nrt-faixa-nar > .pvp-faixa-fim{order:5;flex:1 1 240px}
.pvp-faixa.nrt-faixa-nar > .nrt-rel-nar > .nrt-prox-menu{left:76px}
html[data-viewport="mobile"] .pvp-faixa.nrt-faixa-nar > .nrt-rel-nar > .nrt-rel-ctl{flex:1 1 auto}
html[data-viewport="mobile"] .pvp-faixa.nrt-faixa-nar > .nrt-rel-nar > .nrt-prox-menu{left:10px}
/* D7 · jogador: o selo "+15 s" fica EM CIMA da caixa do relógio, como no mock.
   (a) selo dentro da caixa (.pvp-faixa-rel > .nrt-mais): a caixa vira a âncora; */
.pvp-faixa .pvp-faixa-rel:has(> .nrt-mais),.pvp-faixa .pvp-faixa-rel.nrt-pausado{position:relative}
/* (b) selo no bloco do núcleo no fim da faixa: o bloco deixa de ser caixa, a faixa vira a âncora e o selo vai
   para o centro do relógio (1º item: padding da faixa + metade da caixa). O "⏸ Pausado pelo narrador" do bloco
   repetiria o do estado de sempre, então só aparece quando o estado de sempre não o mostra. */
.pvp-faixa:has(> .nrt-rel-jog){position:relative}
.pvp-faixa > .nrt-rel.nrt-rel-jog{display:contents}
.pvp-faixa > .nrt-rel-jog > .nrt-mais{left:49px;top:-1px}
html[data-viewport="mobile"] .pvp-faixa > .nrt-rel-jog > .nrt-mais{left:43px;top:1px}
html[data-viewport="mobile"] .pvp-faixa .pvp-faixa-rel > .nrt-mais{top:-5px}
.pvp-faixa:has(.pvp-faixa-fim .nrt-estado-mestre) > .nrt-rel-jog > .pvp-estado{display:none}