/* Верх панели чертога: картинка и описание, лист правки и подрезка
   (assets/js/chat/hall-profile.336294a.js). Цвета — только опоры из :root,
   иконки — свои SVG. */

/* ---------- верх панели ---------- */
#hlci .hp{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 18px 2px;text-align:center}
#hlci .hp[hidden],#hlci .hp.hp-off{display:none}
.hp-ph{position:relative;overflow:hidden;width:88px;height:88px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;box-sizing:border-box;border:1px solid var(--line);background:rgba(var(--gold-rgb),.1);color:var(--gold-text);font-family:var(--disp);font-size:34px;line-height:1}
.hp-ph .hal-img{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
.hp-ph.hal-has .hal-i{visibility:hidden}
#hlci .hp-desc{max-width:100%;display:flex;flex-direction:column;align-items:center;gap:2px}
#hlci .hp-txt{max-width:100%;font-size:calc(14px * var(--fs,1));line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
#hlci .hp-txt.open{display:block;-webkit-line-clamp:unset;overflow:visible}
#hlci .hp-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}
#hlci .hp-more{border:0;background:none;padding:6px 10px;min-height:32px;color:var(--gold-text);font:600 13px/1.2 var(--ui);cursor:pointer}
#hlci .hp-more[hidden]{display:none}
#hlci .hp-edit{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid rgba(var(--gold-rgb),.35);border-radius:999px;background:rgba(var(--gold-rgb),.08);color:var(--gold-text);font:600 13px/1 var(--ui);cursor:pointer}
#hlci .hp-edit svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#hlci .hp-more:focus-visible,#hlci .hp-edit:focus-visible{outline:2px solid var(--gold-text);outline-offset:2px}
/* Невысокий экран: картинка меньше, описание в две строки — вкладкам под ней остаётся место. */
@media (max-height:680px){#hlci .hp{padding-top:8px;gap:4px}#hlci .hp .hp-ph{width:56px;height:56px;font-size:20px}#hlci .hp-txt{-webkit-line-clamp:2}}

/* ---------- лист правки ---------- */
#hlHallEdit,#hlHallCrop{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:flex-end;justify-content:center;background:rgba(var(--bg0-rgb),.72);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
#hlHallEdit{z-index:9150}
#hlHallCrop{z-index:9200;align-items:center}
#hlHallEdit.on,#hlHallCrop.on{display:flex}
@media (min-width:700px){#hlHallEdit{align-items:center;padding:24px}}
.hp-pic{display:flex;align-items:center;gap:14px;margin:6px 0 14px}
.hp-ph-edit{width:84px;height:84px;font-size:30px}
.hp-pic-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.hp-label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-faint)}
.hp-pic-btns{display:flex;flex-wrap:wrap;gap:8px}
.hp-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;box-sizing:border-box;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--glass);color:var(--ink);font:600 13.5px/1.1 var(--ui);cursor:pointer}
.hp-btn[hidden]{display:none}
.hp-btn svg{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hp-btn-del{color:var(--danger-text)}
.hp-btn:disabled,.hp-cancel:disabled,.hp-save:disabled{opacity:.55;cursor:default}
.hp-note{min-height:16px;font-size:12px;line-height:1.35;color:var(--gold-text)}
.hp-area{display:block;width:100%;box-sizing:border-box;min-height:120px;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--glass);color:var(--ink);font:400 15px/1.45 var(--ui);resize:vertical}
.hp-area:focus{outline:none;border-color:rgba(var(--gold-rgb),.7);box-shadow:0 0 0 3px rgba(var(--gold-rgb),.12)}
.hp-count{margin-top:4px;text-align:end;font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}
.hp-count.over{color:var(--danger-text);font-weight:700}
.hp-err{min-height:18px;margin-top:4px;font-size:13px;line-height:1.35;color:var(--danger-text)}
.hp-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}
.hp-cancel,.hp-save{min-height:46px;box-sizing:border-box;padding:0 20px;border-radius:999px;font:700 14px/1.1 var(--ui);cursor:pointer}
.hp-cancel{border:1px solid var(--line);background:var(--glass);color:var(--ink)}
.hp-save{border:1px solid rgba(var(--gold-rgb),.55);background:rgba(var(--gold-rgb),.16);color:var(--gold-text)}
.hp-btn:focus-visible,.hp-cancel:focus-visible,.hp-save:focus-visible,#hlHallEditClose:focus-visible,.hp-zoom input:focus-visible{outline:2px solid var(--gold-text);outline-offset:2px}

/* ---------- подрезка ---------- */
.hp-crop-card{width:min(100%,420px);max-height:100vh;max-height:100dvh;overflow:auto;box-sizing:border-box;padding:18px 16px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:12px;background:linear-gradient(180deg,var(--plum),var(--bg0));border:1px solid var(--line);border-radius:24px}
.hp-crop-head{text-align:center}
.hp-crop-head h2{margin:0;font-family:var(--dispcyr,var(--ui));font-size:20px;font-weight:600;color:var(--ink)}
.hp-crop-hint{margin-top:4px;font-size:12.5px;line-height:1.4;color:var(--ink-faint)}
.hp-stage{position:relative;overflow:hidden;width:min(78vw,320px);height:min(78vw,320px);border-radius:12px;background:var(--bg0);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}
.hp-stage:active{cursor:grabbing}
.hp-stage img{position:absolute;top:0;left:0;max-width:none;transform-origin:0 0;-webkit-user-drag:none;pointer-events:none}
.hp-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:0 0 0 999px rgba(var(--bg0-rgb),.62);border:2px solid var(--gold-text);pointer-events:none}
.hp-zoom{display:flex;align-items:center;gap:10px;width:min(78vw,320px);font-size:12.5px;color:var(--ink-faint)}
.hp-zoom input{flex:1;min-width:0;accent-color:var(--gold)}
#hlHallCrop .hp-actions{width:min(78vw,320px);justify-content:space-between}