/* 手机画布铺满视口，高度随地址栏收起和展开调整。 */
*{box-sizing:border-box}[hidden]{display:none!important}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#b57b3d;color:#fff1cd;font-family:system-ui,"PingFang SC","Microsoft YaHei",sans-serif}
body{display:grid;place-items:center}
#game{position:relative;height:100vh;height:100dvh;width:100vw;max-height:100%;box-shadow:0 0 55px #51351b44}
canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}
/* Unity 引擎下载期间的 Loading：与设计稿 940×1672 同一套分层。 */
#loading{position:absolute;inset:0;overflow:hidden;background:#c98f4c url("loading/wood_floor.jpg") center/cover no-repeat;text-align:center}
#loading-design{position:absolute;left:50%;top:50%;width:940px;height:1672px;transform-origin:center center;transform:translate(-50%,-50%) scale(var(--fit,1))}
.art{position:absolute;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none}
#loading-logo{left:184px;top:49px;width:566px;height:566px}
#loading-hero{left:71px;top:460px;width:807px;height:879px}
#loading-track{left:82px;top:1284px;width:778px;height:250px}
#loading-fill-clip{position:absolute;left:155px;top:1380px;width:0;height:54px;border-radius:27px;overflow:hidden}
#loading-fill-clip img{position:absolute;left:-40px;top:-122px;width:710px;height:298px;max-width:none}
#loading-paw{left:444px;top:1466px;width:57px;height:57px;animation:breathe 1.8s ease-in-out infinite}
#loading-percent{position:absolute;left:395px;top:1449px;width:150px;height:51px;line-height:51px;font-size:34px;font-weight:700;text-shadow:-1px -1px 0 #513a30,1px -1px 0 #513a30,-1px 1px 0 #513a30,1px 1px 0 #513a30}
#status{position:absolute;left:248px;top:1522px;width:444px;height:49px;margin:0;line-height:49px;font-size:33px;font-weight:600;text-shadow:-1px -1px 0 #513a30,1px -1px 0 #513a30,-1px 1px 0 #513a30,1px 1px 0 #513a30}
#retry{position:absolute;left:50%;bottom:8%;transform:translateX(-50%);border:0;border-radius:24px;background:#e8a33c;color:#513a30;padding:14px 40px;font:inherit;font-weight:700;cursor:pointer}
@keyframes breathe{50%{opacity:.55}}
@media(prefers-reduced-motion:reduce){#loading-paw{animation:none}}
/* 桌面宽屏保留竖屏展示，触屏设备不限制画布宽度。 */
@media(min-width:900px) and (orientation:landscape) and (hover:hover) and (pointer:fine){#game{width:min(100vw,46.154vh);width:min(100vw,46.154dvh)}}