body{overflow:hidden;touch-action:none}#door{--center-x: 0px;--center-y: 0px;--scale: 1;width:200vw;height:200vh;left:-50vw;top:-50vh;position:absolute;background-image:url(/static/background.png);background-position:calc(0px - var(--center-x)) calc(var(--center-y));background-size:900px 600px;background-repeat:repeat;transform:scale(var(--scale))}#door:active{cursor:move}.magnet{--x: 0px;--y: 0px;--rotation: 0deg;transform:translate3d(calc(var(--x) - var(--center-x)),calc(var(--center-y) - var(--y)),0) rotate(var(--rotation));position:absolute;left:50%;top:50%;border:1px solid black;padding:5px;font-family:Georgia,Times New Roman,Times,serif;box-shadow:calc(3px*cos(45deg - var(--rotation))) calc(3px*sin(45deg - var(--rotation))) 2px #0009;user-select:none;-webkit-user-select:none;cursor:grab;background:#fff}.magnet:active{cursor:grabbing}.magnet a{text-decoration:none;color:inherit;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.magnet img{-webkit-user-drag:none}.magnet:has(>img.qr){padding:0}.fake-magnet{border:1px solid black;display:inline-block;padding:5px;font-family:Georgia,Times New Roman,Times,serif;--rotation: 0deg;rotate:var(--rotation);box-shadow:calc(3px*cos(45deg - var(--rotation))) calc(3px*sin(45deg - var(--rotation))) 2px #0009;user-select:none;-webkit-user-select:none;background:#fff}.rotate-dot{top:-25px;left:calc(50% - 6.5px);height:12px;width:12px;background-color:plum;position:absolute;border-radius:12px;border:1px solid cornsilk;user-select:none;-webkit-user-select:none}.rotate-link{position:absolute;width:1px;height:11px;background-color:plum;top:-12px;left:calc(50% - 1px);border:1px solid cornsilk;border-top:none;border-bottom:none}[popover]{border:none;background:none}.outer-popover:has(>:popover-open){-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:absolute;top:0;left:0;width:100%;height:100%}.middle-popover{user-select:none;-webkit-user-select:none}.inner-popover{display:flex;flex-direction:column;align-items:center;gap:25px}footer{display:flex;flex-direction:row;justify-content:space-between;position:absolute;bottom:0;left:0;right:0;margin:10px}button{all:unset;cursor:pointer}.loader{border:12px solid lightgray;border-top:12px solid plum;border-radius:50%;width:8vh;height:8vh;animation:spin 1s linear infinite;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.error{position:absolute;top:50%;left:50%;user-select:none;-webkit-user-select:none;transform:translate(-50%,-50%);font-size:x-large}