dialog.offline-report{width:760px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);padding:0;overflow:hidden;background:#192b36;color:#edf1ed;border:2px solid #82929d;border-radius:7px;box-shadow:0 16px 70px #000b}
.offline-report[open]{display:flex;flex-direction:column}.offline-report::backdrop{background:#07141bbd}.offline-report header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:18px 22px;background:linear-gradient(#485d6e,#2d404f);border-bottom:1px solid #80919b}.offline-report header small{letter-spacing:.14em;color:#e4d39e;font-size:10px}.offline-report h2{font-size:23px;margin:5px 0 0}.offline-report header button{width:44px;height:44px;background:#273e4b;color:#ecf2ef;border:1px solid #81949e;border-radius:4px;font-size:24px}.offline-report-body{overflow-y:auto;min-height:0;padding:20px;overscroll-behavior:contain;scrollbar-color:#86969b #192b36}.offline-route{display:flex;align-items:center;gap:12px;padding:12px;background:#10212b;border:1px solid #506674;border-radius:5px}.offline-route img{width:36px;height:36px;image-rendering:pixelated}.offline-route div{flex:1}.offline-route strong{color:#ead292;font-variant-numeric:tabular-nums}.offline-time{font-size:12px;color:#aebfc7;line-height:1.5}.offline-reason{padding:10px 12px;border-left:3px solid #cbb47b;background:#334339;color:#dfedcf;font-size:13px;line-height:1.5}.offline-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.offline-stats>div{display:grid;gap:9px;padding:12px;border:1px solid #465e6c;background:#203540;border-radius:4px}.offline-stats small{color:#afc2cd;font-size:11px}.offline-stats strong{color:#f3dd9c;font-size:20px;font-variant-numeric:tabular-nums}.offline-breakdown{border:1px solid #4a626d;border-radius:4px;margin-top:10px;background:#152832}.offline-breakdown summary{padding:14px;cursor:pointer;font-weight:600;min-height:44px}.offline-loot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 12px 12px}.offline-loot>div,.offline-xp-row{display:flex;align-items:center;gap:8px;padding:7px;background:#223943;border-radius:3px;font-size:12px}.offline-loot img,.offline-xp-row img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.offline-loot span,.offline-xp-row span{flex:1;overflow-wrap:anywhere}.offline-loot b{color:#e7d197}.offline-xp-row{margin:8px 12px}.offline-report footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:#12252e;border-top:1px solid #657b85;flex-shrink:0}.offline-report footer small{font-size:11px;color:#aec3bb}.offline-report footer button{min-height:44px;padding:10px 18px}.offline-report button:focus-visible,.offline-report summary:focus-visible{outline:2px solid #ffe5a2;outline-offset:2px}
@media(max-width:600px){.offline-report header{padding:12px}.offline-report h2{font-size:20px}.offline-report-body{padding:12px}.offline-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.offline-stats>div{padding:10px}.offline-stats strong{font-size:18px}.offline-route{flex-wrap:wrap}.offline-route strong{font-size:13px}.offline-loot{grid-template-columns:1fr}.offline-report footer{padding:12px}.offline-xp-row{flex-wrap:wrap}.offline-xp-row strong{font-size:11px}}
/* Compact summaries keep the world visible; details remain available on demand. */
dialog.offline-report{width:520px;max-height:min(680px,calc(100dvh - 24px))}.offline-report header{padding:12px 16px}.offline-report h2{font-size:19px}.offline-report-body{padding:12px 16px}.offline-route{gap:8px;padding:8px;font-size:12px}.offline-route img{width:24px;height:24px}.offline-route strong{font-size:11px}.offline-stats{margin:10px 0;gap:6px}.offline-stats>div{padding:8px;gap:4px}.offline-stats strong{font-size:17px}.offline-breakdown summary{padding:10px}.offline-all-totals> .offline-stats,.offline-all-totals>.offline-breakdown{margin:8px}.offline-report footer{padding:10px 14px}.offline-report footer button{padding:8px 12px}.offline-time{margin:8px 0}.offline-reason{padding:8px;margin:8px 0}.offline-highlights{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:400px){.offline-report-body{padding:10px}.offline-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}.offline-report footer{align-items:flex-start;flex-direction:column}.offline-report footer button{width:100%}}