/* Link-only personality showcase; the card itself retains its saved artwork and settings. */
.is-legendary-card-page {
  --button-secondary-color:#ededeb;
  --button-secondary-border:#777;
  color:#ededeb;
  background:#101010;
}
.is-legendary-card-page .community-card-stage {
  min-height:calc(100svh - 150px);
  overflow:clip;
  padding:clamp(32px,5vw,80px) 0;
  background:radial-gradient(ellipse at 80% 38%,#332115 0,transparent 48%),#101010;
}
.is-legendary-card-page .community-card-stage > .container { width:calc(100% - clamp(32px,5vw,96px)); max-width:1800px; }
.legendary-layout { display:grid; grid-template-columns:minmax(240px,.6fr) minmax(0,2fr); gap:clamp(24px,4vw,80px); align-items:center; }
.legendary-story { min-width:0; padding-bottom:24px; }
.legendary-heading .eyebrow { color:#ff792e; letter-spacing:.13em; font-size:.75rem; }
.legendary-heading h1 { margin:24px 0 18px; color:#ededeb; font-family:'Hadokamp Barlow Condensed',Impact,sans-serif; font-size:clamp(3.8rem,5.7vw,7.5rem); font-weight:900; line-height:.91; text-transform:uppercase; overflow-wrap:anywhere; }
.legendary-heading__role { color:#ededeb; font-size:.85rem; font-weight:750; line-height:1.65; }
.legendary-heading__intro { max-width:28ch; margin:24px 0 32px; color:#b9b9b9; font-size:.95rem; line-height:1.65; }
.legendary-art-stage { min-width:0; }
.is-legendary-card-page [data-card-render] { padding:0; }
.is-legendary-card-page .community-card-3d-experience { width:100%; max-width:none; padding:28px 8px 32px; }
.is-legendary-card-page .community-card-3d-scene { width:100%; }
.legendary-card-toolbar { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:12px; }
.is-legendary-card-page .community-card-display-controls { width:auto; margin:0; gap:8px; }
.is-legendary-card-page .community-card-display-controls > span { display:none; }
.is-legendary-card-page .community-card-display-controls > div { border-color:#555; background:#202020; }
.is-legendary-card-page .community-card-display-controls button { color:#ededeb; min-height:44px; }
.is-legendary-card-page .community-card-display-controls [data-card-display-mode][aria-pressed="true"] { color:#151515; background:#ff792e; box-shadow:none; }
.is-legendary-card-page .community-card-display-controls button:hover { color:#ededeb; background:#393939; }
.is-legendary-card-page .community-card-display-controls .community-card-flip { border-color:#555; background:#202020; }
.legendary-enlarge { border:1px solid #555; background:#202020; color:#ededeb; min-height:44px; padding:10px 16px; font:750 .75rem/1.4 system-ui,sans-serif; cursor:pointer; }
.legendary-enlarge:hover { border-color:#ff792e; background:#303030; }
.is-legendary-card-page button:focus-visible,.is-legendary-card-page summary:focus-visible { outline:2px solid #ff792e; outline-offset:4px; }
.legendary-selection { margin:28px 0 0; border-top:1px solid #444; padding-top:18px; }
.legendary-selection h2 { margin:0 0 12px; color:#b9b9b9; font-size:.7rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.legendary-selection__choices { display:flex; gap:8px; overflow-x:auto; padding:4px 4px 8px; scrollbar-width:thin; }
.legendary-selection__choices button { flex-shrink:0; display:flex; align-items:center; gap:10px; min-height:54px; border:1px solid #555; background:#1b1b1b; color:#ededeb; padding:5px 14px 5px 8px; font:750 .8rem system-ui,sans-serif; cursor:pointer; }
.legendary-selection__choices button[aria-pressed="true"] { border-color:#ff792e; background:#332115; }
.legendary-selection__choices img { width:40px; height:42px; object-fit:contain; }
.legendary-selection__hint { color:#b9b9b9; margin:8px 0 0; font-size:.75rem; }
.is-legendary-card-page .community-card-actions { display:flex; justify-content:flex-start; margin:0; width:100%; }
.is-legendary-card-page .community-card-actions .button { font-size:.8rem; }
.legendary-tools { margin-top:24px; color:#b9b9b9; }
.legendary-tools summary { cursor:pointer; width:fit-content; padding:10px 0; font-size:.8rem; }
.legendary-tools[open] { display:flex; flex-wrap:wrap; gap:12px; }
.legendary-tools .button { margin-top:12px; font-size:.75rem; }
.is-legendary-card-page .community-export-format { margin:12px 0; width:100%; }
.is-legendary-card-page .community-export-format span { color:#b9b9b9; }
.is-legendary-card-page .community-export-format select { background:#202020; color:#ededeb; border:1px solid #666; }
.is-legendary-card-page .community-share-panel { border:1px solid #555; background:#202020; color:#ededeb; }
.is-legendary-card-page .community-share-panel h2 { color:#ededeb; }
.is-legendary-card-page .community-share-panel p { color:#b9b9b9; }
.is-legendary-card-page .community-share-options button { background:#292929; color:#ededeb; border-color:#666; }
.legendary-enlarged { width:min(96vw,1520px); max-width:none; max-height:94svh; padding:24px; border:1px solid #666; color:#ededeb; background:#141414; }
.legendary-enlarged::backdrop { background:rgba(0,0,0,.88); }
.legendary-enlarged__top { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.legendary-enlarged__top h2 { font-size:1rem; margin:0; color:#ededeb; }
.legendary-enlarged__stage { max-width:1200px; margin:auto; }
.legendary-enlarged .community-card-display-controls { justify-content:center; margin:0 auto; }
@media(max-width:1050px) {
  .legendary-layout { grid-template-columns:1fr; gap:8px; }
  .legendary-story { display:contents; }
  .legendary-heading h1 { font-size:clamp(3.5rem,8vw,6rem); margin:12px 0; }
  .legendary-heading__intro { max-width:none; margin:12px 0; }
  .legendary-art-stage { grid-row:2; }
  .legendary-story .community-card-actions { margin-top:24px; }
  .legendary-tools { margin-top:0; }
}
@media(max-width:620px) {
  .is-legendary-card-page .community-card-stage { padding-top:28px; }
  .legendary-heading h1 { font-size:clamp(3rem,13vw,4.7rem); }
  .legendary-heading__role { font-size:.8rem; }
  .legendary-heading__intro { font-size:.85rem; }
  .is-legendary-card-page .community-card-3d-experience { padding:18px 0; }
  .legendary-card-toolbar { gap:8px; }
  .is-legendary-card-page .community-card-display-controls .community-card-flip { flex-basis:auto; }
  .is-legendary-card-page .community-card-display-controls button,.legendary-enlarge { font-size:.65rem; padding:8px 10px; }
  .legendary-selection { margin-top:20px; }
  .legendary-enlarged { padding:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .is-legendary-card-page .community-card-3d-flipper { transition:none; }
  html:has(.is-legendary-card-page) { scroll-behavior:auto; }
}

.is-legendary-card-page .community-card-3d-flipper { transition-duration:.28s; }

.legendary-enlarged__hint { display:none; color:#b9b9b9; font-size:.75rem; }
@media(max-width:620px) {
  .legendary-enlarged__hint { display:block; }
  .legendary-enlarged__stage { overflow-x:auto; padding:6px; }
  .legendary-enlarged [data-card-render] { min-width:680px; }
  .legendary-enlarged .community-card-3d-scene { touch-action:pan-x pan-y; }
}