/* Rental categories expand into illustrated cards; listings keep one shared grid. */
.rental-shell{max-width:1120px;margin-inline:auto}
.rental-shell .rental-category-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:32px}
.rental-category-tab{isolation:isolate;position:relative;overflow:hidden;min-width:0;height:64px;padding:12px 6px;border:1px solid #38404a;border-radius:7px;background:#10141b;color:#e4e7ec;cursor:pointer;transition:height .22s ease,border-color .18s ease}
.rental-category-tab img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .22s ease;z-index:-2}
.rental-category-tab::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#02070dce);opacity:0;transition:opacity .22s ease;z-index:-1}
.rental-category-label{height:100%;display:flex;align-items:center;justify-content:center;gap:9px;font:700 11px/1.3 Arimo,Arial,sans-serif;letter-spacing:.03em}
.rental-category-label svg{width:21px;height:21px;flex:none}
.rental-category-tab[aria-selected=true]{border-color:#2797ff;background:#112941;box-shadow:inset 0 0 0 1px #2797ff}
.rental-category-tabs.photos-open .rental-category-tab{height:150px}
.rental-category-tabs.photos-open .rental-category-tab img,.rental-category-tabs.photos-open .rental-category-tab::after{opacity:1}
.rental-category-tabs.photos-open .rental-category-label{flex-direction:column;justify-content:flex-end;color:white;text-shadow:0 1px 4px #000;gap:7px}
.rental-category-tab:focus-visible,.rental-group:focus-visible{outline:2px solid #89c7ff;outline-offset:3px}
.rental-list-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin:30px 0 18px;text-align:left}
.rental-list-toolbar h3{margin:0;font:700 19px/1.3 Arimo,Arial,sans-serif;letter-spacing:.04em}
.rental-search{display:grid;gap:6px;width:min(330px,55%);font:12px/1.4 Arimo,Arial,sans-serif;text-align:left;color:rgba(var(--gl-ink,255,255,255),.75)}
.rental-search input{box-sizing:border-box;width:100%;min-width:0;border:1px solid rgba(var(--gl-line,255,255,255),.26);border-radius:6px;background:rgba(0,0,0,.16);color:rgba(var(--gl-ink,255,255,255),1);padding:12px;font:14px/1.4 Arimo,Arial,sans-serif}
.rental-search input:focus{outline:2px solid #2797ff;outline-offset:2px}
.rental-shell .rental-groups{display:block;margin:0;padding:0;background:none;text-align:left}
.rental-shell .rental-group[hidden]{display:none!important}
.rental-shell .rental-group+.rental-group{margin:0}
.rental-shell .rental-group-list{margin:0;gap:12px}
.rental-shell .rental-card{display:grid;grid-template-columns:144px minmax(0,1fr) auto;gap:24px;align-items:center;width:100%;max-width:none;min-height:122px;padding:12px 58px 12px 12px!important;box-sizing:border-box;border-color:rgba(var(--gl-line,255,255,255),.18);border-radius:8px;background:rgba(0,0,0,.16);text-align:left}
.rental-list-photo{display:block;width:144px;height:96px;border-radius:5px;object-fit:cover}
.rental-list-details{min-width:0}
.rental-shell .rental-card h4{font:700 18px/1.3 Arimo,Arial,sans-serif;letter-spacing:.015em}
.rental-list-details p{margin:9px 0 0;color:rgba(var(--gl-ink,255,255,255),.65);font:11px/1.5 Arimo,Arial,sans-serif;overflow-wrap:anywhere}
.rental-shell .rental-card .club-teleport{margin:0;min-width:145px;min-height:40px;padding:11px 16px;box-sizing:border-box;font-size:10px;white-space:normal;text-align:center}
.rental-shell .rental-card .place-tools{left:auto;right:12px;top:12px}
.rental-shell .rental-card .place-action-panel{width:220px;max-width:calc(100vw - 50px)}
.rental-image-note{margin:18px 0 0;text-align:left;font:11px/1.6 Arimo,Arial,sans-serif;color:rgba(var(--gl-ink,255,255,255),.5)}
.rental-shell .rental-pending{padding:32px 15px;border:1px solid rgba(var(--gl-line,255,255,255),.16);border-radius:8px;text-align:center}
@media(max-width:760px){.rental-category-label{flex-direction:column;font-size:9px;gap:6px}.rental-category-tabs.photos-open .rental-category-tab{height:118px}.rental-shell .rental-card{grid-template-columns:100px minmax(0,1fr);gap:14px}.rental-list-photo{width:100px;height:80px;grid-row:1 / 3}.rental-shell .rental-card h4{font-size:15px}.rental-shell .rental-card .club-teleport{grid-column:2;min-width:0;width:fit-content}.rental-list-details p{margin-top:5px}}
@media(max-width:460px){.rental-shell .rental-category-tabs{gap:5px}.rental-category-tab{padding:10px 2px}.rental-category-label{font-size:8px;letter-spacing:0}.rental-list-toolbar{align-items:stretch;flex-direction:column;gap:14px}.rental-search{width:100%}.rental-shell .rental-card{grid-template-columns:75px minmax(0,1fr);padding-right:42px!important;gap:10px}.rental-list-photo{width:75px;height:84px}.rental-shell .rental-card .place-tools{right:6px;top:8px}.rental-shell .rental-card .club-teleport{font-size:9px;padding:10px}.rental-list-details p{font-size:10px}}
@media(hover:none){.rental-category-tab{height:118px}.rental-category-tab img,.rental-category-tab::after{opacity:1}.rental-category-label{flex-direction:column;justify-content:flex-end;color:white;text-shadow:0 1px 4px #000}}
@media(prefers-reduced-motion:reduce){.rental-category-tab,.rental-category-tab img,.rental-category-tab::after{transition:none}}

/* V5.16: original reference tiles, larger photo disclosure and neutral missing photos. */
.rental-shell .rental-category-tabs.photos-open .rental-category-tab{height:230px}
.rental-category-tab img{max-width:none;object-fit:fill;inset:auto;width:var(--reference-width);height:492.3077%;left:var(--reference-left);top:-81.7308%;transition:opacity .22s ease}
.rental-category-tab::after{background:linear-gradient(transparent 72%,#0c1017 80%)}
.rental-category-tabs.photos-open .rental-category-label{justify-content:flex-end;padding-bottom:7px;box-sizing:border-box}
.rental-category-tabs.photos-open .rental-category-label svg{visibility:hidden}
.rental-category-tabs.photos-open .rental-category-label span{background:#0b1018;padding:3px 5px;border-radius:3px}
.rental-list-title{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#rental-favorites-filter{border:1px solid rgba(var(--gl-line,255,255,255),.28);background:transparent;color:rgba(var(--gl-ink,255,255,255),.8);border-radius:5px;padding:8px 10px;font:700 10px/1.3 Arimo,Arial,sans-serif;cursor:pointer}
#rental-favorites-filter[aria-pressed=true]{border-color:#2797ff;background:#113858;color:white}
#rental-favorites-filter:focus-visible{outline:2px solid #89c7ff;outline-offset:3px}
.rental-list-photo{overflow:hidden;position:relative}
.rental-list-photo img{width:100%;height:100%;object-fit:cover;display:block}
.rental-photo-placeholder{background:linear-gradient(145deg,#393c41,#272a2f);border:1px solid #494c51;box-shadow:inset 1px 1px 2px #ffffff12,inset -2px -2px 5px #0005,0 1px 2px #0003}
.rental-photo-placeholder img{opacity:0}
.rental-list-actions{display:flex;gap:8px;align-items:center}
.rental-shell .rental-list-actions .club-teleport{min-width:108px;width:108px;display:flex;align-items:center;justify-content:center}
.rental-shell .rental-list-actions button:disabled{cursor:not-allowed;opacity:.45;background:#34383e;border-color:#62666b;color:#d0d3d7;box-shadow:none;transform:none}
@media(max-width:760px){.rental-shell .rental-category-tabs.photos-open .rental-category-tab{height:175px}.rental-list-actions{grid-column:2;flex-wrap:wrap}.rental-shell .rental-list-actions .club-teleport{min-width:88px;width:88px;grid-column:auto}.rental-category-tabs.photos-open .rental-category-label span{font-size:8px}}
@media(max-width:460px){.rental-shell .rental-category-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.rental-shell .rental-category-tabs.photos-open .rental-category-tab{height:130px}.rental-list-title{justify-content:space-between}.rental-list-actions{gap:5px}.rental-shell .rental-list-actions .club-teleport{width:auto;min-width:0;flex:1;padding:10px 4px;font-size:8px}.rental-shell .rental-card{grid-template-columns:75px minmax(0,1fr)}}
@media(hover:none){.rental-category-tab{height:130px}.rental-category-label svg{visibility:hidden}.rental-category-label{padding-bottom:7px;box-sizing:border-box}.rental-category-label span{background:#0b1018;padding:3px 2px;border-radius:3px}}
.rental-category-tab[data-rental-category=rentals]{--reference-width:568.888889%;--reference-left:-18.888889%;}
.rental-category-tab[data-rental-category=community]{--reference-width:571.003717%;--reference-left:-128.996283%;}
.rental-category-tab[data-rental-category=decorated]{--reference-width:593.050193%;--reference-left:-247.876448%;}
.rental-category-tab[data-rental-category=roleplay]{--reference-width:575.280899%;--reference-left:-347.191011%;}
.rental-category-tab[data-rental-category=stream]{--reference-width:575.280899%;--reference-left:-456.554307%;}
/* Match the black HOME menu, including the selected category. */
.rental-category-tab,.rental-category-tab[aria-selected=true]{background:rgba(4,4,4,.85);border-color:#45484c;box-shadow:none;color:#eee}
.rental-category-tab[aria-selected=true]{border-color:#d1d4d8;box-shadow:inset 0 0 0 1px #d1d4d830}
.rental-category-tab:hover{border-color:#a7abb1}
.rental-shell .rental-list-actions a.club-teleport{background:#090909;border:1px solid #555;color:#fff;box-shadow:none}
.rental-shell .rental-list-actions a.club-teleport:hover{background:#202020;border-color:#b0b0b0}
#rental-favorites-filter,#rental-favorites-filter[aria-pressed=true]{background:#090909;color:#eee;border-color:#555}
#rental-favorites-filter[aria-pressed=true]{border-color:#d1d4d8;box-shadow:inset 0 0 0 1px #d1d4d830}

@media(max-width:760px){.rental-shell .rental-category-tabs{grid-template-columns:repeat(5,minmax(140px,1fr));overflow-x:auto;max-width:100%;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#666 transparent}.rental-shell .rental-category-tabs.photos-open .rental-category-tab{height:155px}.rental-category-tabs.photos-open .rental-category-label span{font-size:10px}}
@media(hover:none) and (max-width:760px){.rental-category-tab{height:155px}.rental-category-label span{font-size:10px}}

/* V5.17: wider photo strip, with each reference tile kept in its original ratio. */
.rental-shell .rental-category-tabs{width:100%;box-sizing:border-box;position:relative;left:50%;transform:translateX(-50%)}
.rental-shell .rental-category-tabs.photos-open{width:min(1400px,calc(100vw - 64px));max-width:none;align-items:start}
.rental-shell .rental-category-tabs.photos-open .rental-category-tab{height:auto;aspect-ratio:var(--reference-ratio);padding:0}
.rental-category-tabs.photos-open .rental-category-label{position:absolute;inset:0;padding:12px 6px}
.rental-category-tab[data-rental-category=rentals]{--reference-ratio:270 / 208}
.rental-category-tab[data-rental-category=community]{--reference-ratio:269 / 208}
.rental-category-tab[data-rental-category=decorated]{--reference-ratio:259 / 208}
.rental-category-tab[data-rental-category=roleplay]{--reference-ratio:267 / 208}
.rental-category-tab[data-rental-category=stream]{--reference-ratio:267 / 208}
.rental-list-toolbar{align-items:center}
.rental-list-toolbar .directory-filter-menu{margin:0;min-width:44px}
.rental-list-toolbar .directory-filter-options{overflow:visible;flex-wrap:wrap;justify-content:flex-end;max-width:100%;gap:10px}
.rental-list-toolbar .rental-search{width:240px;min-width:0;flex:1 1 180px;gap:4px}
.rental-list-toolbar .rental-search input{padding:10px}
.rental-list-toolbar .rental-filter-close{min-width:32px;width:32px;height:32px;padding:0;font:22px/1 Arial,sans-serif}
.rental-list-toolbar .directory-filter-toggle.has-active-filter::after{content:"";position:absolute;right:4px;top:4px;width:6px;height:6px;border-radius:50%;background:#4ba9ff}
.rental-shell .rental-list-actions a.club-teleport{background:#003f98;border-color:#0754b9;color:#fff}
.rental-shell .rental-list-actions a.club-teleport:hover{background:#0754b9;border-color:#3985e5}
@media(max-width:760px){
 .rental-shell .rental-category-tabs.photos-open{width:100%;max-width:100%;grid-template-columns:repeat(5,200px)}
 .rental-list-toolbar{flex-direction:row;flex-wrap:wrap;align-items:center}
 .rental-list-toolbar .directory-filter-menu:has(.directory-filter-options:not([hidden])){width:100%}
 .rental-list-toolbar .directory-filter-options{justify-content:flex-start;width:100%}
}
@media(hover:none){
 .rental-shell .rental-category-tabs{width:min(1400px,calc(100vw - 64px));max-width:none;align-items:start}
 .rental-shell .rental-category-tab{height:auto;aspect-ratio:var(--reference-ratio);padding:0}
 .rental-category-label{position:absolute;inset:0;padding:12px 6px}
}
@media(hover:none) and (max-width:760px){.rental-shell .rental-category-tabs{width:100%;max-width:100%;grid-template-columns:repeat(5,200px)}}
.rental-category-tab img{height:auto}
.rental-shell .rental-category-tabs.photos-open .rental-category-tab{aspect-ratio:270 / 208}
@media(hover:none){.rental-shell .rental-category-tab{aspect-ratio:270 / 208}}
/* V5.18: compact categories align with the top navigation and match HOME transparency. */
@media(min-width:761px) and (hover:hover){
 .rental-shell .rental-category-tabs:not(.photos-open){width:min(calc(100vw - 32px),var(--max));max-width:none}
}
.rental-category-tab,.rental-category-tab[aria-selected=true]{background:rgba(4,4,4,.65);border-color:rgba(255,255,255,.42)}
.rental-category-tab[aria-selected=true]{border-color:rgba(255,255,255,.85)}
.rental-category-tab:hover{background:rgba(4,4,4,.55)}
html[data-gridly-theme=light] .rental-category-tab,html[data-gridly-theme=light] .rental-category-tab[aria-selected=true]{background:rgba(255,255,255,.65);color:#111827;border-color:rgba(17,24,39,.4)}
html[data-gridly-theme=light] .rental-category-tab[aria-selected=true]{border-color:rgba(17,24,39,.85)}
html[data-gridly-theme=light] .rental-category-tab:hover{background:rgba(255,255,255,.75)}
/* V5.18: animate numeric dimensions instead of jumping from 64px to auto. */
@media(hover:hover){
 .rental-shell .rental-category-tabs{transition:width .5s cubic-bezier(.22,1,.36,1);align-items:start}
 .rental-shell .rental-category-tabs .rental-category-tab{height:64px;aspect-ratio:auto;padding:0;transition:height .5s cubic-bezier(.22,1,.36,1),border-color .2s ease,background-color .2s ease}
 .rental-shell .rental-category-tabs.photos-open .rental-category-tab{height:calc((min(1400px,100vw - 64px) - 40px) / 5 * 208 / 270)}
 .rental-category-tab img,.rental-category-tab::after{transition:opacity .42s ease}
 .rental-category-tab .rental-category-label{position:absolute;inset:0;padding:0;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:transform .5s cubic-bezier(.22,1,.36,1)}
 .rental-category-tab .rental-category-label svg{transition:opacity .25s ease;visibility:visible}
 .rental-category-tabs.photos-open .rental-category-label svg{opacity:0;width:0}
 .rental-category-tabs.photos-open .rental-category-label{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;transform:translateY(calc(50% - 24px));gap:0}
}
@media(hover:hover) and (max-width:760px){
 .rental-shell .rental-category-tabs,.rental-shell .rental-category-tabs.photos-open{grid-template-columns:repeat(5,200px);width:100%}
 .rental-shell .rental-category-tabs.photos-open .rental-category-tab{height:154.074px}
}
@media(prefers-reduced-motion:reduce){
 .rental-shell .rental-category-tabs,.rental-shell .rental-category-tabs .rental-category-tab,.rental-category-tab img,.rental-category-tab::after,.rental-category-tab .rental-category-label,.rental-category-tab .rental-category-label svg{transition:none!important}
}
/* V5.19: aligned rental filters and one translucent black menu treatment. */
html .rental-shell #rental-filters{
 display:grid;grid-template-columns:112px 112px minmax(180px,240px) 40px;
 align-items:center;justify-content:end;gap:8px;width:max-content;max-width:100%;min-height:40px;
}
html .rental-shell #rental-filters[hidden]{display:none}
html .rental-shell #rental-filters>button,
html .rental-shell #rental-search{
 box-sizing:border-box;height:40px;min-height:40px;min-width:0;margin:0;padding:0 12px;
 border:1px solid rgba(255,255,255,.28)!important;border-radius:7px;
 background:rgba(4,4,4,.65)!important;color:#fff!important;box-shadow:none!important;
 font:700 10px/1 Arimo,Arial,sans-serif;
}
html .rental-shell #rental-filters>button{width:100%}
html .rental-shell #rental-filters>button:hover{background:rgba(4,4,4,.55)!important;border-color:rgba(255,255,255,.6)!important}
html .rental-shell #rental-filters>button[aria-pressed=true]{border-color:#2797ff!important}
html .rental-shell #rental-filters .rental-search{display:block;position:relative;width:100%;min-width:0;margin:0}
/* Preserve the accessible label without offsetting the control row. */
html .rental-shell .rental-search>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html .rental-shell #rental-search{width:100%;font-size:12px;font-weight:400;line-height:normal}
html .rental-shell #rental-search::placeholder{color:rgba(255,255,255,.6);opacity:1}
html .rental-shell #rental-filters>.rental-filter-close{width:40px;padding:0;font:22px/1 Arial,sans-serif}
html .rental-shell #rental-filters :is(button,input):focus-visible{outline:2px solid #2797ff;outline-offset:2px}
html .rental-shell .rental-category-tab,
html .rental-shell .rental-category-tab[aria-selected=true]{background:rgba(4,4,4,.65);color:#fff;border-color:rgba(255,255,255,.42);box-shadow:none}
html .rental-shell .rental-category-tab[aria-selected=true],
html .rental-shell .rental-category-tab:hover,
html .rental-shell .rental-category-tab:focus-visible{border-color:#2797ff;box-shadow:inset 0 0 0 1px #2797ff}
html .rental-shell .rental-category-tab:focus-visible{outline-color:#2797ff}
@media(max-width:760px){
 html .rental-shell #rental-filters{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px;justify-content:stretch}
 html .rental-shell #rental-filters .rental-search{grid-column:1 / -1;grid-row:2}
 html .rental-shell #rental-filters>.rental-filter-close{grid-column:3;grid-row:1}
}
/* V5.21: keep the three-line trigger and its open filter row centered. */
html .rental-shell .rental-list-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:center}
html .rental-shell .rental-list-toolbar .directory-filter-menu{justify-self:center;width:max-content;max-width:100%;margin:0 auto}
html .rental-shell #rental-filters{margin-inline:auto}
@media(max-width:760px){html .rental-shell .rental-list-toolbar .directory-filter-menu:has(.directory-filter-options:not([hidden])){width:100%}}
/* Expanded options sit above the still-visible centered trigger. */
html .rental-shell .rental-list-toolbar .directory-filter-menu{display:flex;flex-direction:column-reverse;align-items:center;gap:10px}
html .rental-shell .rental-list-toolbar .directory-filter-toggle{flex:none}

/* V555: every rental category shares compact cards and a darker title header. */
.rental-shell{max-width:1480px}
.rental-shell .rental-group-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}
.rental-shell .rental-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:0 14px 14px!important;min-height:0;height:100%;width:100%;background:rgba(20,25,34,.86);text-align:center;overflow:visible}
.rental-shell .rental-card-header{display:flex;align-items:center;justify-content:center;min-height:76px;box-sizing:border-box;margin:0 -14px;padding:16px 40px;background:rgba(0,0,0,.65);border-radius:8px 8px 0 0;border-bottom:1px solid #ffffff15}
.rental-shell .rental-card h4{margin:0;font:700 16px/1.35 Arimo,Arial,sans-serif;text-align:center;overflow-wrap:anywhere}
.rental-shell .rental-list-photo{width:100%;height:auto;aspect-ratio:16/10;grid-row:auto;flex:none;box-sizing:border-box}
.rental-shell .rental-list-details{width:100%;text-align:center}
.rental-shell .rental-list-details p{margin:0;font-size:12px;line-height:1.5}
.rental-shell .rental-list-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:auto;padding-top:8px;grid-column:auto}
.rental-shell .rental-list-actions .club-teleport{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;min-height:40px;padding:10px 5px;font-size:10px;line-height:1.2;text-align:center}
.rental-shell .rental-card .place-tools{top:12px;right:8px}
.rental-shell .rental-pending{grid-column:1/-1}
@media(max-width:1200px){.rental-shell .rental-group-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:960px){.rental-shell .rental-group-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.rental-shell .rental-group-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.rental-shell .rental-group-list{grid-template-columns:1fr}}

.rental-shell .rental-card-header{height:82px;min-height:82px;flex:none}
.rental-shell .rental-card-header h4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
