*{box-sizing:border-box}html,body,#app{margin:0;height:100%;width:100%;overflow:hidden}body{background:#d8cfc0;font-family:Anek Gurmukhi,sans-serif}.canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:grab;touch-action:none}.canvas:active{cursor:grabbing}.world{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.canvas-logo{position:absolute;left:25000px;top:25000px;transform:translate(-50%,-50%);z-index:0;opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;gap:40px;width:2800px;color:#20124d}.canvas-logo .logo-cat{width:58%;height:auto}.canvas-logo .logo-word{font-family:Anek Gurmukhi,sans-serif;font-weight:800;font-size:720px;line-height:.9;letter-spacing:.01em;white-space:nowrap;color:#20124d}.empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#5b5145;font-size:1.1rem;text-align:center;pointer-events:none}.identity{position:absolute;top:10px;right:10px;z-index:10}.identity .identity-chip,.identity .identity-input{font:inherit;font-size:.85rem;line-height:1;height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(32,18,77,.25)}.identity .identity-chip{cursor:pointer;color:#fff;background:#20124d;display:inline-flex;align-items:center;justify-content:center;padding-top:5px}.identity .identity-chip:hover{background:#2c1a66}.identity .identity-input{color:#20124d;background:#fff;outline:none;width:9rem}.offline{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#2a1f12;color:#f3e9d8;font-size:.85rem;padding:8px 14px;border-radius:10px;z-index:20;pointer-events:none}#hint{position:absolute;bottom:12px;left:12px;z-index:10;font-size:.8rem;color:#4a4036;background:#ffffffa6;padding:6px 12px;border-radius:999px;pointer-events:none;animation:hint-fade 1s ease 7s forwards}@keyframes hint-fade{to{opacity:0;visibility:hidden}}.polaroid{position:absolute;top:0;left:0;background:#fff;padding:12px 12px 0;border-radius:2px;box-shadow:0 6px 16px #00000047;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform}.polaroid:active{cursor:grabbing}.polaroid img{display:block;width:280px;height:auto;background:#eee}.polaroid .caption{font-family:inherit;font-size:1rem;color:#2a2a2a;padding:10px 4px 14px;min-height:38px}.polaroid .caption .who{font-weight:600}.polaroid .caption .when{color:#777;margin-left:6px;font-size:.8rem}.polaroid .reactions{display:flex;flex-wrap:wrap;gap:4px;padding:0 4px 10px}.polaroid .reactions .react{display:inline-flex;align-items:center;justify-content:center;gap:4px;font:inherit;font-size:.85rem;cursor:pointer;background:#f3f3f3;border:1px solid #ddd;border-radius:10px;min-height:26px;padding:2px 9px}.polaroid .reactions .react:hover{background:#e7e7e7}