/* A person is the unit of this showcase; their games remain direct links. */
#community.creator-showcase{padding-top:56px;scroll-margin-top:24px}
#community .creator-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px 28px;margin-bottom:22px}
#community .creator-section-heading>div{min-width:0}
#community .creator-section-heading .eyebrow{margin:0 0 8px;color:var(--gold);font-size:11px;line-height:1.4;letter-spacing:.16em}
#community .creator-section-heading h2{margin:0;color:var(--ink);font-size:clamp(30px,3vw,36px);line-height:1.2;letter-spacing:-.035em;overflow-wrap:break-word}
#community .creator-section-intro{max-width:58ch;margin:9px 0 0;color:#b9cddb;font-size:15px;line-height:1.55}
#community .creator-browse{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:48px;margin:0;padding:10px 0;color:var(--gold);font-size:14px;font-weight:750;line-height:1.4;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#ffd16666;text-align:left}
#community .creator-browse:hover{text-decoration-color:currentColor;color:#ffe4a1}

#community .community-grid.creator-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px}
#community .creator-card{min-width:0;margin:0;padding:18px;border:1px solid #3a4c55;border-radius:20px;background:linear-gradient(155deg,#142b3b,var(--panel) 65%);box-shadow:0 6px 18px #0002}
#community .creator-card-heading{display:flex;align-items:center;gap:12px;min-width:0;margin:0;padding:0 0 16px;border-bottom:1px solid #d9c28a22}
#community .creator-monogram{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #ffd16655;border-radius:14px;background:#ffd16612;color:var(--gold);font-size:14px;font-weight:800;letter-spacing:.025em;line-height:1}
#community .creator-identity{min-width:0}
#community .creator-name{margin:0;color:var(--ink);font-size:18px;font-weight:800;line-height:1.3;letter-spacing:-.015em;overflow-wrap:anywhere}
#community .creator-location{margin:4px 0 0;color:#afc2cf;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#community .creator-game-list{display:grid;gap:5px;min-width:0;margin:10px -7px -7px;padding:0;list-style:none}
#community .creator-game-list>li{min-width:0;margin:0;padding:0}
#community .creator-game-row{display:grid;grid-template-columns:72px minmax(0,1fr) 18px;align-items:center;gap:11px;min-width:0;min-height:72px;padding:9px 7px;border:1px solid transparent;border-radius:12px;background:transparent;transition:background-color .16s ease,border-color .16s ease}
#community .creator-game-art{display:block;width:72px;aspect-ratio:3/2;overflow:hidden;border:1px solid #ffffff13;border-radius:9px;background:#07111b}
#community .creator-game-art img{display:block;width:100%;height:100%;object-fit:cover}
#community .creator-game-copy{display:block;min-width:0}
#community .creator-game-title{display:block;color:#edf7fe;font-size:14px;font-weight:750;line-height:1.35;overflow-wrap:anywhere}
#community .creator-game-subject{display:block;margin-top:4px;color:#a6bfce;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
#community .creator-game-arrow{display:block;color:var(--mint);font-size:20px;font-weight:700;line-height:1;text-align:center}
#community .creator-game-row:hover{border-color:#7d81724a;background:#ffffff06}
#community .creator-game-row:hover .creator-game-title{color:var(--gold)}

#community .creator-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:20px 0 0}
#community .creator-recovery{display:flex;flex-basis:100%;align-items:center;justify-content:space-between;gap:12px 24px;padding:16px 20px;border:1px solid #52697866;border-radius:14px;background:#142e4055}
#community .creator-recovery .creator-status{max-width:65ch;margin:0}
#community .creator-recovery .creator-retry{flex:none}
#community .creator-more,#community .creator-retry{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border:1px solid #526978;border-radius:12px;background:#142e40;color:var(--ink);font:inherit;font-size:14px;font-weight:750;line-height:1.4;text-align:center;cursor:pointer}
#community .creator-more:hover,#community .creator-retry:hover{border-color:var(--gold);background:#1a374a}
#community .creator-retry[aria-disabled="true"]{cursor:progress;opacity:.75}
#community .creator-status{margin:0 0 16px;color:#b9cddb;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
#community .creator-status:empty{display:none}
#community .community-empty{margin:0;padding:26px 20px;font-size:15px;line-height:1.55}
#community .community-empty a{display:inline-flex;align-items:center;min-height:48px;text-decoration:underline;text-underline-offset:4px}
#community .creator-section-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:22px;padding:16px 20px;border:1px solid #ffd1662e;border-radius:16px;background:linear-gradient(110deg,#ffd16609,#ffd16603)}
#community .creator-section-footer p{margin:0;color:#d3e0e8;font-size:15px;line-height:1.5}
#community .creator-create{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 16px;border:1px solid #ffd16666;border-radius:11px;background:#ffd16614;color:var(--gold);font-size:14px;font-weight:800;line-height:1.4;text-align:center}
#community .creator-create:hover{background:#ffd16624;border-color:var(--gold)}
#community :is(.creator-browse,.creator-game-row,.creator-more,.creator-retry,.creator-create):focus-visible{outline:3px solid var(--gold);outline-offset:3px}
#community [hidden]{display:none!important}

@media(min-width:701px) and (max-width:1099px){
  #community .community-grid.creator-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  #community.creator-showcase{padding-top:36px}
  #community .creator-section-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:18px}
  #community .creator-section-heading h2{font-size:30px}
  #community .creator-section-intro{font-size:14px;line-height:1.5;margin-top:8px}
  #community .creator-browse{padding-block:10px}
  #community .community-grid.creator-showcase-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  #community .creator-card{padding:16px;border-radius:18px}
  #community .creator-card-heading{gap:11px;padding-bottom:13px}
  #community .creator-monogram{flex-basis:38px;width:38px;height:38px;border-radius:12px;font-size:13px}
  #community .creator-name{font-size:17px}
  #community .creator-game-list{margin-top:8px;gap:3px}
  #community .creator-game-row{grid-template-columns:72px minmax(0,1fr) 18px;gap:10px;min-height:70px;padding-block:8px}
  #community .creator-section-footer{align-items:flex-start;flex-direction:column;gap:9px;margin-top:18px;padding:15px 16px}
  #community .creator-section-footer p{font-size:14px}
  #community .creator-create{width:100%}
  #community .creator-recovery{align-items:stretch;flex-direction:column;padding:15px 16px;gap:10px}
}
@media(max-width:360px){
  #community .creator-card{padding:14px}
  #community .creator-game-row{grid-template-columns:64px minmax(0,1fr) 16px;gap:9px}
  #community .creator-game-art{width:64px}
}
@media(prefers-reduced-motion:reduce){
  #community .creator-game-row{transition:none}
}
@media(forced-colors:active){
  #community :is(.creator-card,.creator-monogram,.creator-section-footer,.creator-create,.creator-more,.creator-retry){border-color:CanvasText}
  #community .creator-game-row{border-color:LinkText}
  #community .creator-game-title,#community .creator-game-arrow,#community .creator-browse,#community .creator-create{color:LinkText}
  #community :is(.creator-browse,.creator-game-row,.creator-more,.creator-retry,.creator-create):focus-visible{outline-color:Highlight}
}

