.house-panel-page:has(.friends-page){--app-page-pad-top:var(--ui-gap-md);--app-page-pad-bottom:max(var(--ui-gap-md), env(safe-area-inset-bottom));min-height:min(var(--house-scene-height,100dvh), calc(var(--app-visible-viewport-height,100dvh) - var(--alpha-bar-h,0px) - var(--alpha-nav-h,0px)));flex-direction:column;align-items:stretch;display:flex}.house-panel.friends-page{gap:var(--ui-gap-md);width:100%;max-width:75rem;min-height:0;padding:var(--house-space-2) 0 var(--house-space-5);flex:auto;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;overflow:visible}.friends-page>.house-panel__back{z-index:1;grid-area:1/1;align-self:center}.friends-page__header{grid-area:1/1;place-self:center start;min-width:0;padding-inline-start:4.5rem}.friends-page__header .heading{margin:0}.friends-page__layout{grid-area:2/1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.friends-page__main,.friends-page__list--recent,.friends-page__messages{overscroll-behavior-y:contain;scrollbar-width:none;overflow-y:auto}.friends-page__main::-webkit-scrollbar{display:none}.friends-page__list--recent::-webkit-scrollbar{display:none}.friends-page__messages::-webkit-scrollbar{display:none}.friends-page__main{gap:var(--ui-gap-md);flex-direction:column;min-height:0;display:flex}.friends-page__main>*{flex:none}.friends-page__card,.friends-page__dm{gap:var(--ui-gap-sm);flex-direction:column;min-height:0;padding:clamp(.75rem,2vw,1.125rem);display:flex}.house-panel.friends-page :-webkit-any(.friends-page__card,.friends-page__dm){padding:var(--ui-panel-padding);border:1px solid var(--kit-line-matte,#d4af663d);border-radius:var(--kit-radius-panel);corner-shape:round;box-shadow:none;background:radial-gradient(90% 60% at 50% 0,#d4af6612,#0000 72%),#0e0b16d6}.house-panel.friends-page :is(.friends-page__card,.friends-page__dm){padding:var(--ui-panel-padding);border:1px solid var(--kit-line-matte,#d4af663d);border-radius:var(--kit-radius-panel);corner-shape:round;box-shadow:none;background:radial-gradient(90% 60% at 50% 0,#d4af6612,#0000 72%),#0e0b16d6}.house-panel.friends-page :-webkit-any(.friends-page__card,.friends-page__dm).card.game-panel{padding:var(--ui-panel-padding);border:1px solid var(--kit-line-matte,#d4af663d);border-radius:var(--kit-radius-panel);corner-shape:round;box-shadow:none;background:radial-gradient(90% 60% at 50% 0,#d4af6612,#0000 72%),#0e0b16d6}.house-panel.friends-page :is(.friends-page__card,.friends-page__dm).card.game-panel{padding:var(--ui-panel-padding);border:1px solid var(--kit-line-matte,#d4af663d);border-radius:var(--kit-radius-panel);corner-shape:round;box-shadow:none;background:radial-gradient(90% 60% at 50% 0,#d4af6612,#0000 72%),#0e0b16d6}.friends-page--thread .friends-page__main,.friends-page .friends-page__dm--empty{display:none}@media (min-width:64rem) and (min-height:30rem){.house-panel.friends-page{max-width:75rem}.friends-page__layout{column-gap:var(--ui-gap-lg);grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.friends-page--thread .friends-page__main,.friends-page .friends-page__dm--empty{display:flex}.house-panel.friends-page .friends-page__dm.game-panel{border-inline-start:1px solid var(--ui-material-hairline);padding-inline-start:var(--ui-gap-lg)}.icon-btn.friends-page__dm-close{display:none}}@media (min-width:48rem){.house-panel.friends-page{max-height:none;margin-block-start:0;margin-block-end:0}}.friends-page__card-heading{justify-content:space-between;align-items:center;gap:var(--ui-gap-md);display:flex}.friends-page__search{gap:var(--ui-gap-sm);display:flex}.friends-page__search>.input{flex:1;min-width:0}.friends-page__result{align-items:center;gap:var(--ui-gap-sm);padding-top:var(--ui-gap-xs);background:var(--house-rule-fade-soft) top / 100% 1px no-repeat;border-top:0;flex-wrap:wrap;display:flex}.friends-page__identity{align-items:center;gap:var(--ui-gap-sm);min-width:0;margin-right:auto;display:flex}.friends-page__identity strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.friends-page__avatar{background:linear-gradient(160deg, var(--house-gold-light), var(--house-gold) 55%, color-mix(in srgb, var(--house-gold) 55%, black));border-radius:50%;flex:none;padding:.125rem;display:inline-flex;position:relative}.friends-page__avatar>.base-avatar-portrait{border-radius:50%;overflow:hidden}.friends-page__presence{border:.125rem solid var(--ui-color-surface);border-radius:var(--ui-radius-full);background:var(--ui-color-text-muted);width:.625rem;height:.625rem;position:absolute;bottom:-.0625rem;right:-.0625rem}.friends-page__presence[data-status=ONLINE]{background:var(--house-status-online)}.friends-page__group{padding:var(--house-space-2) var(--house-space-1) 0;color:var(--house-text-3);font-size:var(--house-caption-size);font-weight:var(--ui-font-weight-semibold);letter-spacing:.06em;text-transform:uppercase}.kit-scope .btn.game-action.friends-page__invite{min-height:2.75rem;padding-inline:var(--house-space-4)}.friends-page__message{position:relative}.friends-page__unread{font-family:var(--ui-font-family-numeric);font-variant-numeric:tabular-nums;position:absolute;top:-.375rem;right:-.375rem}.friends-page__list,.friends-page__messages{flex-direction:column;gap:.3125rem;margin:0;padding:0;list-style:none;display:flex}.friends-page__list--recent{max-height:14rem;padding-inline-end:.125rem}@media (min-width:64rem){.friends-page__list--recent{max-height:20rem}}.friends-page__row{align-items:center;gap:var(--ui-gap-sm);border-radius:var(--ui-radius-md);min-height:2.25rem;box-shadow:none;background:linear-gradient(#121d34c7,#0a1122db);border:1px solid #d4af6629;padding:.25rem .5rem;display:flex}.friends-page__row--dated{align-items:center;column-gap:var(--ui-gap-sm);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.friends-page__date{font-family:var(--ui-font-family-numeric);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:left;justify-self:start}.friends-page__actions{justify-content:flex-end;align-items:center;gap:var(--ui-gap-xs);margin-left:auto;display:flex}.friends-page__row--dated .friends-page__actions{justify-self:end;margin-left:0}.friends-page__actions .icon-btn.btn-text{color:var(--ui-material-ink-muted)}.friends-page__more{position:relative}.friends-page__more-menu{top:calc(100% + var(--ui-gap-xs));z-index:16;min-width:11rem;position:absolute}.friends-page__more-menu:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.friends-page__more-menu:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.friends-page__more-menu:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.friends-page__more-menu:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.friends-card{position:relative}.friends-card>.btn.friends-card__trigger{min-width:0;max-width:100%;min-height:2.75rem;color:var(--house-text);font:inherit;text-align:start;background:0 0;border:0;justify-content:flex-start;padding:0}.friends-card__peek{top:calc(100% + var(--house-space-2));z-index:20;width:17rem;padding:var(--house-space-3);pointer-events:none;display:grid;position:absolute;left:0}.friends-card__head{align-items:center;gap:var(--house-space-3);grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid}.friends-card__who{gap:.125rem;min-width:0;display:grid}.friends-card__who>strong{font-family:var(--ui-font-family);font-size:var(--ui-menu-header-size,.9375rem);font-weight:var(--ui-font-weight-bold,700);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:root .modal-card.friends-card__sheet{gap:var(--house-space-4);display:grid}.friends-card__actions{align-items:center;gap:var(--house-space-2);grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));display:grid}.friends-card__actions>:-webkit-any(.btn,.game-action){justify-content:center;width:100%;min-height:2.75rem}.friends-card__actions>:is(.btn,.game-action){justify-content:center;width:100%;min-height:2.75rem}.friends-card__menu{min-width:0}.friends-page__dm-head{align-items:center;gap:var(--ui-gap-xs);flex:none;min-width:0;display:flex}.friends-page__dm-head .heading{overflow-wrap:anywhere;flex:1;min-width:0;margin:0}.friends-page__dm>.alert,.friends-page__dm>.btn{flex:none}.friends-page__messages{gap:var(--ui-gap-xs);max-height:16rem}.friends-page .friends-page__messages{flex:auto;min-height:0;max-height:none}.friends-page__messages>:first-child{margin-top:auto}.friends-page__messages li{max-width:85%;padding:var(--ui-gap-xs) var(--ui-gap-sm);border:1px solid var(--kit-line-matte,#d4af663d);border-radius:var(--house-radius-4);box-shadow:none;color:var(--house-text);background:linear-gradient(#152340 0%,#0d172c 100%);align-self:flex-start}.friends-page__messages li:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-left-radius:var(--house-radius-1)}.friends-page__messages li:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-left-radius:var(--house-radius-1)}.friends-page__messages li:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-right-radius:var(--house-radius-1)}.friends-page__messages li:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-right-radius:var(--house-radius-1)}.friends-page__messages li[data-own=true]{border-color:color-mix(in srgb, var(--house-gold-light) 48%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--house-gold) 26%, #1b2438) 0%, color-mix(in srgb, var(--house-gold) 16%, #101728) 100%);box-shadow:none;align-self:flex-end}.friends-page__messages li[data-own=true]:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:var(--house-radius-1);border-bottom-left-radius:var(--house-radius-4)}.friends-page__messages li[data-own=true]:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-bottom-right-radius:var(--house-radius-1);border-bottom-left-radius:var(--house-radius-4)}.friends-page__messages li[data-own=true]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:var(--house-radius-1);border-bottom-right-radius:var(--house-radius-4)}.friends-page__messages li[data-own=true]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-bottom-left-radius:var(--house-radius-1);border-bottom-right-radius:var(--house-radius-4)}.friends-page__messages li[data-own=true] .friends-page__message-meta{color:color-mix(in srgb, var(--house-text) 75%, transparent)}.friends-page__messages li:has(.friends-page__report){align-self:stretch;max-width:none}.friends-page__messages p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.friends-page__message-meta{justify-content:flex-end;align-items:center;gap:var(--ui-gap-xs);min-height:1.25rem;color:var(--ui-material-ink-muted);font-family:var(--ui-font-family-numeric);font-size:var(--ui-type-caption-size);font-weight:var(--ui-type-caption-weight);font-variant-numeric:tabular-nums;display:flex}.friends-page__message-meta svg{width:.875rem;height:.875rem}.friends-page__messages li.friends-page__message--sending{opacity:1}.icon-btn.friends-page__report-open{--ui-icon-btn-size:2.75rem;min-width:2.75rem;min-height:2.75rem;color:var(--ui-material-ink-faint);margin-inline-end:-.25rem}@media (pointer:coarse){.kit-scope .btn.game-action.friends-page__invite,.friends-card>.btn.friends-card__trigger{min-height:var(--ui-touch-target,2.75rem)}.icon-btn.friends-page__report-open{--ui-icon-btn-size:var(--ui-touch-target,2.75rem)}}.friends-page__report{border-top:1px solid color-mix(in srgb, var(--ui-color-border) 55%, transparent);padding-top:.35rem}.friends-page__dm-form{align-items:end;column-gap:var(--ui-gap-xs);padding:.25rem .25rem .25rem var(--house-space-2);border-radius:var(--house-radius-5);box-shadow:var(--ui-material-shadow-well);background:#080d18c2;border:1px solid #d4af6638;flex:none;grid-template-columns:minmax(0,1fr) auto;display:grid}.friends-page__dm-form:has(.textarea:focus){border-color:var(--house-gold-light,var(--ui-color-focus-ring))}.friends-page__dm-form .textarea:focus-visible{outline:none}.friends-page__dm-form .textarea{min-height:var(--ui-touch-target);resize:none;max-height:7.5rem;box-shadow:none;field-sizing:content;scrollbar-width:none;background:0 0;border-color:#0000}.friends-page__dm-form .textarea:focus{border-color:#0000}@supports not (field-sizing:content){.friends-page__dm-form .textarea{min-height:4rem}}:root .kit-scope .btn.icon-btn.friends-page__dm-send,.kit-scope .btn.icon-btn.friends-page__dm-send{--ui-icon-btn-size:var(--ui-touch-target);box-shadow:var(--kit-gold-frame), var(--kit-gold-glow);border:1px solid #0000;border-radius:50%;background:var(--kit-gold)!important;color:#0b0a0e!important}.kit-scope .btn.icon-btn.friends-page__dm-send:-webkit-any(:hover,:active,:focus-visible,:disabled,[aria-disabled=true]){--ui-icon-btn-size:var(--ui-touch-target);box-shadow:var(--kit-gold-frame), var(--kit-gold-glow);border:1px solid #0000;border-radius:50%;background:var(--kit-gold)!important;color:#0b0a0e!important}.kit-scope .btn.icon-btn.friends-page__dm-send:is(:hover,:active,:focus-visible,:disabled,[aria-disabled=true]){--ui-icon-btn-size:var(--ui-touch-target);box-shadow:var(--kit-gold-frame), var(--kit-gold-glow);border:1px solid #0000;border-radius:50%;background:var(--kit-gold)!important;color:#0b0a0e!important}:root .kit-scope .btn.icon-btn.friends-page__dm-send>svg,.kit-scope .btn.icon-btn.friends-page__dm-send>svg,.kit-scope .btn.icon-btn.friends-page__dm-send svg{fill:currentColor;filter:none;color:#0b0a0e!important}.kit-scope .btn.icon-btn.friends-page__dm-send:disabled{opacity:.48;box-shadow:var(--kit-gold-frame)}.friends-page__dm-note{padding-inline:var(--ui-gap-sm);grid-column:1/-1}.friends-page__dm--empty{min-height:5.5rem}.friends-page__dm-empty{justify-items:center;gap:var(--ui-gap-sm);text-align:center;margin:auto;display:grid}.friends-page__dm-empty-icon{width:2rem;height:2rem;color:var(--casino-antique)}@media (max-width:48rem),(orientation:landscape) and (max-height:30rem){:root[data-mobile-keyboard-open] .house-panel.friends-page.friends-page--thread{top:var(--app-visible-viewport-top,0);height:var(--app-visible-viewport-height,100dvh);border-radius:0;max-width:none;max-height:none;margin:0;position:fixed;left:0;right:0}}@media (orientation:landscape) and (max-height:30rem){:root[data-mobile-keyboard-open] .friends-page.friends-page--thread>.house-panel__back,:root[data-mobile-keyboard-open] .friends-page.friends-page--thread .friends-page__header{display:none}:root[data-mobile-keyboard-open] .house-panel.friends-page.friends-page--thread{grid-template-rows:minmax(0,1fr)}:root[data-mobile-keyboard-open] .friends-page.friends-page--thread .friends-page__layout{grid-area:1/1}}.card.friends-invite{gap:var(--house-space-2);padding:var(--house-space-4);border-radius:var(--kit-radius-panel);background:var(--kit-panel-base), var(--kit-border-paint);box-shadow:var(--kit-panel-shadow);border:1px solid #0000;display:grid}.heading.friends-invite__title{color:var(--house-gold-light);font-family:var(--ui-menu-title-font,var(--ui-font-family));font-size:var(--ui-menu-title-size,1.25rem);margin:0;font-weight:700}.friends-invite__ways{gap:var(--house-space-2);margin-top:var(--house-space-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.btn.friends-invite__way{gap:var(--house-space-1);min-height:3.75rem;padding:var(--house-space-2);font-size:var(--ui-type-label-size,.75rem);text-align:center;white-space:normal;word-break:keep-all;flex-direction:column;padding-inline-start:.375rem;padding-inline-end:.375rem}.btn.friends-invite__way>svg{width:1.25rem;height:1.25rem;color:var(--house-gold-light)}.btn.friends-invite__way[data-state=accepted]>svg{color:var(--house-success)}.friends-invite__field{gap:var(--house-space-1);margin-top:var(--house-space-2);display:grid}.btn.friends-invite__door{margin-top:var(--house-space-2);justify-self:start}:root .modal-card.friends-invite__qr{justify-items:center;gap:var(--house-space-3);text-align:center;display:grid}@media (pointer:coarse){.kit-scope .btn.game-action.friends-page__invite{min-height:2.75rem}.friends-page__actions :-webkit-any(.btn,.icon-btn){min-height:2.75rem}.friends-page__actions :is(.btn,.icon-btn){min-height:2.75rem}}