/* COLLECT-01 keeps the return action visible while the banked list scrolls. */
.menu-panel.find-collection-panel {
    width: min(700px, 100%);
    min-height: 0;
    overflow: hidden;
    background: #fff5df;
    color: #352f26;
    border: 1px solid #b99265;
    gap: 18px;
}
.find-collection-panel .menu-title { color: inherit; text-shadow: none; }
.find-collection-content {
    display: flex;
    flex-direction: column;
    min-height: 0;
    gap: 14px;
}
.find-collection-introduction, .find-collection-empty {
    margin: 0;
    font: 16px/1.5 system-ui, sans-serif;
}
.find-collection-introduction { color: #675540; }
.find-collection-details {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #a78c66 #fff5df;
}
.find-collection-details:focus-visible { outline: 2px solid #806340; outline-offset: -2px; }
.find-collection-group + .find-collection-group {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #d7c7a5;
}
.find-collection-heading { margin: 0 0 12px; font: 600 18px/1.4 system-ui, sans-serif; }
.find-collection-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.find-collection-item { display: flex; align-items: center; gap: 10px; min-width: 0; }
.find-collection-image { width: 56px; height: 56px; object-fit: contain; flex-shrink: 0; }
.find-collection-name { font: 16px/1.4 system-ui, sans-serif; overflow-wrap: anywhere; }
.find-collection-notice {
    margin: 0 0 14px;
    padding: 10px 12px;
    background: #fae6cb;
    border-left: 3px solid #9e6436;
    color: #76401f;
    font: 14px/1.5 system-ui, sans-serif;
}
.find-collection-scroll-hint { margin: 0; text-align: center; font: 12px/1.4 system-ui, sans-serif; color: #675540; }
.find-collection-panel .menu-title, .find-collection-panel .menu-buttons { flex-shrink: 0; }
.find-collection-panel .menu-btn {
    background: #3a553d;
    color: #fff6df;
    border-color: #3a553d;
    box-shadow: none;
}
.find-collection-panel .menu-btn.is-focused, .find-collection-panel .menu-btn:focus-visible {
    outline: 2px solid #fff5df;
    outline-offset: -4px;
    box-shadow: 0 0 0 2px #3a553d;
    transform: none;
}
@media (max-width: 640px) {
    .find-collection-panel { padding: 20px; }
    .find-collection-list { gap: 10px 16px; }
    .find-collection-image { width: 44px; height: 44px; }
}

.find-collection-reset-notice { margin: 0; font-size: 14px; line-height: 1.4; color: #635a48; }
