.profile-main .profile-handle { display:block; width:auto; margin:3px 0 0; padding:0; border:0; border-radius:0; background:transparent; color:#c5b3d9; font-size:11px; font-weight:500; letter-spacing:0; }
.profile-identity-note { display:none!important; }
.profile-bio-image-link { display:inline-block; width:auto; max-width:100%; overflow:visible; border:0; border-radius:0; background:transparent!important; background-image:none!important; }
.profile-bio-image-token.has-outline .profile-bio-image-link { border:0; box-shadow:none; }
.profile-bio-image { display:block; width:100%; max-width:100%; height:auto; max-height:440px; object-fit:contain; border:1px solid rgba(181,130,255,.36); border-radius:7px; }
.profile-bio-image-token.has-outline .profile-bio-image { outline:2px solid #c29af3; outline-offset:1px; }
.bio-image-setting-preview { background:transparent!important; background-image:none!important; }
.bio-image-setting-preview img { border:1px solid rgba(181,130,255,.36); border-radius:3px; }
.profile-menu .profile-menu-feature { min-height:40px; display:flex; grid-template-columns:none; gap:0; padding:0 10px; border-color:transparent; background:transparent; }
.profile-menu .profile-menu-feature:hover { border-color:#b989ee25; background:#ffffff08; }
.profile-menu-feature > i:first-child { width:17px!important; height:auto; border-radius:0; background:transparent; color:#c7a4f2!important; font-size:13px!important; }
.profile-menu-feature > span { min-width:0; display:block; flex:1; margin-left:0; color:#e4d9ef; font-size:9px; }
.profile-menu-feature strong { color:inherit; font-size:inherit; font-weight:inherit; }
.profile-menu-feature small { display:none; }
.profile-menu .profile-menu-feature > i:last-child { color:#9381a3!important; font-size:13px!important; }
.chat-attachment { display:inline-block; width:fit-content; max-width:min(260px,78vw); overflow:visible; border:0; border-radius:0; background:transparent!important; background-image:none!important; }
.chat-attachment:not(.is-pending) { width:fit-content; max-width:min(260px,78vw); }
.chat-attachment img { display:block; width:auto; max-width:100%; height:auto; max-height:180px; object-fit:contain; border:1px solid rgba(205,177,255,.42); border-radius:10px; background:transparent; }
.chat-attachment.is-gif { background:transparent!important; }
.chat-attachment.is-pending { grid-column:1/-1; width:min(210px,100%); max-width:210px; height:auto; min-height:0; max-height:none; padding:0; margin:0; border:0; border-radius:0; background:transparent!important; }
.chat-attachment.is-pending img { width:auto; max-width:100%; height:auto; max-height:120px; object-fit:contain; }
.chat-attachment.is-pending button { left:6px; right:auto; top:6px; width:25px; height:25px; display:grid; place-items:center; border:1px solid #b989ee55; border-radius:8px; background:#21172ddd; }
.friends-page .friends-layout { grid-template-columns:minmax(300px,340px) minmax(0,1fr); height:calc(100dvh - var(--topbar-h) - 24px); min-height:420px; }
.social-call-panel,.social-call-dock { z-index:2147483000!important; pointer-events:auto; touch-action:none; }
.social-call-panel { width:min(360px,calc(100vw - 20px)); max-height:min(78dvh,760px); overflow:auto; padding:12px; border-radius:18px; border-color:#b989ee70; background:rgba(25,18,34,.96); backdrop-filter:blur(18px); contain:none; transform:none; }
.social-call-panel header { min-height:38px; cursor:grab; touch-action:none; user-select:none; }
.social-call-panel header:active { cursor:grabbing; }
.social-call-panel header strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.social-call-panel button { min-height:36px; border-radius:10px; padding:7px 10px; cursor:pointer; }
.social-call-panel p { margin:7px 0; color:#cfbedf; font-size:10px; line-height:1.45; }
.social-call-panel .call-pictures { overflow:hidden; min-height:0; border:1px solid #b989ee30; border-radius:12px; background:#0e0a13; }
.social-call-panel .call-pictures > video[data-remote],.social-call-panel .call-pictures > img { display:block; max-height:220px; }
.social-call-panel footer { gap:6px; margin-top:9px; }
.social-call-panel footer button { min-height:34px; flex:1 1 calc(50% - 6px); font-size:10px; }
.social-call-panel .call-peer-card { display:grid; justify-items:center; gap:8px; padding:12px 8px 14px; text-align:center; }
.social-call-panel .call-peer-avatar { position:relative; width:82px; height:82px; display:grid; place-items:center; overflow:hidden; border:2px solid #bb8cf2; border-radius:50%; background:radial-gradient(circle at 35% 25%,#69488a,#291b37 68%); box-shadow:0 0 0 5px #b582ff18,0 9px 26px #0005; color:#f1e6ff; font-size:25px; font-weight:750; }
.social-call-panel .call-peer-avatar img { width:100%; height:100%; object-fit:cover; }
.social-call-panel .call-peer-avatar [hidden] { display:none!important; }
.social-call-panel .call-peer-card > strong { color:#f3eafa; font-size:14px; }
.social-call-panel .call-voice-meter { height:18px; display:flex; align-items:center; justify-content:center; gap:4px; }
.social-call-panel .call-voice-meter i { width:4px; height:14px; display:block; border-radius:5px; background:#b989ee; transform:scaleY(var(--voice-dot-scale,.16)); transform-origin:center; transition:transform 90ms linear,background-color 120ms ease,box-shadow 120ms ease; }
.social-call-panel .call-voice-meter.is-speaking i { background:#d7b7ff; box-shadow:0 0 8px #c496ff88; }
.social-call-panel .call-control-circle { width:42px; height:42px; min-width:42px; min-height:42px; flex:none; display:grid; place-items:center; padding:0; border-radius:50%; font-size:15px; }
.social-call-panel .call-control-circle.is-end-call { border-color:#db719777; background:#812e57; color:#fff0f6; }
.social-call-panel .call-control-circle[aria-pressed="true"] { border-color:#da8da6a6; background:#64253e; }
.social-call-panel footer [data-accept] { min-width:0; }
.social-call-panel.is-dragging,.social-call-dock.is-dragging { user-select:none; cursor:grabbing; }
.social-call-dock { right:16px; bottom:16px; gap:6px; width:max-content; padding:6px; border-radius:15px; background:rgba(25,18,34,.96); backdrop-filter:blur(16px); cursor:grab; }
.social-call-dock button { width:36px; height:36px; border-radius:10px; padding:0; cursor:pointer; }
.social-call-dock [data-dock-warning] { width:8px; height:8px; flex:none; border-radius:50%; background:#ffb84d; box-shadow:0 0 9px #ffb84d99; }
.social-call-dock [data-dock-warning][hidden] { display:none!important; }
.social-call-dock.is-player-call-dock { left:16px; right:auto; top:50%; bottom:auto; flex-direction:column; transform:none; }
.call-dock-peer,.call-dock-voice { display:none; }
.social-call-dock.is-player-call-dock .call-dock-peer { width:36px; height:36px; display:grid; place-items:center; overflow:hidden; border:1px solid #ba8def; border-radius:50%; background:#322140; color:#f3e8ff; font-size:12px; font-weight:800; }
.call-dock-peer img { width:100%; height:100%; object-fit:cover; }
.call-dock-peer [hidden] { display:none!important; }
.social-call-dock.is-player-call-dock .call-dock-voice { height:14px; display:flex; align-items:center; justify-content:center; gap:2px; }
.call-dock-voice i { width:3px; height:11px; border-radius:4px; background:#bc91ef; transform:scaleY(var(--voice-dot-scale,.16)); transform-origin:center; transition:transform 90ms linear; }
.social-call-panel.is-player-call-panel { width:min(340px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); }
.social-call-panel.is-player-call-panel .call-peer-card { padding-block:9px 10px; }
.social-call-panel.is-player-call-panel .call-peer-avatar { width:72px; height:72px; }
.stream-stage.has-social-call-left.edge-left .stream-edge-zone { left:auto; right:0; justify-content:flex-end; }
.stream-stage.has-social-call-left.edge-left .stream-edge-handle { left:auto; right:0; border-radius:8px 0 0 8px; }
.stream-stage.has-social-call-left.edge-left .stream-edge-actions { left:auto; right:12px; transform:translate(18px,-50%); }
.stream-stage.has-social-call-left.edge-left.hud-hidden .stream-edge-zone:hover .stream-edge-actions,.stream-stage.has-social-call-left.edge-left.hud-hidden .stream-edge-zone:focus-within .stream-edge-actions,.stream-stage.has-social-call-left.edge-left.hud-hidden .stream-edge-zone.edge-peek .stream-edge-actions { transform:translate(0,-50%); }
.player-social-panel header [data-mini-call] { width:34px; height:34px; min-width:34px; display:grid; place-items:center; padding:0; border:1px solid #ffffff30; border-radius:10px; background:#ffffff10; color:#fff; }
.player-social-panel header [data-mini-call] i { font-size:14px; }
.player-social-panel header [data-mini-call]:hover { border-color:#c6a1f2; background:#b782ef24; color:#e4d2ff; }
.player-social-panel form .direct-gif-button,.player-social-panel form .mini-image-menu > button { width:44px; height:44px; min-width:44px; min-height:44px; flex:0 0 44px; display:grid; place-items:center; padding:0; border:1px solid #d9bdff55; border-radius:14px; background:linear-gradient(135deg,#bd8aff,#a66ee8); color:#241536; box-shadow:0 5px 16px #0002,inset 0 1px #ffffff55; }
.player-social-panel form .direct-gif-button span { color:inherit; font-size:12px; }
.player-social-panel form .direct-gif-button:hover,.player-social-panel form .mini-image-menu > button:hover { border-color:#e2cdff; background:linear-gradient(135deg,#c99fff,#ad7bef); color:#1d112c; }
.bio-image-settings { grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr)); align-items:start; gap:12px; }
.bio-image-setting { grid-template-columns:minmax(0,1fr); align-content:start; gap:8px; padding:12px; }
.bio-image-setting-title { gap:4px; }
.bio-image-setting-title strong { color:#e7d2ff; font-size:16px; letter-spacing:.2px; }
.bio-image-setting-title small { color:#aa9bb8; font-size:10px; }
.bio-image-setting-preview { min-height:190px; max-height:290px; display:flex; justify-content:flex-start; align-items:center; overflow:hidden; border:0; border-radius:9px; background:transparent!important; background-image:none!important; }
.bio-image-setting-preview img { display:block; width:var(--bio-image-width,100%); max-width:100%; max-height:280px; margin:0; border:0!important; border-radius:5px; outline:2px solid #c29af3; outline-offset:1px; object-fit:contain; }
.bio-image-size-control { display:grid; gap:6px; color:#c5b5d4; font-size:10px; }
.bio-image-size-control > span { display:flex; justify-content:space-between; gap:8px; }
.bio-image-size-control b { color:#e6d5ff; }
.bio-image-size-control input { width:100%; accent-color:#b582ff; }
.bio-image-setting-status { min-height:12px; color:#a99bb9; font-size:9px; }
.profile-bio-image-token { display:inline-block; width:min(var(--bio-image-width,100%),100%); max-width:100%; margin:4px 14px 10px 0; float:left; clear:left; vertical-align:top; }
.profile-bio-image-token .profile-bio-image-link { display:inline-block; width:100%; max-width:560px; overflow:visible; border:0!important; border-radius:0; background:none!important; box-shadow:none!important; }
.profile-bio-image-token.has-outline .profile-bio-image-link { border:0!important; box-shadow:none!important; }
.profile-bio-image-token .profile-bio-image { display:block; width:100%; max-width:100%; height:auto; max-height:440px; border:0!important; border-radius:5px; outline:2px solid #c29af3; outline-offset:1px; object-fit:contain; }
.game-modal:has(#chat-gift-amount) { width:min(390px,100%); border-radius:20px; }
.chat-action-dialog:has(#chat-gift-amount) { gap:11px; padding:20px; }
.chat-action-dialog:has(#chat-gift-amount) h2 { font-size:20px; }
.chat-action-dialog:has(#chat-gift-amount) p { font-size:10px; line-height:1.5; }
.chat-action-dialog:has(#chat-gift-amount) .chat-dialog-field input { height:40px; }
.game-modal:has(.chat-invite-choice-list):not(:has(.party-room)):not(:has(.party-composer)) { width:min(440px,100%); border-radius:20px; }
.chat-action-dialog:has(.chat-invite-choice-list):not(:has(.party-room)):not(:has(.party-composer)) { gap:10px; padding:20px; }
.chat-action-dialog:has(.chat-invite-choice-list):not(:has(.party-room)):not(:has(.party-composer)) h2 { font-size:20px; }
.chat-action-dialog:has(.chat-invite-choice-list):not(:has(.party-room)):not(:has(.party-composer)) > p { font-size:10px; }
.chat-invite-choice-list { display:grid; gap:7px; }
.chat-invite-choice-list .chat-invite-choice { min-height:58px; gap:10px; padding:9px 10px; border-radius:12px; }
.chat-invite-choice-list .chat-invite-choice > i { font-size:16px; }
.chat-invite-choice-list .chat-invite-choice strong { font-size:10px; }
.chat-invite-choice-list .chat-invite-choice small { font-size:8px; }
@media(max-width:700px) {
  .friends-page .friends-layout { grid-template-columns:minmax(min(260px,100%),min(38vw,340px)) minmax(0,1fr); height:calc(100dvh - var(--topbar-h) - 24px); min-height:420px; }
  .social-call-panel { max-height:calc(100dvh - 16px); }
  .social-call-dock.is-player-call-dock { left:8px; }
  .stream-stage.has-social-call-left.edge-left .stream-edge-actions { right:8px; }
  .chat-attachment:not(.is-pending) { width:fit-content; max-width:min(260px,78vw); }
  .game-modal:has(#chat-gift-amount),.game-modal:has(.chat-invite-choice-list):not(:has(.party-room)):not(:has(.party-composer)) { width:min(440px,calc(100vw - 20px)); }
}

.public-profile-page,.public-profile-page > *, .profile-public-grid,.profile-public-grid > .panel { min-width:0; max-width:100%; box-sizing:border-box; }
.public-profile-page { width:min(1080px,100%); }
.public-profile-bio { display:flow-root; min-width:0; overflow:visible; }
.profile-bio-content { display:block; min-width:0; max-width:100%; overflow-wrap:anywhere; }
.profile-bio-image-token { display:block; float:none!important; clear:none!important; width:min(var(--bio-image-width,100%),100%); max-width:100%; margin:8px 0 12px; vertical-align:initial; }
.public-profile-bio .profile-bio-image-link { display:table; width:auto; max-width:100%; overflow:visible; border:0!important; border-radius:0; background:transparent!important; background-image:none!important; box-shadow:none!important; }
.public-profile-bio .profile-bio-image { display:block; width:auto; max-width:100%; height:auto; max-height:440px; border:0!important; border-radius:2px; outline:0; outline-offset:1px; object-fit:contain; }
.public-profile-bio .profile-bio-image.is-image-ready { outline:2px solid #c29af3; }
.public-profile-bio .profile-bio-image-token:not(.has-outline) .profile-bio-image.is-image-ready { outline:0; }
.profile-bio-image-token .profile-bio-image-link { max-width:100%; }
.profile-bio-image-token .profile-bio-image { max-width:100%; }
.public-profile-hero > .profile-main { flex:1 1 auto; min-width:0; max-width:calc(100% - 250px); align-items:center; gap:20px; }
.public-profile-hero .profile-avatar-large { width:104px; height:104px; flex-basis:104px; font-size:30px; }
.public-profile-hero .profile-main > div { min-width:0; display:grid; align-content:center; gap:1px; }
.public-profile-hero .profile-name-line { gap:9px; }
.public-profile-hero .profile-name-line h1 { margin:0; font-size:clamp(30px,4vw,44px); line-height:1.04; letter-spacing:-1.2px; }
.public-profile-hero .profile-handle { width:max-content; margin:2px 0 0!important; padding:0; border:0; border-radius:0; background:transparent; color:#d4b9f4; font-size:13px; font-weight:650; letter-spacing:0; }
.profile-bio-image-button { grid-column:1/-1; justify-self:start; display:inline-flex; width:max-content; max-width:100%; align-items:center; justify-content:center; gap:8px; min-height:42px; margin:2px 0 4px; padding:0 15px; border:1px solid #c29af366; border-radius:13px; background:linear-gradient(135deg,#4b3064,#2b1c3b); box-shadow:0 7px 20px #09050f55,inset 0 1px 0 #fff2; color:#f0e3ff; font-size:10px; font-weight:750; }
.profile-bio-image-button i { color:#d5b4ff; font-size:14px; }
.profile-bio-image-references { grid-column:1/-1; display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr)); align-items:stretch; gap:10px; margin:8px 0 14px; }
.profile-bio-image-reference { position:relative; isolation:isolate; overflow:hidden; width:auto; min-width:0; min-height:106px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:9px 12px; padding:13px 14px 12px; border:1px solid hsl(var(--bio-card-hue) 76% 74% / .36); border-radius:17px; background:linear-gradient(135deg,hsl(var(--bio-card-hue) 47% 31% / .76),rgba(24,18,34,.92)); box-shadow:0 10px 26px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08); }
.profile-bio-image-reference::before,.profile-bio-image-reference::after { position:absolute; z-index:-1; content:""; border-radius:50%; background:hsl(var(--bio-card-hue) 85% 80% / .13); pointer-events:none; }
.profile-bio-image-reference::before { width:106px; height:106px; top:-54px; right:-23px; }
.profile-bio-image-reference::after { width:62px; height:62px; right:38px; bottom:-40px; background:hsl(calc(var(--bio-card-hue) + 45) 90% 83% / .12); }
.profile-bio-image-reference strong { position:relative; grid-column:1/-1; display:flex; align-items:center; gap:8px; color:#f4eaff; font-size:15px; font-weight:850; line-height:1.15; }
.profile-bio-image-reference strong i { color:hsl(var(--bio-card-hue) 88% 82%); font-size:14px; }
.profile-bio-image-reference strong span { padding:4px 8px; border:1px solid hsl(var(--bio-card-hue) 80% 76% / .55); border-radius:999px; background:hsl(var(--bio-card-hue) 56% 55% / .2); color:hsl(var(--bio-card-hue) 95% 89%); }
.profile-bio-image-reference input { position:relative; grid-column:1; width:100%; min-width:0; margin:0; accent-color:hsl(var(--bio-card-hue) 82% 76%); }
.profile-bio-image-reference output { position:relative; grid-column:2; min-width:34px; color:#f1e4ff; font-size:10px; font-weight:750; text-align:right; }
.profile-bio-image-edit { position:relative; grid-column:1/-1; justify-self:start; display:inline-flex; align-items:center; gap:6px; min-height:28px; padding:0 9px; border:1px solid hsl(var(--bio-card-hue) 80% 76% / .38); border-radius:9px; background:hsl(var(--bio-card-hue) 56% 55% / .19); color:#f2e6ff; font:inherit; font-size:9px; font-weight:750; cursor:pointer; }
.profile-bio-image-edit:hover { background:hsl(var(--bio-card-hue) 56% 55% / .32); }
.bio-image-editor-overlay { position:fixed; inset:0; z-index:2147483001; display:grid; place-items:center; padding:18px; background:rgba(10,7,15,.76); backdrop-filter:blur(10px); }
.bio-image-editor { width:min(560px,100%); max-height:calc(100dvh - 36px); overflow:auto; display:grid; gap:14px; padding:20px; border:1px solid #c498f366; border-radius:20px; background:linear-gradient(155deg,#251a31,#15101e); color:#f5edff; box-shadow:0 25px 80px #000a,inset 0 1px #ffffff12; }
.bio-image-editor > header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.bio-image-editor > header small { color:#c49aec; font-size:9px; font-weight:850; letter-spacing:1.1px; }
.bio-image-editor > header h2 { margin:4px 0 0; font-size:18px; }
.bio-image-editor > header button { width:34px; height:34px; display:grid; place-items:center; border:1px solid #ffffff1c; border-radius:50%; background:#ffffff0a; color:inherit; font-size:18px; cursor:pointer; }
.bio-image-editor-preview { min-height:190px; max-height:390px; display:grid; place-items:center; overflow:auto; padding:12px; border:1px solid #ffffff18; border-radius:15px; background:#100b17; }
.bio-image-editor-preview img { display:block; width:var(--bio-editor-image-width,100%); max-width:100%; max-height:350px; border-radius:4px; outline:0; outline-offset:2px; object-fit:contain; transition:width .12s ease; }
.bio-image-editor-preview img.has-outline.is-image-ready { outline:2px solid #c29af3; }
.bio-image-editor-size { display:grid; gap:7px; color:#d4c4e5; font-size:11px; }
.bio-image-editor-size > span { display:flex; justify-content:space-between; gap:10px; }
.bio-image-editor-size output { color:#f2e5ff; font-weight:800; }
.bio-image-editor-size input { width:100%; accent-color:#bd8bf4; }
.bio-image-editor-outline { min-width:0; display:flex; align-items:center; gap:10px; padding:11px 12px; border:1px solid #ffffff18; border-radius:13px; background:#ffffff08; cursor:pointer; }
.bio-image-editor-outline input { width:18px; height:18px; flex:none; accent-color:#b582ff; }
.bio-image-editor-outline span { display:grid; gap:3px; }
.bio-image-editor-outline strong { font-size:11px; }
.bio-image-editor-outline small { color:#b9a9ca; font-size:9px; }
.bio-image-editor-status { min-height:16px; margin:0; color:#cbb5e3; font-size:10px; }
.bio-image-editor > footer { display:flex; justify-content:flex-end; gap:8px; }
.bio-image-editor > footer button { min-height:38px; }
.bio-image-editor > footer [data-editor-save] { min-width:145px; }
.profile-public-grid { width:100%; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; }
.profile-public-grid > .panel,.profile-session-list,.profile-session-row,.profile-session-row span { min-width:0; }
.profile-session-row strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.profile-bio-image-references[hidden] { display:none!important; }
.friend-activity-profile,.friend-activity-profile:hover,.friend-activity-profile:focus-visible { padding:0!important; border:0!important; border-radius:0!important; outline:0!important; background:transparent!important; box-shadow:none!important; }
.friend-activity-profile { min-width:0; flex:1 1 auto; gap:7px; }
.friend-activity-profile:hover { opacity:.86; }
.friend-activity-profile:focus-visible .friend-activity-avatar { outline:2px solid #c19aff; outline-offset:3px; }
.friend-activity-profile > span:nth-child(2) { min-width:0; }
.friend-activity-profile > i { display:none; }
.friend-activity-avatar { width:38px; height:38px; flex-basis:38px; }
.friend-activity-actions { flex:0 0 auto; justify-content:flex-end; gap:5px; }
.friend-activity-actions > button,.activity-watch-menu,.activity-action-menu,.activity-watch-menu > button,.activity-action-menu > button { width:42px; min-width:42px; height:42px; min-height:42px; }
.activity-watch-menu > button,.activity-action-menu > button { width:42px; min-width:42px; }
.friend-activity-actions > button i,.activity-watch-menu > button i,.activity-action-menu > button i { font-size:17px; }
.chat-attachment { position:relative; }
.chat-attachment.is-gif > .klipy-attribution-icon { position:absolute; z-index:2; left:5px; bottom:5px; display:block; width:18px; height:8px; max-width:none; max-height:none; padding:0; border:0; border-radius:0; outline:0; background:transparent; object-fit:contain; opacity:.88; pointer-events:none; }
.social-call-panel .call-pictures { position:relative; }
.social-call-panel .call-pictures.is-connecting > [data-remote],.social-call-panel .call-pictures.is-connecting > [data-jpeg],.social-call-panel .call-pictures.is-self-preview > [data-remote],.social-call-panel .call-pictures.is-self-preview > [data-jpeg] { display:none!important; }
.social-call-panel .call-pictures.is-connecting > video[data-local],.social-call-panel .call-pictures.is-self-preview > video[data-local] { position:relative; inset:auto; display:block; width:100%; max-height:240px; border-radius:11px; transform:scaleX(-1); }
.social-call-panel .call-video-connecting { position:absolute; inset:auto 8px 8px; z-index:2; display:flex; align-items:center; justify-content:center; gap:7px; min-height:32px; padding:6px 9px; border:1px solid #ffffff28; border-radius:9px; background:#110d19dd; color:#eee4fa; font-size:10px; text-align:center; backdrop-filter:blur(8px); }
.social-call-panel .call-video-connecting[hidden] { display:none!important; }
.social-call-panel .call-video-connecting > i { color:#d0aaff; animation:call-connect-spin 1.1s linear infinite; }
.social-call-panel .call-video-connecting strong { color:#fff; }
.social-call-panel .call-peer-card > [data-peer-handle] { color:#bba8cf; font-size:10px; }
.social-call-panel.is-unavailable .call-peer-card { padding-block:18px 12px; }
@media(max-width:780px) {
  .public-profile-hero > .profile-main { width:100%; max-width:100%; }
  .public-profile-hero .profile-avatar-large { width:88px; height:88px; flex-basis:88px; }
}
.social-call-panel.is-unavailable footer { justify-content:center; }
.social-call-panel.is-unavailable footer [data-end] { flex:none; width:42px; height:42px; }
@keyframes call-connect-spin { to { transform:rotate(360deg); } }
@media(max-width:700px) {
  .profile-public-grid { grid-template-columns:minmax(0,1fr); }
  .friend-activity-footer { flex-wrap:nowrap; }
  .friend-activity-profile { flex:1 1 auto; min-width:0; }
  .friend-activity-actions { flex:0 0 auto; justify-content:flex-end; gap:4px; }
  .friend-activity-actions > button,.activity-watch-menu,.activity-action-menu,.activity-watch-menu > button,.activity-action-menu > button { width:40px; min-width:40px; height:40px; min-height:40px; }
  .activity-watch-menu > button,.activity-action-menu > button { width:40px; min-width:40px; }
}
@media(max-width:420px) {
  .friend-activity-profile > span:nth-child(2) { display:none; }
  .friend-activity-actions > button,.activity-watch-menu,.activity-action-menu,.activity-watch-menu > button,.activity-action-menu > button { width:36px; min-width:36px; height:36px; min-height:36px; }
  .activity-watch-menu > button,.activity-action-menu > button { width:36px; min-width:36px; }
}

.friend-activity { width:100%; box-sizing:border-box; }
.friend-activity-footer { width:100%; min-width:0; display:flex; align-items:center; justify-content:flex-start; gap:5px; flex-wrap:nowrap; }
.friend-activity-profile,.friend-activity-profile:hover,.friend-activity-profile:focus-visible { width:42px; min-width:42px; height:42px; min-height:42px; flex:0 0 42px; display:grid; place-items:center; padding:0!important; border:0!important; border-radius:50%!important; background:transparent!important; box-shadow:none!important; }
.friend-activity-profile > span:nth-child(2) { display:none!important; }
.friend-activity-avatar { width:40px; height:40px; flex-basis:40px; }
.friend-activity-actions { min-width:0; flex:1 1 auto; display:flex; align-items:center; justify-content:flex-end; gap:4px; }
.friend-activity-actions > button,.activity-watch-menu,.activity-action-menu,.activity-watch-menu > button,.activity-action-menu > button { width:38px; min-width:38px; height:38px; min-height:38px; flex:0 0 38px; }
.activity-watch-menu > button,.activity-action-menu > button { width:38px; min-width:38px; }
.chat-attachment.is-gif > .klipy-attribution-icon { width:28px; height:10px; }
.profile-form .profile-private-toggle { grid-column:auto; min-width:0; }
.profile-form .primary-btn { grid-column:1/-1; }
@media(max-width:780px) { .profile-form { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:520px) { .profile-form { grid-template-columns:minmax(0,1fr); } }
@media(max-width:420px) {
  .friend-activity { padding:6px; }
  .friend-activity-footer { gap:4px; }
  .friend-activity-profile,.friend-activity-profile:hover,.friend-activity-profile:focus-visible { width:34px; min-width:34px; height:34px; min-height:34px; flex-basis:34px; }
  .friend-activity-avatar { width:32px; height:32px; flex-basis:32px; }
  .friend-activity-actions { gap:2px; }
  .friend-activity-actions > button,.activity-watch-menu,.activity-action-menu,.activity-watch-menu > button,.activity-action-menu > button { width:31px; min-width:31px; height:31px; min-height:31px; flex-basis:31px; }
  .activity-watch-menu > button,.activity-action-menu > button { width:31px; min-width:31px; }
}

.friend-activity { min-height:90px; padding-block:18px; }
.friend-activity-footer { min-height:48px; }
.friend-activity-profile,.friend-activity-profile:hover,.friend-activity-profile:focus-visible { width:46px; min-width:46px; height:46px; min-height:46px; flex-basis:46px; }
.friend-activity-avatar { width:44px; height:44px; flex-basis:44px; }
.friend-activity-actions { gap:4px; }
.friend-activity-actions > button,.activity-watch-menu,.activity-action-menu,.activity-watch-menu > button,.activity-action-menu > button { width:42px; min-width:42px; height:42px; min-height:42px; flex-basis:42px; }
.activity-watch-menu > button,.activity-action-menu > button { width:42px; min-width:42px; }
.friend-activity-actions > button i,.activity-watch-menu > button i,.activity-action-menu > button i { font-size:16px; }
@media(max-width:420px) {
  .friend-activity { min-height:88px; padding:16px 8px; }
  .friend-activity-footer { min-height:46px; gap:4px; }
  .friend-activity-profile,.friend-activity-profile:hover,.friend-activity-profile:focus-visible { width:42px; min-width:42px; height:42px; min-height:42px; flex-basis:42px; }
  .friend-activity-avatar { width:40px; height:40px; flex-basis:40px; }
  .friend-activity-actions { gap:3px; }
  .friend-activity-actions > button,.activity-watch-menu,.activity-action-menu,.activity-watch-menu > button,.activity-action-menu > button { width:38px; min-width:38px; height:38px; min-height:38px; flex-basis:38px; }
  .activity-watch-menu > button,.activity-action-menu > button { width:38px; min-width:38px; }
}

.profile-bio-image-size { grid-column:1/-1; display:grid!important; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:6px 10px!important; color:#f1e4ff!important; font-size:10px!important; }
.profile-bio-image-size > span { grid-column:1; color:#f1e4ff; font-size:10px; font-weight:750; }
.profile-bio-image-size > output { grid-column:2; grid-row:1; min-width:38px; color:#f5eaff; font-size:10px; font-weight:850; text-align:right; }
.profile-bio-image-size > input { grid-column:1/-1; grid-row:2; width:100%; min-width:0; margin:0; accent-color:hsl(var(--bio-card-hue) 82% 76%); }
.profile-bio-image-actions { grid-column:1/-1; display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.profile-bio-image-actions button { min-height:32px; display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:0 9px; border:1px solid hsl(var(--bio-card-hue) 80% 76% / .4); border-radius:10px; background:hsl(var(--bio-card-hue) 56% 55% / .18); color:#f2e6ff; font:inherit; font-size:9px; font-weight:750; cursor:pointer; }
.profile-bio-image-actions button:hover { background:hsl(var(--bio-card-hue) 56% 55% / .34); }
.profile-bio-image-actions button i { color:hsl(var(--bio-card-hue) 92% 86%); font-size:12px; }
.profile-bio-image-outline.is-enabled { border-color:hsl(var(--bio-card-hue) 88% 78% / .76); background:hsl(var(--bio-card-hue) 60% 57% / .35); }
.profile-bio-image-outline.is-enabled i { color:hsl(var(--bio-card-hue) 100% 94%); }
.profile-bio-image-outline:disabled { opacity:.6; cursor:wait; }
.profile-bio-image-token.has-crop { aspect-ratio:var(--bio-crop-aspect); overflow:visible; }
.public-profile-bio .profile-bio-image-token.has-crop .profile-bio-image-link { position:relative; width:100%; height:100%; overflow:hidden; }
.public-profile-bio .profile-bio-image-token.has-crop .profile-bio-image { position:absolute; left:var(--bio-crop-left); top:var(--bio-crop-top); width:var(--bio-crop-image-width); max-width:none; max-height:none; height:auto; border:0; }
.public-profile-bio .profile-bio-image-token.has-crop.has-outline .profile-bio-image-link:has(.profile-bio-image.is-image-ready) { outline:2px solid #c29af3; outline-offset:1px; }
.bio-image-crop-stage-wrap { width:100%; min-height:190px; max-height:390px; display:grid; place-items:center; overflow:auto; padding:12px; border:1px solid #ffffff18; border-radius:15px; background:#100b17; }
.bio-image-crop-stage { position:relative; flex:none; max-width:100%; background:#1c1524; touch-action:none; user-select:none; }
.bio-image-crop-stage > img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:fill; pointer-events:none; user-select:none; }
.bio-image-crop-selection { position:absolute; z-index:1; min-width:5%; min-height:5%; border:1px solid #fff; background-image:linear-gradient(90deg,transparent calc(33.333% - .5px),#ffffff80 33.333%,transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),#ffffff80 66.666%,transparent calc(66.666% + .5px)),linear-gradient(0deg,transparent calc(33.333% - .5px),#ffffff80 33.333%,transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),#ffffff80 66.666%,transparent calc(66.666% + .5px)); box-shadow:0 0 0 1200px #08050b99; cursor:move; touch-action:none; }
.bio-crop-handle { position:absolute; z-index:2; width:10px; height:10px; border:1px solid #9b73c9; border-radius:3px; background:#fff; touch-action:none; }
.bio-crop-handle.nw { left:-5px; top:-5px; cursor:nwse-resize; }.bio-crop-handle.ne { right:-5px; top:-5px; cursor:nesw-resize; }.bio-crop-handle.sw { left:-5px; bottom:-5px; cursor:nesw-resize; }.bio-crop-handle.se { right:-5px; bottom:-5px; cursor:nwse-resize; }
.bio-crop-handle.n { left:calc(50% - 5px); top:-5px; cursor:ns-resize; }.bio-crop-handle.s { left:calc(50% - 5px); bottom:-5px; cursor:ns-resize; }.bio-crop-handle.e { right:-5px; top:calc(50% - 5px); cursor:ew-resize; }.bio-crop-handle.w { left:-5px; top:calc(50% - 5px); cursor:ew-resize; }
.bio-image-editor-hint { margin:0; color:#c9b9d8; font-size:10px; line-height:1.5; }
.bio-image-crop-actions { display:flex; justify-content:flex-start; }
.bio-image-crop-actions button { min-height:34px; display:inline-flex; align-items:center; gap:7px; }
.bio-image-viewer { position:fixed; z-index:2147483002; top:18px; right:18px; width:min(520px,calc(100vw - 24px)); max-height:calc(100dvh - 36px); display:grid; grid-template-rows:auto minmax(0,1fr); gap:10px; overflow:hidden; padding:12px; border:1px solid #c498f366; border-radius:18px; background:linear-gradient(155deg,#251a31f5,#15101ef5); color:#f5edff; box-shadow:0 24px 80px #000b,inset 0 1px #ffffff12; backdrop-filter:blur(18px); }
.bio-image-viewer.is-dragging { user-select:none; }
.bio-image-viewer-header { min-height:34px; display:flex; align-items:center; justify-content:space-between; gap:10px; cursor:grab; touch-action:none; user-select:none; }
.bio-image-viewer-header:active { cursor:grabbing; }
.bio-image-viewer-header > span { min-width:0; display:flex; align-items:center; gap:8px; font-size:11px; font-weight:850; }
.bio-image-viewer-header > span i { color:#c5a2f5; font-size:14px; }
.bio-image-viewer-header button { width:32px; height:32px; display:grid; place-items:center; border:1px solid #ffffff20; border-radius:50%; background:#ffffff0a; color:inherit; cursor:pointer; }
.bio-image-viewer-viewport { min-height:120px; max-height:calc(100dvh - 100px); display:grid; place-items:center; overflow:auto; border-radius:10px; }
.bio-image-viewer-viewport img { display:block; max-width:100%; max-height:calc(100dvh - 110px); width:auto; height:auto; border-radius:2px; object-fit:contain; }
.bio-image-viewer-viewport.has-crop { position:relative; width:100%; aspect-ratio:var(--bio-crop-aspect); display:block; overflow:hidden; }
.bio-image-viewer-viewport.has-crop img { position:absolute; left:var(--bio-crop-left); top:var(--bio-crop-top); width:var(--bio-crop-image-width); max-width:none; max-height:none; height:auto; }
.bio-image-viewer-viewport.has-outline img { outline:2px solid #c29af3; outline-offset:2px; }
.bio-image-viewer-viewport.has-crop.has-outline { outline:2px solid #c29af3; outline-offset:2px; }

.chat-action-popover { position:fixed; z-index:2147483003; width:min(var(--chat-popover-width,420px),calc(100vw - 20px)); max-height:min(72dvh,640px); display:grid; grid-template-rows:auto minmax(0,1fr); gap:10px; overflow:hidden; padding:12px; border:1px solid #b989ee70; border-radius:17px; background:linear-gradient(150deg,#251a31f8,#15101ef8); color:#f5edff; box-shadow:0 20px 65px #000b,inset 0 1px #ffffff12; backdrop-filter:blur(18px); }
.chat-popover-header { min-height:30px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.chat-popover-header > span { min-width:0; display:flex; align-items:center; gap:8px; color:#f6edff; font-size:11px; font-weight:850; }
.chat-popover-header > span > i { color:#caa3f9; font-size:14px; }
.chat-popover-header > span > b { padding:3px 6px; border:1px solid #c69af655; border-radius:6px; background:#9c64d629; color:#d8baff; font-size:9px; }
.chat-popover-header > button { width:28px; height:28px; display:grid; place-items:center; border:1px solid #ffffff1c; border-radius:50%; background:#ffffff08; color:#f4eaff; cursor:pointer; }
.chat-gift-popover { grid-template-rows:auto auto; }
.chat-gift-form { display:grid; gap:10px; }
.chat-gift-form label { display:grid; gap:7px; color:#dac9eb; font-size:10px; }
.chat-gift-form label > div { display:flex; align-items:center; gap:8px; padding:0 10px; border:1px solid #b989ee55; border-radius:11px; background:#110c18; }
.chat-gift-form input { min-width:0; flex:1; height:40px; border:0; outline:0; background:transparent; color:#fff; font:inherit; font-size:13px; }
.chat-gift-form label small { color:#b89acb; font-size:9px; }
.chat-gift-form p { margin:0; color:#c9b9d8; font-size:9px; line-height:1.45; }
.chat-gift-form .primary-btn { min-height:38px; justify-content:center; }
.chat-action-popover { box-sizing:border-box; }
.chat-gift-amount-control { width:100%; min-width:0; box-sizing:border-box; gap:6px!important; }
.chat-gift-amount-input { width:0; min-width:0!important; flex:1 1 0!important; appearance:textfield; -moz-appearance:textfield; }
.chat-gift-amount-input::-webkit-inner-spin-button,.chat-gift-amount-input::-webkit-outer-spin-button { margin:0; -webkit-appearance:none; }
.chat-gift-unit { flex:none; white-space:nowrap; }
.chat-gift-stepper { display:grid; grid-template-rows:1fr 1fr; gap:2px; flex:none; }
.chat-gift-stepper button { width:22px; min-height:16px; display:grid; place-items:center; padding:0; border:1px solid #b989ee55; border-radius:5px; background:#342448; color:#e5d2ff; cursor:pointer; }
.chat-gift-stepper button:hover { background:#4a3264; border-color:#caa3f9; }
.chat-gift-stepper button i { font-size:13px; line-height:1; }

/* Match the embedded Miwi HUD after the mobile cloud-player rules have loaded. */
.miwibits-player-volume { box-sizing:border-box; flex:none; }
.miwibits-player-volume button,.miwibits-player-volume input { pointer-events:none; }
.miwibits-player-hud-fullscreen { pointer-events:auto; }
@media(max-width:680px) {
  .miwibits-player-hud { gap:5px; padding:5px 6px; }
  .miwibits-player-volume { height:36px; gap:3px; padding:0 4px; }
  .miwibits-player-volume button { width:19px; }
  .miwibits-player-volume input { width:58px; min-width:32px; }
  .miwibits-player-volume small { display:none; }
  .miwibits-player-hud-fullscreen { width:37px; height:37px; flex-basis:37px; }
}
@media(max-width:390px) {
  .miwibits-player-hud-copy small { display:none; }
  .miwibits-player-volume input { width:42px; }
  .miwibits-player-game-icon { width:32px; height:32px; }
}
.chat-gift-form label { min-width:0; }
.chat-gift-form label > div { min-width:0; }
.chat-game-popover { grid-template-rows:auto auto minmax(0,1fr); }
.chat-game-search { width:100%; height:36px; padding:0 10px; border:1px solid #b58adf55; border-radius:10px; outline:0; background:#100b17; color:#f3eaff; font:inherit; font-size:10px; }
.chat-game-choice-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; max-height:min(42dvh,340px); overflow:auto; padding:2px; }
.chat-game-choice { min-width:0; min-height:46px; grid-template-columns:34px minmax(0,1fr); gap:8px; padding:6px; border-radius:10px; }
.chat-game-choice img,.chat-game-choice i { width:34px; height:38px; }
.chat-game-choice span { font-size:9px; }
.chat-game-choice[hidden] { display:none!important; }
.chat-popover-empty { grid-column:1/-1; margin:0; padding:18px 8px; color:#baabc9; font-size:10px; text-align:center; }
.klipy-gif-popover { grid-template-rows:auto minmax(0,1fr); }
.klipy-gif-picker { min-height:0; display:grid; grid-template-rows:auto minmax(0,1fr) auto; gap:9px; }
.klipy-gif-search { display:flex; gap:7px; }
.klipy-gif-search input { min-width:0; flex:1; height:36px; padding:0 10px; border:1px solid #b58adf55; border-radius:10px; outline:0; background:#100b17; color:#f3eaff; font:inherit; font-size:10px; }
.klipy-gif-search .primary-btn { min-height:36px; padding:0 11px; font-size:9px; }
.klipy-gif-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; min-height:120px; max-height:min(43dvh,360px); overflow:auto; }
.klipy-gif-option { height:96px; border-radius:10px; }
.klipy-gif-option span { font-size:8px; }
.klipy-gif-status { min-height:100px; font-size:10px; }
.klipy-gif-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.klipy-gif-footer .klipy-gif-credit { text-align:left; }
.klipy-gif-footer .primary-btn { min-height:34px; padding:0 12px; font-size:9px; }
.klipy-gif-footer .primary-btn:disabled { opacity:.45; cursor:not-allowed; }
.direct-composer-menu { position:relative; flex:none; }
.direct-composer-menu-popover { position:absolute; right:0; bottom:calc(100% + 9px); z-index:80; width:240px; display:none; gap:5px; padding:7px; border:1px solid #b989ee66; border-radius:13px; background:#1b1424f5; box-shadow:0 16px 42px #000a; backdrop-filter:blur(15px); }
.direct-composer-menu:hover .direct-composer-menu-popover,.direct-composer-menu:focus-within .direct-composer-menu-popover,.direct-composer-menu.open .direct-composer-menu-popover { display:grid; }
.direct-composer-menu-popover > button { min-height:48px; display:grid; grid-template-columns:30px minmax(0,1fr); align-items:center; gap:8px; padding:6px 8px; border:1px solid transparent; border-radius:10px; background:transparent; color:#f2e8ff; text-align:left; cursor:pointer; }
.direct-composer-menu-popover > button:hover,.direct-composer-menu-popover > button:focus-visible { border-color:#bb91ea4a; background:#ffffff0b; }
.direct-composer-menu-popover > button > i { color:#caa2f5; font-size:14px; }
.direct-composer-menu-popover > button > span { min-width:0; display:grid; gap:3px; }
.direct-composer-menu-popover strong { font-size:9px; }.direct-composer-menu-popover small { color:#b8a8c8; font-size:8px; }
.direct-message-form:has(.chat-attachment.is-pending) #direct-game-menu { grid-column:3; grid-row:3; }
.direct-message-form:has(.chat-attachment.is-pending) #direct-game-button { grid-column:auto; grid-row:auto; }
@media(max-width:540px) {
  .bio-image-editor { padding:15px; }
  .bio-image-crop-stage-wrap { min-height:150px; max-height:300px; padding:8px; }
  .bio-image-viewer { top:8px; right:8px; width:calc(100vw - 16px); }
  .chat-action-popover { max-height:74dvh; padding:10px; }
  .klipy-gif-grid { grid-template-columns:repeat(2,minmax(0,1fr)); max-height:min(45dvh,360px); }
  .klipy-gif-option { height:98px; }
  .chat-game-choice-list { grid-template-columns:1fr; }
}

/* Public profile game shelves reuse the library cards in a single animated row. */
.profile-public-grid { grid-template-columns:minmax(0,1fr); gap:14px; }
.profile-game-shelf { min-width:0; overflow:hidden; padding:18px; }
.profile-game-shelf > .eyebrow { display:block; margin-bottom:2px; }
.profile-game-marquee { position:relative; isolation:isolate; width:100%; min-width:0; overflow:hidden; margin-top:12px; }
.profile-game-marquee::before,.profile-game-marquee::after { content:""; position:absolute; z-index:10; top:0; bottom:0; width:58px; pointer-events:none; opacity:1; -webkit-backdrop-filter:none; backdrop-filter:none; -webkit-mask-image:none; mask-image:none; }
.profile-game-marquee::before { left:0; }
.profile-game-marquee::after { right:0; }
.profile-game-marquee-track { display:flex; width:max-content; will-change:transform; animation-duration:var(--profile-game-marquee-duration,48s); animation-timing-function:linear; animation-iteration-count:infinite; }
.profile-game-marquee-set { display:flex; width:max-content; align-items:stretch; gap:14px; padding-right:14px; }
.profile-game-marquee-right .profile-game-marquee-track { animation-name:profile-game-marquee-right; }
.profile-game-marquee-left .profile-game-marquee-track { animation-name:profile-game-marquee-left; }
.profile-game-card { width:clamp(270px,24vw,300px); flex:0 0 clamp(270px,24vw,300px); }
.profile-game-card .game-card-body { display:flex; flex-direction:column; min-height:112px; }
.profile-game-card .game-tag-row { min-height:20px; }
.profile-game-card .game-card-foot { margin-top:auto; padding-top:8px; }
.profile-game-card > .card-favorite { display:grid; place-items:center; padding:0; line-height:1; top:11px; right:11px; }
.profile-game-card > .card-favorite i { display:block; line-height:1; font-size:15px; }
.profile-game-empty { margin:14px 0 2px; font-size:10px; }
.profile-game-marquee::before { background:linear-gradient(90deg,var(--profile-shelf-edge,#17121e) 0%,color-mix(in srgb,var(--profile-shelf-edge,#17121e) 72%,transparent) 36%,transparent 100%); }
.profile-game-marquee::after { background:linear-gradient(270deg,var(--profile-shelf-edge,#17121e) 0%,color-mix(in srgb,var(--profile-shelf-edge,#17121e) 72%,transparent) 36%,transparent 100%); }
@keyframes profile-game-marquee-left { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@keyframes profile-game-marquee-right { from { transform:translateX(-50%); } to { transform:translateX(0); } }
@media(max-width:700px) {
  .profile-public-grid { grid-template-columns:minmax(0,1fr); }
  .profile-game-shelf { padding:14px; }
  .profile-game-card { width:min(300px,calc(100vw - 58px)); flex-basis:min(300px,calc(100vw - 58px)); }
}
@media(prefers-reduced-motion:reduce) {
  .profile-game-marquee-track { animation-play-state:paused; }
}

/* The older shared span chip rule must not turn editor labels into blue tokens. */
.profile-bio-image-size > span { display:block; padding:0; border:0; border-radius:0; background:transparent; color:hsl(var(--bio-card-hue) 95% 89%)!important; }
.profile-bio-image-size > output { color:hsl(var(--bio-card-hue) 95% 89%); }
.profile-bio-image-outline > span { display:inline; padding:0; border:0; border-radius:0; background:transparent; color:hsl(var(--bio-card-hue) 95% 89%)!important; font-size:inherit; }

/* Preserve each group's summary height when the host has many processes; the list itself scrolls. */
.task-manager-list { display:flex; flex-direction:column; align-items:stretch; align-content:stretch; }
.task-app-group { flex:0 0 auto; }

/* Profile shelf fades taper in and out, avoiding the hard rectangular blur edges. */
@media(max-width:700px) {
  .profile-game-marquee::before,.profile-game-marquee::after { width:44px; }
}

/* A custom profile image, or the banner as a fallback, supplies the page backdrop. */
.public-profile-page { position:relative; isolation:isolate; background:transparent; }
.public-profile-page.has-profile-backdrop::before { content:""; position:fixed; z-index:-1; inset:calc(var(--topbar-h,72px) + 4px) 0 0; pointer-events:none; background-image:var(--profile-backdrop-image); background-position:center; background-size:cover; filter:blur(var(--profile-backdrop-blur,34px)); opacity:1; transform:scale(1.1); }
.profile-hero-shade.is-disabled { display:none; }
.profile-form .profile-backdrop-blur-control { grid-column:1/-1; gap:7px; padding:12px 14px; border:1px solid var(--line); border-radius:13px; background:rgba(181,130,255,.055); }
.profile-backdrop-blur-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--text); font-size:10px; }
.profile-backdrop-blur-heading strong { font-size:10px; }
.profile-backdrop-blur-heading output { color:#D7B8FF; font-size:10px; font-weight:900; }
.profile-backdrop-blur-control small { color:var(--muted); font-size:9px; font-weight:500; }
.profile-form .profile-backdrop-blur-control input[type="range"] { width:100%; height:18px; margin:2px 0 0; padding:0; border:0; border-radius:0; background:transparent; accent-color:#B582FF; box-shadow:none; cursor:pointer; }
.profile-form .profile-backdrop-blur-control input[type="range"]:focus { box-shadow:none; }
.profile-image-editor { grid-template-columns:repeat(3,minmax(0,1fr)); }
.profile-background-reset { width:max-content; }
@media(max-width:780px) { .profile-image-editor { grid-template-columns:1fr; } }
.site-footer { position:relative; z-index:2; color:#c2b6cd; }
.site-footer-links section > strong { color:#f0e8fb; }
.site-footer-links button,.site-footer-links a { color:#c2b6cd; opacity:1; visibility:visible; text-shadow:0 1px 3px rgba(0,0,0,.72); }
.site-footer-bottom { color:#a99ab9; }
.profile-image-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:10px; }
.profile-image-actions button { min-height:34px; display:inline-flex; align-items:center; justify-content:center; gap:7px; }

/* Stable edge fades for the moving profile shelves: no backdrop-filter compositing on hover. */
.profile-game-marquee::before { left:0; }
.profile-game-marquee::after { right:0; }
.profile-game-marquee:hover .profile-game-marquee-track,.profile-game-marquee:focus-within .profile-game-marquee-track { animation-play-state:running; }
.profile-themeable { --profile-shelf-edge:color-mix(in srgb,var(--profile-card-accent,#B582FF) 14%,#17121e); border-color:color-mix(in srgb,var(--profile-card-accent,#B582FF) 24%,var(--line)); transition:border-color .2s ease; }
.profile-theme-solid .profile-themeable,.profile-theme-solid .profile-sparklies-card { background:color-mix(in srgb,var(--profile-card-color,#B582FF) 17%,#17121e); border-color:color-mix(in srgb,var(--profile-card-color,#B582FF) 40%,var(--line)); }
.profile-theme-gradient .profile-themeable,.profile-theme-gradient .profile-sparklies-card { background:linear-gradient(var(--profile-card-angle,135deg),color-mix(in srgb,var(--profile-card-gradient-start,#56327A) 34%,#17121e) 0%,color-mix(in srgb,var(--profile-card-gradient-end,#211629) 36%,#17121e) 100%); border-color:color-mix(in srgb,var(--profile-card-gradient-start,#56327A) 42%,var(--line)); }
.profile-theme-solid .profile-sparklies-card .nana-progress-fill { background:linear-gradient(90deg,var(--profile-card-color,#B582FF),color-mix(in srgb,var(--profile-card-color,#B582FF) 55%,#fff)); }
.profile-theme-gradient .profile-sparklies-card .nana-progress-fill { background:linear-gradient(var(--profile-card-angle,135deg),var(--profile-card-gradient-start,#56327A),var(--profile-card-gradient-end,#211629)); }
.profile-theme-solid .profile-sparklies-card img,.profile-theme-gradient .profile-sparklies-card img { filter:hue-rotate(var(--profile-card-hue-shift,0deg)) saturate(1.28) drop-shadow(0 4px 10px color-mix(in srgb,var(--profile-card-accent,#B582FF) 28%,transparent)); }
.profile-theme-solid .profile-themeable > .eyebrow,.profile-theme-gradient .profile-themeable > .eyebrow { color:color-mix(in srgb,var(--profile-card-accent,#B582FF) 70%,#f2eaff); }

/* Hand-built color selector keeps the controls branded instead of opening the browser's default color dialog. */
.profile-card-theme-editor { grid-column:1/-1; min-width:0; display:grid; gap:14px; padding:16px; border:1px solid var(--line-strong); border-radius:17px; background:linear-gradient(145deg,rgba(181,130,255,.085),rgba(24,17,32,.8)); }
.profile-card-theme-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.profile-card-theme-heading > div:first-child { display:grid; gap:4px; }
.profile-card-theme-heading strong { color:var(--text); font-size:12px; }
.profile-card-theme-heading small { color:var(--muted); font-size:9px; font-weight:500; line-height:1.45; }
.profile-theme-preview { width:min(220px,40%); min-height:52px; display:flex; align-items:center; gap:9px; padding:0 13px; border:1px solid color-mix(in srgb,var(--profile-preview-a) 46%,transparent); border-radius:13px; background:linear-gradient(var(--profile-preview-angle),color-mix(in srgb,var(--profile-preview-a) 42%,#17121e),color-mix(in srgb,var(--profile-preview-b) 42%,#17121e)); color:#f8f2ff; font-size:9px; font-weight:800; box-shadow:inset 0 1px #ffffff12; }
.profile-theme-preview[data-mode="solid"] { border-color:color-mix(in srgb,var(--profile-preview-solid) 46%,transparent); background:color-mix(in srgb,var(--profile-preview-solid) 26%,#17121e); }
.profile-theme-preview i { color:color-mix(in srgb,var(--profile-preview-a) 60%,#fff); font-size:15px; }
.profile-theme-mode { width:max-content; max-width:100%; display:flex; gap:5px; padding:4px; border:1px solid var(--line); border-radius:12px; background:#100b17; }
.profile-theme-mode button { min-height:34px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:0 12px; border:1px solid transparent; border-radius:9px; background:transparent; color:var(--muted); font:inherit; font-size:9px; font-weight:800; cursor:pointer; transition:background .18s ease,color .18s ease,border-color .18s ease; }
.profile-theme-mode button[aria-pressed="true"] { border-color:#c49af344; background:linear-gradient(135deg,#4a3061,#2a1d39); color:#f5eaff; }
.profile-theme-mode button i { font-size:12px; }
.profile-theme-controls[hidden] { display:none!important; }
.profile-theme-controls { min-width:0; }
.profile-theme-color-control { min-width:0; display:grid; gap:9px; padding:12px; border:1px solid #ffffff16; border-radius:14px; background:rgba(12,8,18,.46); }
.profile-theme-color-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.profile-theme-color-heading label { color:#e9ddf7; font-size:9px; font-weight:800; }
.profile-theme-color-heading output { color:#c7b1e4; font-size:9px; font-weight:800; font-variant-numeric:tabular-nums; }
.profile-theme-hex-row { display:grid; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:8px; }
.profile-form .profile-theme-hex-row input { min-width:0; height:34px; padding:0 10px; border-color:#ffffff20; background:#0e0a14; color:#f5efff; font:700 10px/1 ui-monospace,Consolas,monospace; letter-spacing:.04em; }
.profile-form .profile-theme-hex-row input:focus { border-color:#b582ff; box-shadow:0 0 0 3px rgba(181,130,255,.14); }
.profile-form .profile-theme-hex-row input.is-invalid { border-color:#e16c78; box-shadow:0 0 0 3px rgba(225,108,120,.12); }
.profile-theme-color-chip { width:34px; height:34px; display:block; border:1px solid #ffffff55; border-radius:10px; background:var(--chip,#B582FF); box-shadow:inset 0 1px #ffffff44,0 3px 10px #0005; }
.profile-form .profile-theme-hue-label { display:grid; gap:5px; color:#a99ab9; font-size:8px; font-weight:750; }
.profile-form .profile-theme-hue-label input[type="range"],.profile-form .profile-theme-angle input[type="range"] { width:100%; height:18px; margin:0; padding:0; border:0; border-radius:999px; appearance:none; -webkit-appearance:none; background:transparent; box-shadow:none; accent-color:#b582ff; cursor:pointer; }
.profile-form .profile-theme-hue-label input[type="range"]::-webkit-slider-runnable-track { height:8px; border:1px solid #ffffff35; border-radius:999px; background:linear-gradient(90deg,#f34b4b,#efc345,#58c96e,#45cbd0,#4b76ef,#ba52df,#f34b4b); }
.profile-form .profile-theme-hue-label input[type="range"]::-moz-range-track { height:8px; border:1px solid #ffffff35; border-radius:999px; background:linear-gradient(90deg,#f34b4b,#efc345,#58c96e,#45cbd0,#4b76ef,#ba52df,#f34b4b); }
.profile-form .profile-theme-angle input[type="range"]::-webkit-slider-runnable-track { height:8px; border:1px solid #ffffff35; border-radius:999px; background:linear-gradient(90deg,#533176,#b582ff,#311866); }
.profile-form .profile-theme-angle input[type="range"]::-moz-range-track { height:8px; border:1px solid #ffffff35; border-radius:999px; background:linear-gradient(90deg,#533176,#b582ff,#311866); }
.profile-form .profile-theme-hue-label input[type="range"]:focus,.profile-form .profile-theme-angle input[type="range"]:focus { box-shadow:none; }
.profile-form .profile-theme-hue-label input[type="range"]::-webkit-slider-thumb,.profile-form .profile-theme-angle input[type="range"]::-webkit-slider-thumb { width:16px; height:16px; border:2px solid #fff; border-radius:50%; appearance:none; background:#281b36; box-shadow:0 2px 7px #0009; }
.profile-form .profile-theme-hue-label input[type="range"]::-moz-range-thumb,.profile-form .profile-theme-angle input[type="range"]::-moz-range-thumb { width:12px; height:12px; border:2px solid #fff; border-radius:50%; background:#281b36; box-shadow:0 2px 7px #0009; }
.profile-theme-swatches { display:flex; flex-wrap:wrap; gap:7px; }
.profile-theme-swatch-option { width:21px; height:21px; padding:0; border:1px solid #ffffff62; border-radius:50%; background:var(--swatch); box-shadow:0 2px 7px #0005; cursor:pointer; transition:transform .15s ease,box-shadow .15s ease; }
.profile-theme-swatch-option:hover,.profile-theme-swatch-option:focus-visible { transform:scale(1.14); box-shadow:0 0 0 3px rgba(255,255,255,.14); }
.profile-theme-gradient-colors { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.profile-theme-angle { display:grid; gap:6px; margin-top:11px; }
.profile-theme-angle > span { display:flex; justify-content:space-between; color:#c7b1e4; font-size:9px; font-weight:800; }
.profile-theme-angle output { color:#f5eaff; }
.profile-theme-error { min-height:0; margin:0; color:#ff9da7; font-size:9px; }
.profile-theme-error:empty { display:none; }
@media(max-width:600px) { .profile-card-theme-heading { align-items:flex-start; flex-direction:column; }.profile-theme-preview { width:100%; }.profile-theme-gradient-colors { grid-template-columns:1fr; }.profile-theme-mode { width:100%; }.profile-theme-mode button { flex:1; padding-inline:7px; } }

/* Bring the Miwi player onto the same topbar and control-rail system as the cloud player. */
.miwibits-player-body { background:#08060d; color:#f7f2ff; }
.miwibits-game-player { background:#08060d; }
.miwibits-game-stage { background:#08060d; transition:width .2s ease,height .2s ease,transform .2s ease; }
.miwibits-game-player.display-fit .miwibits-game-stage { inset:auto; top:50%; left:50%; width:min(100vw,177.78dvh); height:min(100dvh,56.25vw); transform:translate(-50%,-50%); aspect-ratio:16/9; }
.miwibits-game-player.display-fit-portrait .miwibits-game-stage { width:min(100vw,56.25dvh); height:min(100dvh,177.78vw); aspect-ratio:9/16; }
.miwibits-player-topbar { top:max(18px,env(safe-area-inset-top)); left:max(18px,env(safe-area-inset-left)); right:max(18px,env(safe-area-inset-right)); }
.miwibits-player-top-left,.miwibits-player-actions { min-width:0; display:flex; align-items:center; gap:9px; }
.miwibits-player-topbar .stream-top-back,.miwibits-player-topbar .stream-top-icon { border-color:rgba(255,255,255,.1); background:rgba(15,11,21,.78); color:#f6f0ff; box-shadow:0 10px 34px rgba(0,0,0,.25); }
.miwibits-player-topbar .stream-top-back:hover,.miwibits-player-topbar .stream-top-icon:hover { border-color:rgba(181,130,255,.45); background:rgba(32,22,45,.94); }
.miwibits-player-session { background:rgba(17,12,25,.82); border-color:rgba(255,255,255,.1); }
.miwibits-player-session .stream-live-dot { background:#62dc9b; box-shadow:0 0 0 4px rgba(98,220,155,.1),0 0 14px rgba(98,220,155,.45); }
.miwibits-player-session .stream-session-copy strong { max-width:min(34vw,420px); }
.miwibits-player-session .stream-session-copy span { color:#bdacd0; }
.miwibits-game-player.is-running .miwibits-player-session .stream-session-copy span { color:#e6dbef; }
.miwibits-player-running { visibility:hidden; }
.miwibits-game-player.is-running .miwibits-player-running { visibility:visible; }
.miwibits-player-source-chip { flex:none; color:#e2d5f2; background:rgba(17,12,25,.82); border-color:rgba(255,255,255,.1); }
.miwibits-player-source-chip img { width:23px; height:23px; object-fit:contain; filter:drop-shadow(0 0 7px rgba(255,148,44,.34)); }
.miwibits-player-hud { width:min(1740px,87vw,calc(100% - 40px)); min-height:70px; gap:10px; padding:8px 11px; border-color:rgba(255,255,255,.1); border-radius:21px; background:rgba(13,11,18,.84); box-shadow:0 18px 60px rgba(0,0,0,.36); }
.miwibits-player-hud-game { min-width:0; flex:1; display:flex; align-items:center; gap:10px; }
.miwibits-player-game-icon { width:44px; height:44px; border-color:rgba(255,255,255,.12); border-radius:14px; background:#21182d; }
.miwibits-player-hud-copy { min-width:0; flex:1; }
.miwibits-player-hud-copy strong { font-size:10px; }
.miwibits-player-hud .hud-divider { margin-inline:3px; }
.miwibits-player-hud .stream-hud-actions { gap:4px; }
.miwibits-player-hud .hud-btn { width:44px; height:44px; border-radius:14px; }
.miwibits-player-hud .hud-btn.primary-control { background:var(--yellow); color:#20122f; }
.miwibits-player-hud .hud-btn.primary-control:hover { background:#d8beff; }
.miwibits-player-hud .hud-btn.miwibits-player-stop { border:1px solid rgba(255,108,122,.24); background:rgba(188,47,65,.15); color:#ff8996; }
.miwibits-player-hud .hud-btn.miwibits-player-stop:hover { border-color:rgba(255,108,122,.58); background:#c83d50; color:#fff; box-shadow:0 0 20px rgba(218,55,75,.2); }
.miwibits-game-player.hud-hidden .miwibits-player-hud { opacity:0; visibility:hidden; transform:translate(-50%,14px); pointer-events:none; }
.miwibits-player-settings[hidden],.miwibits-player-controls-toggle[hidden],.miwibits-player-controls-help[hidden] { display:none!important; }
.miwibits-player-settings.player-settings-drawer { --player-panel-surface:#18151e; --player-panel-raised:#211b2a; --player-panel-line:rgba(255,255,255,.08); }
.miwibits-player-settings .player-settings-nav { background:#17141d; }
.miwibits-player-settings .player-settings-nav-capsule { background:#231d2b; }
.miwibits-player-settings .player-touch-settings-head { border-bottom-color:rgba(255,255,255,.08); }
.miwibits-player-settings .player-touch-settings-head .home-kicker { color:#c5a8ed; }
.miwibits-player-settings .player-touch-settings-field { color:#cfc3db; }
.miwibits-player-settings .player-touch-settings-field select,.miwibits-player-settings .player-touch-settings-field select option { border-color:rgba(181,130,255,.22); background:#21182d; }
.miwibits-player-settings .player-touch-setting-row { border-color:rgba(255,255,255,.07); }
.miwibits-player-settings .player-touch-setting-row strong { color:#f1eafd; }
.miwibits-player-settings .player-touch-setting-row span { color:#aca0b8; }
.miwibits-player-settings-note { display:flex; align-items:center; gap:9px; margin-top:10px; padding:11px 12px; border:1px solid rgba(181,130,255,.13); border-radius:12px; background:rgba(181,130,255,.06); color:#bdb0cb; font-size:9px; line-height:1.5; }
.miwibits-player-settings-note i { flex:none; color:#c9a8ff; font-size:13px; }
.miwibits-player-settings-controls { display:grid; gap:7px; margin-top:12px; padding:11px 12px; border:1px solid rgba(181,130,255,.16); border-radius:12px; background:rgba(181,130,255,.055); }
.miwibits-player-settings-controls .home-kicker { color:#c5a8ed; }
.miwibits-player-settings-controls p { margin:0; color:#ddd2e9; font-size:10px; line-height:1.55; white-space:pre-wrap; overflow-wrap:anywhere; }
.miwibits-game-player.needs-account > :not(.miwibits-player-auth-gate) { visibility:hidden; }
.miwibits-player-error { z-index:16; }
.miwibits-player-status { background:linear-gradient(110deg,rgba(45,27,65,.94),rgba(12,13,18,.91)); }
.miwibits-player-proxy-action { min-height:36px; padding:0 11px; border-color:rgba(181,130,255,.42); color:#e6caff; background:rgba(181,130,255,.12); white-space:nowrap; }
.miwibits-player-proxy-action:hover:not(:disabled) { border-color:rgba(181,130,255,.72); background:rgba(181,130,255,.2); }
.miwibits-player-proxy-action[hidden] { display:none!important; }
@media(max-width:680px) {
  .miwibits-player-topbar { top:max(9px,env(safe-area-inset-top)); left:max(9px,env(safe-area-inset-left)); right:max(9px,env(safe-area-inset-right)); gap:6px; }
  .miwibits-player-top-left,.miwibits-player-actions { gap:5px; }
  .miwibits-player-topbar .stream-top-back,.miwibits-player-topbar .stream-top-icon { width:42px; height:42px; flex-basis:42px; border-radius:14px; }
  .miwibits-player-session { max-width:calc(100vw - 260px); padding-inline:9px; gap:8px; }
  .miwibits-player-session .stream-session-copy strong { max-width:calc(100vw - 320px); font-size:9px; }
  .miwibits-source-chip { height:42px; gap:5px; padding-inline:8px; }
  .miwibits-source-chip img { width:21px; height:21px; }
  .miwibits-player-hud { left:8px; bottom:max(8px,env(safe-area-inset-bottom)); width:calc(100% - 16px); min-height:56px; gap:6px; padding:6px 7px; border-radius:17px; transform:none; }
  .miwibits-player-hud { transition:opacity .18s ease,visibility .18s ease; }
  .miwibits-player-game-icon { width:36px; height:36px; }
  .miwibits-player-hud .stream-hud-actions { gap:2px; }
  .miwibits-player-hud .hud-btn { width:38px; height:38px; border-radius:12px; }
  .miwibits-player-social { top:58px; left:8px; width:min(370px,calc(100% - 16px)); }
  .miwibits-game-player:not(.hud-hidden) .miwibits-player-hud { transform:none!important; }
  .miwibits-game-player.hud-hidden .miwibits-player-hud { transform:none!important; }
}
@media(max-width:480px) {
  .miwibits-source-chip > span { display:none; }
  .miwibits-player-source-chip { width:42px; justify-content:center; padding:0; }
  .miwibits-player-session { max-width:calc(100vw - 260px); }
  .miwibits-player-session .stream-session-copy strong { max-width:calc(100vw - 320px); }
  #miwibits-player-controls-toggle { display:none!important; }
  .miwibits-player-hud { gap:4px; }
  .miwibits-player-game-icon { width:32px; height:32px; }
  .miwibits-player-hud-copy strong { font-size:9px; }
  .miwibits-player-hud .hud-btn { width:34px; height:34px; }
  .miwibits-player-hud .stream-hud-actions { gap:0; }
}
.miwibits-game-player.reduce-motion .miwibits-player-status,
.miwibits-game-player.reduce-motion .miwibits-player-hud,
.miwibits-game-player.reduce-motion .miwibits-player-topbar,
.miwibits-game-player.reduce-motion .miwibits-player-icon,
.miwibits-game-player.reduce-motion .player-settings-drawer,
.miwibits-game-player.reduce-motion .player-settings-backdrop { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
.miwibits-game-player.is-ended .miwibits-player-status { opacity:1; visibility:visible; }