:root{color-scheme:dark;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000}#viewport{position:fixed;inset:0;overflow:hidden;touch-action:none;cursor:grab;outline:none;overscroll-behavior:none}#viewport.dragging{cursor:grabbing}#viewport:focus-visible{outline:1px solid #fff;outline-offset:-3px}#field{position:absolute;left:0;top:0;transform-origin:0 0}.tile{position:absolute;margin:0;background:#000}.tile img,.tile video{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none}h1{position:fixed;z-index:2;top:24px;left:28px;margin:0;font-size:12px;letter-spacing:.22em;font-weight:600;pointer-events:none;color:#fff;text-shadow:0 1px 4px #000}.hint{position:fixed;right:24px;bottom:20px;margin:0;font-size:10px;letter-spacing:.14em;color:#fff;opacity:.55;pointer-events:none;text-shadow:0 1px 3px #000}#error{position:fixed;bottom:50px;left:28px;font-size:12px;background:#000;padding:8px}@media(max-width:768px){h1{top:max(20px,env(safe-area-inset-top));left:14px}.hint{display:none}}