.ui-widget.ui-widget-content {
    border: 1px solid #282424;
    border-top-color: #282424;
    border-top-style: solid;
    border-top-width: 2px;
    border-right-color: #282424;
    border-right-style: solid;
    border-right-width: 2px;
    border-bottom-color: #282424;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color: #282424;
    border-left-style: solid;
    border-left-width: 2px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    outline: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
}

.ui-widget-header {
	border: 0;
    border-bottom: 1px solid rgba(40, 36, 36, 0.65);
    background: rgba(222, 184, 135, 0.72);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #282424;
    font-family: 'Biko';
    text-transform: uppercase;
    font-size:14px;
    height:24px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top:6px;
    padding-left:8px;
    line-height:18px;
}

.ui-state-default .ui-icon, .ui-button .ui-icon {
    background-image: url("imgs/icone/ui-icons_777777_256x240.png");
    background-color:#282424;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: url("imgs/icone/ui-icons_555555_256x240.png");
}

.ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border:none;
}

.ui-widget .ui-widget {
    border: solid 2px #282424;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    background: #282424 url() 50% 50% repeat-x;
    font-weight: normal;
    color: #CFB53B;
    margin-right: 3px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    background: #282424 url() 50% 50% repeat-x;
    font-weight: normal;
    color: #CFB53B;
    margin-right: 3px;
    border: solid 1px #282424;
}

/* Halloween window chrome; dialogExtend still controls button visibility. */
.ui-dialog.ui-widget.ui-widget-content {
    border: 2px solid #9c642e;
    border-radius: 6px;
    background: #211813;
    box-shadow: 0 10px 30px #0008, inset 0 0 0 1px #d2994b33;
}
.ui-dialog .ui-dialog-titlebar {
    display: flex;
    align-items: center;
    gap: 9px;
    box-sizing: border-box;
    height: 36px;
    min-height: 36px;
    padding: 0 9px 0 11px;
    border: 0;
    border-bottom: 1px solid #a96d30;
    border-radius: 4px 4px 0 0;
    background:
        linear-gradient(90deg, #211712eb, #342014e6 65%, #1b1411ef),
        url("imgs/decor/board-wood.png") center / cover;
    color: #f0cb91;
    font: 14px/1.4 'Cinzel', Georgia, serif;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #0009;
    box-shadow: inset 0 1px 0 #e9b46344, inset 0 -1px 0 #341a0e;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.ui-dialog .ui-dialog-titlebar::before {
    content: "";
    flex: 0 0 20px;
    width: 20px;
    height: 26px;
    background: url("imgs/halloween/skull.webp") center / contain no-repeat;
    pointer-events: none;
}
.ui-dialog .ui-dialog-title {
    flex: 1 1 auto;
    float: none;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: inherit;
    font: inherit;
    line-height: 20px;
    letter-spacing: .45px;
}
.ui-dialog .ui-dialog-titlebar-buttonpane {
    position: static !important;
    top: auto !important;
    right: auto !important;
    height: auto !important;
    margin: 0 !important;
    display: flex;
    flex: 0 0 auto;
    flex-direction: row-reverse;
    align-items: center;
    gap: 5px;
}
.ui-dialog .ui-dialog-titlebar-buttonpane > a,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    float: none;
    position: relative;
    top: auto;
    right: auto;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    padding: 0;
    margin: 0;
    border: 1px solid #a56d32;
    border-radius: 50%;
    background: linear-gradient(#3b291c, #1c1511);
    color: #efc994;
    box-shadow: inset 0 1px 0 #e8bb7044, 0 1px 3px #0006;
    cursor: pointer;
}
.ui-dialog .ui-dialog-titlebar-buttonpane > a:hover,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
    border-color: #e6a44c;
    background: #53321c;
}
.ui-dialog .ui-dialog-titlebar-buttonpane > a:focus-visible,
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus-visible {
    outline: 2px solid #efba65;
    outline-offset: 2px;
}
.ui-dialog .ui-dialog-titlebar .ui-icon {
    position: static !important;
    flex: 0 0 16px;
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 !important;
    padding: 0;
    background-color: transparent;
    background-image: url("imgs/icone/ui-icons_777777_256x240.png");
    filter: brightness(0) saturate(100%) invert(85%) sepia(40%) saturate(643%) hue-rotate(339deg) brightness(104%) contrast(87%);
}
.ui-dialog .ui-dialog-titlebar-close:hover .ui-icon { filter: brightness(0) saturate(100%) invert(66%) sepia(72%) saturate(1450%) hue-rotate(343deg) brightness(104%) contrast(98%); }
/* A minimized window is only 200px wide; keep its controls inside the frame. */
#dialog-extend-fixed-container .ui-dialog-titlebar { gap: 5px; padding: 0 6px; }
#dialog-extend-fixed-container .ui-dialog-titlebar::before { display: none; }
#dialog-extend-fixed-container .ui-dialog-title { font-size: 11px; letter-spacing: 0; }
#dialog-extend-fixed-container .ui-dialog-titlebar-buttonpane { gap: 3px; }
#dialog-extend-fixed-container .ui-dialog-titlebar-buttonpane > a,
#dialog-extend-fixed-container .ui-dialog-titlebar-close { flex-basis: 22px; width: 22px; height: 22px; }