/* Pokémon Arena · interface integrada do UI Lab — modais (apenas apresentação; ver arena-ui.css). */

/* ================= ESCOLHER POKÉMON ================= */
html body #pokemon-select-dialog{border:2px solid var(--ui-line);border-radius:8px;background:var(--ui-panel);box-shadow:0 6px 0 var(--ui-shade);color:var(--ui-ink)}
html body #pokemon-select-dialog::backdrop{background:#02101cd6}
html body #pokemon-select-dialog[open]{animation:ui-modal-in .22s var(--ui-ease)}
@keyframes ui-modal-in{from{opacity:0;transform:translateY(12px) scale(.98)}}
html body #pokemon-select-dialog .pokemon-modal-heading{border-bottom:2px solid var(--ui-soft);background:none}
html body #pokemon-select-dialog .pokemon-modal-heading small{font:400 17px/1 var(--ui-pixel);letter-spacing:1.5px;color:var(--ui-cyan)}
html body #pokemon-select-dialog .pokemon-modal-heading h2{font:400 34px/1 var(--ui-pixel);letter-spacing:.3px;margin:3px 0}
html body #pokemon-select-dialog #picker-count{font:400 30px/1 var(--ui-pixel);color:var(--ui-cyan)}
html body #pokemon-select-dialog [data-close-picker]{width:34px;height:34px;border:2px solid var(--ui-soft);border-radius:6px;background:none;color:var(--ui-ink2);transition:background .12s,border-color .12s}
html body #pokemon-select-dialog [data-close-picker]:hover{border-color:var(--ui-line);background:var(--ui-panel2)}
html body #pokemon-select-dialog .search-box,html body #pokemon-select-dialog select{border:2px solid var(--ui-soft);border-radius:8px;background:#05192b;color:var(--ui-ink)}
html body #pokemon-select-dialog .search-box:focus-within{border-color:var(--ui-cyan)}
html body #pokemon-select-dialog .picker-team h3{font:400 20px/1 var(--ui-pixel);letter-spacing:1.5px;color:var(--ui-ink3)}
/* lista lateral da equipe */
html body #pokemon-select-dialog .picker-slot{border:2px solid var(--ui-soft);border-radius:8px;background:var(--ui-bg2);transition:border-color .12s,background .12s}
html body #pokemon-select-dialog .picker-slot:hover{border-color:var(--ui-line)}
html body #pokemon-select-dialog .picker-slot.active{border-color:var(--ui-yellow);background:var(--ui-panel2)}
html body #pokemon-select-dialog .picker-slot>b{font:400 24px/1 var(--ui-pixel);color:var(--ui-yellow)}
html body #pokemon-select-dialog .picker-slot strong{font:400 19px/1 var(--ui-pixel);letter-spacing:.2px;white-space:nowrap}
html body #pokemon-select-dialog .picker-slot>span{min-width:0;padding-right:2px}
html body #pokemon-select-dialog .picker-slot-remove{border:2px solid var(--ui-soft);border-radius:6px;background:var(--ui-bg2);color:var(--ui-ink2)}
html body #pokemon-select-dialog .picker-slot-remove:hover{background:var(--ui-red);border-color:var(--ui-red);color:#fff}
/* cards compactos */
html body #pokemon-select-dialog .pokemon-card{--tcard:var(--ui-tc,var(--ui-line));position:relative;border:2px solid var(--ui-soft);border-radius:8px;background:var(--ui-panel);box-shadow:inset 0 3px 0 var(--tcard);transition:transform .2s var(--ui-ease),border-color .12s,background .12s,box-shadow .2s var(--ui-ease)}
html body #pokemon-select-dialog .pokemon-card:hover{border-color:var(--ui-line);background:var(--ui-panel2);transform:translateY(-2px)}
html body #pokemon-select-dialog .pokemon-card.selected{border-color:var(--ui-yellow);background:var(--ui-panel3);transform:translateY(-3px) scale(1.03);box-shadow:inset 0 3px 0 var(--tcard),0 4px 0 var(--ui-shade)}
html body #pokemon-select-dialog .pokemon-card.inspected:not(.selected){border-color:var(--ui-cyan)}
html body #pokemon-select-dialog .pokemon-card .card-top span{font:400 16px/1 var(--ui-pixel);color:var(--ui-ink3);letter-spacing:.5px}
html body #pokemon-select-dialog .pokemon-card .pick-order{display:grid;place-items:center;min-width:22px;height:22px;padding:3px 4px 0;border:2px solid var(--ui-yellow-d);border-radius:6px;background:var(--ui-yellow);color:#2a1d00;font:400 17px/1 var(--ui-pixel)}
html body #pokemon-select-dialog .pokemon-card:not(.selected) .pick-order{background:var(--ui-bg2);border-color:var(--ui-soft);color:var(--ui-ink3)}
html body #pokemon-select-dialog .pokemon-card h3{font:400 24px/1 var(--ui-pixel);letter-spacing:.3px}
html body #pokemon-select-dialog .pokemon-card .role{display:none}
html body #pokemon-select-dialog .pokemon-card .card-attributes label:nth-child(n+3){display:none}
html body #pokemon-select-dialog .pokemon-card .card-attributes label{font:400 15px/1 var(--ui-pixel);letter-spacing:.3px;color:var(--ui-ink3)}
html body #pokemon-select-dialog .pokemon-card .card-attributes i{height:6px;background:#041321;border-radius:3px}
html body #pokemon-select-dialog .pokemon-card .card-attributes i>b{background:var(--ui-cyan);border-radius:0}
html body #pokemon-select-dialog .pokemon-card .card-attributes small{font:400 15px/1 var(--ui-pixel);color:var(--ui-ink2)}
html body #pokemon-select-dialog .pick-status{min-height:30px;padding:3px 6px 0;border:2px solid var(--ui-yellow-d);border-radius:6px;background:var(--ui-yellow);color:#2a1d00;box-shadow:0 2px 0 var(--ui-yellow-d);font:400 18px/1 var(--ui-pixel);letter-spacing:.5px;text-transform:uppercase;transition:transform .12s var(--ui-ease),box-shadow .12s,filter .12s}
html body #pokemon-select-dialog .pick-status:hover{transform:translateY(-1px);box-shadow:0 3px 0 var(--ui-yellow-d);filter:brightness(1.06)}
html body #pokemon-select-dialog .pick-status:active{transform:translateY(1px);box-shadow:0 1px 0 var(--ui-yellow-d)}
html body #pokemon-select-dialog .pokemon-card.selected .pick-status{background:var(--ui-green);border-color:var(--ui-green-d);color:#04260f;box-shadow:0 2px 0 var(--ui-green-d)}
html body #pokemon-select-dialog .picker-remove{border:2px solid var(--ui-soft);border-radius:6px;background:var(--ui-bg2);color:var(--ui-ink2)}
html body #pokemon-select-dialog .picker-remove:hover{background:var(--ui-red);border-color:var(--ui-red);color:#fff}
/* detalhe */
html body #pokemon-select-dialog #picker-detail h3{font:400 44px/1 var(--ui-pixel);letter-spacing:.3px}
html body #pokemon-select-dialog .picker-dex{font:400 18px/1 var(--ui-pixel);letter-spacing:1px;color:var(--ui-cyan)}
html body #pokemon-select-dialog .picker-stat span{font:400 18px/1 var(--ui-pixel);letter-spacing:.4px;color:var(--ui-ink3);text-transform:uppercase}
html body #pokemon-select-dialog .picker-stat>b{font:400 24px/1 var(--ui-pixel)}
html body #pokemon-select-dialog .picker-stat i{height:8px;background:#041321;border-radius:3px}
html body #pokemon-select-dialog .picker-stat i>b{background:var(--ui-cyan);border-radius:0;transition:width .45s var(--ui-ease)}
html body #pokemon-select-dialog #picker-edit-abilities{border:2px solid var(--ui-shade);border-radius:8px;background:var(--ui-panel3);color:var(--ui-ink);box-shadow:0 3px 0 var(--ui-shade);font:400 20px/1 var(--ui-pixel);letter-spacing:.5px;text-transform:uppercase;transition:transform .12s var(--ui-ease),box-shadow .12s}
html body #pokemon-select-dialog #picker-edit-abilities:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--ui-shade)}
/* rodapé */
html body #pokemon-select-dialog footer{border-top:2px solid var(--ui-soft);background:var(--ui-bg2)}
html body #pokemon-select-dialog footer button{min-height:40px;padding:4px 18px 0;border:2px solid var(--ui-shade);border-radius:8px;background:var(--ui-panel3);color:var(--ui-ink);box-shadow:0 3px 0 var(--ui-shade);font:400 22px/1 var(--ui-pixel);letter-spacing:.6px;text-transform:uppercase;transition:transform .12s var(--ui-ease),box-shadow .12s}
html body #pokemon-select-dialog footer button:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--ui-shade)}
html body #pokemon-select-dialog footer #confirm-pokemon{background:var(--ui-yellow);border-color:var(--ui-yellow-d);color:#2a1d00;box-shadow:0 3px 0 var(--ui-yellow-d)}
html body #pokemon-select-dialog footer #confirm-pokemon:hover{box-shadow:0 4px 0 var(--ui-yellow-d)}

/* miniaturas leves (src/ui-thumbs.js): 1 imagem para os 36, escala Pokédex, sem gradiente */
html body #selection .sprite-stage{display:flex;align-items:flex-end;justify-content:center;height:100px;padding-bottom:8px;background:none}
html body #selection .sprite-stage:after{left:50%;width:62%;height:7px;margin-left:-31%;bottom:4px;border-radius:50%;background:#05172a}
.ui-thumb{position:relative;z-index:1;display:block;flex:none;background-repeat:no-repeat;image-rendering:pixelated}
html body #pokemon-select-dialog .pokemon-card:hover .ui-thumb,html body #pokemon-select-dialog .pokemon-card.selected .ui-thumb{animation:ui-bob .55s steps(2) infinite alternate}
@keyframes ui-bob{to{transform:translateY(-3px)}}