/* ===== Cat Plaza Styles ===== */
.plaza-tabs{display:flex;gap:4px;margin-bottom:0;border-bottom:2px solid var(--border)}
.plaza-tab{padding:8px 20px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-sub);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}
.plaza-tab:hover{color:var(--primary)}
.plaza-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}

#plazaWrap{position:relative;width:100%;height:calc(100vh - 160px);min-height:400px;background:#5a8a3c;border-radius:0 0 var(--radius) var(--radius);overflow:hidden;display:none}
#plazaWrap.active{display:block}
#plazaCanvas{display:block;width:100%;height:100%;cursor:grab;image-rendering:pixelated;image-rendering:crisp-edges}
#plazaCanvas:active{cursor:grabbing}

/* HUD overlay */
.pz-hud{position:absolute;pointer-events:none;z-index:10}
.pz-hud-top-left{top:8px;left:8px}
.pz-hud-top-right{top:8px;right:8px}
.pz-hud-bottom{bottom:12px;left:50%;transform:translateX(-50%)}
.pz-hud-badge{background:rgba(0,0,0,.6);color:#fff;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:500;backdrop-filter:blur(4px);pointer-events:auto}
.pz-hud-right{display:flex;gap:6px;flex-direction:column;align-items:flex-end}
.pz-hud-right .pz-hud-badge{font-size:13px}

.pz-hud-actions{display:flex;gap:6px;pointer-events:auto}
.pz-hud-btn{background:rgba(0,0,0,.6);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;backdrop-filter:blur(4px);transition:background .15s}
.pz-hud-btn:hover{background:rgba(0,0,0,.8)}

.pz-zoom-ctrl{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;gap:4px;z-index:10}
.pz-zoom-btn{width:36px;height:36px;border-radius:8px;border:none;background:rgba(0,0,0,.6);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
.pz-zoom-btn:hover{background:rgba(0,0,0,.8)}

/* Dialog overlay */
#pzDialog{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:none;align-items:center;justify-content:center;z-index:20;backdrop-filter:blur(2px)}
.pz-dialog{background:var(--card);border-radius:12px;padding:20px 24px;max-width:360px;width:90%;box-shadow:0 8px 32px rgba(0,0,0,.2)}
.pz-dialog h3{margin:0 0 10px;font-size:16px;color:var(--text)}
.pz-dialog p{margin:4px 0;font-size:13px;color:var(--text-sub)}
.pz-dialog-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}

/* House type selection */
.pz-house-types{display:flex;gap:12px;margin:12px 0;flex-wrap:wrap;justify-content:center}
.pz-house-opt{cursor:pointer;padding:10px;border:2px solid var(--border);border-radius:10px;text-align:center;transition:border-color .15s;min-width:90px}
.pz-house-opt:hover{border-color:var(--primary)}
.pz-house-preview{width:60px;height:40px;border-radius:4px;margin:0 auto 6px}
.pz-house-opt strong{font-size:13px;display:block;margin-bottom:2px}
.pz-house-opt small{font-size:11px;color:var(--text-sub)}
.pz-house-opt span{font-size:12px;color:var(--primary);font-weight:600}

/* Cat original content wrapper */
#catOrigContent{display:block}
#catOrigContent.hidden{display:none}

@media(max-width:768px){
    #plazaWrap{height:100vh;height:100dvh}
    #plazaWrap.active{position:fixed;inset:0;z-index:999;border-radius:0;height:100vh;height:100dvh;min-height:0}
    .pz-hud-badge{font-size:11px;padding:3px 8px}
    .pz-zoom-btn{width:30px;height:30px;font-size:16px}
    .pz-dialog{padding:14px 16px;max-width:300px}
    .pz-house-opt{min-width:70px;padding:8px}
    .pz-house-preview{width:48px;height:32px}
    .plaza-tab{padding:6px 12px;font-size:13px}
}