/* Product composition. Palette, fonts and states: canonical night-kit-20261026.1. */
html{min-height:100%}body.photo-cards{margin:0;min-height:100svh}.photo-cards .shp-shell{min-height:100svh}
.photo-cards .shp-header{justify-content:flex-start}.photo-cards .heading{flex:1;min-width:0}.photo-cards .heading h1{font-size:clamp(30px,3.2vw,56px);margin-bottom:8px}.photo-cards .heading p{font-size:clamp(18px,1.4vw,26px);line-height:1.4;margin:0}
.photo-cards main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;padding:0 32px;flex:1}
.photo-cards section{min-width:0;display:flex;flex-direction:column;padding:24px}.photo-cards section:first-child{padding-left:0}.photo-cards section:last-child{padding-right:0}.photo-cards section+section{border-left:1px solid var(--shp-border)}
.photo-cards .team{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap}.photo-cards .team-title{font-size:clamp(24px,2.1vw,40px);margin:0}.photo-cards .count{white-space:nowrap}
.photo-cards .stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;flex:1;align-items:center;min-width:0}.photo-cards .stage>*{min-width:0}
.photo-cards .specimen{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:32px}.photo-cards .concealed{display:grid;place-items:center;aspect-ratio:1;padding:24px;text-align:center;background:var(--shp-raised);border-radius:32px}.photo-cards .concealed p{margin:0}
.photo-cards h3{font-size:clamp(24px,2vw,36px);hyphens:manual}.photo-cards .task p,.photo-cards .answer p{font-size:clamp(20px,1.45vw,28px);line-height:1.4;margin:0 0 16px;max-width:38ch}.photo-cards .answer .season{font-size:.85em;color:var(--shp-muted)}
.photo-cards .controls{display:flex;gap:16px;margin-top:24px}.photo-cards .controls button{flex:1;min-height:68px;padding:12px 20px}.photo-cards .shp-hud{font-size:16px;line-height:1.4;margin-top:24px}.photo-cards footer>span:last-child{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.photo-cards #reset{flex:none}
.photo-cards .sources{padding:8px 32px 16px;font-size:16px;color:var(--shp-muted)}.photo-cards summary{cursor:pointer;min-height:48px;display:list-item;padding:12px 0}.photo-cards .error{font-size:20px;overflow-wrap:anywhere}
@media(min-width:1600px){.photo-cards main{padding:0 48px}.photo-cards section{padding:32px}.photo-cards .sources{padding-left:48px;padding-right:48px}}
@media(max-width:1100px){.photo-cards .stage{grid-template-columns:1fr;align-content:start}.photo-cards .specimen,.photo-cards .concealed{width:100%;max-width:280px;margin:0 auto 16px}.photo-cards .controls{flex-direction:column}}
@media(max-width:700px){.photo-cards .shp-header{flex-direction:column;align-items:flex-start}.photo-cards .shp-logo{max-width:100%}.photo-cards main{grid-template-columns:1fr;padding:0 20px}.photo-cards section,.photo-cards section:first-child,.photo-cards section:last-child{padding:24px 0}.photo-cards section+section{border-left:0;border-top:1px solid var(--shp-border)}.photo-cards .sources{padding-left:20px;padding-right:20px}}
@media(min-width:1101px){.photo-cards .specimen,.photo-cards .concealed{max-width:360px;margin:auto}}
@media(max-height:800px) and (min-width:1101px){.photo-cards .shp-header{padding-top:16px;padding-bottom:16px}.photo-cards section{padding-top:16px;padding-bottom:16px}.photo-cards .team{margin-bottom:16px}.photo-cards .controls{margin-top:16px}.photo-cards .shp-hud{padding-top:16px;padding-bottom:16px;margin-top:16px}.photo-cards .sources{padding-top:0;padding-bottom:8px}}