#dorian-pet{position:fixed;z-index:45;width:104px;height:130px;user-select:none;font-family:inherit}
#dorian-pet[hidden]{display:none!important}
#dorian-pet .pet-body{display:block;width:104px;height:104px;padding:0;border:0;background:transparent;cursor:grab;touch-action:none;border-radius:16px}
#dorian-pet .pet-body:active{cursor:grabbing}
#dorian-pet canvas{width:100%;height:100%;image-rendering:pixelated;pointer-events:none}
#dorian-pet .pet-caption{display:block;text-align:center;font-size:11px;line-height:20px;background:#fffdf2e8;color:#604339;border-radius:10px;white-space:nowrap;pointer-events:none;box-shadow:0 1px 5px #0001}
#dorian-pet .pet-close{position:absolute;right:0;top:0;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#fffdf2e8;color:#604339;font-size:16px;cursor:pointer;z-index:1}
#dorian-pet button:focus-visible{outline:2px solid #b5684e;outline-offset:2px}
@media(max-width:600px){#dorian-pet{width:80px;height:106px}#dorian-pet .pet-body{width:80px;height:80px}#dorian-pet .pet-caption{font-size:10px}}
/* 10/11: no caption, smaller */
#dorian-pet{width:72px;height:72px}#dorian-pet .pet-body{width:72px;height:72px}
#dorian-pet .pet-caption{display:none}
#dorian-pet .pet-close{width:16px;height:16px;font-size:12px;line-height:16px;opacity:.7}
@media(max-width:600px){#dorian-pet{width:60px;height:60px}#dorian-pet .pet-body{width:60px;height:60px}}
/* 10/11 later: smaller still, no close button (toggle lives in settings) */
#dorian-pet .pet-close{display:none}
#dorian-pet{width:56px;height:56px}#dorian-pet .pet-body{width:56px;height:56px}
@media(max-width:600px){#dorian-pet{width:46px;height:46px}#dorian-pet .pet-body{width:46px;height:46px}}