/* Animal Race character selector: isolated so the existing gameplay UI stays functional. */
#ar-choose-animal{position:fixed;right:16px;top:76px;z-index:3900;border:1px solid #f6fba5;background:linear-gradient(135deg,#deff72,#a8f7d5);color:#15161e;border-radius:999px;box-shadow:0 9px 25px #0008;padding:11px 18px;font:900 12px/1.2 system-ui,sans-serif;cursor:pointer;max-width:calc(100vw - 32px)}
#ar-choose-animal:hover{transform:translateY(-2px);box-shadow:0 12px 29px #000a}
#ar-choose-animal:focus-visible,.ar-animal-option:focus-visible,.ar-picker-close:focus-visible{outline:3px solid #ff85bc;outline-offset:3px}
#ar-animal-picker[hidden]{display:none!important}#ar-animal-picker{position:fixed;inset:0;z-index:9900;display:grid;place-items:center;padding:16px;font-family:system-ui,sans-serif}
.ar-picker-backdrop{position:absolute;inset:0;background:#050713d9;backdrop-filter:blur(10px)}.ar-picker-card{position:relative;width:min(760px,100%);max-height:min(90dvh,720px);overflow:auto;border:1px solid #dfef9380;border-radius:26px;padding:clamp(16px,3vw,26px);background:radial-gradient(circle at 90% 0%,#354d4b 0,transparent 42%),linear-gradient(125deg,#1b1a33,#111621);color:#fff;box-shadow:0 25px 90px #000b}
.ar-picker-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ar-picker-kicker{font-size:11px;font-weight:900;letter-spacing:1.6px;color:#deff72}.ar-picker-top h2{font-size:clamp(20px,3vw,30px);line-height:1.2;margin:9px 0}.ar-picker-top p{font-size:13px;color:#d4d2df;margin:0 0 18px}.ar-picker-close{border:1px solid #ffffff55;border-radius:12px;background:#ffffff16;color:white;font:900 18px system-ui;padding:8px 12px;cursor:pointer}
.ar-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ar-animal-option{display:flex;align-items:center;flex-direction:column;gap:4px;min-width:0;border:2px solid #ffffff20;border-radius:18px;background:#ffffff0e;color:white;padding:13px 6px;cursor:pointer;transition:transform .16s,border-color .16s,background .16s}.ar-animal-option:hover{transform:translateY(-3px);background:#ffffff1f}.ar-animal-option.is-selected{border-color:#deff72;background:#d9ff581a}.ar-animal-emoji{font-size:clamp(32px,4vw,48px);filter:drop-shadow(0 5px 6px #0005);line-height:1.4}.ar-animal-option strong{font-size:14px}.ar-animal-option small{font-size:11px;color:#cac8d9}.ar-selected{opacity:0;font-size:10px;font-weight:900;color:#deff72}.is-selected .ar-selected{opacity:1}.ar-picker-foot{font-size:12px;color:#c4c3d5;text-align:center;margin-top:18px}.ar-picker-open{overflow:hidden}
@media(max-width:600px){#ar-choose-animal{top:54px;right:10px;font-size:10px;padding:9px 12px}.ar-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-picker-card{max-height:88dvh;padding:16px}.ar-animal-option{padding:9px}.ar-animal-emoji{font-size:35px}}
@media(prefers-reduced-motion:reduce){.ar-animal-option{transition:none}#ar-choose-animal:hover{transform:none}}
