*{box-sizing:border-box}html,body{margin:0;background:transparent;font-family:Arial,sans-serif}#shell{position:relative}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;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px #075ba4}#status{margin:0;text-align:center;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:#000}#picture{position:absolute;inset:0;width:800px;height:600px}#video{position:absolute;display:none;object-fit:fill;background:#000;pointer-events:none}#controls{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;margin:0;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;color:transparent}.hotspot img{display:block;width:100%;height:100%;pointer-events:none}.hotspot input{margin:0;width:100%;height:100%;opacity:0;cursor:pointer}#member-id{position:absolute;left:322px;top:236px;width:210px;height:26px;background:#000;color:white;border:0;padding:2px 3px;font:16px Arial,sans-serif}#hint{position:absolute;top:60px;left:50%;transform:translateX(-50%);padding:8px 14px;color:#fff;background:#000b;pointer-events:none}#shell:fullscreen{background:#000;color:#fff;display:flex;flex-direction:column;justify-content:center}#shell:fullscreen nav{flex-shrink:0}#print-page{display:none}@media print{body>*{display:none!important}#print-page{display:block!important;position:relative;width:170mm;margin:15mm auto}#print-page>img{width:100%;display:block}#print-page .value{position:absolute;color:#fff;font:12pt Arial,sans-serif;overflow-wrap:anywhere;max-width:45%}@page{size:A4 portrait;margin:10mm}}

#shell:fullscreen nav button{color:white}