.character-picker{margin:0 0 18px;padding:14px;border:1px solid #294665;border-radius:14px;background:linear-gradient(145deg,#142840,#0c1728);box-shadow:0 14px 28px #0005;perspective:900px}.character-picker h2{margin:0 0 10px;color:#71e6d0;font-size:1.05rem}.character-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.character-card{position:relative;min-height:126px;padding:6px;border:1px solid #3c5d7d;border-radius:12px;background:#172a42;color:#eaf2ff;cursor:pointer;transform-style:preserve-3d;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:8px 10px 0 #07101c,0 12px 22px #0006}.character-card:hover,.character-card.is-selected{transform:rotateY(-8deg) rotateX(4deg) translateY(-3px);border-color:#71e6d0;box-shadow:12px 14px 0 #07101c,0 18px 28px #0008}.character-card img{display:block;width:100%;height:120px;object-fit:contain;object-position:center top;border-radius:8px;filter:saturate(1.08) contrast(1.03);transform:translateZ(12px)}.character-card strong{display:block;padding:5px 2px 1px;font-size:.82rem}.character-card__depth{position:absolute;inset:8px -5px -5px 8px;border-radius:10px;background:linear-gradient(135deg,#2a4d6b,#0a1422);transform:translateZ(-8px);pointer-events:none}