/* NightVenture — raid runtime HUD (P19/P20/P21). */
.nv-raid-runtime-hud{
    position:fixed;
    z-index:82;
    top:max(10px,env(safe-area-inset-top));
    left:50%;
    transform:translateX(-50%);
    display:grid;
    grid-template-columns:auto auto minmax(92px,auto);
    align-items:center;
    gap:8px;
    min-width:min(360px,calc(100vw - 20px));
    padding:7px 9px;
    border:1px solid rgba(220,230,242,.22);
    border-radius:12px;
    background:rgba(8,13,22,.82);
    color:#edf3fb;
    box-shadow:0 10px 30px rgba(0,0,0,.34);
    backdrop-filter:blur(7px);
    pointer-events:none;
    font:700 .62rem/1.1 Segoe UI,Arial,sans-serif;
}
.nv-raid-runtime-hud[hidden]{display:none!important}
.nv-raid-runtime-hud__metric,.nv-raid-runtime-hud__timer{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:30px;
    padding:4px 8px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:8px;
    background:rgba(255,255,255,.035);
}
.nv-raid-runtime-hud span{
    color:#9eacbd;
    font-size:.52rem;
    font-weight:800;
    letter-spacing:.07em;
    text-transform:uppercase;
}
.nv-raid-runtime-hud strong{
    color:#fff;
    font-size:.88rem;
    font-variant-numeric:tabular-nums;
}
.nv-raid-runtime-hud__timer output{
    min-width:58px;
    color:#fff;
    font:900 1rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;
    font-variant-numeric:tabular-nums;
    text-align:center;
}
.nv-raid-runtime-hud[data-status="TRANSITIONING"]{opacity:.8}
.nv-raid-runtime-hud[data-critical="true"] .nv-raid-runtime-hud__timer{
    border-color:rgba(255,110,110,.48);
    background:rgba(150,28,28,.28);
}
.nv-raid-runtime-hud[data-critical="true"] .nv-raid-runtime-hud__timer output{color:#ffd2d2}

.nv-raid-inventory-hud{
    position:fixed;
    z-index:83;
    top:calc(max(10px,env(safe-area-inset-top)) + 52px);
    left:50%;
    transform:translateX(-50%);
    min-width:min(290px,calc(100vw - 24px));
    padding:7px 12px;
    border:1px solid rgba(239,196,102,.26);
    border-radius:10px;
    background:rgba(25,19,10,.86);
    color:#f4ddb0;
    box-shadow:0 8px 24px rgba(0,0,0,.28);
    backdrop-filter:blur(6px);
    cursor:pointer;
    font:800 .66rem/1.1 Segoe UI,Arial,sans-serif;
}
.nv-raid-inventory-hud[hidden]{display:none!important}
.nv-raid-inventory-hud[data-empty="true"]{opacity:.72}

.nv-raid-extraction-overlay{
    position:fixed;
    inset:0;
    z-index:10090;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:clamp(12px,3vw,30px);
    background:rgba(4,8,14,.84);
    backdrop-filter:blur(6px);
}
.nv-raid-extraction-card{
    width:min(760px,96vw);
    max-height:92vh;
    overflow:auto;
    padding:clamp(18px,3vw,30px);
    border:1px solid rgba(230,238,248,.18);
    border-radius:18px;
    background:linear-gradient(180deg,#171d28,#0e131c);
    color:#f4f7fb;
    box-shadow:0 24px 80px rgba(0,0,0,.52);
    font-family:Segoe UI,Arial,sans-serif;
}
.nv-raid-extraction-card h2{margin:0 0 6px;font-size:clamp(25px,4vw,38px)}
.nv-raid-extraction-card>p{color:#b7c1cf;line-height:1.45}
.nv-raid-extraction-meta{font-weight:800;color:#eef4fb!important;font-variant-numeric:tabular-nums}
.nv-raid-extraction-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px}
.nv-raid-extraction-action,.nv-raid-extraction-close{
    width:100%;
    border:1px solid rgba(255,255,255,.14);
    border-radius:12px;
    padding:13px 14px;
    background:#202938;
    color:#f7f9fc;
    font-weight:800;
    cursor:pointer;
}
.nv-raid-extraction-action--safe{background:#24382f}
.nv-raid-extraction-action--tier{background:#302b47}
.nv-raid-extraction-action:disabled{opacity:.45;cursor:not-allowed}
.nv-raid-extraction-footer{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.nv-raid-extraction-close{background:transparent;color:#bfc8d5}
.nv-raid-extraction-status{min-height:20px;color:#bfc8d5;font-size:.88rem}
.nv-raid-extraction-status[data-error="1"]{color:#ffaaaa}

.nv-raid-bag-overlay{
    position:fixed;
    inset:0;
    z-index:10110;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:clamp(12px,3vw,30px);
    background:rgba(4,7,12,.86);
    backdrop-filter:blur(7px);
}
.nv-raid-bag-panel{
    width:min(760px,96vw);
    max-height:90vh;
    overflow:auto;
    padding:clamp(18px,3vw,28px);
    border:1px solid rgba(238,197,108,.22);
    border-radius:18px;
    background:linear-gradient(180deg,#1b1813,#111319);
    color:#f6f2e9;
    box-shadow:0 24px 80px rgba(0,0,0,.55);
    font-family:Segoe UI,Arial,sans-serif;
}
.nv-raid-bag-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.nv-raid-bag-panel h2{margin:2px 0 4px;font-size:clamp(26px,4vw,38px)}
.nv-raid-bag-panel header p{margin:0;color:#c7bfae}
.nv-raid-bag-kicker{font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#e8c879!important}
.nv-raid-bag-panel header button{border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:9px 13px;background:#25272d;color:#fff;cursor:pointer}
.nv-raid-bag-warning{margin:18px 0;padding:12px 14px;border:1px solid rgba(245,179,87,.22);border-radius:12px;background:rgba(105,68,19,.18);color:#efd8ad;line-height:1.45}
.nv-raid-bag-list{display:grid;gap:8px}
.nv-raid-bag-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035)}
.nv-raid-bag-row strong{overflow-wrap:anywhere}.nv-raid-bag-row span{color:#aaa;white-space:nowrap;font-size:.82rem}
.nv-raid-bag-empty{padding:24px;text-align:center;color:#aaa}

@media(max-width:520px){
    .nv-raid-runtime-hud{
        top:max(7px,env(safe-area-inset-top));
        grid-template-columns:auto auto minmax(82px,1fr);
        min-width:min(330px,calc(100vw - 14px));
        gap:5px;
        padding:5px 6px;
    }
    .nv-raid-runtime-hud__metric,.nv-raid-runtime-hud__timer{padding:3px 6px;min-height:28px}
    .nv-raid-runtime-hud span{font-size:.47rem}
    .nv-raid-runtime-hud strong{font-size:.8rem}
    .nv-raid-runtime-hud__timer output{font-size:.9rem;min-width:52px}
    .nv-raid-inventory-hud{top:calc(max(7px,env(safe-area-inset-top)) + 45px);min-width:min(270px,calc(100vw - 18px));padding:6px 9px}
    .nv-raid-extraction-card,.nv-raid-bag-panel{padding:18px 14px}
    .nv-raid-bag-panel header{gap:8px}.nv-raid-bag-row{align-items:flex-start}.nv-raid-bag-row span{white-space:normal;text-align:right}
}