#house-shop-system{z-index:2140}
.house-shop-window{width:min(1120px,96vw);height:min(790px,92vh);display:flex;flex-direction:column;overflow:hidden}
.house-shop-tabs{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:7px;padding:10px;border-bottom:1px solid #285257;overflow-x:auto}
.house-shop-tabs button{min-height:38px;border:1px solid #38656b;border-radius:7px;background:#0c262b;color:#a9cbca;font:700 11px/1 system-ui;white-space:nowrap}
.house-shop-tabs button:hover,.house-shop-tabs button.active{border-color:#e1bd36;background:#67551a;color:#fff0a0}
.house-shop-list{min-height:0;flex:1;overflow-y:auto;padding:14px;scrollbar-color:#d1ad2f #102a2f}
.house-shop-list>h3{margin:8px 0;color:#f3de83;font:700 15px/1.2 system-ui}
.house-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px;margin-bottom:18px}
.house-shop-card{display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-areas:"sprite copy" "sprite price" "button button";gap:4px 10px;align-items:center;min-height:126px;padding:10px;border:1px solid #315c61;border-radius:10px;background:#0b272c;color:#d8e5e3}
.house-shop-card>.legacy-sprite{grid-area:sprite;width:56px;height:56px;align-self:start}
.house-shop-card>span{grid-area:copy;min-width:0;display:flex;flex-direction:column;gap:5px}
.house-shop-card>span b{overflow:hidden;color:#f6e79a;font:700 15px/1.15 Georgia,serif;text-overflow:ellipsis;white-space:nowrap}
.house-shop-card>span small{color:#a4c2c0;font:500 11px/1.35 system-ui}
.house-shop-card>strong{grid-area:price;color:#75e5c8;font:800 11px/1 system-ui}
.house-shop-card>button{grid-area:button;min-height:34px;border:1px solid #3a8d78;border-radius:6px;background:#1c725f;color:#fff;font:800 11px/1 system-ui}
.house-shop-card>button:disabled{border-color:#355155;background:#18383c;color:#718a89}
.house-placement-hint{position:fixed;left:50%;top:82px;z-index:2600;display:none;align-items:center;gap:12px;max-width:min(560px,92vw);padding:10px 13px;border:1px solid #e1bd36;border-radius:9px;background:#071d22eb;color:#d8e5e3;box-shadow:0 8px 30px #0009;transform:translateX(-50%)}
.house-placement-hint.show{display:flex}
.house-placement-hint b{color:#f6e79a}.house-placement-hint span{font-size:12px}.house-placement-hint button{margin-left:auto;border:1px solid #755;background:#482329;color:#fff;border-radius:5px;padding:7px 10px;font-weight:800}
@media(max-width:720px){.house-shop-tabs{grid-template-columns:repeat(6,130px)}.house-shop-grid{grid-template-columns:1fr}.house-shop-window{height:94vh}.house-placement-hint{top:55px;flex-wrap:wrap}}