/* Entrada e criação: identidade etérea, sem os grandes blocos marrons. */
.somente-leitor{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#screen-boot,#screen-criacao{font-family:var(--hda-font-body);background:
 radial-gradient(circle at 50% 22%,rgba(34,179,211,.18),transparent 34%),
 linear-gradient(150deg,#050b13 0%,#0d1b29 48%,#111421 100%);color:#eaf6f5}
#screen-boot::before,#screen-criacao::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(113,220,239,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(113,220,239,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
#logo-oficial{position:relative;width:min(820px,88vw);height:auto;max-height:48vh;object-fit:contain;filter:drop-shadow(0 18px 34px rgba(0,0,0,.72));animation:logo-respirar 4.8s ease-in-out infinite}
#screen-boot .subtitulo{margin:var(--hda-space-1) 0 22px;color:#b9dce1;font-size:clamp(.9rem,2vw,var(--hda-text-subtitle));line-height:var(--hda-leading-body);letter-spacing:.08em}
#screen-boot>button{position:relative;width:min(330px,82vw);border:1px solid rgba(109,219,236,.48);border-radius:var(--hda-radius-2xl);background:linear-gradient(135deg,rgba(16,61,82,.92),rgba(13,29,47,.96));box-shadow:inset 0 1px rgba(255,255,255,.09),0 7px 24px rgba(0,0,0,.28);color:#e9fbff}
#screen-boot>button:hover{background:linear-gradient(135deg,#176e8a,#18374e);border-color:#8deaff;box-shadow:0 0 22px rgba(49,199,229,.23)}
#screen-boot>button.primario{background:linear-gradient(135deg,#157da0,#16506e);border-color:#8ceaff;color:white;font-weight:800}
#screen-boot>button.secundario{background:rgba(8,24,37,.78);border-color:rgba(90,142,155,.48);color:#aac5cb}
#save-slots{position:relative;width:min(1080px,96vw);margin:0 auto 14px}
.slots-cabecalho{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 2px 10px;text-align:left}.slots-sobrelinha{display:block;margin-bottom:2px;color:#56cada;font-size:.62rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.slots-titulo{margin:0;color:#e8fcff;font-family:var(--hda-font-display);font-size:clamp(1rem,2vw,1.28rem);line-height:1.1}.slots-ajuda{color:#7697a0;font-size:.68rem;font-weight:700}
.slots-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.save-slot-card{position:relative;display:grid;min-width:0;border:1px solid rgba(79,151,170,.3);border-radius:16px;background:linear-gradient(155deg,rgba(11,34,50,.92),rgba(6,15,27,.96));box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.2);transition:border-color .16s,box-shadow .16s,transform .16s}.save-slot-card:hover{transform:translateY(-2px);border-color:rgba(107,219,234,.65)}.save-slot-card.ativo{border-color:#82eafa;box-shadow:0 0 0 2px rgba(74,212,233,.13),0 15px 34px rgba(0,0,0,.34)}.save-slot-card.vazio{background:linear-gradient(155deg,rgba(11,29,43,.72),rgba(7,15,26,.78));border-style:dashed}.save-slot-card.corrompido{border-color:#a85a65;background:linear-gradient(155deg,rgba(54,22,32,.82),rgba(16,13,24,.94))}
.save-slot{display:flex!important;min-width:0!important;width:100%!important;min-height:164px;margin:0!important;padding:12px 12px 10px!important;flex-direction:column;align-items:stretch;text-align:left!important;border:0!important;border-radius:15px!important;background:transparent!important;color:inherit!important;box-shadow:none!important}.save-slot:hover,.save-slot:focus-visible{transform:none!important;background:linear-gradient(145deg,rgba(38,111,132,.11),transparent)!important;outline:none}.save-slot:focus-visible{box-shadow:inset 0 0 0 3px #a4f2fb!important}.slot-topo{display:flex;align-items:center;justify-content:space-between;gap:8px}.slot-numero{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(126,230,243,.42);border-radius:9px;background:#12384a;color:#aaf5fc;font-size:.78rem;font-weight:900}.slot-estado{color:#80a8b2;font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.save-slot-card.ocupado .slot-estado{color:#7bdbe8}.save-slot-card.ativo .slot-estado{color:#ddfbff}.save-slot-card.corrompido .slot-estado{color:#ff9dab}
.slot-info{display:flex;min-width:0;flex:1;flex-direction:column;margin-top:13px}.slot-info b,.slot-info small,.slot-info time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-info b{color:#f0fdff;font-size:.9rem;line-height:1.2}.slot-info small{font-size:.65rem}.slot-identidade{margin-top:5px;color:#a7c1c7}.slot-progresso{margin-top:8px;color:#e2c977!important;font-weight:800}.slot-info time{margin-top:3px;color:#6f929b;font-size:.6rem}.slot-chamada{display:flex;align-items:center;justify-content:space-between;min-height:27px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(92,166,183,.17);color:#76dbe8;font-size:.65rem;font-weight:900;letter-spacing:.02em}.save-slot-card.ativo .slot-chamada{color:#d9fbff}
.slot-apagar{position:absolute;z-index:2;right:8px;bottom:8px;display:flex;align-items:center;gap:4px;min-width:0;min-height:28px;margin:0;padding:4px 7px;border:1px solid transparent;border-radius:8px;background:transparent;color:#9f8086;font-size:.58rem}.slot-apagar:hover,.slot-apagar:focus-visible{transform:none;border-color:#b94f61;background:#5d1e2b;color:#fff;outline:none}.save-slot-card:has(.slot-apagar) .slot-chamada{padding-right:54px}.slot-instrucao{margin:8px 0 0;color:#668991;font-size:.62rem;text-align:center}
.dialogo-excluir-save{width:min(430px,calc(100vw - 28px));padding:0;border:1px solid #b75b68;border-radius:18px;background:linear-gradient(150deg,#172532,#111622);color:#edf9fb;box-shadow:0 30px 90px rgba(0,0,0,.72)}.dialogo-excluir-save::backdrop{background:rgba(1,7,12,.8);backdrop-filter:blur(6px)}.dialogo-excluir-save form{display:grid;padding:24px;text-align:center}.dialogo-save-icone{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 10px;border:1px solid #b65a67;border-radius:50%;background:#4b1c29;color:#ffbbc4;font-size:1.3rem}.dialogo-excluir-save h2{margin:0;color:#fff;font-family:var(--hda-font-display);font-size:1.3rem}.dialogo-excluir-save p{margin:10px 0 20px;color:#aec5ca;font-size:.84rem;line-height:1.5}.dialogo-excluir-save p b{color:#fff}.dialogo-save-acoes{display:grid;grid-template-columns:1fr 1.35fr;gap:8px}.dialogo-save-acoes button{min-height:44px;margin:0;border-radius:10px}.dialogo-save-cancelar:focus-visible,.dialogo-save-confirmar:focus-visible{outline:3px solid #b7f5fc;outline-offset:2px}
#screen-boot>p:last-child{position:relative;color:#7f9da8!important;line-height:1.55}
.painel-criacao{position:relative;padding:clamp(var(--hda-space-7),3vw,var(--hda-space-14));border:1px solid rgba(104,208,228,.22);border-radius:var(--hda-radius-panel);background:linear-gradient(145deg,rgba(9,28,42,.9),rgba(13,18,31,.9));box-shadow:0 24px 70px rgba(0,0,0,.38);backdrop-filter:blur(12px)}
.criacao-progresso{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:12px}.criacao-passo{width:34px;height:4px;border-radius:9px;background:#263847}.criacao-passo.ativo{background:#56d9ec;box-shadow:0 0 10px rgba(86,217,236,.7)}
#screen-criacao .passo-titulo{font-family:var(--hda-font-display);color:#dffbff;font-size:clamp(1.2rem,3vw,var(--hda-text-heading));line-height:var(--hda-leading-tight);text-shadow:0 0 18px rgba(76,208,229,.35)}
#screen-criacao input[type=text]{background:#081520!important;border:1px solid #36798a!important;border-radius:10px!important;color:#effcff!important;outline:none;box-shadow:inset 0 1px 8px rgba(0,0,0,.35)}
#screen-criacao input[type=text]:focus{border-color:#75e6f4!important;box-shadow:0 0 0 3px rgba(65,199,220,.14)}
#screen-criacao .grid-opcoes{gap:12px;max-width:1050px}
#screen-criacao .opcao-card{position:relative;overflow:hidden;min-height:130px;padding:14px;border:1px solid rgba(104,174,193,.3);border-radius:14px;background:linear-gradient(155deg,rgba(18,49,65,.82),rgba(12,23,37,.92));box-shadow:inset 0 1px rgba(255,255,255,.04);transition:transform .16s,border-color .16s,box-shadow .16s}
#screen-criacao .opcao-card:hover{transform:translateY(-3px);border-color:#55cada;box-shadow:0 12px 24px rgba(0,0,0,.25)}
#screen-criacao .opcao-card.selecionada{border-color:#91eff8;background:linear-gradient(145deg,rgba(19,100,124,.76),rgba(17,37,57,.95));box-shadow:0 0 0 2px rgba(95,222,237,.18),0 0 26px rgba(38,181,206,.15)}
#screen-criacao .opcao-card h3{color:#ecfdff}#screen-criacao .opcao-card p,.habilidade-inicial{color:#acc7cf}
.criacao-sprite{display:block;width:76px;height:76px;margin:0 auto 7px;background-repeat:no-repeat;background-size:400% 100%;background-position:left top;image-rendering:pixelated;filter:drop-shadow(0 8px 7px rgba(0,0,0,.5))}
.criacao-heroi-resumo{width:120px;height:120px;margin:0 auto;background-repeat:no-repeat;background-size:400% 100%;background-position:left top;image-rendering:pixelated;filter:drop-shadow(0 10px 12px #000)}
#screen-criacao button{border-radius:10px;border-color:#376f80;background:#142d3e}#screen-criacao button.primario{background:linear-gradient(135deg,#1886a7,#164c70);border-color:#7ce8f5}
.loja-servicos{margin-bottom:18px;padding:12px;border:1px solid rgba(78,190,210,.25);border-radius:12px;background:rgba(8,31,45,.35)}.servico-loja{color:inherit;text-align:left;flex-direction:column;align-items:flex-start!important;border-color:#365c68!important;background:#132833!important}.servico-loja b{color:#ffd978}
@keyframes logo-respirar{50%{transform:translateY(-4px);filter:drop-shadow(0 22px 42px rgba(24,193,221,.2))}}
@media(max-width:720px){#screen-boot{justify-content:flex-start;padding:14px 10px calc(16px + env(safe-area-inset-bottom))}#logo-oficial{width:min(540px,92vw);max-height:28vh}.slots-cabecalho{align-items:center;margin-bottom:8px}.slots-ajuda{display:none}.slots-grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.save-slot{min-height:142px;padding:10px!important}.slot-info{margin-top:8px}.slot-progresso{margin-top:5px}.slot-apagar{right:3px;bottom:3px;min-width:44px;min-height:44px;justify-content:center}.slot-instrucao{display:none}#screen-boot>button{min-height:44px;margin-block:4px}}
@media(max-width:420px) and (orientation:portrait){#screen-boot .subtitulo{margin-bottom:12px;font-size:.78rem}.slots-titulo{font-size:1rem}.save-slot{min-height:134px}.slot-info b{font-size:.78rem}.slot-info small{font-size:.58rem}.slot-info time{font-size:.55rem}.slot-chamada{font-size:.58rem}.slot-apagar{font-size:0}.slot-apagar span{font-size:.8rem}.save-slot-card:has(.slot-apagar) .slot-chamada{padding-right:24px}}
@media(max-height:650px){#logo-oficial{max-height:24vh}#screen-boot .subtitulo{margin-bottom:9px}#screen-boot>p:last-child{display:none}#save-slots{margin-bottom:7px}.save-slot{min-height:126px;padding:8px!important}.slot-info{margin-top:7px}.slot-progresso{margin-top:4px}.slot-chamada{margin-top:6px;padding-top:5px}}
@media(max-height:500px) and (orientation:landscape){#screen-boot{display:grid;grid-template-columns:minmax(150px,.42fr) minmax(0,1.58fr);grid-template-rows:auto auto auto auto;align-content:center;align-items:center;gap:5px 18px;padding:8px 16px}#logo-oficial{grid-column:1;grid-row:1;width:100%;max-height:28vh}.somente-leitor,#screen-boot .subtitulo{grid-column:1;grid-row:2}#save-slots{grid-column:2;grid-row:1/-1;width:100%;margin:0}.slots-cabecalho{margin-bottom:6px}.slots-grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.save-slot{min-height:104px;padding:7px 8px!important}.slot-topo{position:absolute;right:8px;top:7px}.slot-numero{width:24px;height:24px}.slot-estado{display:none}.slot-info{margin:0;padding-right:26px}.slot-progresso{margin-top:3px}.slot-chamada{min-height:20px;margin-top:4px;padding-top:3px}.slot-apagar{right:3px;bottom:3px;min-width:44px;min-height:44px;justify-content:center}#screen-boot>button,#painel-login{grid-column:1;width:100%!important;margin:2px 0!important}#btn-continuar{grid-row:3}#btn-novo-jogo{grid-row:4}#btn-ng-plus,#btn-acessibilidade,#painel-login,#screen-boot>p:last-child{display:none!important}}
@media(prefers-reduced-motion:reduce){#logo-oficial{animation:none}}

/* Criação de herói — cartões menores e mais informativos para comportar as
   novas escolhas sem voltar aos blocos marrons nem criar rolagem horizontal. */
#screen-criacao{overflow-y:auto;align-items:flex-start;padding-block:22px}
#screen-criacao .painel-criacao{width:min(1180px,calc(100vw - 34px));max-width:none;margin:auto}
.criacao-topo{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:8px}
.criacao-topo .criacao-progresso{display:grid;grid-template-columns:repeat(9,minmax(48px,1fr));align-items:start;gap:4px;margin:0;justify-content:stretch}
.criacao-topo .criacao-passo{position:relative;display:flex;width:auto;height:auto;min-width:0;flex-direction:column;align-items:center;gap:4px;background:none;box-shadow:none;color:#66838c;text-align:center}
.criacao-topo .criacao-passo:not(:last-child)::after{content:"";position:absolute;z-index:0;top:14px;left:calc(50% + 17px);right:calc(-50% + 17px);height:2px;background:#263f49}
.criacao-passo i{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border:1px solid #31505b;border-radius:50%;background:#0b1b27;color:#78949d;font-size:.76rem;font-style:normal;box-shadow:0 4px 10px rgba(0,0,0,.22)}
.criacao-passo small{overflow:hidden;width:100%;color:inherit;font-size:.61rem;font-weight:800;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
.criacao-passo.ativo:not(:last-child)::after{background:linear-gradient(90deg,#55d8eb,#31505b)}
.criacao-passo.ativo i{border-color:#56d9ec;background:#123846;color:#eaffff;box-shadow:0 0 0 3px rgba(86,217,236,.09),0 0 14px rgba(86,217,236,.2)}
.criacao-passo.concluido i{background:#176071;color:#efffff}
.criacao-passo.atual{color:#c8f8ff}.criacao-passo.atual i{transform:scale(1.08);border-color:#a2f4ff}
#screen-criacao .criacao-aleatoria{margin:0;padding:9px 13px;border-color:#8f6bca;background:linear-gradient(135deg,#372454,#183d55);color:#f1e8ff;font-weight:800;white-space:nowrap}
.criacao-etapa-identificador{margin:14px 0 3px;color:#6ed8e8;font-size:.7rem;font-weight:900;letter-spacing:.12em;text-align:center;text-transform:uppercase}
#screen-criacao .passo-titulo{margin:0 0 14px;text-align:center}
.criacao-intro{max-width:760px;margin:0 auto var(--hda-space-8);color:#a9c9d1;line-height:var(--hda-leading-body)}
.criacao-escolhas{max-width:1040px;margin:0 auto 15px;padding:10px 12px;border:1px solid rgba(83,151,167,.22);border-radius:14px;background:linear-gradient(135deg,rgba(7,24,36,.74),rgba(12,27,42,.58))}
.criacao-escolhas-cabecalho{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;text-align:left}.criacao-escolhas-cabecalho b{color:#d9f8fb;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.criacao-escolhas-cabecalho span{color:#7799a3;font-size:.66rem}
.criacao-escolhas-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:6px}.criacao-escolha{display:flex;min-width:0;flex-direction:column;padding:6px 8px;border-left:2px solid #367987;background:rgba(16,48,61,.48);text-align:left}.criacao-escolha small{color:#7499a2;font-size:.58rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.criacao-escolha b{overflow:hidden;color:#e9fbfd;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}
#screen-criacao .grid-opcoes{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));max-width:none;margin-inline:auto;align-items:stretch}
#screen-criacao .grid-elementos{grid-template-columns:repeat(5,minmax(130px,1fr))}
#screen-criacao .grid-compacto{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}
#screen-criacao .opcao-card{display:block;width:100%;margin:0;min-height:112px;text-align:left;color:inherit;cursor:pointer}
#screen-criacao .grid-elementos .opcao-card,#screen-criacao .grid-compacto .opcao-card{min-height:92px}
#screen-criacao .opcao-card:focus-visible{outline:3px solid #9debf4;outline-offset:2px}
#screen-criacao .opcao-meta{margin-top:8px!important;color:#e3c67c!important;font-size:.7rem!important}
.criacao-secao-titulo{margin:18px 0 8px;color:#ccecf0;font-size:.88rem;letter-spacing:.07em;text-align:left;text-transform:uppercase}
.criacao-navegacao{position:sticky;bottom:-1px;display:grid;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:10px;margin:20px -8px -10px;padding:12px;background:linear-gradient(0deg,rgba(7,17,28,.98) 55%,rgba(7,17,28,0));z-index:4}
.criacao-navegacao button{min-width:145px}
.criacao-navegacao-status{color:#86a8b0;font-size:.72rem;font-weight:700;text-align:left}.criacao-navegacao .criacao-continuar{min-width:210px;border-color:#8decf7!important;box-shadow:0 8px 22px rgba(14,137,171,.22);font-weight:900}.criacao-navegacao .criacao-continuar:disabled{box-shadow:none;opacity:.46}.criacao-navegacao .criacao-voltar{background:#0b1d2a!important;color:#aec4c9}
#screen-criacao .criacao-inicio{display:block;min-width:min(310px,90%);margin:0 auto;border-color:#8decf7;box-shadow:0 8px 22px rgba(14,137,171,.22);font-weight:900}
.criacao-travas{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:0 auto 12px;max-width:1000px}.criacao-travas-rotulo{color:#91afb7;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}#screen-criacao .criacao-trava{min-height:34px;margin:0;padding:5px 9px;border-color:#355564;background:#0a1d2a;color:#a9c4ca;font-size:.72rem}#screen-criacao .criacao-trava.ativa{border-color:#7ce8f5;background:#173c4d;color:#e9fdff;box-shadow:0 0 12px rgba(86,217,236,.13)}
.criacao-preview{display:flex;align-items:center;justify-content:center;gap:14px;width:max-content;max-width:100%;margin:2px auto 14px;padding:8px 16px 8px 10px;border:1px solid rgba(91,209,228,.24);border-radius:16px;background:linear-gradient(135deg,rgba(14,54,70,.72),rgba(13,24,39,.8));box-shadow:0 10px 25px rgba(0,0,0,.22)}.criacao-preview-sprite{display:block;width:104px;height:104px;flex:0 0 104px;background-repeat:no-repeat;background-size:400% 100%;background-position:left top;image-rendering:pixelated;filter:drop-shadow(0 9px 8px rgba(0,0,0,.6))}.criacao-preview>span:last-child{display:flex;flex-direction:column;text-align:left}.criacao-preview small{color:#75cbd7;font-size:.65rem;font-weight:900;letter-spacing:.12em}.criacao-preview b{color:#f2feff;font-size:1.05rem}.criacao-preview em{color:#a8c3ca;font-size:.78rem;font-style:normal}
#screen-criacao>div input[type="text"]{display:block;width:min(420px,90%);margin:18px auto 14px;padding:13px 15px;font-size:1.08rem}
#screen-criacao>div>button.primario{display:block;margin:0 auto}
.criacao-resumo{display:grid;grid-template-columns:160px minmax(250px,1.2fr) minmax(230px,.8fr);gap:22px;align-items:center;max-width:920px;margin:12px auto;padding:20px;border:1px solid rgba(112,218,233,.26);border-radius:17px;background:rgba(5,19,30,.55);text-align:left}
.criacao-resumo .criacao-heroi-resumo{width:150px;height:150px;margin:0}
.resumo-identidade h3{margin:0 0 var(--hda-space-5);font-family:var(--hda-font-display);color:#effeff;font-size:var(--hda-text-title);line-height:var(--hda-leading-tight)}.resumo-identidade p{margin:var(--hda-space-3) 0;color:#b8d1d6}
.resumo-gostos{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.resumo-gostos span{padding:5px 8px;border:1px solid #315d6a;border-radius:999px;background:#0d2a36;color:#cff5f8;font-size:.76rem}
.resumo-atributos{display:grid;gap:4px}.resumo-atributos .stat-row{margin:0}
.modo-historia-card{display:flex;align-items:flex-start;gap:7px;max-width:760px;margin:15px auto;padding:11px 13px;border:1px solid #486577;border-radius:10px;background:#0c2030;color:#c6dfe4;text-align:left;cursor:pointer}
.modo-historia-card input{margin-top:3px}
@media(max-width:780px){.criacao-topo{grid-template-columns:1fr}.criacao-topo .criacao-progresso{justify-content:center}.criacao-passo small{display:none}.criacao-topo .criacao-aleatoria{justify-self:center}.criacao-resumo{grid-template-columns:1fr;text-align:center}.criacao-resumo .criacao-heroi-resumo{margin:auto}.resumo-gostos{justify-content:center}#screen-criacao .grid-elementos{grid-template-columns:repeat(2,minmax(130px,1fr))}.criacao-navegacao{bottom:calc(-1px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto auto;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.criacao-navegacao-status{font-size:.65rem}.criacao-navegacao .criacao-continuar{min-width:185px}}
@media(max-width:520px){#screen-criacao{padding:8px 0}#screen-criacao .painel-criacao{width:calc(100vw - 12px);padding:11px 11px calc(74px + env(safe-area-inset-bottom));backdrop-filter:none}.criacao-topo .criacao-progresso{grid-template-columns:repeat(9,1fr);gap:2px}.criacao-topo .criacao-passo:not(:last-child)::after{top:12px;left:calc(50% + 13px);right:calc(-50% + 13px)}.criacao-passo i{width:25px;height:25px;font-size:.64rem}.criacao-etapa-identificador{margin-top:10px}#screen-criacao .grid-opcoes{grid-template-columns:1fr;gap:8px}#screen-criacao .opcao-card{min-height:92px;padding:11px}.criacao-escolhas{padding:8px}.criacao-escolhas-lista{grid-template-columns:repeat(2,minmax(0,1fr))}.criacao-navegacao{position:fixed;left:6px;right:6px;bottom:0;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);margin:0;border:1px solid rgba(91,209,228,.22);border-bottom:0;border-radius:14px 14px 0 0}.criacao-navegacao-status{display:none}.criacao-navegacao button,.criacao-navegacao .criacao-continuar{min-width:0;min-height:44px;width:100%;padding-inline:8px}.criacao-topo .criacao-passo{width:auto}.criacao-preview{position:sticky;top:0;z-index:3;justify-content:flex-start;width:100%;margin-bottom:9px;padding:5px 10px;background:rgba(7,26,39,.94);backdrop-filter:blur(9px)}.criacao-preview-sprite{width:86px;height:86px;flex-basis:86px}.criacao-travas{justify-content:flex-start;max-height:76px;overflow-y:auto}.criacao-travas-rotulo{width:100%}.criacao-resumo{padding:12px}.criacao-resumo .criacao-heroi-resumo{width:170px;height:170px}}
@media(max-height:460px) and (orientation:landscape){#screen-criacao{padding:4px 0}#screen-criacao .painel-criacao{width:calc(100vw - 10px);padding:8px 10px 62px}.criacao-topo{grid-template-columns:1fr auto;margin:0}.criacao-topo .criacao-aleatoria{justify-self:end;padding:6px 9px}.criacao-etapa-identificador{margin:5px 0 1px}.criacao-escolhas{margin-right:200px;padding:6px 8px}.criacao-escolhas-cabecalho{margin-bottom:4px}.criacao-escolhas-lista{grid-template-columns:repeat(4,minmax(80px,1fr))}.criacao-preview{position:absolute;right:12px;top:52px;width:188px;margin:0;padding:4px 8px}.criacao-preview-sprite{width:72px;height:72px;flex-basis:72px}.criacao-preview small{display:none}#screen-criacao .grid-opcoes{padding-right:200px;grid-template-columns:repeat(2,minmax(170px,1fr));gap:7px}#screen-criacao .opcao-card{min-height:76px;padding:8px}.criacao-intro{margin-bottom:7px}.criacao-navegacao{padding:7px calc(12px + env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom))}.criacao-resumo{grid-template-columns:120px 1fr 1fr;gap:10px;padding:8px}.criacao-resumo .criacao-heroi-resumo{width:110px;height:110px}.modo-historia-card{margin:6px auto;padding:7px}}
/* Efeitos de cada escolha na criação (22/09): o card diz o que a escolha faz
   e onde ela pesa; a revisão junta tudo e mostra as combinações. */
#screen-criacao .opcao-efeitos{display:grid;gap:4px;margin-top:8px}
#screen-criacao .opcao-efeito{display:block;color:#bfe0e6;font-size:.72rem;line-height:1.35}
#screen-criacao .opcao-efeito i{display:inline-block;min-width:1.35em;margin-right:4px;font-style:normal}
.criacao-efeitos-resumo{max-width:920px;margin:12px auto;padding:14px 16px;border:1px solid rgba(112,218,233,.22);border-radius:14px;background:rgba(5,19,30,.5);text-align:left}
.criacao-efeitos-resumo h4{margin:0 0 4px;color:#d9f8fb;font-size:.8rem;letter-spacing:.07em;text-transform:uppercase}
.criacao-legenda{margin:0 0 10px;color:#7fa3ac;font-size:.68rem}
.criacao-efeitos-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}
.criacao-efeito-linha{display:flex;gap:8px;align-items:flex-start;padding:6px 8px;border-left:2px solid #367987;background:rgba(16,48,61,.42)}
.criacao-efeito-linha i{flex:0 0 auto;min-width:1.4em;font-style:normal}
.criacao-efeito-linha b{display:block;color:#d4f3f7;font-size:.72rem}
.criacao-efeito-linha span{display:block;color:#a9c9d1;font-size:.72rem;line-height:1.35}
.criacao-combinacoes{display:grid;gap:6px;margin-top:10px}
.criacao-combinacao{padding:8px 10px;border:1px solid rgba(227,198,124,.45);border-radius:10px;background:rgba(58,44,16,.35)}
.criacao-combinacao b{display:block;color:#f1d58e;font-size:.76rem}
.criacao-combinacao span{display:block;color:#e8dcc0;font-size:.72rem}
.acc-modo-historia{margin-top:6px}
@media(max-width:520px){.criacao-efeitos-lista{grid-template-columns:1fr}.criacao-efeitos-resumo{padding:10px}}
.criacao-sprite[style*="walk_v2_"],.criacao-preview-sprite[style*="walk_v2_"],.criacao-heroi-resumo[style*="walk_v2_"]{background-size:300% 400%;background-position:50% 0%;animation:none}