/* A small directory beside the existing Browse experience. */
.creator-heading{padding:25px 28px;margin-bottom:24px}
.creator-heading h1{font-family:var(--font-display);text-transform:uppercase;font-size:2.3rem;line-height:1.1;margin:5px 0 8px;color:var(--text)}
.creator-heading p{font-size:.85rem;color:var(--secondary);margin:0}
#content .creator-controls{display:block;margin-bottom:24px}
.creator-fields{display:grid;grid-template-columns:minmax(220px,1.8fr) minmax(165px,1fr) minmax(150px,1fr) auto;gap:12px;align-items:center}
.creator-search-field{height:50px;box-sizing:border-box;min-width:0;border:1px solid var(--glass-edge);border-radius:5px;background:var(--glass-input);padding:5px 12px;display:flex;flex-direction:column;justify-content:center}
.creator-search-field>label{font-size:.64rem;letter-spacing:.05em;text-transform:uppercase;line-height:1.4;color:var(--muted)}
.creator-search-field>div{display:flex;position:relative;align-items:center}
.creator-search-field input{width:100%;min-width:0;height:25px;background:transparent;border:0;outline:0;font:inherit;font-size:.83rem;color:var(--text);padding:0 30px 0 0}
.creator-search-field input::-webkit-search-cancel-button{display:none}
.creator-search-field:focus-within{border-color:var(--accent)}
.creator-search-field .search-clear{position:absolute;right:-4px;width:26px;height:26px;font-size:1.1rem}
#content .creator-fields .glass-select-trigger,.creator-reset{height:50px;min-height:50px;box-sizing:border-box}
.creator-reset{font-size:.75rem;padding:0 13px;white-space:nowrap}
.creator-letter-bar{display:flex;flex-wrap:wrap;gap:4px;margin-top:14px;padding-top:13px;border-top:1px solid var(--glass-edge)}
.creator-letter-bar>a,.creator-letter-bar>span{display:inline-flex;justify-content:center;align-items:center;min-width:30px;min-height:32px;padding:0 7px;box-sizing:border-box;font-size:.73rem;border:1px solid transparent;border-radius:5px}
.creator-letter-bar>span{color:var(--muted);opacity:.4}
.creator-letter-bar>a{color:var(--secondary);background:var(--glass-input);border-color:var(--glass-edge);text-decoration:none}
.creator-letter-bar>a:is(:hover,[aria-current=page]){color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--glass-input));border-color:color-mix(in srgb,var(--accent) 40%,var(--glass-edge))}
.creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.creator-card{display:flex;flex-direction:column;gap:18px;padding:20px;min-width:0;transition:border-color .2s ease}
.creator-card:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,var(--glass-edge))}
.creator-card-heading{display:flex;gap:12px;align-items:center;min-width:0}
.creator-initials{display:flex;align-items:center;justify-content:center;width:43px;height:43px;flex:0 0 43px;border:1px solid var(--glass-edge);border-radius:8px;background:var(--glass-input);font-size:.85rem;color:var(--secondary);font-weight:600}
.creator-card-heading>div{min-width:0;flex:1}
.creator-card h2{margin:0 0 6px;font-size:1rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.creator-card h2 a:hover{color:var(--accent)}
.creator-card-heading p{margin:0;font-size:.76rem;line-height:1.5;color:var(--muted)}
.creator-card-heading strong{font-weight:600;color:var(--secondary)}
.creator-game-links{display:flex;flex-wrap:wrap;gap:6px}
.creator-game-links a{display:inline-flex;align-items:center;gap:9px;max-width:100%;padding:5px 8px;line-height:1.4;border:1px solid var(--glass-edge);border-radius:5px;background:var(--glass-input);font-size:.68rem;color:var(--secondary);overflow-wrap:anywhere}
.creator-game-links a span{color:var(--muted);font-variant-numeric:tabular-nums}
.creator-game-links a:hover{color:var(--creator-game-accent);border-color:color-mix(in srgb,var(--creator-game-accent) 40%,var(--glass-edge))}
.creator-view{align-self:flex-end;margin-top:auto;font-size:.73rem}
.creator-empty{text-align:center;padding:40px 24px}
.creator-empty h2{font-size:1.2rem;margin:0 0 8px}
.creator-empty p{font-size:.85rem;color:var(--secondary);margin:0 0 20px}
.creator-empty .view-all-button{margin-right:8px}
.creator-empty button{font-size:.76rem}
.creator-more{display:flex;align-items:center;flex-direction:column;gap:10px;margin:28px 0;color:var(--muted);font-size:.76rem}
.creator-sr-status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1000px){.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.creator-search-field{grid-column:1/-1}.creator-reset{grid-column:1/-1;justify-self:end}}
@media(max-width:650px){.creator-heading{padding:20px}.creator-heading h1{font-size:2rem}.creator-grid{grid-template-columns:minmax(0,1fr);gap:14px}.creator-card{padding:17px}.creator-fields{gap:9px}.creator-search-field,#content .creator-fields .glass-select-trigger,.creator-reset{height:49px;min-height:49px}.creator-letter-bar>a,.creator-letter-bar>span{min-width:31px;min-height:34px}.creator-empty{padding:30px 17px}}