*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:#1a120c;font-family:Noto Sans CJK SC,PingFang SC,Microsoft YaHei,sans-serif;touch-action:none;user-select:none;-webkit-user-select:none}#stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.layer{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;background-repeat:no-repeat;will-change:transform;pointer-events:none}#layer-mid{pointer-events:auto;overflow:visible}#props,#hotspots,#strings{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:100%;height:100%;overflow:visible}#props{z-index:3}#strings{z-index:4}#hotspots{z-index:5}.prop{position:absolute;transform:translate(-50%,-50%);pointer-events:none;image-rendering:auto;background:transparent;border:none;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35))}.prop[data-reward=hung-persimmons]{z-index:3;background:transparent!important;filter:drop-shadow(0 2px 3px rgba(40,20,0,.35))}#strings line{filter:drop-shadow(0 0 1px rgba(0,0,0,.35))}body[data-layout=landscape] #strings line{stroke-width:5px}.hotspot{position:absolute;transform:translate(-50%,-50%);border-radius:50%;pointer-events:auto;cursor:pointer;background:transparent;border:none;padding:0}.hotspot:after{content:"";position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:50%;border:4px solid rgba(255,220,90,1);box-shadow:0 0 0 3px #ffbe3273,0 0 28px 12px #ffc83cbf,0 0 52px 22px #ffaa2873,0 0 8px 2px #fff0a0e6;animation:pulse 1.2s ease-in-out infinite;pointer-events:none}@keyframes pulse{0%,to{transform:scale(1);opacity:.92}50%{transform:scale(1.14);opacity:1}}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#topbar{position:absolute;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-radius:16px;background:#14100c94;color:#fff8eb;font-weight:700;font-size:clamp(16px,3.6vw,22px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#step{color:#ffd278}#hint{position:absolute;left:50%;bottom:max(28px,calc(env(safe-area-inset-bottom) + 24px));transform:translate(-50%);padding:12px 22px;border-radius:999px;background:#fff5dceb;color:#5a2d0a;font-weight:700;font-size:clamp(15px,3.8vw,20px);border:2px solid #e68c28;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis}#toast{position:absolute;left:50%;top:18%;transform:translate(-50%);padding:10px 18px;border-radius:12px;background:#28180cd1;color:#ffe8c8;font-size:15px;font-weight:600;z-index:12}#hand{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(96px,calc(env(safe-area-inset-bottom) + 88px));width:64px;height:64px;border-radius:14px;background:#fff5dce6;border:2px solid #e68c28;background-size:70%;background-position:center;background-repeat:no-repeat}#win[hidden]{display:none!important}#win{position:absolute;left:50%;bottom:max(24px,calc(env(safe-area-inset-bottom) + 20px));top:auto;transform:translate(-50%);display:none;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;padding:12px 18px;border-radius:18px;background:#14100cc7;color:#fff8eb;pointer-events:auto;text-align:center;max-width:min(92vw,420px);z-index:11}#win:not([hidden]){display:flex!important}#win-title{font-size:clamp(16px,4vw,20px);font-weight:800;width:100%}#win-link{pointer-events:auto;display:inline-block;padding:10px 18px;border-radius:999px;background:#ffb84a;color:#3a2108;font-weight:800;text-decoration:none;font-size:16px}#win-link:active{transform:scale(.98)}