/* Server-timed personal news uses the existing pixel art. Its transparent
   backdrop keeps map animation visible around the reading card. */
.world-event-dialog{width:min(610px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;overflow:auto;background:#243c2b;border:3px solid #d7d58d;color:#eff0cc;box-shadow:7px 7px #11251ccf}
.world-event-dialog::backdrop{background:#0e201733}
.world-reading-heading{padding:18px 22px 12px;background:#30492e;border-bottom:1px solid #829364}
.world-reading-heading .eyebrow{font-size:calc(calc(9px * 1) * var(--client-font-scale,1));letter-spacing:.1em;color:#d3d99b}
.world-reading-heading h2{font-size:calc(calc(20px * 1) * var(--client-font-scale,1));line-height:1.25;margin:6px 0 0;outline:none}
.world-reading-entries{padding:18px 22px}
.world-reading-card{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:start}
.world-reading-card+.world-reading-card{margin-top:18px;padding-top:18px;border-top:1px solid #627957}
.world-reading-art{width:96px;height:96px;border:2px solid #8a9d6c;background:#1b3325;display:flex;align-items:center;justify-content:center;animation:world-reading-pop .55s steps(3,end) 1}
.world-reading-art .pixel-sprite{width:64px!important;height:64px!important;image-rendering:pixelated}
.world-reading-person{display:block;font:bold calc(calc(12px * 1) * var(--client-font-scale,1))/1.4 'Courier New',monospace;letter-spacing:.08em;color:#d9e79f;overflow-wrap:anywhere}
.world-reading-copy{min-width:0}
.world-reading-copy h3{font-size:calc(calc(22px * 1) * var(--client-font-scale,1));line-height:1.25;margin:6px 0 12px;color:#f4e7b7;overflow-wrap:anywhere}
.world-reading-copy p{font-size:calc(calc(14px * 1) * var(--client-font-scale,1));line-height:1.65;margin:0;overflow-wrap:anywhere}
.world-reading-location{display:block;font-size:calc(calc(10px * 1) * var(--client-font-scale,1));line-height:1.5;color:#b9c9a7;margin-top:10px}
.world-reading-copy .event-affected,.event-copy .event-affected,.event-history-row .event-affected{margin:10px 0 0;padding:8px 10px;border-left:3px solid #c8d596;background:#142d206b;color:#e8edc1;font-size:calc(12px * var(--client-font-scale,1));line-height:1.55;white-space:normal;overflow-wrap:anywhere}
.event-affected b{color:#f2dda1}
.event-history-row>div,.event-copy{min-width:0}
.world-reading-card[data-severity=bad] .world-reading-art{border-color:#d5a77c}
.world-reading-card[data-severity=bad] .world-reading-person{color:#f2c493}
.world-reading-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 22px 0;border-top:1px solid #829364;background:#30492e;position:sticky;bottom:0}
.world-reading-footer p{font-size:calc(calc(12px * 1) * var(--client-font-scale,1));line-height:1.45;margin:0;color:#d6dfb5}
.world-reading-clock{display:flex;gap:7px;align-items:baseline;color:#ede7a5}
.world-reading-clock [data-reading-countdown]{font:bold calc(calc(27px * 1) * var(--client-font-scale,1))/1.1 'Courier New',monospace;min-width:1ch;text-align:center}
.world-reading-unit{font-size:calc(calc(10px * 1) * var(--client-font-scale,1))}
.world-reading-footer [data-reading-pause]{grid-column:1/-1;justify-self:start;min-height:44px;font-size:calc(calc(12px * 1) * var(--client-font-scale,1));padding:8px 13px;white-space:normal}
.world-reading-progress{height:5px;background:#192e20;grid-column:1/-1;margin-top:1px}
.world-reading-progress>span{display:block;height:100%;background:#cedc91;max-width:100%}
@keyframes world-reading-pop{0%{transform:translateY(6px)}60%{transform:translateY(-3px)}100%{transform:translateY(0)}}
@media(min-width:1101px){
 .world-event-dialog{margin-right:18px;margin-left:auto;width:min(560px,42vw)}
}
@media(max-width:600px){
 .world-event-dialog{width:calc(100% - 16px);border-width:2px;max-height:calc(100dvh - 16px);margin:auto 8px 8px;box-shadow:4px 4px #11251ccf}
 .world-event-dialog.reading-near-top{margin:8px 8px auto}
 .world-reading-heading{padding:13px 15px 10px}
 .world-reading-heading h2{font-size:calc(calc(17px * 1) * var(--client-font-scale,1))}
 .world-reading-entries{padding:15px}
 .world-reading-card{grid-template-columns:64px minmax(0,1fr);gap:12px}
 .world-reading-art{width:64px;height:64px}
 .world-reading-art .pixel-sprite{width:32px!important;height:32px!important}
 .world-reading-copy h3{font-size:calc(calc(18px * 1) * var(--client-font-scale,1));margin:5px 0 8px}
 .world-reading-copy p{font-size:calc(calc(13px * 1) * var(--client-font-scale,1));line-height:1.5}
 .world-reading-person{font-size:calc(calc(11px * 1) * var(--client-font-scale,1))}
 .world-reading-footer{padding:11px 15px 0;gap:9px}
 .world-reading-footer p{font-size:calc(calc(11px * 1) * var(--client-font-scale,1))}
}
@media(prefers-reduced-motion:reduce){.world-reading-art{animation:none}}