.scene-card{--shot-ratio:3 / 4;border-radius:var(--r-md);min-width:0;position:relative}.scene-card[data-selected]{outline:2px solid var(--primary);outline-offset:2px}.scene-card>*{box-sizing:border-box;min-width:0}.scene-card>*>:first-child{aspect-ratio:var(--shot-ratio);border:0}.scene-card>*>:first-child img{object-fit:cover}.scene-card>*>:last-child{padding:0}.scene-card-caption{gap:var(--sp-4);padding:var(--sp-4) var(--sp-3) var(--sp-3);flex-direction:column;display:flex}.scene-card-identity{gap:var(--sp-1);min-height:calc(var(--fs-title) * 1.25 + var(--sp-1) + var(--fs-label) * 1.45 * 2);flex-direction:column;display:flex}.scene-card-name-row{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.scene-card-name{font:700 var(--fs-title) / 1.25 var(--ui);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;overflow:hidden}.scene-card-name a{text-overflow:ellipsis;color:inherit;text-decoration:none;display:block;overflow:hidden}.scene-card-name:focus-within{overflow:visible}.scene-card-name a:hover{text-decoration:underline}.scene-card-count{font:400 var(--fs-secondary) / 1 var(--ui);color:var(--ink-3);flex:none}.scene-card-identity--reason{min-height:calc(var(--fs-title) * 1.25 + var(--sp-1) * 2 + var(--fs-secondary) * 1.25 + var(--fs-label) * 1.45 * 2)}.scene-card-reason{height:calc(var(--fs-secondary) * 1.25);font:400 var(--fs-secondary) / 1.25 var(--ui);color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.scene-card-description{font:400 var(--fs-label) / 1.45 var(--ui);color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.scene-card-facts{grid-template-rows:24px 24px;grid-template-columns:repeat(2,minmax(0,max-content));gap:6px;min-width:0;display:grid}.scene-card-facts>span{min-width:0}.scene-card-facts .chip--truncate{max-width:100%}.scene-card-facts svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:14px;height:14px}.scene-card-shots{gap:var(--sp-3);flex-direction:column;display:flex;container-type:inline-size}.scene-card-shots-heading{font:600 var(--fs-label) / 1.3 var(--ui);color:var(--ink)}.scene-card-tiles{gap:var(--sp-3) var(--sp-2);min-height:calc((100cqw - var(--sp-2) * 4) / 5 / (var(--shot-ratio)) + 6px + var(--fs-secondary) * 1.25 * 2 + 2px);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.scene-card-tile{text-align:left;cursor:pointer;min-width:0;color:inherit;font:inherit;background:0 0;border:0;flex-direction:column;gap:6px;padding:0;text-decoration:none;display:flex}.scene-card-tile-frame{width:100%;aspect-ratio:var(--shot-ratio);border-radius:var(--r-xs);display:grid;position:relative}.scene-card-tile-frame>*{border-radius:inherit;border:0}.scene-card-image-loading{pointer-events:none;position:absolute;inset:0}.scene-card-hero-loading{pointer-events:none;position:absolute;top:7px;left:7px;right:7px}.scene-card-hero-link{aspect-ratio:var(--shot-ratio);border-radius:var(--r-sm);position:absolute;top:7px;left:7px;right:7px}.scene-card>*{transition:box-shadow var(--dur-fast) var(--ease-std), transform var(--dur-fast) var(--ease-std)}.scene-card:hover>*{transform:translateY(-1px)}.scene-card:hover>:first-child{box-shadow:var(--e2)}.scene-card-tile[aria-pressed=true] .scene-card-tile-frame{outline:2px solid var(--ink);outline-offset:2px}.scene-card-tile-label{min-width:0;min-height:calc(var(--fs-secondary) * 1.25 * 2 + 2px);font:400 var(--fs-secondary) / 1.25 var(--ui);white-space:nowrap;flex-direction:column;gap:2px;display:flex}.scene-card-tile-type{color:var(--ink);text-overflow:ellipsis;font-weight:500;overflow:hidden}.scene-card-tile-count{color:var(--ink-3);text-overflow:ellipsis;overflow:hidden}.scene-card-tile[aria-pressed=true] .scene-card-tile-type{font-weight:600}.scene-card-more{width:100%;aspect-ratio:var(--shot-ratio);border-radius:var(--r-xs);background:var(--well);font:600 var(--fs-heading) / 1 var(--mono);color:var(--ink);transition:background var(--dur-fast) var(--ease-std);place-items:center;display:grid}.scene-card-tile:hover .scene-card-more{background:var(--outline)}.scene-card-use>*{width:100%}.scene-card-record:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.scene-card-tile:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:var(--r-xs)}@media (prefers-reduced-motion:reduce){.scene-card-more,.scene-card-use>*{transition:none}.scene-card .imgcard-loading{animation:none}.scene-card:hover>*{transform:none}}
