/* ============================================================
   EXPEDICOES-GC.CSS — mapa e salas estilo Grand Chase (09/10)
   Mundo (pins com cadeado/progresso/recomendado), mapa do país desenhado
   (js/expedicoes-mapas.js), janela do local (dificuldades + salas) e a sala.
   ============================================================ */

/* ── Mundo ───────────────────────────────────────────── */
.country-pin.gc-pin{cursor:pointer}
.country-pin.gc-pin .gc-pin-prog{font:800 9px/1 Nunito,sans-serif;font-style:normal;color:#ffe7ad;background:#10283a;border:1px solid #b18b46;border-radius:8px;padding:2px 6px;margin-top:2px}
.country-pin.gc-trancado{filter:grayscale(1) drop-shadow(0 3px 3px #0008);opacity:.82}
.country-pin.gc-trancado.great i{font-size:16px!important}
/* Países menores: o progresso só aparece com zoom, como o nome. */
.map:not(.show-country-labels) .country-pin.minor:not(.gc-recomendado) .gc-pin-prog{display:none}
.country-pin.gc-completo i{background:radial-gradient(#ffe39a,#c48a1e)!important;color:#3b2405!important;border-color:#fff1c4!important}
.country-pin.gc-recomendado i{animation:gcPulso 1.6s ease-in-out infinite;border-color:#ffd54d!important}
.country-pin.gc-recomendado::before{content:'★ RECOMENDADO';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);white-space:nowrap;font:900 9px/1 Nunito,sans-serif;letter-spacing:.5px;color:#3b2405;background:linear-gradient(#ffe48a,#e6a92a);border:1px solid #8a5a10;border-radius:3px;padding:3px 6px;box-shadow:0 2px 6px #0006}
.country-pin.minor.gc-recomendado span{display:block;position:static;margin-top:3px}
.country-pin.minor.gc-recomendado{z-index:6}
.dimensional-rift.gc-trancado{filter:grayscale(.85);opacity:.8}
@keyframes gcPulso{0%,100%{box-shadow:0 0 0 0 #ffd54daa,0 4px 12px #0007}50%{box-shadow:0 0 0 10px #ffd54d00,0 4px 12px #0007}}
.gc-continuar{display:grid;gap:2px;width:100%;text-align:left;margin:4px 0 12px;padding:10px 14px;border:3px double #a5781f;border-radius:6px;background:linear-gradient(#fff3c6,#f2d27e);color:#3b2405;cursor:pointer;box-shadow:0 3px 10px #6b4a1a33}
.gc-continuar b{font:900 11px Nunito,sans-serif;letter-spacing:.6px;color:#8a4f00}
.gc-continuar span{font:700 16px Georgia,serif}
.gc-continuar small{font:700 12px Nunito,sans-serif;color:#6b4a1a}
.gc-continuar:hover{filter:brightness(1.05)}
.country-list button.gc-trancado{opacity:.6}

/* ── País (mapa desenhado) ───────────────────────────── */
.atlas.gc-em-pais #mapViewport,.atlas.gc-em-pais #atlasControls,.atlas.gc-em-pais>.dimensional-rift{display:none!important}
.atlas:not(.gc-em-pais) #gcPais{display:none}
.gc-pais{position:relative;background:#2d2215}
.gc-pais-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-color:#ab8847 #2d2215}
.gc-pais-mapa{position:relative;width:100%;min-width:780px;aspect-ratio:1000/560;max-height:calc(100svh - 190px);margin:0 auto}
.gc-mapa-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.gc-estrada-feita{filter:drop-shadow(0 0 4px #ffd54d)}
.gc-no{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;background:none;border:0;cursor:pointer;z-index:3;color:inherit}
.gc-no-medalha{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d8,#e9c46a 45%,#9c6a1c);border:4px double #6b4510;box-shadow:0 5px 14px #000a,inset 0 -4px 8px #0003;transition:transform .15s}
.gc-no-medalha b{font:900 26px Georgia,serif;color:#3b2405;text-shadow:0 1px 0 #fff8}
.gc-no:hover .gc-no-medalha,.gc-no:focus-visible .gc-no-medalha{transform:scale(1.1)}
.gc-no-placa{display:grid;justify-items:center;gap:1px;padding:5px 10px;min-width:110px;max-width:170px;background:#132c3cf0;border:2px solid #c39c52;border-radius:4px;box-shadow:0 3px 9px #0008}
.gc-no-placa strong{font:700 12px/1.2 Georgia,serif;color:#ffe8b4;text-align:center}
.gc-no-placa small{font:700 10px Nunito,sans-serif;color:#cfd9e1}
.gc-estrelas{display:flex;gap:2px;font-size:12px;line-height:1}
.gc-estrelas i{font-style:normal;color:#5b6a75}
.gc-estrelas i.on{color:#ffd54d;text-shadow:0 0 4px #ffb300}
.gc-no.gc-aberto .gc-no-medalha{background:radial-gradient(circle at 35% 30%,#e9fbff,#7cc6e8 45%,#1f5f8c);border-color:#0f3550;animation:gcPulso 1.8s ease-in-out infinite}
.gc-no.gc-aberto .gc-no-medalha b{color:#0d2a40}
.gc-no.gc-concluido .gc-no-medalha b{color:#3b2405}
.gc-no.gc-trancado .gc-no-medalha{background:radial-gradient(circle at 35% 30%,#d5d5d5,#8b8b8b 50%,#4a4a4a);border-color:#2f2f2f;filter:none}
.gc-no.gc-trancado .gc-no-medalha b{font-size:22px}
.gc-no.gc-trancado .gc-no-placa{background:#2b2b2bf0;border-color:#777}
.gc-no.gc-trancado .gc-no-placa strong{color:#cfcfcf}
.gc-no.gc-nivel-baixo .gc-no-placa small{color:#ffb3a3}
.gc-seta{position:absolute;bottom:calc(100% - 2px);font-size:22px;color:#ffd54d;text-shadow:0 2px 3px #000a;animation:gcSeta 1s ease-in-out infinite}
.gc-no-placa,.gc-no-medalha{position:relative}
.gc-no .gc-seta{top:-30px;bottom:auto}
@keyframes gcSeta{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.gc-pais-barra{display:flex;align-items:center;gap:14px;padding:9px 16px;background:#132c3c;border-top:2px solid #b18b46;color:#f3e1bb;font:700 13px Nunito,sans-serif}
.gc-pais-barra b{font-family:Georgia,serif;color:#ffd77a}
.gc-pais-nome{font:700 15px Georgia,serif}
.gc-pais-prog{flex:1;height:10px;background:#0a1a24;border:1px solid #6b5630;border-radius:6px;overflow:hidden}
.gc-pais-prog i{display:block;height:100%;background:linear-gradient(90deg,#c48a1e,#ffd54d)}
@media(max-width:700px){.gc-pais-barra{flex-wrap:wrap;gap:6px 12px;font-size:11px}.gc-pais-prog{flex-basis:100%;order:3}}

/* ── Janela do local (masmorra) ──────────────────────── */
dialog#stageDialog.gc-dg{position:fixed;inset:0;margin:auto;width:min(1080px,96vw);max-width:none;max-height:92svh;padding:0;overflow:hidden;display:none;flex-direction:column}
dialog#stageDialog.gc-dg[open]{display:flex}
dialog#stageDialog.gc-dg::backdrop{background:#071326b3;backdrop-filter:blur(2px)}
dialog#stageDialog.gc-dg #closeStage{position:absolute;top:10px;right:10px;z-index:5;color:#ffe7b1;background:#0d2230cc;border:1px solid #b18b46}
dialog#stageDialog.gc-dg #stageDialogContent{display:flex;flex-direction:column;min-height:0;flex:1}
.gc-dg-topo{padding:18px 22px;background-size:cover;background-position:center;border-bottom:3px double #b18b46;color:#f3e1bb}
.gc-dg-topo small{font:800 11px Nunito,sans-serif;letter-spacing:.6px;text-transform:uppercase;color:#e3c78a}
.gc-dg-topo h2{margin:2px 0;padding:0!important;background:none!important;border:0!important;font:700 28px Georgia,serif!important;color:#ffe8b4!important}
.gc-dg-topo p{margin:0;font:700 13px Nunito,sans-serif;color:#d6dee5}
.gc-dg-topo p b{color:#ffb3a3}
.gc-dg-difs,.gc-sala-difs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 16px 4px}
.gc-dif{display:grid;justify-items:center;gap:1px;padding:8px 6px;border:3px double #8b6a33;border-radius:6px;background:linear-gradient(#fff6dc,#e7d3a5);color:#2a2312;cursor:pointer}
.gc-dif b{font:900 15px Georgia,serif}
.gc-dif small{font:700 11px Nunito,sans-serif;color:#5a4a2a}
.gc-dif em{font:800 10px Nunito,sans-serif;font-style:normal;color:#4b6b2a}
.gc-dif.comum b{color:#2f6b2a}.gc-dif.elite b{color:#2c4f9a}.gc-dif.chefe b{color:#a3262a}
.gc-dif[aria-pressed="true"]{border-color:#c48a1e;background:linear-gradient(#fff1b8,#f0c65a);box-shadow:0 0 0 2px #ffd54d,0 3px 10px #6b4a1a55;transform:translateY(-1px)}
.gc-dif.gc-trancado{filter:grayscale(.9);opacity:.75}
.gc-dif.gc-trancado em{color:#7a3b2a}
.gc-dif:disabled{cursor:not-allowed}
.gc-dg-corpo{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);gap:14px;padding:10px 16px 16px;min-height:0;flex:1}
.gc-dg-info{overflow:auto;min-height:0;padding-right:6px;scrollbar-color:#ab8847 #ede0bf}
.gc-dg-info h3{margin:6px 0 4px;font:700 19px Georgia,serif;color:#17364a}
.gc-dg-info .drops{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}
.gc-dg-lado{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding:12px;background:#fff6dccc;border:2px double #b99b60;border-radius:6px}
.gc-dg-acoes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gc-dg-acoes .gc-btn-solo,.gc-dg-acoes #gcMinhaSala{grid-column:1/-1;font-size:17px;padding:12px}
.gc-dg-acoes button{min-height:42px;font-weight:800}
.gc-aviso{margin:0;min-height:1.2em;font:700 12px Nunito,sans-serif;color:#8a2d1c}
.gc-salas-topo{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c9ad74;padding-top:8px}
.gc-salas-topo h3{margin:0;font:700 16px Georgia,serif;color:#17364a}
.gc-salas-topo .ghost{min-width:34px;min-height:30px;padding:2px 8px}
.gc-salas{display:grid;gap:6px}
.gc-sala{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:6px 8px;background:#fffaf0;border:1px solid #c4a466;border-radius:5px}
.gc-sala-num{font:900 12px Nunito,sans-serif;color:#6b4a1a}
.gc-dif-tag{font:900 10px Nunito,sans-serif;text-transform:uppercase;letter-spacing:.4px;padding:2px 6px;border-radius:3px;color:#fff;background:#6b6b6b}
.gc-dif-tag.comum{background:#3c7a35}.gc-dif-tag.elite{background:#2c4f9a}.gc-dif-tag.chefe{background:#a3262a}
.gc-sala-host{display:flex;align-items:center;gap:6px;min-width:0;flex:1 1 130px}
.gc-sala-host img,.gc-sala-host i,.gc-lobby-host img,.gc-lobby-host i{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid #b18b46;display:grid;place-items:center;font-style:normal;font-weight:900;background:#17364a;color:#ffe7b1;flex:0 0 28px}
.gc-sala-host b{font:800 12px Nunito,sans-serif;color:#17364a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gc-sala-host small{font:700 10px Nunito,sans-serif;color:#6b5a3a}
.gc-sala-vagas{font:800 12px Nunito,sans-serif;color:#17364a}
.gc-sala .primary{padding:5px 12px;min-height:30px}
.gc-vazio{margin:0;padding:12px;text-align:center;font:700 13px Nunito,sans-serif;color:#6b5a3a;background:#fffaf0aa;border:1px dashed #c4a466;border-radius:5px}
@media(max-width:820px){
 dialog#stageDialog.gc-dg #stageDialogContent{overflow:auto;display:block}
 .gc-dg-corpo{display:flex;flex-direction:column;overflow:visible}
 .gc-dg-info,.gc-dg-lado{overflow:visible;flex:none}
 .gc-dg-lado{order:-1}
 .gc-dg-topo h2{font-size:22px!important}
 .gc-dif b{font-size:13px}
}

/* ── Sala ────────────────────────────────────────────── */
.gc-sala-painel{display:grid;gap:10px}
.gc-sala-topo{padding:14px 18px;background-size:cover;background-position:center;border:3px double #b18b46;border-radius:6px;color:#f3e1bb}
.gc-sala-topo small{font:800 11px Nunito,sans-serif;letter-spacing:.6px;text-transform:uppercase;color:#e3c78a}
.gc-sala-topo h3{margin:2px 0;font:700 24px Georgia,serif;color:#ffe8b4}
.gc-sala-topo p{margin:0!important;font:700 13px Nunito,sans-serif!important;color:#d6dee5}
.gc-sala-difs{padding:0}
.gc-slots{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}
.gc-slots-vs{font-size:30px;color:#8a5a10;text-shadow:0 2px 0 #fff8}
.gc-slot{position:relative;display:grid;justify-items:center;gap:6px;padding:14px 10px;background:linear-gradient(#fff9e7,#e5d5ad);border:3px double #ab8b4d;border-radius:8px;box-shadow:0 3px 10px #5e411933}
.gc-slot-arte{width:150px;max-width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;background:radial-gradient(#3a5a73,#132c3c);border:2px solid #b18b46;display:grid;place-items:center}
.gc-slot-arte img{width:100%;height:100%;object-fit:cover}
.gc-slot-arte span{font:900 54px Georgia,serif;color:#f3e1bb88}
.gc-slot-nome{display:grid;justify-items:center}
.gc-slot-nome strong{font:700 16px Georgia,serif;color:#17364a}
.gc-slot-nome small{font:800 12px Nunito,sans-serif;color:#6b4a1a}
.gc-slot-selo{font:900 12px Nunito,sans-serif;letter-spacing:.8px;padding:4px 12px;border-radius:3px;background:#5b6a75;color:#fff}
.gc-slot.pronto .gc-slot-selo{background:linear-gradient(#4caf50,#2e7d32);box-shadow:0 0 10px #4caf5088}
.gc-slot:first-child .gc-slot-selo{background:linear-gradient(#ffe48a,#e6a92a);color:#3b2405}
.gc-slot.vazio{opacity:.75;border-style:dashed}
.gc-slot.vazio .gc-slot-selo{background:#b99b60}
.gc-sala-acoes{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}
.gc-sala-acoes button{min-width:160px;min-height:44px;font-size:16px;font-weight:900}
.gc-sala-acoes .gc-aviso{flex-basis:100%;text-align:center}
.gc-btn-pronto{background:linear-gradient(#4caf50,#2e7d32)!important;border-color:#1b5e20!important;color:#fff!important}
@media(max-width:600px){.gc-slots{grid-template-columns:1fr 1fr;gap:6px}.gc-slots-vs{display:none}.gc-slot{padding:8px 6px}.gc-slot-arte{width:90px}.gc-slot-nome strong{font-size:13px}.gc-sala-acoes button{min-width:0;flex:1 1 140px}}

/* ── Lobby geral ─────────────────────────────────────── */
.gc-lobby-dica{margin:0 0 6px;font:600 13px Nunito,sans-serif;color:#3d4a3a}
.gc-lobby-lista{display:grid;gap:8px}
.gc-lobby-card{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,180px) auto;align-items:center;gap:10px;padding:8px;background:#fffaf0;border:2px solid #c4a466;border-radius:6px}
.gc-lobby-arte{height:66px;border-radius:4px;background-size:cover;background-position:center;position:relative}
.gc-lobby-arte span{position:absolute;left:4px;top:4px;font:900 11px Nunito,sans-serif;color:#ffe7b1;background:#0d2230cc;padding:1px 5px;border-radius:3px}
.gc-lobby-info h3{margin:0;font:700 15px Georgia,serif;color:#17364a}
.gc-lobby-info p{margin:0!important;font-size:12px!important;color:#5a4a2a}
.gc-lobby-info div{display:flex;gap:6px;align-items:center;margin-top:3px}
.gc-lobby-host{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:6px;align-items:center}
.gc-lobby-host img,.gc-lobby-host i{grid-row:1/3}
.gc-lobby-host b{font:800 12px Nunito,sans-serif;color:#17364a}
.gc-lobby-host small{font:700 10px Nunito,sans-serif;color:#6b5a3a}
@media(max-width:600px){.gc-lobby-card{grid-template-columns:80px minmax(0,1fr)}.gc-lobby-host{grid-column:1/2}.gc-lobby-card .primary{grid-column:2}}

/* 12/10 — Poções de Vida: 2 espaços pequenos ao lado do Ataque físico. */
#battle .exp-pocoes{display:flex;gap:6px;align-items:center;margin-top:8px}
#battle .exp-pocao{position:relative;width:38px;height:38px;padding:2px;border-radius:7px;border:1px solid #c0392b;background:radial-gradient(circle at 50% 35%,#fff3ef,#f1d3c9);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
#battle .exp-pocao:hover:enabled{border-color:#7d231b;box-shadow:0 0 8px #e74c3c88}
#battle .exp-pocao img{width:100%;height:100%;object-fit:contain;pointer-events:none}
#battle .exp-pocao:disabled{cursor:not-allowed;filter:grayscale(.85);opacity:.6}
#battle .exp-pocao b{position:absolute;right:-5px;bottom:-5px;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:#1d3346;color:#fff;font:800 9px/16px system-ui,sans-serif;text-align:center}
#battle .exp-pocao i{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#000a;color:#ffd27a;font:800 14px system-ui,sans-serif;font-style:normal}
#battle .exp-pocao.vazia{cursor:default;border-style:dashed;border-color:#b49550;background:transparent;color:#b49550;font:800 15px system-ui,sans-serif}