*{box-sizing:border-box}html,body{margin:0;background:transparent;font-family:Arial,sans-serif}nav{display:flex;justify-content:center;gap:28px;padding:12px}nav button{font:inherit;font-weight:bold;background:none;color:inherit;border:0;cursor:pointer;padding:4px}nav button:disabled{opacity:.5}#status{text-align:center;margin:0;font-size:14px}#status:empty{display:none}#fit{position:relative;margin:auto;overflow:hidden;background:#000}#stage{position:absolute;width:800px;height:600px;transform-origin:top left;overflow:hidden;background:#fff}#picture{position:absolute;inset:0}#video{position:absolute;display:none;object-fit:fill;pointer-events:none}#overlay{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;margin:0;padding:0;background:transparent;border:0;cursor:pointer;pointer-events:auto}.hotspot img{display:block;width:100%;height:100%}.hotspot:focus-visible,input:focus-visible{outline:2px solid white;box-shadow:0 0 0 4px #075ba4}input{position:absolute;pointer-events:auto;font:18px Arial;border:0;background:transparent;color:white}.text{position:absolute;white-space:pre;overflow:hidden;font:13px/14px Arial,sans-serif;color:white;pointer-events:auto}#hint{position:absolute;top:55px;left:50%;transform:translateX(-50%);color:white;background:#000b;padding:8px}#shell:fullscreen{background:#000;color:#fff;height:100%;display:flex;flex-direction:column;justify-content:center}#print-page{display:none}@media print{body>*{display:none!important}#print-page{display:block!important;width:95%;margin:auto}#print-page img{width:100%}@page{size:A4 landscape;margin:10mm}}