*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:#183c38;width:100%;height:100%;margin:0;font-family:Microsoft YaHei,PingFang SC,sans-serif;overflow:hidden}#game-host{position:fixed;inset:0}#GameDiv{padding:0;position:fixed;top:0;left:0}#Cocos3dGameContainer,#GameCanvas{touch-action:none;width:100%;height:100%}#GameDiv canvas{display:block}#landscape-ui{z-index:20;transform-origin:0 0;pointer-events:none;--ui-width:100vw;--ui-height:100dvh;position:fixed;top:0;left:0}.overlay{color:#254d4d;pointer-events:auto;background:#183c38df;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.sheet{width:min(560px,calc(var(--ui-width) - 28px));max-height:calc(var(--ui-height) - 24px);text-align:center;background:#fff3d9;border:3px solid #a77d43;border-radius:4px;padding:24px;overflow:auto;box-shadow:0 0 0 5px #fff3d94d,0 20px 70px #0005}h1{margin:10px 0;font-size:32px}h2{margin:8px 0;font-size:26px}.eyebrow{color:#967044;letter-spacing:2px;font-size:13px;display:block}p{margin:14px 0;line-height:1.6}progress{accent-color:#356c63;background:#e7d8b8;border:2px solid #a77d43;width:100%;height:14px;margin:22px 0 8px;display:block}progress::-webkit-progress-bar{background:#e7d8b8}progress::-webkit-progress-value{background:#356c63}button{font:inherit;color:#fff3d9;cursor:pointer;background:#356c63;border:2px solid #a77d43;border-radius:3px;min-height:44px;padding:10px 22px;text-decoration:none}button:disabled{opacity:.5}.secondary{color:#254d4d;background:#e7d8b8}.loading-book{width:64px;height:64px;image-rendering:pixelated;background:url(../art/loading.png) 0 0/512px 64px no-repeat;margin:0 auto;animation:1s steps(8,end) infinite bookstep;display:block}.loading-sheet{max-width:560px}#progress-label{font-size:16px}@keyframes bookstep{to{background-position:-512px 0}}.cover{color:#fff3d9;background:linear-gradient(#0000 25%,#102e2eb0 55%,#102e2ef5 100%),url(../art/home-portrait.png) 100%/cover no-repeat;padding:0}.start-copy{bottom:calc(env(safe-area-inset-bottom) + 30px);text-align:left;position:absolute;left:7%;right:7%}.start-copy h1{letter-spacing:4px;font-size:clamp(36px,12vw,64px);line-height:1.2}.start-copy .eyebrow{color:#e7c589}.start-copy button{color:#254d4d;background:#fff3d9;width:100%;font-size:19px;font-weight:700}.start-copy p{font-size:16px}#pause{z-index:30}#parcel-test{display:none}@media (prefers-reduced-motion:reduce){.loading-book{animation:none}}#landscape-ui{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}#landscape-ui[data-rotated=true]{--safe-top:env(safe-area-inset-right,0px);--safe-right:env(safe-area-inset-bottom,0px);--safe-bottom:env(safe-area-inset-left,0px);--safe-left:env(safe-area-inset-top,0px)}.overlay{padding:max(12px,var(--safe-top)) max(12px,var(--safe-right)) max(12px,var(--safe-bottom)) max(12px,var(--safe-left))}.sheet{max-width:calc(var(--ui-width) - var(--safe-left) - var(--safe-right) - 28px);max-height:calc(var(--ui-height) - var(--safe-top) - var(--safe-bottom) - 24px)}