/* Criador dos heróis atuais: palco inteiro e paletas acessíveis no desktop e celular. */
.gate .gate-premium{max-width:1160px;grid-template-columns:minmax(0,43%) minmax(0,57%)}
.gate-content-panel{max-height:min(91dvh,900px);overflow-y:auto;scrollbar-color:#817250 #203529;scrollbar-width:thin}
.gate[data-screen="create"] .gate-art-panel{background:#10221b;display:flex;flex-direction:column;min-width:0}
.gate[data-screen="create"] #gateHeroCanvas{display:none}
.gate[data-screen="create"] #appearancePreviewCanvas{display:block;position:relative;inset:auto;width:100%;height:0;flex:1 1 0;min-height:0;object-fit:contain;image-rendering:pixelated}
.gate[data-screen="create"] .gate-art-top{position:relative;inset:auto;padding:17px 19px;flex:0 0 auto}
.hero-preview-tools{position:relative;z-index:2;margin:0 18px 18px;display:grid;gap:7px;flex:0 0 auto}
.hero-preview-row{display:flex;justify-content:center;gap:6px}
.hero-preview-row button{flex:1;min-height:36px;padding:8px;border:1px solid #617c68;border-radius:5px;background:#14281f;color:#cbdbcc;font:inherit;font-size:11px;cursor:pointer}
.hero-preview-row button[aria-pressed="true"]{background:#51442c;color:#ffe4a5;border-color:#d9b66d}
.hero-editor{margin:17px 0 13px;padding:17px;background:#10251dcc;border:1px solid #60725a;border-radius:8px;text-align:left}
.hero-editor-heading strong{font-size:12px;color:#f2d9a1;letter-spacing:1px}
.gate-content-panel .hero-editor-heading p{margin:6px 0 14px;text-align:left;font-size:11px;line-height:1.5;color:#a8c2af}
 .hero-styles{border:0;margin:0;padding:0;min-width:0}
.hero-styles legend{font-size:10px;letter-spacing:1px;color:#adc2ae;text-transform:uppercase;margin-bottom:10px}
.hero-style-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hero-style-card{position:relative;min-width:0;cursor:pointer}
.hero-style-card input{position:absolute;opacity:0;width:1px;height:1px}
.hero-style-content{display:flex;flex-direction:column;align-items:center;padding:4px 3px 9px;border:1px solid #45634e;border-radius:6px;background:radial-gradient(ellipse at center,#2a4235,#102119);box-shadow:inset 0 1px 0 #fff1}
.hero-style-content canvas{width:100%;height:auto;max-width:115px;aspect-ratio:1;image-rendering:pixelated;display:block}
.hero-style-name{font-size:10px;color:#c6d3bc;display:flex;gap:6px;align-items:center}
.hero-style-name::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--hero-color)}
.hero-style-card input:checked+.hero-style-content{border:2px solid #d9b971;padding:3px 2px 8px;background:radial-gradient(ellipse at center,#3b4f3d,#282b1e);box-shadow:0 0 16px #d6b76d13}
.hero-style-card input:checked+.hero-style-content .hero-style-name{color:#ffe1a0}
.hero-style-card input:focus-visible+.hero-style-content{outline:2px solid #ffe7ae;outline-offset:3px}
.hero-editor-actions button,#reloadAppearanceArt{padding:9px 7px;min-height:36px;border:1px solid #536952;border-radius:5px;background:#1e3528;color:#d8d9ba;font:inherit;font-size:11px;cursor:pointer}
.hero-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.gate-content-panel .hero-editor-note,.gate-content-panel .hero-editor-status{margin:11px 0 0;max-width:none;text-align:left;line-height:1.5;font-size:10px;color:#96b4a0}
.gate-content-panel .hero-editor-status{color:#d0d3b4}
#reloadAppearanceArt{margin-top:10px;width:100%}
#reloadAppearanceArt[hidden]{display:none!important}
.hero-class-details{margin:12px 0;color:#b4c4ad;font-size:11px}
.hero-class-details summary{cursor:pointer;padding:10px;border-bottom:1px solid #547056;list-style-position:inside}
.hero-class-details .gate-class-panel{margin-top:9px}
.hero-editor button:hover,.hero-preview-tools button:hover{border-color:#c9ab67}
.hero-editor button:focus-visible,.hero-preview-tools button:focus-visible{outline:2px solid #efd390;outline-offset:3px}
@media(max-width:940px) and (min-width:671px){.gate .gate-premium{grid-template-columns:minmax(0,40%) minmax(0,60%)}.hero-style-cards{gap:6px}}
@media(max-width:670px){
 .gate[data-screen="create"]{scroll-padding-top:350px}
 .gate .gate-premium{display:flex;flex-direction:column;max-width:550px}
 .gate[data-screen="create"] .gate-art-panel{position:sticky;top:-10px;z-index:5;height:340px;min-height:340px;max-height:340px;flex:0 0 340px;overflow:hidden;box-shadow:0 9px 20px #0007}
 .gate[data-screen="create"] .gate-art-top{padding:10px 15px;font-size:8px}
 .gate[data-screen="create"] #appearancePreviewCanvas{height:236px;width:100%;flex:0 0 236px}
 .hero-preview-tools{margin:0 14px 10px;gap:4px}.hero-preview-row button{min-height:28px;padding:4px;font-size:10px}
 .gate-content-panel{max-height:none;overflow:visible}
 .hero-editor{padding:14px}.hero-style-cards{gap:7px}.hero-style-content canvas{max-width:94px}.hero-style-name{font-size:9px}
 .hero-style-card input{scroll-margin-top:350px}
}
.auth-site-register{display:flex;align-items:center;justify-content:center;text-decoration:none;background:#152a20;color:#d7c493;border:1px solid #567358;padding:11px;font-size:10px;letter-spacing:.7px}.auth-site-register:hover{border-color:#d9bb71;color:#ffe4ac}