#modelGrid:has(#guideGrid:not(.hidden)), #modelGrid.guide-mode { max-width: 100%; }
#guideGrid.guide-wall { display: block; position: relative; z-index: 1; }
.guide-poster { position: absolute; padding: 0; margin: 0; border: 0; border-radius: 5px; background: var(--wall-panel, #fff); cursor: pointer; overflow: hidden; box-shadow: 0 2px 8px #0002; transition: box-shadow .18s, scale .18s; }
.guide-poster img { display: block; width: 100%; height: 100%; object-fit: contain; }
.guide-poster[data-owned="false"] img { filter: grayscale(1); }
.guide-poster:focus-visible { outline: 3px solid #38bdf8; outline-offset: 3px; z-index: 2; }
.guide-poster:disabled { opacity: 1; }
@media (hover: hover) { .guide-poster:hover { scale: 1.025; z-index: 2; box-shadow: 0 8px 26px #0005; } }
.guide-poster.is-missing::after { content: ''; display: block; width: 30px; height: 24px; border: 2px solid var(--wall-muted, #64748b); border-radius: 3px; position: absolute; top: calc(50% - 12px); left: calc(50% - 15px); opacity: .5; background: linear-gradient(140deg, transparent 55%, var(--wall-muted, #64748b) 56% 61%, transparent 62%); }
#guideWallStatus { display: flex; justify-content: center; align-items: center; gap: 12px; min-height: 110px; color: var(--wall-muted, #64748b); font-size: 13px; }
#guideWallStatus button { padding: 8px 16px; border: 1px solid var(--wall-line, #cbd5e1); border-radius: 6px; color: var(--wall-text, #0f172a); background: var(--wall-panel, #fff); }
#guideWallStatus[data-state="loading"]::before { content: ''; width: 16px; height: 16px; border: 2px solid var(--wall-line, #cbd5e1); border-top-color: var(--wall-muted, #64748b); border-radius: 50%; animation: guide-wall-spin .8s linear infinite; }
@keyframes guide-wall-spin { to { rotate: 360deg; } }
@media (prefers-reduced-motion: reduce) {
    .guide-poster { transition: none; }
    .guide-poster:hover { scale: 1; }
    #guideWallStatus[data-state="loading"]::before { animation: none; }
}