.v4-party{position:fixed;pointer-events:none;width:var(--party-width,177px);max-width:100vw;max-height:100vh;color:#d5d3c5;user-select:none;z-index:20}
.v4-party.show-effects{width:calc(var(--party-width,177px) + 248px)}
/* The reserved effect gutter is transparent to input; only visible controls hit. */
.v4-party>header,.v4-party-select,.v4-party-resize,.v4-party-effects .v4-effect-icon{pointer-events:auto}
.v4-party>header{height:18px;width:var(--party-width,177px);max-width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5px 0 19px;box-sizing:border-box;cursor:move;touch-action:none;background:#081321bb}
.v4-party>header button{width:13px;height:12px;padding:0;border:0;background-color:transparent;background-size:100% 100%}
.v4-party-members{max-height:calc(100vh - 18px);box-sizing:border-box;padding-bottom:4px;overflow-x:hidden;overflow-y:auto}
.v4-party-member{display:flex;min-height:46px;gap:3px;padding-left:15px}
.v4-party-select{position:relative;flex:none;box-sizing:border-box;width:calc(var(--party-width,177px) - 15px);height:50px;padding:8px 6px 6px 4px;margin:0 0 -4px;border:0;text-align:left;background:none}
.v4-party-select[aria-pressed=true]{outline:1px solid #dcc780;outline-offset:-2px}
.v4-party-name{height:15px;display:flex;gap:3px;align-items:flex-start;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.v4-party-name img{width:11px;height:11px}
.v4-party-class{position:absolute;left:5px;top:9px;width:11px;height:11px;z-index:1}
.v4-party-select .v4-party-name{padding-left:15px}
.v4-party-gauge{height:7px;background-size:auto 7px;overflow:hidden}
.v4-party-gauge>span{display:block;height:7px;background-size:auto 7px}
.v4-party-effects{flex:1;min-width:0;padding-top:5px}
.v4-party-effects .v4-world-effects{position:static;inset:auto}
.v4-party-effects .v4-effect-row{display:flex;flex-wrap:wrap;gap:1px}
.v4-party-effects .v4-effect-icon,.v4-party-effects .v4-effect-icon>img{width:16px;height:16px}
.v4-party-effects .v4-effect-icon>small{display:none}

/* Preserve the original 4px frame edges instead of scaling the whole 32px texture. */
.v4-party-select::before{content:'';position:absolute;inset:0;pointer-events:none;border:4px solid transparent;border-image:var(--party-frame) 4 fill / 4px stretch}
.v4-party-name,.v4-party-gauge{position:relative}

/* HF PartyWnd right resize strip: x=width-3, width10; max increase202. */
.v4-party-resize{position:absolute;left:calc(var(--party-width,177px) - 3px);top:18px;bottom:0;width:10px;cursor:ew-resize;touch-action:none;z-index:3}
.v4-party-resize:focus-visible{outline:1px solid #dcc780;outline-offset:-3px}

.v4-party[hidden]{display:none}.v4-party{font:12px Arial}.v4-party button{color:inherit;cursor:pointer}.v4-party>header button{width:13px;height:12px;padding:0;border:0;background:transparent center/100% 100%}.v4-party>header button:first-of-type{background-image:var(--party-options)}.v4-party>header button:last-of-type{background-image:var(--party-effects)}.v4-party-effects[hidden]{display:none}.v4-party>output{display:block;color:#dfa65f}
.v4-party-dialog{position:fixed;width:319px;height:143px;padding:0;border:0;box-sizing:border-box;background:none;border-image:var(--party-dialog) 8 fill / 8px stretch;color:#d5d3c5;font:12px Arial;overflow:visible}
.v4-party-dialog::backdrop{background:transparent}.v4-party-dialog::before{content:'';position:absolute;inset:10px 10px 41px;border-image:var(--party-group) 1 fill / 1px stretch;pointer-events:none}
.v4-party-dialog-text{position:absolute;left:55px;top:16px;width:248px;height:60px;margin:0;line-height:17px;white-space:pre-line;overflow:auto}.v4-party-exclamation{position:absolute;left:17px;top:17px;width:32px;height:32px;background:var(--party-exclamation) center/32px 32px}
.v4-party-dialog input{position:absolute;left:78px;top:78px;width:163px;height:17px;box-sizing:border-box;border:0;background:none;border-image:var(--party-input) 2 fill / 2px stretch;color:inherit;padding:0 4px}
.v4-party-dialog footer{position:absolute;left:75px;top:106px;display:flex;gap:4px}.v4-party-dialog button{width:82px;height:27px;padding:0;border:0;background:none;border-image:var(--hf-button) 0 17 5 13 fill / 0 14px 0 13px stretch;color:inherit;cursor:pointer}.v4-party-dialog button:hover{border-image-source:var(--hf-buttonOver)}.v4-party-dialog button:active{border-image-source:var(--hf-buttonDown)}.v4-party-dialog button:disabled{opacity:.5}.v4-party-dialog>output{position:absolute;top:100%;left:0;background:#151e23;color:#dfa65f}
/* HF DialogBox sizes to its body before centering; avoid stretching between modal insets. */
.v4-party-dialog.is-options{width:420px;height:fit-content;padding:16px}.v4-party-dialog.is-options::before,.v4-party-dialog.is-options>i{display:none}.v4-party-dialog.is-options label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0}.v4-party-dialog select{max-width:65%;background:#151e23;color:inherit}.v4-party-dialog.is-options footer{position:static;justify-content:center}.v4-party-dialog h3{margin-top:0}