/* Fixed avatar slots must not inherit the conversation text's flex growth. */
.dm-conversation>.dm-avatar,.dm-person>.dm-avatar{flex:0 0 46px;width:46px;height:46px;align-self:center}
.dm-avatar>.participant-avatar{flex:0 0 100%;width:100%;height:100%;position:relative}
.dm-avatar .participant-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dm-conversation>span:not(.dm-avatar),.dm-person>span:not(.dm-avatar){min-width:0;overflow-wrap:anywhere}
/* Align cards by their tops without stretching identity panels to fill a row. */
.designer-content{align-items:start}
.designer-sidebar,.designer-sidebar-panel,.designer-modules{align-self:start}
.designer-sidebar-panel{min-width:0}
.designer-sidebar dl{margin:16px 0 0}
.designer-sidebar dl>div{margin:12px 0 0}
.designer-sidebar .designer-badges{margin:12px 0}
.designer-sidebar .designer-user-tags{margin:12px 0 0}
@media(prefers-reduced-motion:reduce){.dm-conversation{transition:none}}
.header-actions{gap:0}
/* Center the visible PNG bounds, not its uneven transparent canvas padding. */
.forum-category-icon .forum-valkyrie-mask{position:absolute;display:block;width:49px;height:49px;left:-13px;top:-9px;margin:0;background:#82bca5;-webkit-mask:url("assets/1365767.png") center/contain no-repeat;mask:url("assets/1365767.png") center/contain no-repeat;mask-mode:alpha}
.dm-compose .dm-safety{display:block;text-align:left;margin:0 0 10px;font-size:11px;color:#929292}
.dm-compose>.dm-compose-field{position:relative;display:block;margin:0}
.dm-compose-field #dm-message{min-height:54px;max-height:160px;resize:vertical;padding:16px 64px 16px 15px;line-height:22px}
.dm-compose-field .dm-send{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#ddd;cursor:pointer}
.dm-send:hover{background:#303030}.dm-send:disabled{opacity:.45;cursor:default}.dm-send svg{width:22px;height:22px}
.metric-skeleton{display:inline-block;width:76px;height:18px;vertical-align:middle;margin:0}
.account-menu nav>a,.account-menu nav>button{gap:10px}
.account-menu nav .account-menu-icon{margin-left:auto}
.roulette-center{align-items:center;gap:0}
.roulette-center .roulette-logo{width:54px;height:60px;margin:0;opacity:.075;font-size:0;letter-spacing:0}
.roulette-pointer{position:absolute;inset:0;z-index:2;pointer-events:none}
.roulette-needle{position:absolute;left:50%;bottom:50%;width:8px;height:47%;transform:translateX(-50%);background:#eee;clip-path:polygon(50% 0,100% 13%,68% 13%,68% 100%,32% 100%,32% 13%,0 13%);filter:drop-shadow(0 1px 3px #000)}
.roulette-pointer::after{content:'';position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;transform:translate(-50%,-50%);background:#ddd;box-shadow:0 0 0 3px #191919}
.roulette-pointer.is-spinning{animation:roulette-spin .22s linear infinite}
.roulette-sound{border:0;background:none;color:#999;font:inherit;font-size:12px;padding:8px 12px;cursor:pointer}
.roulette-extra{font-size:12px;color:#aaa;margin-top:12px}
.roulette-founder{margin-top:18px}
.roulette-key{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:9px;background:#555}
.roulette-key.reward-1{background:#8dc7a6}.roulette-key.reward-2{background:#d3b66c}.roulette-key.reward-3{background:#efddaa}
@media(prefers-reduced-motion:reduce){.roulette-pointer.is-spinning{animation:none}}
.forum-category-icon{position:relative;display:grid;place-items:center;width:32px;height:32px;line-height:1}
.forum-category-icon svg.forum-limited-icon{display:block;width:32px;height:32px;fill:currentColor;stroke:none}
.forum-category-icon .forum-brand-icon{display:block;width:20px;height:23px;margin:0;color:inherit;background:currentColor}
.social-person-avatar>.participant-avatar{position:relative;display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;flex:none;border:0;border-radius:inherit}
.social-person-avatar .participant-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.social-person-avatar .participant-avatar svg{width:28px;height:28px;padding:0;fill:none;stroke:#aaa;stroke-width:1.7}
.header-actions>.button[data-action="account"],.header-actions>.button[data-action="connect"]{margin-left:18px}
/* Account dropdown coordinates come from its trigger, not a screen-edge offset. */
.account-menu{overflow-y:auto;overscroll-behavior:contain}
.account-menu-icon{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#aab3ac}
.header-actions>.icon-button{width:32px;height:40px;padding:6px;flex:none}
@media(min-width:1200px){.header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;padding-inline:3%}.header>.brand{justify-self:start}.header>nav{justify-self:center;gap:24px}.header-actions{justify-self:end}.header-actions .is-connected{max-width:170px;gap:8px}.header-actions .is-connected>span:not(.account-portrait){max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.private-profile-card{border:1px solid #303030;border-radius:14px;background:#141414;padding:28px}
.private-profile-identity{display:flex;align-items:center;gap:16px;margin:24px 0}
.private-profile-identity>[data-avatar-user],.private-profile-identity .participant-avatar{width:64px;height:64px;flex:0 0 64px}
.private-profile-identity h2{margin:0 0 6px;overflow-wrap:anywhere}
.private-profile-identity span,.private-profile-card>p{color:#aaa;font-size:13px;line-height:1.6}