.offlineStatus{min-width:0;margin:10px 0;padding:12px;border:1px solid #b7a98c;border-radius:7px;background:#fbf6e9;color:#343b48;overflow-wrap:anywhere}.offlineStatus .offlineStatusHeading{display:flex;align-items:center;flex-wrap:wrap;gap:6px;justify-content:space-between}.offlineStatus h4{margin:0;font-size:15px}.offlineStatus p,.offlineStatus li,.offlineStatus small{font-size:13px;line-height:1.6}.offlineStatus .offlineChecked{font-size:12px;color:#625b4b}.offlineStatus .offlineState,.offlineChecks b{display:inline-block;padding:4px 7px;border:1px solid;border-radius:4px;font-size:12px;line-height:1.4;white-space:normal}.offlineStatus .met{background:#e5f0e8;color:#245c43}.offlineStatus .wait{background:#fff0d1;color:#78491c}.offlineStatus summary{box-sizing:border-box;min-height:44px;display:flex;align-items:center;padding:9px 4px;font-size:13px;font-weight:700;color:#3c4b62;cursor:pointer}.offlineStatus summary:focus-visible{outline:2px solid #3f6187;outline-offset:-2px}.offlineStatus summary::before{content:'▸';margin-right:6px}.offlineStatus details[open]>summary::before{content:'▾'}.offlineStatus .offlineChecks,.offlineFieldDetails ul{list-style:none;padding:0;margin:0}.offlineChecks li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;align-items:center;padding:8px 0;border-bottom:1px solid #ded4be}.offlineChecks small{grid-column:1/-1}.offlinePlacement{margin:9px 0;padding:9px;border:1px solid #c2b08b;background:#f0e6d0}.offlinePlacement ul{padding-left:18px}.offlineFieldDetails li{display:grid;gap:3px;padding:8px 0;border-bottom:1px solid #ded4be}.offlineStatus .offlinePlacement p{margin:5px 0}.offlineStatus details{min-width:0}
#game #panel #panelBody .offlineStatus :is(p,li,small){color:#504b40}#game #panel #panelBody .offlineStatus h4{color:#333c4a}#game #panel #panelBody .offlineStatus .met{color:#245c43!important;background:#e5f0e8!important}#game #panel #panelBody .offlineStatus .wait{color:#78491c!important;background:#fff0d1!important}#game #panel #panelBody .offlineStatus summary{min-height:44px!important;text-align:left!important;color:#3c4b62!important}
@media(max-width:380px){.offlineStatus{padding:9px}.offlineStatus .offlineStatusHeading{align-items:flex-start}.offlineStatus .offlineState{max-width:100%}.offlineChecks li{gap:4px}.offlinePlacement{padding:8px}}

.offlineDiagnostic{min-width:0;margin:12px 0;padding:0;border:0;background:transparent}.offlineDiagnostic>h4{margin:0 0 7px}.offlineDiagnostic>p{font-size:13px;line-height:1.6}.offlineDiagnostic [data-offline-inspect-status]{color:#764c25}.offlineDiagnostic [data-offline-inspect-status]:empty{display:none}