.plaza-main{--plaza-top-padding:8px;--plaza-inline-padding:36px;--plaza-toolbar-height:44px;--plaza-toolbar-gap:12px;max-width:2200px;margin:auto;padding:var(--plaza-top-padding) var(--plaza-inline-padding) 48px;overflow-anchor:none}.plaza-toolbar{display:flex;align-items:center;gap:48px;min-height:var(--plaza-toolbar-height);margin-bottom:var(--plaza-toolbar-gap)}.plaza-toolbar .ant-tabs{margin:0}.desktop-theme .plaza-toolbar .ant-tabs-nav{margin:0;min-height:var(--plaza-toolbar-height);flex:none}.desktop-theme .plaza-toolbar .ant-tabs-nav:before{border-bottom:0}.desktop-theme .plaza-toolbar .ant-tabs-tab{padding:0;font-size:16px}.plaza-toolbar .ant-tabs-ink-bar{bottom:2px}.directory-more.ant-btn{min-width:150px;flex-shrink:0}.directory-retry-alert.ant-alert{flex:1;min-width:0;min-height:36px;margin-bottom:20px;padding:6px 12px}.desktop-theme .plaza-search.ant-input-affix-wrapper{width:320px;height:36px;flex:none;margin-left:auto;border-radius:24px;background:#1b1b1e;border-color:#36353a;font-size:14px;padding:0 15px}.plaza-search .ant-input-prefix{margin-right:9px;color:#9e9992}.masonry-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:20px;grid-auto-rows:8px;align-items:start}.role-tile{grid-row-end:span 58;min-width:0}.tile-inner{padding-bottom:24px}.tile-media{position:relative;border-radius:7px;overflow:hidden;background:#1b1b1e}.portrait-entry{position:absolute;inset:0;display:block}.portrait-entry>img{width:100%;height:100%;object-fit:cover}.portrait-missing{height:100%;font-size:20px;color:#a5a09a;padding:16px}.portrait-hint,.portrait-missing{display:flex;align-items:center;justify-content:center}.portrait-hint{position:absolute;bottom:0;left:0;right:0;gap:7px;background:linear-gradient(transparent,#000a);padding:30px 16px 14px;color:#f1eee8;font-size:13px;opacity:0;transition:opacity .15s}.portrait-entry:focus-visible .portrait-hint,.portrait-entry:hover .portrait-hint{opacity:1}.tile-preview.ant-btn{position:absolute;top:12px;right:12px;width:30px;height:30px;min-width:30px;border-color:#ffffff35;background:#10101275;color:#f2eee6;z-index:2}.tile-ai{position:absolute;bottom:14px;left:13px;font-size:9px;color:#e6e0d6;pointer-events:none;text-shadow:0 1px 4px #000}.tile-meta{position:relative;padding:13px 0 0}.tile-name{display:flex;align-items:center;gap:9px;padding:0 26px 0 0;width:100%;text-align:left}.tile-name h3{font-size:16px;font-weight:520;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-name>svg{flex-shrink:0;color:#96918a;opacity:0}.tile-name:focus-visible>svg,.tile-name:hover>svg{opacity:1}.tile-meta>p{font-size:13px;line-height:1.75;color:#99948d;margin-top:7px;padding-right:25px;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-follow.ant-btn{position:absolute;right:-4px;top:12px;color:#99948d}.directory-pagination{justify-content:center;border-top:1px solid #2b2b2e;margin-top:18px;padding:28px;color:#8f8a82;font-size:12px}.directory-empty,.directory-pagination{display:flex;align-items:center;gap:18px}.directory-empty{padding:90px 0 120px;flex-direction:column}.directory-loading{padding:100px 30%;min-height:300px}.directory-loading .ant-spin-container{height:100px}.directory-error{margin-bottom:20px}.role-preview-video{display:block;width:100%;max-height:62vh;object-fit:contain;background:#08080a}.role-preview-note{font-size:13px;line-height:1.8;margin:16px 0;color:#aaa59c;white-space:pre-line}@media (max-width:1199px){.masonry-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1800px){.masonry-grid{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:24px}.plaza-main{--plaza-top-padding:12px;--plaza-inline-padding:48px;padding-bottom:60px}}@media (max-width:640px){.plaza-toolbar{flex-wrap:wrap;gap:14px}.desktop-theme .plaza-search.ant-input-affix-wrapper{width:100%}}.plaza-directory{padding-bottom:80px}.plaza-directory .masonry-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;gap:24px}.plaza-directory .role-tile{grid-row-end:auto;min-width:0;animation:discovery-reveal .48s var(--discovery-ease) both}.plaza-directory .role-tile:nth-child(4n+2){animation-delay:50ms}.plaza-directory .role-tile:nth-child(4n+3){animation-delay:.1s}.plaza-directory .role-tile:nth-child(4n){animation-delay:.15s}.plaza-directory .tile-inner{position:relative;padding:0 0 20px;background:#171e1b;border:1px solid var(--discovery-line);border-radius:16px;transition:transform .22s var(--discovery-ease),border-color .22s ease,box-shadow .22s ease}.plaza-directory .tile-media{aspect-ratio:4/5;margin:8px;border-radius:10px;background:#202a24}.plaza-directory .portrait-entry>img{transition:transform .5s var(--discovery-ease)}.plaza-directory .tile-media:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,#07130bc0);pointer-events:none}.plaza-directory .tile-ai{z-index:1;bottom:14px;left:14px;padding:4px 7px;border:1px solid #ffffff30;border-radius:4px;font:9px var(--font-mono);color:#f1f7f3;background:#09150b65}.plaza-directory .portrait-hint{z-index:2;justify-content:flex-end;font-size:11px;padding-bottom:15px;transform:translateY(6px);transition:opacity .18s,transform .22s var(--discovery-ease)}.plaza-directory .portrait-entry:focus-visible .portrait-hint,.plaza-directory .portrait-entry:hover .portrait-hint{transform:translateY(0)}.plaza-directory .tile-preview.ant-btn{width:40px;height:40px;min-width:40px;top:12px;right:12px;background:#0a170c90;backdrop-filter:blur(12px);transition:transform .18s var(--discovery-ease),background-color .18s ease}.plaza-directory .tile-preview.ant-btn:hover{transform:scale(1.08);background:var(--brand-accent);border-color:var(--brand-accent);color:#0a2115}.plaza-directory .tile-meta{padding:10px 16px 0}.plaza-directory .tile-name{padding-right:40px;gap:4px}.plaza-directory .tile-name h3{font-size:18px;font-weight:650;line-height:1.45}.plaza-directory .tile-name>svg{display:none}.plaza-directory .tile-meta>p{color:var(--discovery-muted);padding-right:0;font-size:12px;line-height:1.8;min-height:43px}.plaza-directory .tile-follow.ant-btn{top:8px;right:12px;width:36px;height:36px;color:#b0c0b6;background:#ffffff08}.plaza-directory .tile-follow.ant-btn[aria-pressed=true]{background:#00dbaf16;color:var(--brand-accent)}.plaza-directory .tile-follow.ant-btn svg{transition:transform .22s var(--discovery-ease)}.plaza-directory .tile-follow.ant-btn:hover svg{transform:scale(1.15)}.plaza-directory .directory-pagination{color:var(--discovery-muted);border-color:var(--discovery-line);flex-wrap:wrap}.plaza-directory .directory-empty{padding:64px 20px 80px;background:#151d18;border:1px solid var(--discovery-line);border-radius:16px}@media (hover:hover){.plaza-directory .tile-inner:focus-within,.plaza-directory .tile-inner:hover{transform:translateY(-6px);border-color:#00dbaf55;box-shadow:0 18px 36px #06170e70}.plaza-directory .tile-inner:hover .portrait-entry>img{transform:scale(1.045)}}@media (hover:none){.plaza-directory .portrait-hint{opacity:1;transform:none}}@media (min-width:1800px){.plaza-directory .masonry-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:1100px){.plaza-directory .masonry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}@media (max-width:640px){.plaza-directory .masonry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.plaza-directory .tile-inner{border-radius:12px;padding-bottom:14px}.plaza-directory .tile-media{margin:5px}.plaza-directory .tile-meta{padding-inline:10px}.plaza-directory .tile-name h3{font-size:14px}.plaza-directory .tile-name{padding-right:30px}.plaza-directory .tile-follow.ant-btn{right:7px;top:8px;width:30px;height:30px}.plaza-directory .tile-meta>p{font-size:11px;min-height:39px}.plaza-directory .tile-preview.ant-btn{width:34px;height:34px;min-width:34px;top:8px;right:8px}.plaza-directory .tile-ai{left:9px;bottom:9px}.plaza-directory .portrait-hint{padding:30px 9px 11px;font-size:10px}}.plaza-directory .directory-empty .ant-empty-image{height:100px}.directory-empty-symbol{display:grid;place-items:center;width:100px;height:100px;margin:auto;border:1px solid #00dbaf30;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 15px,#00dbaf12 16px 17px);color:var(--brand-accent)}.plaza-directory .directory-empty>p{color:var(--discovery-muted);font-size:12px;text-align:center}