:root{--sky:#bdeefc;--outline:#3b2b24;--accent:#c2553a;--grass:#8fcb6e}html,body{background:var(--sky);height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}#viewport{position:fixed;inset:0;overflow:hidden}.stage{transform-origin:0 0;position:absolute;top:0;left:0;overflow:visible}.stage img{-webkit-user-drag:none;pointer-events:none;transform-origin:50%;position:absolute;top:0;left:0}.ground{background:var(--grass);pointer-events:none;position:absolute;top:0;left:0}.frame{box-sizing:border-box;border:4px solid var(--outline);pointer-events:none;position:absolute;top:0;left:0}.frame-wall,.frame-slab{background:#a8704e}.frame-deck-top{background:#d9a77f}.frame-deck-face{background:#7a5a4a}.rotate-hint{z-index:100;background:var(--sky);color:var(--outline);text-align:center;justify-content:center;align-items:center;padding:24px;font:600 28px system-ui,sans-serif;display:none;position:fixed;inset:0}@media (orientation:portrait){.rotate-hint{display:flex}}.stage img.pet{pointer-events:auto;touch-action:none;cursor:grab;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.stage img.pet.dragging{cursor:grabbing;filter:drop-shadow(0 14px 10px #3b2b2447)}.stage img.pet.gliding{transition:transform .25s ease-out}.place-debug{box-sizing:border-box;border:4px dashed var(--accent);pointer-events:none;border-radius:50%;position:absolute;top:0;left:0}.drop-shadow{opacity:0;pointer-events:none;background:radial-gradient(#3b2b248c 0%,#3b2b2452 55%,#3b2b2400 72%);border-radius:50%;transition:opacity .12s ease-out;position:absolute;top:0;left:0}.drop-shadow.visible{opacity:1;animation:.9s ease-in-out infinite alternate drop-shadow-pulse}@keyframes drop-shadow-pulse{0%{opacity:.65}to{opacity:1}}.fullscreen-button{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));z-index:50;border:3px solid var(--outline);touch-action:manipulation;cursor:pointer;background:#fdf6ea;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;padding:0;display:flex;position:fixed}.fullscreen-button:focus{outline:none}.fullscreen-button[hidden]{display:none}