/* Cash denomination and photo-first directory shared across all five concepts. */
.cash-amount{display:inline-flex;align-items:center;gap:.38em;white-space:nowrap;font-variant-numeric:tabular-nums}
.cash-coin{width:1.2em;height:1.2em;min-width:1.2em;display:inline-grid;place-items:center;flex:none;overflow:hidden;border-radius:50%;border:1px solid #b7a3df;background:#f3edff;box-shadow:0 1px 1px #65508f1a;font-size:.95em;line-height:1}
.cash-coin img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.workspace .app-sidebar .side-section{margin-bottom:8px;padding-bottom:0}.workspace .app-sidebar .side-caption{margin-bottom:12px}.workspace .app-sidebar .side-label{margin-top:6px;margin-bottom:6px}.workspace .app-sidebar .side-nav button,.workspace .app-sidebar .side-game-list button{min-height:36px;padding-block:8px}
.workspace .app-sidebar .side-game-title,.workspace .app-sidebar .side-page-title{color:#8660C7;font-weight:700;margin-bottom:8px}
.workspace.c01 .app-sidebar .games-section{padding-top:12px}
.side-wallet{margin-top:auto;padding:12px 10px 10px;border-top:1px solid var(--line);color:var(--side-text,#65738e)}
.wallet-caption,.wallet-balance{display:flex;align-items:center;justify-content:space-between;gap:5px}.wallet-caption{font-size:10px;margin-bottom:7px}.wallet-caption button{font-size:9px;color:#5a65bc;text-decoration:underline;text-underline-offset:3px}.wallet-balance{margin-bottom:12px}.wallet-balance small{font-size:10px}.wallet-balance strong{font-size:17px}
.cash-topup-button{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 4px;border:1px solid #eee0af;background:#fff9e9;border-radius:7px;color:#725420;font-weight:700;font-size:10px;white-space:nowrap}.cash-topup-button>.icon{height:12px;width:12px;margin-left:auto}.cash-topup-button>.cash-coin{font-size:13px}.workspace .side-gift{margin-top:0;padding-top:11px}.wallet-caption button[hidden]{display:none}
.workspace .people-grid .photo-only-card{position:relative;display:block;grid-template-columns:none;padding:0;height:210px;min-height:0;overflow:hidden;background:#e8e7e5;isolation:isolate}
.workspace .photo-only-card .person-photo{position:absolute;inset:0;width:100%;height:100%;min-height:0;border-radius:0;aspect-ratio:auto;isolation:auto}
.workspace .photo-only-card .person-photo:after{display:none}.workspace .photo-only-card .person-photo img{filter:none}
.workspace .photo-only-card .photo-status{position:absolute;inset:0 0 auto;height:45px;z-index:3;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}
.workspace .photo-only-card .photo-status .favorite-btn{pointer-events:auto;top:9px;right:9px;bottom:auto;left:auto;width:27px;height:27px;background:#ffffffec;color:#555;border-radius:50%;display:grid;place-items:center}
.workspace .photo-only-card .photo-status .favorite-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}
.workspace .photo-only-card .photo-status .live-pill{top:10px;left:10px;font-size:9px;padding:4px 7px;background:#ffffffe8;color:#425449}
.workspace .photo-only-card .person-info{position:absolute;inset:auto 0 0;z-index:2;display:block;padding:32px 11px 12px;min-height:105px;background:none;isolation:isolate;color:white;opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .4s ease,transform .4s ease,visibility .4s ease;pointer-events:none}
/* Extend only the backdrop so the portrait fades gently without shifting its information. */
.workspace .photo-only-card .person-info:before{content:'';position:absolute;inset:-40px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(17,24,39,0) 0%,rgba(17,24,39,.04) 12%,rgba(17,24,39,.16) 24%,rgba(17,24,39,.38) 36%,rgba(17,24,39,.64) 50%,rgba(17,24,39,.82) 67%,rgba(17,24,39,.91) 84%,rgba(17,24,39,.95) 100%)}
.workspace .photo-only-card:hover .person-info,.workspace .photo-only-card:focus-within .person-info,.workspace .photo-only-card.is-revealed .person-info{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.workspace .photo-only-card:hover .photo-status,.workspace .photo-only-card:focus-within .photo-status,.workspace .photo-only-card.is-revealed .photo-status{opacity:1;visibility:visible}
.workspace .photo-only-card .person-title{display:flex;align-items:center;justify-content:space-between;gap:4px}.workspace .photo-only-card .person-title>button{color:#fff;font-size:14px;line-height:1.4;font-weight:700}
.workspace .photo-only-card .person-title .rating{font-size:10px;color:#ffe29c}.workspace .photo-only-card .rating .icon{color:#f4cc65}
.workspace .photo-only-card .person-game{color:#e0e4ed;font-size:9px;line-height:1.5;white-space:normal;margin-top:4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.workspace .photo-only-card .person-bottom{display:flex;align-items:center;justify-content:space-between;border:0;padding:0;margin-top:8px;gap:3px}.workspace .photo-only-card .card-price{color:#fff;font-size:12px}.workspace .photo-only-card .card-price small{color:#d4d9e4;font-size:8px}.workspace .photo-only-card .card-actions{gap:4px}.workspace .photo-only-card .card-actions button{width:25px;height:25px;min-width:25px;border:1px solid #ffffff38;border-radius:5px;background:#ffffff1c;color:#fff}.workspace .photo-only-card .card-actions button:last-child{background:#ffffffee;color:#252c42}
.workspace.c02 .people-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.workspace.c02 .people-grid .photo-only-card{height:284px;border-radius:2px}
.workspace.c03 .people-grid .photo-only-card{height:210px;border-radius:17px}.workspace.c04 .people-grid .photo-only-card{height:150px}.workspace.c04 .photo-only-card .person-info{padding-top:23px;padding-bottom:9px;min-height:98px}.workspace.c05 .people-grid .photo-only-card{height:207px;border-radius:8px}
@media(min-width:761px) and (max-height:950px){.workspace .app-sidebar .side-nav button,.workspace .app-sidebar .side-game-list button{min-height:34px;padding-block:6px}.workspace.c02 .side-section+.side-section{padding-top:8px}.workspace:is(.c02,.c03,.c04) .app-sidebar .side-nav button,.workspace:is(.c02,.c03,.c04) .app-sidebar .side-game-list button{min-height:32px;padding-block:5px}.workspace:is(.c02,.c03,.c04) .app-sidebar .side-section{margin-bottom:4px}.workspace:is(.c02,.c03,.c04) .app-sidebar .side-caption{margin-bottom:8px}.workspace.c02 .app-sidebar .side-section+.side-section{padding-top:6px}}
@media(min-width:1700px){.workspace .people-grid .photo-only-card{height:270px}.workspace.c04 .people-grid .photo-only-card{height:205px}}
@media(max-width:1190px){.workspace.c02 .people-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace .people-grid .photo-only-card{height:230px}.workspace.c02 .people-grid .photo-only-card{height:250px}.workspace.c04 .people-grid .photo-only-card{height:190px}.workspace .side-wallet{padding-inline:3px}.cash-topup-button{font-size:9px}}
@media(max-width:960px){.workspace.c02 .people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace .photo-only-card .card-actions button{height:23px;width:23px;min-width:23px}}
@media(max-width:760px){.workspace .people-grid,.workspace.c02 .people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.workspace .people-grid .photo-only-card{height:220px;min-height:0}.workspace .photo-only-card .person-title>button{font-size:13px}.workspace .photo-only-card .person-info{padding-inline:9px}.workspace .photo-only-card .card-price{font-size:11px}.workspace .side-wallet{padding-inline:8px}.cash-topup-button{font-size:11px}.workspace .side-nav button,.workspace .side-game-list button{min-height:38px}}
@media(prefers-reduced-motion:reduce){.workspace .photo-only-card .person-info,.workspace .photo-only-card .photo-status{transition:none}}

/* The English tagline shares the description row; reclaim its former line above the title. */
.workspace .directory-heading{min-height:0}
.workspace .directory-intro{min-width:0}
.workspace .directory-intro-row{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:12px;row-gap:3px;font-size:11px;line-height:1.6}
.workspace .directory-heading .directory-intro-row p,.workspace .directory-heading .directory-intro-row .section-eyebrow{margin:0;font:inherit;font-weight:700;letter-spacing:normal}
.workspace .directory-intro-row .section-eyebrow{display:inline-block;white-space:nowrap}
@media(max-width:760px){.workspace .directory-intro-row{column-gap:10px;row-gap:2px;font-size:10px}}

/* Blue Directory keeps availability visible while other photo controls retain their reveal behavior. */
.workspace.c01 .photo-only-card .photo-status{opacity:1;visibility:visible}
.workspace.c01 .photo-only-card .photo-status .favorite-btn{opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}
.workspace.c01 .photo-only-card:hover .photo-status .favorite-btn,.workspace.c01 .photo-only-card:focus-within .photo-status .favorite-btn,.workspace.c01 .photo-only-card.is-revealed .photo-status .favorite-btn{opacity:1;visibility:visible}
.workspace.c01 .photo-only-card .photo-status .live-pill.offline{color:#68727b}
.workspace.c01 .photo-only-card .photo-status .live-pill.offline i{background:#9ca3ad}
@media(prefers-reduced-motion:reduce){.workspace.c01 .photo-only-card .photo-status .favorite-btn{transition:none}}

/* The profile remains the source of the full introduction; cards show two lines. */
.workspace.c01 .photo-only-card .person-title>button{font-size:16px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.workspace.c01 .photo-only-card .person-title .rating{font-size:12px;flex:none}
.workspace.c01 .photo-only-card .person-game{font-size:11px}
.workspace.c01 .photo-only-card .person-bio{margin:6px 0 0;color:#f0f2f7;font-size:12px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:2.9em;overflow:hidden;overflow-wrap:anywhere;white-space:normal}
.workspace.c01 .photo-only-card .person-bottom{flex-wrap:wrap;column-gap:6px;row-gap:6px}
.workspace.c01 .photo-only-card .card-price{display:flex;align-items:center;flex-wrap:wrap;gap:0 4px;min-width:0;max-width:100%;font-size:14px}
.workspace.c01 .photo-only-card .card-price small{font-size:10px;margin-left:0}
.workspace.c01 .photo-only-card .card-order-count{font-size:12px;font-weight:400;color:#dce3ef;white-space:nowrap;font-variant-numeric:tabular-nums}
.workspace.c01 .photo-only-card .card-actions{margin-left:auto;flex:none}
@media(max-width:760px){.workspace.c01 .photo-only-card .person-title>button{font-size:15px}.workspace.c01 .photo-only-card .card-price{font-size:13px}.workspace.c01 .photo-only-card .card-price small{font-size:9px}.workspace.c01 .photo-only-card .card-order-count{font-size:11px}}

/* Keep the approved logo and search row level, and lift the lower sidebar
   within its available space to meet the directory's closing guide. */
/* Paint the existing top gap white without changing its layout or alignment.
   The clipped shadow also covers the gutters beyond the centered workspace. */
.workspace.c01 .topbar::before{content:'';position:absolute;left:0;right:0;bottom:100%;height:var(--blue-header-space,18px);background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax);pointer-events:none}
@media(min-width:761px){
  .workspace.c01 .topbar{margin-top:var(--blue-header-space,18px)}
  .workspace.c01 .app-sidebar{padding-bottom:calc(18px + var(--blue-gift-raise,0px))}
}
@media(min-width:761px) and (max-height:950px){
  .workspace.c01 .app-sidebar{padding-bottom:calc(16px + var(--blue-gift-raise,0px))}
}
@media(max-width:760px){.workspace.c01 .topbar{margin-top:8px}.workspace.c01 .topbar::before{height:8px}}
