/* Reuse semantic NEXO theme tokens; no independent marketing palette. */
.people-row {display:flex;flex-wrap:nowrap;align-items:center;}
.people-row > .avatar,.people-row-state,.people-row-volume,.people-row > .host-crown {flex:none;}
.people-row-copy {flex:1;min-width:0;}
.participant-voice-heading {display:flex;justify-content:space-between;gap:12px;padding:16px 18px 8px;font-size:13px;}
.participant-voice-slider {display:flex;align-items:center;gap:12px;padding:0 18px 16px;}
.participant-voice-slider > svg {width:20px;flex:none;}
.participant-voice-slider input {flex:1;min-width:0;min-height:32px;height:32px;padding:0;border:0;background:transparent;accent-color:var(--theme-accent,#7160ff);cursor:pointer;}
.participant-voice-slider button {flex:none;}
.participant-voice-menu-actions .participant-social-danger {color:var(--theme-danger-text,#ff5267);}
.participant-voice-menu-actions .host-crown {width:20px;text-align:center;}
/* Reference profile and theme editor share one card structure and scale tokens. */
.account-profile-backdrop,.create-room-backdrop {z-index:1200;}
.account-profile-backdrop,.account-profile-view,.account-profile-view .panel-header { -webkit-app-region:no-drag; }
.account-profile-backdrop,.profile-theme-backdrop {background:rgba(0,0,0,.7);}
.account-profile-view,.profile-theme-preview-card {
  --profile-scale:1; --profile-blue:#1760fa; --profile-surface:#0c0d10;
  color:var(--theme-text-primary,#f4f5f7); background:linear-gradient(125deg,#0b0c0f,#08090b);
  border:1px solid var(--profile-border,#45474c); border-radius:16px;
}
.share-dialog.account-profile-view {
  width:min(642px,calc(100vw - 40px)); max-height:calc(100dvh - 40px); overflow:auto;
  padding:20px; gap:0; box-shadow:0 24px 65px #0008;
}
.account-profile-backdrop {animation:profile-backdrop-in .14s ease-out;}
.account-profile-backdrop .account-profile-view {animation:profile-pop .14s ease-out;}
.account-profile-view > .panel-header {
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  position:relative;padding:0 0 12px 6px;min-height:52px;margin:0 0 0;
}
.account-profile-view > .panel-header h2 {font-size:23px;line-height:30px;font-weight:700;}
.account-profile-view [data-profile-close],.profile-theme-editor [data-theme-close].icon-button {
  position:static;display:grid;place-items:center;width:40px;height:40px;min-height:40px;
  padding:0;flex:none;transform:none;margin:-8px -4px 0 0;z-index:1;
  border:1px solid #777b82;border-radius:12px;background:linear-gradient(#131519,#0b0c0e);
  color:#f2f3f7;-webkit-app-region:no-drag;cursor:pointer;
}
.account-profile-view [data-profile-close] svg,.profile-theme-editor [data-theme-close] svg {pointer-events:none;width:22px;height:22px;}
.account-profile-banner {aspect-ratio:3.2857;height:auto;margin:0;border-radius:12px;overflow:hidden;background:#14161b;position:relative;}
.account-profile-banner > button:first-child {display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in;}
.account-profile-banner img {display:block;width:100%;height:100%;object-fit:cover;filter:none;}
.account-profile-banner .account-profile-banner-edit {position:absolute;right:12px;top:12px;background:#11151c;width:34px;height:34px;min-height:34px;padding:6px;}
.account-profile-banner .account-profile-banner-frame {position:absolute;right:52px;top:12px;background:#11151c;width:34px;height:34px;min-height:34px;padding:6px;}
.banner-frame-backdrop {z-index:1400;background:rgba(0,0,0,.7);}
.share-dialog.banner-frame-editor {width:min(642px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow:auto;background:#0c0d10;padding:20px;border:1px solid #45474c;border-radius:16px;color:#f4f5f7;}
.banner-frame-editor > p {margin:0;font-size:13px;color:#c6c9d2;}
.banner-frame-viewport {cursor:grab;touch-action:none;}
.banner-frame-viewport:active {cursor:grabbing;}
.banner-frame-viewport img {pointer-events:none;user-select:none;}
.banner-frame-zoom {display:flex;align-items:center;gap:12px;font-size:13px;}
.banner-frame-zoom input {flex:1;min-width:0;accent-color:#1760fa;}
.banner-frame-zoom output {min-width:42px;}
.banner-frame-editor .share-dialog-actions {gap:8px;}
.banner-frame-editor .button {min-height:36px;padding:0 14px;font-size:12px;}
.account-profile-body {padding:0 calc(6px * var(--profile-scale)) 3px;}
.account-profile-identity {position:relative;display:flex;align-items:flex-start;gap:calc(28px * var(--profile-scale));margin:0;min-height:calc(94px * var(--profile-scale));padding-top:calc(18px * var(--profile-scale));}
.account-profile-avatar {position:relative;flex:none;align-self:flex-start;margin-top:calc(-42px * var(--profile-scale));}
.account-profile-avatar > button:first-child {display:block;padding:0;border:0;background:none;border-radius:50%;cursor:zoom-in;}
.account-profile-avatar .avatar {width:calc(110px * var(--profile-scale));height:calc(110px * var(--profile-scale));border:3px solid #12151a;object-fit:cover;filter:none;}
.account-profile-avatar .account-profile-avatar-edit {position:absolute;left:0;bottom:0;display:grid;place-items:center;width:30px;height:30px;min-height:30px;padding:5px;border-radius:50%;background:#14171d;border:1px solid #454951;}
.account-profile-avatar .account-profile-avatar-edit svg {width:16px;height:16px;pointer-events:none;}
.account-profile-name {flex:1;min-width:0;}
.account-profile-name h2 {margin:0;font-size:calc(25px * var(--profile-scale));line-height:1.16;font-weight:700;overflow-wrap:anywhere;}
.account-profile-name p {margin:9px 0 0;font-size:calc(15px * var(--profile-scale));line-height:1.4;color:var(--theme-text-secondary,#c6c9d2);}
.account-profile-avatar .profile-online-dot {position:absolute;right:0;bottom:0;width:calc(26px * var(--profile-scale));height:calc(26px * var(--profile-scale));border:calc(4px * var(--profile-scale)) solid #12151a;background:#12ce90;border-radius:50%;pointer-events:none;}
.profile-online-dot[data-activity=offline] {background:#9195a1;}
.profile-online-dot[data-activity=dnd] {background:#ff5267;}
.account-profile-time {display:flex;gap:8px;align-items:center;align-self:flex-start;margin-left:auto;padding:2px 0 0;white-space:nowrap;color:var(--theme-text-secondary,#c6c9d2);font-size:calc(15px * var(--profile-scale));}
.account-profile-time > svg {width:calc(21px * var(--profile-scale));height:calc(21px * var(--profile-scale));}
.account-profile-time .icon-button {display:grid;place-items:center;width:30px;height:30px;min-height:30px;padding:5px;flex:none;}
.account-profile-time [aria-pressed=false] {color:inherit;}
.account-profile-social {display:flex;align-items:center;gap:calc(14px * var(--profile-scale));padding:0 0 calc(18px * var(--profile-scale));margin-bottom:calc(20px * var(--profile-scale));border-bottom:1px solid var(--profile-border,#41434a);}
.account-profile-social .button {display:flex;align-items:center;justify-content:center;gap:calc(8px * var(--profile-scale));min-height:calc(40px * var(--profile-scale));height:calc(40px * var(--profile-scale));padding:0 calc(14px * var(--profile-scale));font-size:calc(12px * var(--profile-scale));font-weight:650;white-space:nowrap;border-radius:10px;}
.account-profile-social .profile-message {min-width:calc(130px * var(--profile-scale));color:white;border:1px solid #3b78ff;background:linear-gradient(115deg,#2867ef,#1550ed);box-shadow:inset 0 1px #ffffff14;}
.account-profile-social .profile-message:hover {background:linear-gradient(115deg,#3779ff,#2362ff);}
.account-profile-social .button-secondary {color:var(--theme-text-primary,#f4f5f7);border:1px solid var(--profile-border,#50535b);background-image:none;background-color:transparent;}
.account-profile-social .button-secondary:hover {background:#30333b88;}
.account-profile-social [data-profile-relationship] {min-width:calc(185px * var(--profile-scale));}
.account-profile-more {position:relative;flex:none;margin-left:calc(8px * var(--profile-scale));}
.account-profile-more > .icon-button {display:grid;place-items:center;width:calc(40px * var(--profile-scale));height:calc(40px * var(--profile-scale));min-height:calc(40px * var(--profile-scale));border:1px solid var(--profile-border,#737780);border-radius:50%;padding:0;background:transparent;color:inherit;}
.account-profile-more > .icon-button:hover {background:#262a3388;}
.account-profile-menu {position:absolute;right:0;top:calc(100% + 6px);z-index:3;width:205px;padding:6px;border:1px solid #42464f;border-radius:10px;background:#12151b;box-shadow:0 10px 24px #0006;}
.account-profile-menu button {display:flex;align-items:center;gap:9px;width:100%;padding:10px 8px;border:0;border-radius:6px;background:transparent;color:#edf0f6;text-align:left;font-size:12px;cursor:pointer;}
.account-profile-menu button:hover {background:#303239;}
.account-profile-menu .danger {color:#ff5267;}
.account-profile-theme {margin-left:auto;width:40px;height:40px;min-height:40px;}
.account-profile-about {margin:0;}
.account-profile-about header {display:flex;align-items:center;gap:8px;}
.account-profile-about h3 {font-size:calc(17px * var(--profile-scale));line-height:1.4;margin:0;font-weight:700;}
.account-profile-about header .icon-button {width:28px;height:28px;min-height:28px;padding:5px;}
.account-profile-about > p {margin:12px 0 0;font-size:calc(16px * var(--profile-scale));line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--theme-text-secondary,#c6c9d2);}
.account-profile-about textarea {box-sizing:border-box;width:100%;min-height:74px;margin-top:8px;padding:9px;resize:vertical;font:inherit;font-size:14px;background:#15161a;color:#f0f3fa;border:1px solid #454952;border-radius:7px;}
.account-profile-about footer {display:flex;justify-content:flex-end;gap:8px;margin-top:6px;}
.account-profile-about footer .button {min-height:34px;padding:0 14px;font-size:13px;}
.account-profile-feedback {margin:8px 0 0;font-size:12px;color:var(--theme-text-secondary,#c6c9d2);}
.account-profile-feedback:empty,.profile-theme-feedback:empty {display:none;}
.account-profile-image-viewer {z-index:1400;}
.social-friend-overlay {z-index:1500;}
.social-profile-link {display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;text-align:left;}
.social-profile-link:hover strong {color:var(--theme-accent);}
.social-profile-link:focus-visible {outline:2px solid var(--theme-accent);outline-offset:3px;border-radius:5px;}
.social-profile-link:hover > .avatar {filter:brightness(1.1);}
.account-profile-view button,.profile-theme-editor button {transition:background .14s ease,border-color .14s ease,opacity .14s ease;}
/* Theme foreground and its local contrast surface must change atomically. */
.account-profile-view button[data-profile-contrast],.profile-theme-preview-card button[data-profile-contrast] {transition:border-color .14s ease,opacity .14s ease;}
.account-profile-view button:disabled,.profile-theme-editor button:disabled {cursor:default;opacity:.55;}
.account-profile-view button:focus-visible,.profile-theme-editor :focus-visible {outline:2px solid #538bff;outline-offset:3px;}
.account-profile-view button:active:not(:disabled),.profile-theme-editor button:active:not(:disabled) {filter:brightness(.92);}
.account-profile-view svg,.profile-theme-preview-card svg {width:calc(23px * var(--profile-scale));height:calc(23px * var(--profile-scale));flex:none;}
.account-profile-social svg {width:calc(18px * var(--profile-scale));height:calc(18px * var(--profile-scale));}
.profile-theme-backdrop {z-index:1300;}
.share-dialog.profile-theme-editor {width:min(972px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow:auto;padding:18px;gap:16px;background:linear-gradient(115deg,#0c0f12,#0b0d0f);color:#f4f5f7;border:1px solid #41454b;border-radius:14px;animation:profile-pop .14s ease-out;}
.profile-theme-header {display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid #23262c;padding:8px 8px 16px;}
.profile-theme-editor .profile-theme-header h2 {font-size:24px;line-height:30px;margin:0;}
.profile-theme-header p {margin:6px 0 0;font-size:15px;line-height:1.5;color:#c6c9d2;}
.profile-theme-editor [data-theme-close].icon-button {margin:-10px -8px 0 0;width:46px;height:46px;min-height:46px;}
.profile-theme-columns {display:grid;grid-template-columns:338px minmax(0,1fr);gap:16px;}
.profile-theme-configuration {display:grid;align-content:start;gap:8px;}
.profile-theme-presets,.profile-theme-custom {border:1px solid #31353c;border-radius:10px;background:#090b0e44;padding:16px;}
.profile-theme-editor h3 {margin:0 0 12px;font-size:14px;font-weight:650;line-height:20px;}
.profile-theme-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;}
.profile-theme-options > button {position:relative;display:grid;gap:6px;padding:0;text-align:left;cursor:pointer;border:0;background:transparent;color:#eef0f5;font-size:13px;font-weight:400;line-height:18px;}
.profile-theme-swatch {position:relative;display:block;height:52px;border:1px solid #363941;border-radius:8px;background:linear-gradient(110deg,#25282d,#141618);}
.profile-theme-swatch b {display:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:25px;height:25px;text-align:center;line-height:25px;border-radius:50%;background:#1266ff;color:white;font-size:17px;}
.profile-theme-options > button[aria-pressed=true] .profile-theme-swatch {border-color:#357dff;box-shadow:0 0 0 2px #2371ff;}
.profile-theme-options > button[aria-pressed=true] b {display:block;}
.profile-theme-custom {padding:12px;}
.profile-theme-custom h3 {font-size:13px;margin-bottom:10px;font-weight:500;}
.profile-theme-colors {display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.profile-theme-colors > div {display:flex;align-items:center;gap:7px;min-width:0;}
.profile-theme-colors input[type=color] {appearance:none;flex:none;width:30px;height:32px;min-height:32px;padding:0;border:1px solid #484d59;border-radius:6px;overflow:hidden;background:transparent;cursor:pointer;}
.profile-theme-colors input[type=color]::-webkit-color-swatch-wrapper {padding:0;}
.profile-theme-colors input[type=color]::-webkit-color-swatch {border:0;border-radius:4px;}
.profile-theme-colors input[type=text] {width:100%;min-width:0;height:32px;min-height:32px;padding:0 7px;border:1px solid #383c44;border-radius:6px;background:#0b0d10;color:#f0f3f7;font-size:12px;}
.profile-theme-colors input:invalid {border-color:#ff5267;}
.profile-theme-custom .profile-theme-direction-label {margin:10px 0 0;}
.profile-theme-direction {display:flex;align-items:center;gap:16px;padding:0 32px;}
.profile-theme-dial {width:128px;height:128px;flex:none;cursor:crosshair;touch-action:none;border-radius:50%;}
.profile-theme-dial svg {display:block;width:100%;height:100%;overflow:visible;}
.dial-disc {fill:#202226;stroke:#62666f;stroke-width:1.5;}
.dial-spokes {fill:none;stroke:#686c75;stroke-width:1;}
.dial-sector {fill:#125ef64a;stroke:none;}
.dial-pointer {stroke:#176bff;stroke-width:3;}
.dial-center,.dial-handle {fill:#176bff;stroke:#dcecff;stroke-width:1.5;}
.profile-theme-direction output {font-size:16px;color:#e4e7ed;min-width:42px;}
.profile-theme-preview {display:flex;flex-direction:column;min-width:0;padding-top:12px;}
.profile-theme-preview h3 {margin:0 12px 8px;font-size:16px;}
.profile-theme-preview-card {--profile-scale:.84;padding:9px 10px 30px;border-color:#292e39;border-radius:12px;overflow:hidden;}
.profile-theme-preview-card .account-profile-banner {border-radius:10px;}
.profile-theme-preview-card .account-profile-social {gap:12px;}
.profile-theme-preview-card .account-profile-more {margin-left:8px;}
.profile-theme-preview-card .account-profile-social .button {padding:0 16px;border-radius:10px;}
.profile-theme-preview-card .account-profile-body {padding:0 10px;}
.profile-theme-preview-card .account-profile-name p {font-size:12px;}
.profile-theme-preview-card button {cursor:default;}
.profile-theme-feedback {margin:0;color:#ff5267;font-size:13px;}
.profile-theme-editor .share-dialog-actions {gap:8px;border-top:1px solid #25282e;padding-top:12px;margin: auto 0 0;}
.profile-theme-editor .share-dialog-actions .button {height:44px;min-height:44px;padding:0 24px;border-radius:9px;font-size:14px;font-weight:650;}
.profile-theme-editor .share-dialog-actions .button-secondary {color:#fff;background:linear-gradient(#202328,#101216);border:1px solid #3a3d44;}
.profile-theme-editor .share-dialog-actions .button-primary {color:#fff;background:#085bff;border:1px solid #2974ff;}
@keyframes profile-pop {from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}
@keyframes profile-backdrop-in {from{opacity:0}to{opacity:1}}
@media(max-width:1000px){.profile-theme-columns{grid-template-columns:300px minmax(0,1fr)}.profile-theme-options{gap:10px 12px}.profile-theme-preview-card{--profile-scale:.68}.profile-theme-preview-card .account-profile-social{gap:8px}.profile-theme-preview-card .account-profile-social .button{padding:0 10px}}
@media(max-width:760px){.profile-theme-columns{grid-template-columns:1fr}.profile-theme-preview-card{--profile-scale:.85}.profile-theme-presets{padding:12px}.profile-theme-options{grid-template-columns:repeat(4,minmax(0,1fr))}.account-profile-view{--profile-scale:.8}.account-profile-time{gap:4px}.account-profile-name p{font-size:12px}.share-dialog.account-profile-view{padding:16px}.account-profile-view > .panel-header h2{font-size:20px}.profile-theme-preview{padding:0}}
@media(max-width:540px){.account-profile-view{--profile-scale:.68}.account-profile-identity{flex-wrap:wrap;gap:12px;min-height:120px}.account-profile-time{margin-left:auto}.account-profile-social{flex-wrap:wrap}.profile-theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-theme-preview-card{--profile-scale:.65}.profile-theme-header{padding:4px 0 14px}.profile-theme-header p{font-size:12px}.profile-theme-editor .profile-theme-header h2{font-size:20px}.profile-theme-preview-card .account-profile-name p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.account-profile-backdrop,.account-profile-backdrop .account-profile-view,.profile-theme-editor{animation:none}.account-profile-view button,.profile-theme-editor button{transition:none}}
.create-room-dialog {width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;}
.create-room-dialog fieldset {border:0;padding:0;display:grid;gap:10px;}
.create-room-dialog legend {margin-bottom:16px;font-weight:600;}
.create-room-choice {display:flex;align-items:center;gap:16px;padding:18px;border:1px solid rgba(var(--theme-border-subtle-rgb,109,127,169),.3);border-radius:12px;cursor:pointer;transition:border-color .14s ease,background .14s ease;}
.create-room-choice > span {display:grid;gap:7px;flex:1;min-width:0;}
.create-room-choice input {appearance:none;flex:none;width:20px;height:20px;min-height:20px;padding:0;margin:0;border:1px solid var(--theme-border-strong,#647997);border-radius:50%;background:transparent;cursor:pointer;}
.create-room-choice input:checked {border:2px solid var(--theme-accent,#7160ff);background:radial-gradient(circle,var(--theme-accent,#7160ff) 0 5px,transparent 5.5px);}
.create-room-choice > span > span {font-size:13px;font-weight:400;line-height:1.5;color:var(--theme-text-secondary,#9baac0);}
.create-room-dialog .share-dialog-actions {gap:10px;margin-top:16px;}
.create-room-choice svg {width:24px;height:24px;flex:none;}
.create-room-choice small {font-size:10px;color:var(--theme-accent,#7160ff);margin-left:6px;}
.create-room-choice:has(input:checked),.create-room-choice:hover {border-color:var(--theme-accent,#7160ff);background:rgba(var(--theme-surface-hover-rgb,48,63,96),.25);}
.create-room-dialog .button {transition:background .14s ease,transform .14s ease,filter .14s ease;}
.create-room-dialog .button:hover {filter:brightness(1.08);transform:translateY(-1px);}
.create-room-dialog .button:active {transform:translateY(0);filter:brightness(.95);}
@media(prefers-reduced-motion:reduce){.create-room-dialog .button {transition:none;transform:none;}}
.profile-game-activity {margin:0 0 calc(22px * var(--profile-scale,1));}
.profile-game-activity h3 {margin:0 0 calc(10px * var(--profile-scale,1));font-size:calc(16px * var(--profile-scale,1));line-height:1.3;color:var(--game-heading,#f1f3fa);}
.game-activity-card {display:flex;align-items:center;gap:calc(18px * var(--profile-scale,1));min-height:calc(92px * var(--profile-scale,1));padding:calc(12px * var(--profile-scale,1)) calc(18px * var(--profile-scale,1));border:1px solid var(--game-border,#8894a4);border-radius:calc(10px * var(--profile-scale,1));background:var(--game-surface,rgba(0,0,0,.1));color:var(--game-text,#f1f3fa);}
.game-activity-card > img,.game-activity-fallback {width:calc(56px * var(--profile-scale,1));height:calc(56px * var(--profile-scale,1));flex:none;object-fit:contain;display:grid;place-items:center;}
.game-activity-fallback[hidden] {display:none;}
.game-activity-fallback svg {width:70%;height:70%;color:inherit;opacity:.65;}
.game-activity-copy {display:grid;gap:calc(8px * var(--profile-scale,1));flex:1;min-width:0;}
.game-activity-copy strong {font-size:calc(16px * var(--profile-scale,1));line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.game-activity-copy span {font-size:calc(14px * var(--profile-scale,1));line-height:1.35;color:var(--game-secondary,#c6c9d2);}
.game-activity-kind {display:flex;flex:none;}
.game-activity-kind svg {width:calc(25px * var(--profile-scale,1));height:calc(25px * var(--profile-scale,1));}

/* Compact profile: image, identity and owner controls form one clear group. */
.account-profile-view,.profile-theme-preview-card {background:#0c0c0e;border-color:color-mix(in srgb,var(--profile-border,#8894a4) 55%,transparent);border-radius:24px;}
.share-dialog.account-profile-view {width:min(720px,calc(100vw - 40px));min-height:min(560px,calc(100dvh - 40px));padding:24px;}
.account-profile-view>.panel-header {min-height:40px;padding:0 2px 16px;}
.account-profile-view [data-profile-close] {width:38px;height:38px;min-height:38px;margin:0;border-radius:50%;background:transparent;border-color:color-mix(in srgb,var(--profile-border,#8894a4) 65%,transparent);}
.account-profile-banner {aspect-ratio:3.5;border-radius:16px;}
.account-profile-banner-view {position:absolute;right:12px;top:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#f4f5f7;background:#080b0ecc;pointer-events:none;}
.account-profile-banner-view svg {width:20px;height:20px;}
.account-profile-identity {display:grid;grid-template-columns:calc(122px * var(--profile-scale)) minmax(0,1fr) auto;gap:calc(16px * var(--profile-scale));padding-top:calc(16px * var(--profile-scale));min-height:0;align-items:start;}
.account-profile-avatar {margin-top:calc(-38px * var(--profile-scale));}
.account-profile-avatar .avatar {width:calc(122px * var(--profile-scale));height:calc(122px * var(--profile-scale));border-color:#0c0c0e;}
.account-profile-avatar .profile-online-dot {width:calc(31px * var(--profile-scale));height:calc(31px * var(--profile-scale));border-width:calc(5px * var(--profile-scale));border-color:#0c0c0e;}
.account-profile-name h2 {font-size:calc(26px * var(--profile-scale));}
.account-profile-name p {margin:calc(7px * var(--profile-scale)) 0 0;font-size:calc(13px * var(--profile-scale));line-height:1.5;}
.account-profile-owner-actions {position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:calc(12px * var(--profile-scale));min-width:0;}
.account-profile-personalize.button {display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--profile-border,#8894a4) 65%,transparent);border-radius:12px;background:transparent;color:inherit;font-size:calc(13px * var(--profile-scale));white-space:nowrap;}
.account-profile-personalize svg {width:17px;height:17px;}
.account-profile-time {margin:0;padding:0;align-self:auto;gap:7px;font-size:calc(13px * var(--profile-scale));}
.account-profile-time>svg {width:18px;height:18px;}
.account-profile-time .icon-button {width:28px;height:28px;min-height:28px;margin-left:4px;padding:4px;border-radius:50%;}
.account-profile-time .icon-button svg {width:19px;height:19px;}
.account-profile-social {margin:18px 0;padding:0 0 18px;border-bottom-color:color-mix(in srgb,var(--profile-border,#8894a4) 45%,transparent);}
.account-profile-social.is-own {margin:18px 0;padding:0;}
.account-profile-about header {justify-content:space-between;}
.account-profile-about>p {margin:7px 0 0;font-size:calc(14px * var(--profile-scale));}
.account-profile-about h3 {font-size:calc(16px * var(--profile-scale));}
.account-profile-customization {position:absolute;z-index:4;right:0;top:calc(36px + 7px);width:218px;padding:6px;border:1px solid #ffffff30;border-radius:14px;background:#0c0c0e;color:#f4f5f7;box-shadow:0 12px 32px #0007;}
.account-profile-customization[hidden] {display:none;}
.account-profile-customization button {display:flex;align-items:center;gap:9px;width:100%;min-height:38px;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:inherit;font-size:12px;text-align:left;cursor:pointer;}
.account-profile-customization button:hover,.account-profile-customization button:focus-visible {background:#ffffff0e;}
.account-profile-customization svg {width:18px;height:18px;}
.account-profile-view .profile-game-activity,.profile-theme-preview-card .profile-game-activity {margin-bottom:18px;}
.account-profile-view .game-activity-card,.profile-theme-preview-card .game-activity-card {min-height:calc(72px * var(--profile-scale));padding:calc(10px * var(--profile-scale)) calc(14px * var(--profile-scale));gap:calc(14px * var(--profile-scale));border-color:color-mix(in srgb,var(--game-border,#8894a4) 50%,transparent);border-radius:12px;}
.account-profile-view .game-activity-card>img,.account-profile-view .game-activity-fallback,.profile-theme-preview-card .game-activity-card>img,.profile-theme-preview-card .game-activity-fallback {width:calc(44px * var(--profile-scale));height:calc(44px * var(--profile-scale));}
@media(max-width:650px){.account-profile-view{--profile-scale:.9}.account-profile-identity{grid-template-columns:calc(122px * var(--profile-scale)) minmax(0,1fr)}.account-profile-owner-actions{grid-column:2;align-items:flex-start;gap:8px}.account-profile-time{flex-wrap:wrap;white-space:normal}.account-profile-customization{right:auto;left:0}.account-profile-social{flex-wrap:wrap}.share-dialog.account-profile-view{padding:18px;width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}}
@media(max-width:380px){.account-profile-identity{column-gap:12px}.account-profile-owner-actions{grid-column:1/-1;align-items:stretch}.account-profile-time{align-self:flex-end}.account-profile-personalize.button{white-space:normal}.account-profile-customization{width:min(218px,100%);box-sizing:border-box}.account-profile-name p{font-size:12px}.account-profile-social [data-profile-relationship]{min-width:0;flex:1}.account-profile-social .profile-message{min-width:0}}
.account-profile-avatar button.profile-online-dot {display:grid;place-items:center;min-width:24px;min-height:24px;padding:0;pointer-events:auto;cursor:pointer;}
.account-profile-avatar .profile-online-dot:not([data-activity=available])::after {content:'';width:13px;height:2px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#0c0c0e;}
.social-activity-host.from-profile {z-index:1450;}.account-profile-avatar .profile-online-dot[data-activity=available] {background:var(--theme-success,#29db91);}
.account-profile-avatar .profile-online-dot[data-activity=dnd] {background:var(--theme-danger,#f04465);}
.account-profile-avatar .profile-online-dot[data-activity=offline] {background:var(--theme-text-muted,#9aa1af);}

/* The menu is in the top layer; opening it cannot resize the profile scroller. */
.account-profile-customization[popover] {position:fixed;inset:auto;margin:0;width:min(218px,calc(100vw - 48px));max-height:calc(100dvh - 24px);overflow:auto;}

.account-profile-time-slot{display:flex;justify-content:flex-end;min-width:0}.account-profile-social>.account-profile-owner-actions{align-items:flex-start;flex-direction:row}.account-profile-social .account-profile-personalize{height:calc(40px * var(--profile-scale));min-height:calc(40px * var(--profile-scale))}
@media(max-width:650px){.account-profile-time-slot{grid-column:2;justify-content:flex-start}}