/* The new painting is visible only through the small corner mask. */
.arcade-corner-patch{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;user-select:none;pointer-events:none;mask:url('/assets/shop-arcade/corner-mask.svg') 0 0/100% 100% no-repeat;-webkit-mask:url('/assets/shop-arcade/corner-mask.svg') 0 0/100% 100% no-repeat}
.arcade-hotspot{left:76%;top:49%;width:19%;height:44%}
.arcade-hotspot .hotspot-marker{right:14%;top:2%}
.arcade-hotspot .hotspot-label{left:-14%;top:80%;font-size:21px}
/* Dedicated front-facing painting of the arcade in its shop corner. */
.arcade-scene{position:absolute;inset:0;overflow:hidden;background:#715039;opacity:0;transform:scale(.97);transform-origin:center;transition:opacity 650ms ease 180ms,transform 1150ms var(--ease);pointer-events:none}
.arcade-camera{position:absolute;left:0;top:0;width:1536px;height:1024px;transform-origin:0 0;will-change:transform}
.arcade-camera>.scene-image{width:1536px;height:1024px}
body[data-view=arcade] .arcade-scene{opacity:1;transform:scale(1)}
body[data-view=arcade] .wide-scene{opacity:0;transform:translate(-72%,-59%) scale(1.45)}
.arcade-view-controls{position:absolute;inset:0;z-index:4;pointer-events:none}
.arcade-view-controls button{pointer-events:auto}
.arcade-return{position:absolute;left:24px;top:99px;display:inline-flex;gap:11px;align-items:center;min-height:45px;padding:10px 16px;border:1px solid #71503935;border-radius:8px 13px 9px 12px;background:var(--paper);color:var(--blue);font:13px/1.2 Arial,sans-serif;box-shadow:0 3px 0 #71503920;transition:color 180ms ease,translate 180ms ease}
.arcade-return>span:first-child{font:24px/1 Georgia,serif;transition:translate 200ms ease}
.arcade-return:hover{color:var(--orange)}
.arcade-return:hover>span:first-child{translate:-3px 0}
.arcade-return:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
@media(max-width:700px){.arcade-return{top:83px;left:16px;padding:10px 13px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.arcade-scene,.arcade-return,.arcade-return>span{transition:none!important}body[data-view=arcade] .wide-scene{transform:translate(-50%,-50%)!important}.arcade-scene{transform:none!important}}