.ward-progress{position:absolute;top:12%;left:50%;transform:translateX(-50%);padding:7px 10px;background:#031323e8;border-bottom:2px solid #24dbea;color:#fff;font:clamp(7px,1vw,12px)/1.5 'Press Start 2P',monospace;white-space:nowrap;pointer-events:none;z-index:2}.ward-progress[hidden],.ward-summary[hidden]{display:none}.in-consilium .ward-progress{display:none}
.ward-summary{position:absolute;inset:0;z-index:15;display:grid;place-items:center;background:#020611e8;padding:15px;overflow:auto}.ward-summary-card{width:min(90%,720px);background:#061024;border:4px solid #25cfe4;padding:24px;text-align:center;max-height:100%;overflow:auto}.ward-summary h2{font:clamp(13px,2vw,23px)/1.7 'Press Start 2P',monospace;color:#ffe65a;margin:0 0 15px}.ward-summary p{font:clamp(11px,1.4vw,17px)/1.7 monospace;white-space:pre-line}.ward-summary .pixel-wrap{width:min(90%,350px);height:auto;aspect-ratio:309/112;margin:0 auto}.ward-summary .pixel-wrap button{height:100%;font-size:clamp(9px,1.2vw,14px)}.ward-menu{background:none;border:0;color:#22d2ea;font:11px/1.5 'Press Start 2P',monospace;padding:14px;cursor:pointer}.ward-route{grid-column:1/-1}.ward-route select{max-width:100%}@media(max-height:450px){.ward-summary-card{padding:12px}.ward-summary h2{margin-bottom:8px}.ward-summary p{margin-bottom:8px}.ward-summary .pixel-wrap{width:250px}.ward-progress{top:14%;padding:4px 7px}#overlay .card>p{margin-bottom:5px}.player-profile small{min-height:0}.ward-route{flex-direction:row;align-items:center!important;gap:12px!important}.ward-route select{flex:1;min-width:0}}

/* Programmatic and touch focus must not add the browser's rounded frame. */
html:not(.keyboard-navigation) .shell button:focus{outline:none}
.shell .pixel-wrap button:focus{outline:none}
html.keyboard-navigation .shell .pixel-wrap:has(button:focus){filter:drop-shadow(0 0 4px #ffe65a) drop-shadow(4px 4px 0 #02020a)}
html.keyboard-navigation .shell button:not(.pixel-wrap button):focus{outline:2px solid #ffe65a;outline-offset:3px;border-radius:0}