/* Spec: devgüncelleme. Shared layer order keeps messages and gift previews above menus. */
#chat.show{position:fixed!important;inset:0!important;z-index:25000!important;background:var(--ui-panel)!important;overflow:auto!important}
#chat.eris-floating-dm.show{display:grid!important;place-items:center;padding:12px}
.dm-gift-sheet{z-index:27000!important}.dm-photo-viewer,.dm-vault-modal{z-index:28000!important}#eris-dm-profile-modal{z-index:28000!important}
#chat .chatBody{padding:14px 10px 14px 52px!important;gap:12px!important;overflow-x:hidden}
#chat .bubble,#chat .bubble.me{align-self:flex-start!important;margin-left:0!important;margin-right:0!important;text-align:left!important;position:relative;max-width:100%!important;min-height:35px;overflow:visible!important}
#chat .dm-message-portrait{position:absolute;left:-42px;top:3px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--ui-button);font-size:19px}
#chat .dm-message-portrait>img{width:100%;height:100%;object-fit:cover;border-radius:50%}
#chat .dm-message-portrait>.dm-message-frame{position:absolute;width:43px;height:43px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain;border-radius:0;pointer-events:none}
#chat .bubble.dm-award-bubble{padding:0!important;background:none!important;border:0!important;box-shadow:none!important}.dm-award-content{width:100%;max-width:100%;overflow-wrap:anywhere}.dm-award-content .dm-inline-photo,.dm-award-content .dm-voice-player{max-width:100%}
#explore>.tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}#explore>.tabs>.tab{padding:8px 2px!important;font-size:10px!important;min-width:0;white-space:nowrap}
.eph-overlay [data-erischat-profile-controls]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;align-items:start}
[data-erischat-profile-controls]>div,[data-erischat-profile-controls]>[data-profile-notifications],[data-erischat-profile-controls]>[data-profile-logout]{grid-column:1/-1}
.eph-overlay [data-erischat-profile-controls]>button:not([data-profile-notifications]):not([data-profile-logout]){height:36px!important;min-height:36px!important;padding:7px!important;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px!important}
.eph-overlay [data-erischat-profile-controls] .profileActionIcon{width:19px!important;height:19px!important;max-width:19px!important;flex:none}
#erisRoomSurface.room-layout-v6 .eris-chat-list{gap:10px!important;padding-left:10px!important;padding-right:50px!important}
#erisRoomSurface.room-layout-v6 .eris-chat-msg{display:flex!important;align-items:center;gap:5px;padding-left:43px!important;max-width:100%!important;min-height:42px;margin:0!important}
#erisRoomSurface.room-layout-v6 .eris-chat-identity{flex:0 0 auto;max-width:45%;gap:4px!important}
#erisRoomSurface.room-layout-v6 .eris-chat-identity>b{max-width:85px}
#erisRoomSurface.room-layout-v6 .eris-chat-msg>.rel-chat-bubble{flex:1;min-width:0;margin:0!important}
#erisRoomSurface.room-layout-v6 .eris-chat-msg>.eris-chat-text{flex:1;min-width:0;margin:0!important}
.rel-entrance{width:min(300px,76vw)!important;top:clamp(76px,18vh,130px)!important;max-height:18vh}
.rel-public .rel-public-ring{display:none!important}.rel-public .rel-avatar{left:20.5%!important;top:48.5%!important;width:19%!important;background:var(--ui-raised);box-shadow:none!important}
.rel-public[data-status=dating] .rel-avatar{left:84%!important;width:15%!important;top:49%!important}
.rel-public .rel-avatar .rel-frame{max-width:none;left:-7%;top:-7%;transform:none}
.rel-vip-title-stack{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;margin-left:6px}.rel-vip-title-stack .rel-title{width:90px!important;height:24px!important;margin:0!important;max-width:100%!important}
.profile .name>.rel-title{display:block;margin:4px auto 0;width:110px;height:30px;object-fit:contain}
.rel-days{background:transparent!important;box-shadow:none!important;left:74.5%!important;width:19%!important;justify-content:start!important;text-align:left;color:var(--ui-gold)!important}

.rel-body:has(>.rel-house){padding:6px!important}.rel-house-art{border-radius:0!important;object-fit:contain!important}
#chat .bubble,#chat .bubble.me{justify-self:start!important}
#chat:not(.eris-floating-dm) .chatSheet{height:var(--app-height)!important;width:min(520px,100%)!important;margin:0 auto;border-radius:0!important}
#toast{z-index:35000!important}
/* Position the live numeral inside the blank resource panel. */


/* Apply to the live directory after social-feed moves the tabs. */
#explore [data-social-directory]>.tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
#explore [data-social-directory]>.tabs>.tab{min-width:0!important;white-space:nowrap;font-size:10px!important;padding:8px 2px!important}
/* Real image establishes the status banner height; empty button backgrounds do not. */
.rel-public.rel-public{display:block!important;position:relative!important;width:180px!important;max-width:100%!important;height:auto!important;aspect-ratio:16/5!important}
.rel-public .rel-public-status{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important}
.rel-status-art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.rel-public .rel-avatar{z-index:2}.rel-vip-title-stack [data-vip-card]{margin:0!important;align-self:center!important}
#profile .profile .name{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(70px,110px);align-items:start;gap:5px 8px!important}
#profile .profile .eris-profile-title{display:contents!important}
#profile .profile .name h2{grid-column:1!important;grid-row:1!important;margin:0!important;align-self:center;line-height:1.25;font-size:clamp(14px,3.7vw,23px)!important}
#profile .profile .name .rel-vip-title-stack{grid-column:2!important;grid-row:1/3!important;width:100%;margin:0!important}
#profile .profile .name [data-profile-public-id]{grid-column:1!important;grid-row:2!important;width:max-content;max-width:100%;margin:0!important;justify-self:start;font-size:8px!important;padding:6px!important}
#profile .profile .name>.eris-profile-relationship{grid-column:1/-1!important;grid-row:3!important;width:100%;margin:5px 0!important;justify-content:flex-start}
#profile .profile .name .rel-vip-title-stack .rel-title{width:100%!important;height:24px!important;max-width:100%!important}
#profile .profile .name .rel-vip-title-stack [data-vip-card]{width:100%!important;height:30px!important;object-fit:contain}
.rel-entrance{width:min(300px,76vw,calc(var(--app-height)*.5))!important;max-height:none!important}
.rel-entrance-art{height:auto!important;max-height:none!important}

#profile .profile .name h2{justify-self:center;text-align:center}
#profile .profile .name [data-profile-public-id]{justify-self:center!important}

.rel-entrance-avatar{overflow:visible!important}.rel-entrance-avatar>.rel-entrance-frame{position:absolute;left:-12%;top:-12%;width:124%;height:124%;max-width:none;object-fit:contain;border-radius:0;pointer-events:none}
@media(max-width:420px){#profile .profile .name{grid-template-columns:minmax(0,1fr) 78px}#profile .profile.card .name h2{font-size:clamp(11px,3vw,15px)!important}#profile .profile .name [data-profile-public-id]{font-size:7px!important;padding:5px 3px!important}}

/* Relationship full update: one counter per blank artwork panel. */
.rel-house .rel-hotspot{opacity:1!important;background:transparent!important}
.rel-house .rel-material-count{position:absolute;left:50%;top:82%;transform:translate(-50%,-50%);width:80%;text-align:center;color:var(--ui-gold);font-size:clamp(13px,4vw,24px);font-weight:800;line-height:1;font-variant-numeric:tabular-nums;pointer-events:none}
.rel-house .rel-days{text-transform:uppercase!important}
.rel-house .rel-ring{left:50%!important;top:30%!important;transform:translate(-50%,-50%);width:14.8%!important;height:auto!important;aspect-ratio:1;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important;opacity:1!important;display:grid;place-items:center}
.rel-house .rel-ring>img{width:100%;height:100%;object-fit:contain}
.rel-house .rel-avatar.rel-equipped-frame{width:35%!important;top:28.6%!important;background:transparent!important}
.rel-house .rel-avatar.rel-equipped-frame>img:not(.rel-frame){width:67%!important;height:67%!important;border-radius:50%;object-fit:cover}
.rel-house .rel-avatar.rel-equipped-frame>.rel-frame{inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important}
.rel-house .rel-house-art{mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
/* Profile order: relationship, ordinary title, VIP. */
#profile .profile.card{grid-template-columns:clamp(92px,30vw,136px) minmax(0,1fr)!important;column-gap:12px!important;row-gap:8px!important;align-items:center!important}
#profile .profile.card .stage{grid-column:1!important;grid-row:1!important;min-height:76px!important;height:82px!important;justify-self:start;width:76px!important}
#profile .profile.card .name{grid-column:1!important;grid-row:2!important;display:flex!important;flex-direction:column;align-items:flex-start!important;text-align:left!important;padding-left:0!important;gap:5px!important;overflow:visible!important}
#profile .profile.card .name h2{font-size:clamp(12px,3.3vw,18px)!important;text-align:left!important;align-self:flex-start!important;margin:0!important;line-height:1.25}
#profile .profile.card .name [data-profile-public-id]{margin:0!important;font-size:7px!important;padding:5px 4px!important;align-self:flex-start!important;white-space:normal!important;line-height:1.3}
#profile .profile.card>.eris-profile-badges{grid-column:2!important;grid-row:1/3!important;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0}
#profile .profile.card .stats{grid-column:1/-1!important;grid-row:3!important;margin-top:12px!important}
.eris-profile-badges>.rel-title,.eris-mini-relationship>.rel-title{width:min(150px,85%)!important;max-width:100%!important;height:35px!important;margin:0!important;object-fit:contain}
.eris-profile-badges>[data-vip-card],.eris-mini-relationship>[data-vip-card]{width:min(155px,90%)!important;max-width:100%!important;height:39px!important;object-fit:contain;margin:0!important}
.eris-profile-badges>.rel-public.rel-public,.eris-mini-relationship>.rel-public.rel-public{width:100%!important;max-width:260px!important;margin:0!important;aspect-ratio:1024/314!important}
.rel-public.rel-public .rel-avatar{left:20.5%!important;top:49%!important;width:16%!important;height:auto!important;aspect-ratio:1;transform:translate(-50%,-50%);background:transparent!important;overflow:hidden}
.rel-public.rel-public .rel-public-ring{display:block!important;position:absolute;left:84%!important;top:50%!important;width:18%!important;height:auto!important;aspect-ratio:1;transform:translate(-50%,-50%);object-fit:contain;pointer-events:none}
.eris-mini-relationship{flex-direction:column!important;align-items:center!important;gap:7px!important}

.rel-house:not([data-level="1"]):not([data-level="2"]):not([data-level="3"]) .rel-material-count{top:76%}
.eris-profile-badges{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}
.eris-mini-vip .eris-mini-topbar{display:flex!important;justify-content:flex-end!important}

/* One shared foreground keeps all 12 house levels aligned. */
.rel-house-v2{aspect-ratio:2/3;background:var(--ui-panel);overflow:hidden}
.rel-house-v2 .rel-house-art{position:relative;z-index:2;width:100%;height:auto;pointer-events:none;mask-image:none!important;-webkit-mask-image:none!important}
.rel-house-v2 .rel-house-scene{position:absolute;left:0;top:46.5%;width:100%;height:28%;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,var(--ui-button),var(--ui-panel) 80%)}
.rel-house-v2 .rel-house-scene>img{position:absolute;left:0;top:-110.2%;width:100%;height:auto;transform:scaleY(.85);transform-origin:top center;clip-path:polygon(0 41.8%,41% 41.8%,41% 36.3%,59% 36.3%,59% 41.8%,100% 41.8%,100% 67%,0 67%)}
.rel-house-v2.rel-house .rel-avatar{position:absolute;z-index:1;top:35.65%!important;width:27%!important;height:17.25%!important;aspect-ratio:auto!important;overflow:hidden;border-radius:50%;background:var(--ui-raised)!important;box-shadow:none!important;font-size:clamp(28px,12vw,65px);display:grid;place-items:center}
.rel-house-v2.rel-house .rel-avatar>img{width:100%!important;height:100%!important;border-radius:0!important;object-fit:cover!important;object-position:center}
.rel-house-v2 .rel-male{left:20%!important}.rel-house-v2 .rel-female{left:80%!important}
.rel-house-v2 .rel-avatar:focus-visible{outline:3px solid var(--ui-line);outline-offset:2px}
.rel-house-v2.rel-house .rel-name{z-index:3;top:44.65%!important;height:2.8%!important;width:23%!important;font-size:clamp(9px,2.5vw,17px)!important;background:transparent!important;color:var(--ui-gold);line-height:1;text-shadow:0 1px 3px var(--ui-shadow)}
.rel-house-v2.rel-house .rel-name.rel-male-name{left:8.5%!important}.rel-house-v2.rel-house .rel-name.rel-female-name{left:68.5%!important}
.rel-house-v2 .rel-counter-title{position:absolute;z-index:3;left:39%;top:9.7%;width:22%;height:2.4%;display:grid;place-items:center;font:700 clamp(11px,2.8vw,21px)/1 Georgia,serif;color:var(--ui-gold);text-align:center;white-space:nowrap}
.rel-house-v2.rel-house .rel-days{z-index:3;left:41%!important;top:12.65%!important;width:18%!important;height:2.65%!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;background:transparent!important;font-family:Georgia,serif;font-size:clamp(10px,2.7vw,19px);white-space:nowrap;overflow:hidden;color:var(--ui-gold)!important;text-shadow:0 1px 3px var(--ui-shadow)}
.rel-house-v2 .rel-house-level{position:absolute;z-index:3;left:39%;top:71.85%;width:22%;height:2.8%;display:grid;place-items:center;font:700 clamp(13px,3.5vw,26px)/1 Georgia,serif;color:var(--ui-gold);white-space:nowrap;text-shadow:0 2px 4px var(--ui-shadow)}
.rel-house-v2.rel-house .rel-ring{z-index:3;left:50%!important;top:38.1%!important;width:18%!important;height:12%!important;aspect-ratio:auto!important;transform:translate(-50%,-50%);font-size:clamp(9px,2vw,14px);color:var(--ui-ink)!important;background:transparent!important;line-height:1.25}
.rel-house-v2.rel-house .rel-hotspot{z-index:3;top:78.1%!important;width:29%!important;height:18.3%!important;background:transparent!important;border-radius:0;opacity:1!important}
.rel-house-v2 .rel-hotspot[data-material=brick]{left:5.5%!important}.rel-house-v2 .rel-hotspot[data-material=wood]{left:35.5%!important}.rel-house-v2 .rel-hotspot[data-material=paint]{left:65.5%!important}
.rel-house-v2 .rel-material-label{position:absolute;left:7%;top:55.8%;width:86%;height:14%;display:grid;place-items:center;font:700 clamp(12px,3.4vw,24px)/1 Georgia,serif;color:var(--ui-gold);pointer-events:none}
.rel-house-v2.rel-house .rel-hotspot .rel-material-count{top:81.8%!important;width:78%;font-size:clamp(13px,4vw,27px);color:var(--ui-gold)}
.rel-house-v2 .rel-hotspot:disabled{cursor:default}.rel-house-v2 .rel-hotspot:focus-visible{outline:2px solid var(--ui-line);outline-offset:2px}
.rel-body .rel-house-v2 .rel-scene-button{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;gap:4px;width:18%;height:4%;min-height:0!important;border:1px solid var(--ui-line)!important;border-radius:44% 12% / 45% 30%!important;background:linear-gradient(135deg,var(--ui-danger-bg),var(--ui-raised) 45%,var(--ui-button))!important;padding:2px!important;color:var(--ui-gold)!important;font:700 clamp(9px,2.6vw,17px)/1 Georgia,serif;box-shadow:inset 0 0 7px var(--ui-shadow),0 2px 8px var(--ui-shadow);text-shadow:0 1px 2px var(--ui-shadow);cursor:pointer}
.rel-house-v2 .rel-scene-button>svg{width:23%;height:55%;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.rel-house-v2 .rel-scene-button>span{white-space:nowrap}.rel-house-v2 .rel-scene-button:focus-visible{outline:2px solid var(--ui-line);outline-offset:3px}
.rel-house-v2 .rel-room-button{left:7%;top:12.2%;width:23%!important;height:3.7%!important}
.rel-house-v2 .rel-rewards-button{left:14.5%;top:71.4%;right:auto}.rel-house-v2 .rel-gift-button{right:14.5%;left:auto;top:71.4%}
.rel-material-preview{display:block;width:min(260px,90%);height:auto;margin:12px auto;overflow:hidden}
@media(prefers-reduced-motion:no-preference){.rel-house-v2 .rel-scene-button:active{transform:scale(.96)}}
.rel-house-v2 .rel-scene-button::before{content:"";position:absolute;inset:-8px;border-radius:12px}