.dog-picker{min-width:0;margin:0;padding:0;border:0}
.dog-picker>legend{padding:0;font-size:12px;font-weight:800;color:#705b40}
.dog-picker>.field-hint{margin:5px 0 10px}
.dog-picker-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.dog-picker-option{position:relative;display:block;min-width:0;cursor:pointer}
.dog-picker-option>input{position:absolute;width:1px;height:1px;min-width:0;min-height:0;margin:0;padding:0;border:0;clip:rect(0,0,0,0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.dog-picker-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:5px 3px 6px;border:2px solid #ddcbb0;border-radius:8px 6px 9px 6px;background:#fffcf2;color:#8e7858;transition:background .15s,border-color .15s,box-shadow .15s}
.dog-picker-art{display:block;width:100%;aspect-ratio:236/176}
.dog-picker-art>.dog-body{display:block;width:100%;height:100%;overflow:visible}
.dog-picker-name{font-size:10px;font-weight:700;white-space:nowrap;line-height:1.5}
.dog-picker-check{position:absolute;top:2px;right:2px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#59432e;color:#fff8e6;opacity:0}
.dog-picker-check>.icon{width:10px;height:10px;stroke-width:2.5}
.dog-picker-option:hover>.dog-picker-card{border-color:#a58a63;background:#fff7de}
.dog-picker-option>input:checked+.dog-picker-card{border-color:#59432e;background:#ffefb4;color:#4b3928;box-shadow:1px 2px 0 #d1b887}
.dog-picker-option>input:checked+.dog-picker-card>.dog-picker-check{opacity:1}
.dog-picker-option>input:checked+.dog-picker-card>.dog-picker-name{font-weight:900}
.dog-picker-option>input:focus-visible+.dog-picker-card{outline:3px solid #8b6e3d;outline-offset:3px}
@media(max-width:760px){.dog-picker-grid{gap:6px}.dog-picker-card{padding:4px 2px 5px}.dog-picker-name{font-size:9px}.dog-picker-check{width:12px;height:12px;top:1px;right:1px}.dog-picker-check>.icon{width:9px;height:9px}}
@media(prefers-reduced-motion:reduce){.dog-picker-card{transition:none}}