:root{--gold:#c4a96e}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;background:transparent;overflow:hidden}body{font-family:Georgia,serif}.app{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:pan-y;cursor:grab;background:transparent}.app:active{cursor:grabbing}canvas{display:block;background:transparent!important;touch-action:pan-y;filter:drop-shadow(0 1px 4px rgba(0,0,0,.34)) drop-shadow(0 14px 22px rgba(0,0,0,.32));-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 5%,#000 92%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 5%,#000 92%,transparent 100%)}.zoom{position:fixed;right:24px;bottom:24px;z-index:6;display:flex;flex-direction:column;gap:12px;opacity:.45;transition:opacity .35s ease}.zoom:hover{opacity:1}.zoom button{width:58px;height:58px;padding:0;border:0;background:none;cursor:pointer;transition:transform .15s ease}.zoom button img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 3px 9px rgba(0,0,0,.5))}.zoom button:hover{transform:scale(1.1)}.zoom button:active{transform:scale(.94)}@media (max-width: 819px){.zoom{right:auto;left:50%;transform:translate(-50%);bottom:18px;flex-direction:row;gap:18px;opacity:.45}.zoom button{width:44px;height:44px}.zoom:active{opacity:1}}.veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;display:flex;align-items:center;justify-content:center;background:transparent}.veil .ring{width:30px;height:30px;border:2px solid rgba(196,169,110,.3);border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}