body{--bg-color:#222;--text-color:#fff;font-family:sans-serif}main section[id]>header h1::before{content:"";display:inline-block;width:1.2em;height:1.2em;margin-right:0.5em;vertical-align:middle;background:url("../../favicon.png") 50% 50%/contain no-repeat}main section[id]>header button{width:30px;height:30px;border:none;font-size:0;background:50% 50%/75% auto no-repeat}#map{display:grid;grid-template-rows:auto 1fr auto;position:fixed;top:0;left:0;right:0;bottom:0;background:#000}#map header{display:grid;grid-template-columns:1fr auto;align-items:center;padding:10px;background:var(--bg-color);color:#fff}#map header h1{margin:0;font-size:1rem}#map header .info{background-image:url("images/info.png")}#map figure{position:relative;margin:0}#map img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:50% 50%;object-position:50% 50%}#map form{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;background:var(--bg-color);color:var(--text-color)}#map form button{width:40px;height:40px;border:none;background:50% 50%/50% auto no-repeat;font-size:0}#map form button.pause{background-image:url("images/pause.png")}#map form button.play{background-image:url("images/play.png")}#map form time{width:10em;padding:0.5em;overflow:hidden;border-radius:0.5em;font-size:0.8em;text-align:center}#load{display:grid;place-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-color);color:var(--text-color);text-align:center}#load .percentage{font-size:2em;font-weight:700}#load .bytes{margin-top:0.5em;color:#666}#about{position:fixed;top:0;left:0;right:0;bottom:0;padding:10px;background:var(--bg-color);color:var(--text-color)}#about>header{display:grid;grid-template-columns:1fr auto;align-items:center}#about>header h1{margin:0;font-size:1rem}#about>header .close{background-image:url("images/close.png")}#about .content{padding:10px;line-height:1.5}#about .content a{color:inherit}