/* Additional public metadata does not change the existing desktop card layout. */
.catalog-card .card-copy .mobile-library-meta{display:none}

@media(max-width:760px){
  /* Keep the artwork, title and metadata in the flow so long names grow the row. */
  :is(.catalog-page,.player-catalog-page).catalog-list-view .catalog-card:not(.create-card){--library-thumb-width:96px;min-height:82px;height:auto;aspect-ratio:auto;border-radius:0;box-shadow:none}
  :is(.catalog-page,.player-catalog-page).catalog-list-view .catalog-card:not(.create-card)>img{right:auto;width:var(--library-thumb-width);height:100%;aspect-ratio:auto;object-fit:cover}
  :is(.catalog-page,.player-catalog-page).catalog-list-view .catalog-card:not(.create-card)>.card-copy{position:relative;inset:auto;margin-left:var(--library-thumb-width);min-height:82px;padding:11px 12px;align-items:flex-start;justify-content:center;background:#0b101b;text-align:left}
  :is(.catalog-page,.player-catalog-page).catalog-list-view .catalog-card:not(.create-card) .card-copy :is(h3,small){min-width:0;text-align:left;justify-content:flex-start;white-space:normal;overflow-wrap:anywhere}
  :is(.catalog-page,.player-catalog-page).catalog-list-view .catalog-card:not(.create-card) h3{font-size:.92rem;line-height:1.35}
  :is(.catalog-page,.player-catalog-page).catalog-list-view .catalog-card.character-card:not(.create-card){--library-thumb-width:62px}
  .catalog-page.catalog-list-view .catalog-card.character-card:not(.create-card)>.card-copy{left:auto;padding-left:12px}
  .catalog-page.catalog-list-view .catalog-card.character-card:not(.create-card)>img{height:100%;min-height:82px}
  :is(.catalog-page,.player-catalog-page).catalog-list-view .catalog-card .mobile-library-meta{display:block;margin:5px 0 0;color:var(--muted);font-size:.69rem;font-weight:500;letter-spacing:0;line-height:1.45}
  .player-catalog-page.catalog-grid-view .mobile-library-meta{display:block;margin-top:4px;font-size:.64rem;letter-spacing:0;white-space:normal;overflow-wrap:anywhere}
  .locations-page.catalog-list-view{--location-list-root-art-width:96px}
  .locations-page.catalog-list-view .location-family .location-node>.location-node-card>.location-card{--library-thumb-width:var(--location-list-art-width)}
  .locations-page.catalog-list-view .location-family .location-node>.location-node-card>.location-card>.card-copy{left:auto}
  .catalog-list-view .catalog-card:not(.create-card)>.location-parent{position:relative;inset:auto;display:block;margin:10px 12px 0 calc(var(--library-thumb-width) + 12px);padding:0;max-width:none;border:0;border-radius:0;white-space:normal;overflow:visible;background:none;line-height:1.4;overflow-wrap:anywhere}
  .player-catalog-page.catalog-list-view .player-location-children{width:calc(100% - 20px);margin-left:20px}
  :is(.catalog-page,.player-catalog-page) .catalog-view-toggle button,.library-memory-toolbar .catalog-view-toggle button{width:44px;min-width:44px;height:44px;min-height:44px}
  :is(.catalog-page,.player-catalog-page) .catalog-view-toggle button:focus-visible,.library-memory-toolbar .catalog-view-toggle button:focus-visible{outline:2px solid var(--bright);outline-offset:-4px}
  .catalog-list-view .catalog-card:not(.create-card):hover{transform:none}
  :is(.catalog-page,.player-catalog-page).catalog-grid-view .catalog-card:not(.create-card){display:flex;flex-direction:column;height:auto;aspect-ratio:auto}
  :is(.catalog-page,.player-catalog-page).catalog-grid-view .catalog-card:not(.create-card)>img{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
  :is(.catalog-page,.player-catalog-page).catalog-grid-view .catalog-card.location-card:not(.create-card)>img{aspect-ratio:2.39/1}
  :is(.catalog-page,.player-catalog-page).catalog-grid-view .catalog-card.character-card:not(.create-card)>img{aspect-ratio:3/4}
  :is(.catalog-page,.player-catalog-page).catalog-grid-view .catalog-card:not(.create-card)>.card-copy{position:relative;inset:auto;width:100%;padding:10px;background:#0b101b}
  :is(.catalog-page,.player-catalog-page).catalog-grid-view .catalog-card:not(.create-card) h3{overflow-wrap:anywhere;white-space:normal;line-height:1.4}
  .library-memory-toolbar{display:flex;justify-content:flex-end;margin:10px 0 14px}
  /* Keep session-page button styles from adding borders and corners to each segment. */
  .library-memory-toolbar .catalog-view-toggle button{display:grid;place-items:center;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#aeb8c4;box-shadow:none;line-height:1}
  .library-memory-toolbar .catalog-view-toggle button+button{border-left:1px solid #7d858d}
  .library-memory-toolbar .catalog-view-toggle button:hover{background:transparent;color:var(--cream)}
  .library-memory-toolbar .catalog-view-toggle button.selected{background:rgba(102,197,231,.2);color:var(--bright)}
  .library-memory-layout:is(.campaign-memory-gallery,.gm-memory-review){margin-top:0;padding:0;border:0;border-radius:0;background:none}
  .library-memory-layout .memory-submissions{margin:0;padding:0;border:0;border-radius:0;background:none}
  .library-memory-layout.library-memory-list :is(.campaign-memory-grid,.memory-submission-grid){grid-template-columns:minmax(0,1fr);gap:10px}
  /* Memories keep the entire composition visible, above their readable metadata. */
  .library-memory-list :is(.shared-card,.memory-submission){display:flex;flex-direction:column;min-height:0;height:auto;aspect-ratio:auto;border-radius:0;box-shadow:none}
  .library-memory-list :is(.shared-card,.memory-submission)>img{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/9;object-fit:contain;border-radius:0}
  .library-memory-list .shared-card>div,.library-memory-list .memory-submission-copy{min-width:0;padding:11px 12px}
  .library-memory-list .shared-card.memory>div:not(.session-art-empty),.library-memory-list .memory-submission>.memory-submission-copy{position:relative;inset:auto;min-width:0;padding:11px 12px;background:none;text-align:left}
  html .library-memory-list .shared-card.memory>div:not(.session-art-empty),html .library-memory-list .memory-submission>.memory-submission-copy{opacity:1;transform:none;pointer-events:auto}
  .library-memory-list .shared-card.memory>div>p{display:block!important}
  .library-memory-list .memory-submission>.memory-submission-copy>:is(.memory-status,.memory-session,.memory-description,.memory-feedback-copy){display:block}
  .library-memory-list .memory-submission .memory-byline{text-align:left}
  .library-memory-list :is(.shared-card,.memory-submission) h3{margin:0 0 5px;font-size:.92rem;line-height:1.35;overflow-wrap:anywhere}
  .library-memory-list :is(.memory-byline,.memory-session,.memory-status){font-size:.7rem;line-height:1.4;margin:4px 0}
  .library-memory-list :is(.shared-card p,.memory-description){display:block;white-space:pre-wrap;overflow:visible;font-size:.76rem;line-height:1.5;margin:6px 0 0}
  .library-memory-list .shared-card .eyebrow{display:none}
  .library-memory-layout .session-actions button{min-height:44px}
  .library-memory-layout .gallery-image:focus-visible{outline:2px solid var(--bright);outline-offset:-3px}
  .library-memory-layout.library-memory-grid :is(.campaign-memory-grid,.memory-submission-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .library-memory-grid :is(.shared-card,.memory-submission){display:flex;flex-direction:column;height:auto;aspect-ratio:auto}
  .library-memory-grid :is(.shared-card,.memory-submission)>img{display:block;width:100%;aspect-ratio:16/9;height:auto;min-height:0;max-height:none;object-fit:contain;border-radius:0}
  .library-memory-grid .shared-card>div,.library-memory-grid .memory-submission-copy{padding:10px}
  html .library-memory-grid .shared-card.memory>div:not(.session-art-empty),html .library-memory-grid .memory-submission>.memory-submission-copy{position:relative;inset:auto;opacity:1;transform:none;pointer-events:auto;background:none;text-align:left}
  .library-memory-grid .shared-card.memory>div>p{display:block!important}
  .library-memory-grid .memory-submission>.memory-submission-copy>:is(.memory-status,.memory-session,.memory-description,.memory-feedback-copy){display:block}
  .library-memory-grid :is(.shared-card,.memory-submission) h3{font-size:.85rem;overflow-wrap:anywhere}
  .library-memory-grid :is(.shared-card p,.memory-submission p){font-size:.75rem;line-height:1.5}
}