.character-current{display:flex;gap:14px;align-items:center;margin:15px 0;background:#edf1e8;border:1px solid #dbe2d3;border-radius:10px;padding:6px 12px}.character-current img{object-fit:contain;flex-shrink:0}.character-current span{display:block;font-size:9px;letter-spacing:1px;color:#73816d}.character-current strong{display:block;font-size:13px;font-weight:500;color:#294638;margin:5px 0 8px}.character-current button{border:0;background:transparent;padding:0;color:#2a644b;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.character-dialog{width:min(720px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:24px;border:1px solid #d7dfcf;border-radius:18px;background:#f8f8f3;color:#294638;overflow:auto;box-shadow:0 24px 90px #10211e45}.character-dialog::backdrop{background:#10251dc9;backdrop-filter:blur(6px)}.character-heading{display:flex;justify-content:space-between;gap:15px;align-items:start}.character-heading h2{font-size:25px;font-weight:550;letter-spacing:-.7px;margin:7px 0 10px}.character-heading button{border:0;background:transparent;color:#34583e;font-size:19px;padding:4px 8px;cursor:pointer}#character-help{font-size:12px;line-height:1.6;color:#6d7c66;margin:0 0 18px}#character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.character-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:8px 8px 13px;border:2px solid transparent;border-radius:12px;background:linear-gradient(145deg,#e8eee2,#f2f3ee);color:#39553d;cursor:pointer;min-width:0}.character-card:hover{background:#e4ecd9}.character-card img{width:100%;height:210px;object-fit:contain}.character-card strong{font-size:12px;font-weight:500;margin-top:3px}.character-card[aria-checked=true]{border-color:#407851;background:#e4ecd9}.character-check{display:none;position:absolute;right:9px;top:9px;border-radius:50%;width:22px;height:22px;background:#326849;color:white;place-items:center;font-size:13px}.character-card[aria-checked=true] .character-check{display:grid}.character-card:disabled{opacity:.35;cursor:not-allowed}.character-card:focus-visible,.character-dialog button:focus-visible,#character-open:focus-visible{outline:3px solid #76a17a;outline-offset:3px}.character-footer{position:sticky;bottom:-24px;background:#f8f8f3;padding:14px 0 0;margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:12px}.character-footer p{font-size:11px;color:#6c7d68}.character-footer>div{display:flex;gap:8px}.character-footer button{border:1px solid #cbd8c4;background:#f2f4ed;color:#37563a;padding:11px 15px;border-radius:8px;cursor:pointer;font-size:12px}#character-apply{background:#2a644b;color:white;border-color:#2a644b}
@media(max-width:760px){#btn-avatar{display:inline-block}}
@media(max-width:540px){.barra .local{display:none}.barra .controles{margin-left:auto}}
@media(max-width:380px){.barra .wordmark.small span{display:none}}
@media(max-width:540px){.character-dialog{padding:18px}.character-heading h2{font-size:21px}#character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.character-card img{height:165px}.character-footer{bottom:-18px;display:block;padding:12px 0 0}.character-footer p{margin:0 0 9px}.character-footer>div{justify-content:flex-end}}