.uihq-board{display:grid;grid-template-columns:minmax(0,3fr) minmax(300px,1fr);gap:12px;margin:12px 0 20px;color:#c9bfa5}
.uihq-stage{min-height:520px;height:clamp(440px,45vw,600px);position:relative;isolation:isolate;border:1px solid #3b3a33;background:linear-gradient(#0003,#0005),var(--uihq-bg) center/cover;overflow:visible}
.uihq-stage>header{position:absolute;top:16px;left:16px;display:flex;align-items:baseline;gap:12px;z-index:2}
.uihq-stage>header h2{font-size:22px!important;color:#e8dcb5;margin:0}
.uihq-character{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);width:68%;height:78%;object-fit:contain;pointer-events:none;image-rendering:auto;z-index:1}
.uihq-slot-column{position:absolute;top:17%;bottom:17%;display:flex;flex-direction:column;justify-content:space-between;gap:12px;z-index:3;width:80px}
.uihq-slot-column.left{left:12px}.uihq-slot-column.right{right:12px}
.uihq-slot{position:relative;width:80px;min-height:80px;flex:1;max-height:100px;border:1px solid #3b3a33;background:#0e0e0be8;color:#c9bfa5;padding:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:inherit;cursor:pointer}
.uihq-slot>span:first-child{align-self:flex-start;font-size:11px}
.uihq-slot :is(img,.ico,picture){max-width:100%;width:58px;height:54px;object-fit:contain}
.uihq-slot.selected,.uihq-slot:hover,.uihq-slot:focus-visible{border-color:#e8dcb5;outline:1px solid #e8dcb5;outline-offset:2px}
.uihq-tooltip{display:none;position:absolute;top:0;left:calc(100% + 10px);width:240px;background:#161612;border:1px solid #e8dcb5;padding:12px;font-size:13px;white-space:normal;text-align:left;z-index:5}
.right .uihq-tooltip{left:auto;right:calc(100% + 10px)}
@media(min-width:901px){.uihq-slot:hover .uihq-tooltip,.uihq-slot:focus-visible .uihq-tooltip{display:block}}
.uihq-aside{display:flex;flex-direction:column;gap:12px;min-width:0}
.uihq-sortie{width:100%;min-height:60px!important;font-size:20px!important;letter-spacing:6px}
.uihq-goals .panel-b{padding:0}.uihq-goal{display:flex;align-items:center;gap:8px;border-bottom:1px solid #3b3a33;padding:10px;font-size:12px;flex-wrap:wrap}
.uihq-goal>div{flex:1;min-width:100px}.uihq-goal small{display:block;color:#858173}.uihq-goal .btn{min-height:44px!important;padding:6px 10px!important;font-size:12px!important}
.uihq-detail-title{display:flex;align-items:center;gap:12px}.uihq-detail-art{width:84px;height:84px;display:flex;align-items:center;justify-content:center;border:1px solid #3b3a33;flex-shrink:0}.uihq-detail-art :is(img,picture,.ico){width:76px;height:76px;object-fit:contain}
.uihq-selection .btn.primary{width:100%}.uihq-selection p{font-size:13px;overflow-wrap:anywhere}
.uihq-sheet-overlay{align-items:flex-end!important;padding:0!important;z-index:3000!important}
.ui-v3 body[data-p1-screen="hub"] #gameDialogsRoot .uihq-sheet{width:100%!important;max-width:100%!important;margin:0!important;max-height:calc(100dvh - 64px);overflow:auto;padding:0 0 calc(112px + env(safe-area-inset-bottom))!important}
.uihq-legacy-operator{margin:12px 0;border:1px solid #3b3a33;min-width:0}.uihq-legacy-operator>summary{padding:12px;min-height:44px;cursor:pointer}
.uihq-home.hqpc-home .uihq-board{grid-column:1/-1}.uihq-home.hqpc-home{display:block!important}
@media(max-width:900px){.uihq-board{grid-template-columns:1fr}.uihq-stage{min-height:380px;height:clamp(380px,115vw,540px)}.uihq-character{width:80%;height:84%;bottom:3%}.uihq-slot-column{width:58px;top:22%;bottom:15%;gap:10px}.uihq-slot-column.left{left:8px}.uihq-slot-column.right{right:8px}.uihq-slot{width:58px;min-height:62px;padding:4px}.uihq-slot :is(img,.ico,picture){width:46px;height:42px}.uihq-slot>span:first-child{font-size:10px}.uihq-stage>header{top:12px;left:12px}.uihq-stage>header h2{font-size:18px!important}.uihq-stage>header span{font-size:12px}.uihq-selection{display:none}.uihq-sortie{min-height:56px!important}.uihq-tooltip{display:none!important}.uihq-home .p1-home-grid{grid-template-columns:1fr!important}}