/* Duo cards: the editor stays in place while the directory changes tabs. */
.duo-workspace{grid-template-columns:310px minmax(0,1fr);gap:22px;align-items:start}
.duo-workspace .duo-setup{position:static;padding:20px;min-width:0}
.duo-workspace .duo-directory{min-width:0;min-height:650px;padding:0;overflow:visible}
.duo-workspace .directory-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:9px 15px;border-bottom:1px solid #2b3d32;margin:0}
.duo-workspace .directory-tabs a{padding:12px 10px;color:#94aa9c;font-size:12px;border-bottom:2px solid transparent}
.duo-workspace .directory-tabs a.active{border-color:var(--green);color:var(--green)}
.duo-tab-content{padding:20px;min-height:590px;max-height:900px;overflow:auto}
.duo-directory[aria-busy=true]{opacity:.65}
.duo-form-status{margin:0!important;min-height:16px;font-size:12px;color:var(--green)}
.duo-form-status.is-error{color:#ffb2a6}
.duo-slot-count{color:#9bae9c;font-size:11px;margin:-4px 0 16px}
.duo-card-form{gap:15px}
.duo-card-form .photo-upload{margin:0}
.duo-card-form .duo-photo-preview{width:76px;height:76px;flex:0 0 76px;border:2px solid #b4ff39;border-color:var(--duo-avatar,#b4ff39);border-radius:50%}
.duo-card-form .photo-save-status:empty{display:none}
.duo-card-form .photo-picker{font-size:10px;padding:8px;min-height:38px}
.duo-colors{border:1px solid #304238;border-radius:8px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
.duo-colors legend{font-size:12px;font-weight:700;padding:0 5px}
.duo-colors label{font-size:10px!important}
.duo-colors input[type=color]{padding:3px;border:1px solid #3a5141;height:36px;width:100%;border-radius:5px;cursor:pointer}
.duo-colors-inactive{border-style:dashed}
.duo-theme-picker{margin:0;padding-top:2px}
.duo-theme-picker summary{font-size:12px;color:#e2efdb;font-weight:700;display:list-item}
.duo-theme-picker summary span{color:var(--green);float:right}
.duo-theme-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:340px;overflow:auto;padding:10px 3px 5px}
.duo-theme-choice{display:block!important;position:relative;cursor:pointer;border:1px solid #304238;border-radius:7px;background:#111b17;overflow:hidden}
.duo-theme-choice input{position:absolute;opacity:0;width:1px;height:1px}
.duo-theme-choice:has(input:checked){border-color:var(--green);box-shadow:0 0 0 1px var(--green)}
.duo-theme-choice:has(input:focus-visible){outline:2px solid #fff;outline-offset:2px}
.duo-theme-choice img{display:block;width:100%;height:48px;object-fit:contain;margin:4px 0}
.duo-theme-choice span{display:block;font-size:9px;color:#cfdec9;font-weight:600;padding:5px 6px 7px;line-height:1.35}
.duo-theme-choice:has(input:checked) span{color:var(--green)}
.duo-custom-choice{grid-column:1/-1;text-align:center}
.duo-custom-choice span{padding:10px}
.duo-label{display:block;font-size:10px;color:#9aaf9e;margin-bottom:8px}
.duo-preview-block .duo-card{pointer-events:none}
.duo-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px}
.duo-section-heading h2,.duo-tab-content>h2{font-size:23px;margin:0 0 7px}
.duo-section-heading p,.duo-section-heading>span{font-size:12px;color:#a0b09d;margin:0}
.duo-workspace .duo-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:18px}
.duo-skin{--duo-surface:#101916;--duo-avatar:#b4ff39;--duo-accent:#b4ff39;--duo-text:#f2f7ef;--duo-muted:#b7c9b9;color:var(--duo-text)}
.duo-workspace .duo-card{position:relative;display:block;background:var(--duo-surface);color:var(--duo-text);border:1px solid #52634e;border-radius:12px;padding:20px;isolation:isolate;overflow:hidden;margin:0;min-width:0}
.duo-workspace .duo-card:hover{box-shadow:0 0 0 1px var(--duo-avatar)}
.duo-workspace .duo-card-art{display:none}
.duo-workspace .duo-card.duo-art-card{border:0;border-radius:0;background:transparent;padding:0;box-shadow:none;overflow:visible}
.duo-workspace .duo-art-card .duo-card-art{display:block;width:100%;height:auto;pointer-events:none;user-select:none}
.duo-workspace .duo-art-card .duo-card-art[hidden]{display:none}
.duo-workspace .duo-card-select{position:relative;display:flex;gap:16px;color:inherit;min-width:0;align-items:flex-start;text-align:left;font:inherit}
.duo-workspace .duo-art-card .duo-card-select{position:absolute;inset:12% 6% 12% 6%;width:auto;overflow:hidden;align-items:flex-start}
.duo-workspace .duo-card-select:focus-visible{outline:2px solid var(--duo-avatar);outline-offset:3px}
.duo-workspace .duo-avatar,.duo-themed-profile .member-face{border:2px solid var(--duo-avatar);background:var(--duo-surface);color:var(--duo-text);border-radius:50%!important;overflow:hidden;flex:0 0 auto;box-sizing:border-box}
.duo-workspace .duo-avatar{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800}
.duo-workspace .duo-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.duo-card-copy{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere}
.duo-workspace .duo-art-card .duo-card-copy{flex:1;max-width:78%;padding:3px 7px;text-shadow:0 1px 3px #000;background:linear-gradient(90deg,#070d1780,#070d1720);border-radius:4px}
.duo-workspace .duo-art-card .duo-avatar{width:52px;height:52px}
.duo-workspace .duo-art-card .duo-card-copy strong{font-size:19px;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.duo-workspace .duo-art-card .duo-game{font-size:11px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.duo-workspace .duo-art-card .duo-wanted{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.duo-workspace .duo-art-card .duo-bio{font-size:11px;line-height:1.4;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.duo-workspace .duo-card-copy strong{color:var(--duo-text);font-size:21px;line-height:1.2;margin-bottom:5px}
.duo-workspace .duo-game{display:block;color:var(--duo-accent);font-size:12px;line-height:1.4;margin-bottom:6px;font-weight:700;overflow-wrap:anywhere}
.duo-workspace .duo-wanted{display:block;color:var(--duo-muted);font-size:12px;line-height:1.5}
.duo-workspace .duo-bio{display:block;color:var(--duo-text);font-size:12px;line-height:1.55;margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.duo-card-tools{display:flex;align-items:center;gap:20px;padding:10px 5px 0}
.duo-card-tools form{margin-left:auto}
.duo-card-tools .text-button{font-size:11px;color:#d7b0a5}
.duo-preview-block .duo-card{padding:14px}
.duo-preview-block .duo-art-card{padding:0}
.duo-preview-block .duo-card-select{gap:8px}
.duo-preview-block .duo-avatar{width:39px;height:39px;font-size:16px}
.duo-preview-block .duo-card-copy strong{font-size:15px}
.duo-preview-block .duo-game{font-size:10px;margin-bottom:4px}
.duo-preview-block .duo-wanted,.duo-preview-block .duo-bio{font-size:9px;margin-top:3px}
.duo-preview-block .duo-art-card .duo-card-copy{max-width:80%}
.duo-workspace .duo-preview-block .duo-art-card .duo-avatar{width:34px;height:34px}
.duo-workspace .duo-preview-block .duo-art-card .duo-card-copy{padding:0}
.duo-workspace .duo-preview-block .duo-art-card .duo-card-copy strong{font-size:13px;margin:0 0 2px}
.duo-workspace .duo-preview-block .duo-art-card .duo-game{font-size:9px;margin:0 0 2px}
.duo-workspace .duo-preview-block .duo-art-card .duo-wanted{font-size:8px}
.duo-workspace .duo-preview-block .duo-art-card .duo-bio{font-size:8px;margin:2px 0 0}
.duo-friend-list{display:grid;gap:12px}
.duo-friend-item,.duo-invite-item{background:#101916;border:1px solid #304238;border-radius:8px;padding:16px;margin-bottom:12px;overflow-wrap:anywhere}
.duo-friend-item .friend-row{padding:0;border:0;background:none}
.duo-friend-item .friend-row strong{color:var(--text)}
.duo-friend-item>.text-link{margin-top:10px;font-size:11px}
.duo-invite-head{display:flex;justify-content:space-between;gap:12px}
.duo-invite-game{font-size:11px;color:var(--green)}
.duo-invite-item p{font-size:13px;color:#c1cdbd;white-space:pre-wrap}
.duo-invite-item .button-row{flex-wrap:wrap}
.duo-invite-item .text-button{font-size:11px}
.duo-workspace .member-sidebar{position:relative;inset:auto;min-width:0;width:100%;height:auto;max-height:1000px!important;margin:0;padding:16px;border:0;box-shadow:none}
.duo-workspace .duo-setup:has(.member-sidebar:not([hidden])){padding:0;background:transparent;border:0}
.duo-workspace .member-sidebar.duo-themed-profile{background:var(--duo-surface);color:var(--duo-text);border-radius:10px}
.duo-themed-profile:not(.duo-theme-custom){background-image:var(--duo-portrait)!important;background-size:100% auto!important;background-repeat:no-repeat!important;background-color:var(--duo-surface)!important;aspect-ratio:var(--duo-portrait-ratio);min-height:0;padding:32px 23px 180px!important}
.duo-themed-profile .member-face{width:84px;height:84px}
.duo-themed-profile .member-bio{color:var(--duo-text);white-space:pre-wrap;overflow-wrap:anywhere}
.duo-themed-profile .muted{color:var(--duo-muted)}
.duo-themed-profile .member-game,.duo-themed-profile .text-link{color:var(--duo-accent)}
.duo-themed-profile .button.primary{background:var(--duo-accent);border-color:var(--duo-accent);color:#07111a}
.duo-themed-profile .button.ghost{color:var(--duo-text);border-color:var(--duo-accent)}
.duo-themed-profile .member-sidebar-head{border-color:var(--duo-accent)}
.duo-themed-profile .member-sidebar-head b{color:var(--duo-text)}
.duo-themed-profile .member-actions{margin-top:16px}
.duo-invite-compose{display:grid;gap:8px;margin:18px 0;padding:12px;background:#08110db3;border:1px solid var(--duo-accent);border-radius:7px}
.duo-invite-compose label{font-size:11px;color:var(--duo-text)}
.duo-invite-compose input{width:100%;font-size:12px;color:var(--duo-text);background:#111b24;border:1px solid var(--duo-accent);border-radius:5px;padding:9px 10px;margin-top:7px}
.duo-themed-profile .direct-chat{background:#0c131be8}
@media(min-width:1450px){.duo-workspace .duo-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){.duo-workspace{grid-template-columns:285px minmax(0,1fr);gap:16px}.duo-tab-content{padding:14px}.duo-workspace .directory-tabs{padding:6px}.duo-workspace .directory-tabs a{font-size:11px;padding:11px 8px}.duo-workspace .duo-card-copy strong{font-size:18px}.duo-workspace .duo-avatar{width:48px;height:48px}.duo-workspace .duo-card-select{gap:10px}}
@media(max-width:760px){.duo-workspace{grid-template-columns:1fr}.duo-workspace .duo-setup{width:100%}.duo-theme-options{grid-template-columns:repeat(3,minmax(0,1fr));max-height:260px}.duo-custom-choice{grid-column:1/-1}.duo-tab-content{min-height:420px;max-height:none}.duo-workspace .duo-directory{min-height:480px}.duo-section-heading{flex-wrap:wrap}.duo-preview-block .duo-card{max-width:450px}.duo-workspace .member-sidebar.duo-themed-profile{max-width:380px;margin:auto}.duo-friend-item .friend-row{flex-wrap:wrap}.duo-workspace .duo-art-card .duo-card-select{inset:12% 6% 15%}.duo-workspace .duo-game,.duo-workspace .duo-wanted,.duo-workspace .duo-bio{font-size:10px}.duo-workspace .duo-game{margin-bottom:5px}.duo-workspace .duo-bio{margin-top:4px}.duo-workspace .duo-card-copy strong{font-size:16px}}
@media(max-width:760px){
  .duo-workspace .duo-art-card .duo-card-copy{padding:0 4px;max-width:80%}
  .duo-workspace .duo-art-card .duo-avatar{width:42px;height:42px;font-size:18px}
  .duo-workspace .duo-art-card .duo-card-copy strong{font-size:15px;margin:0 0 2px}
  .duo-workspace .duo-art-card .duo-game{font-size:10px;margin:0 0 2px}
  .duo-workspace .duo-art-card .duo-wanted{font-size:9px;line-height:1.3}
  .duo-workspace .duo-art-card .duo-bio{font-size:9px;line-height:1.3;margin-top:3px}
}