/* The map preview: one canvas over the whole frame, made to sit in an iframe of gamerz.ba. */
:root { color-scheme: dark; }
html, body { margin: 0; height: 100%; overflow: hidden; background: #1b1f26; color: #e8edf2; font: 13px/1.3 system-ui, sans-serif; }
#view { display: block; width: 100%; height: 100%; cursor: pointer; }
.label { position: absolute; left: 12px; bottom: 10px; display: flex; gap: 8px; align-items: center; pointer-events: none;
  font-weight: 700; letter-spacing: .04em; text-transform: uppercase; text-shadow: 0 1px 3px #000; }
.place { padding: 2px 8px; border-radius: 4px; background: #84cc16; color: #0b0d10; text-shadow: none; opacity: 0; transition: opacity .4s; }
.place.on { opacity: 1; }
.brand { position: absolute; right: 12px; bottom: 10px; color: #e8edf2b0; font-size: 11px; font-weight: 700; letter-spacing: .08em;
  text-decoration: none; text-shadow: 0 1px 3px #000; }
.brand:hover { color: #fff; }
.paused { position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border: 0; border-radius: 50%;
  background: #84cc16; color: #0b0d10; font-size: 26px; cursor: pointer; box-shadow: 0 0 30px #84cc1680; }
.paused[hidden] { display: none; }
.note { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; margin: 0; }
.note[hidden] { display: none; }