html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#f5f0d5;font-family:Microsoft JhengHei,PingFang TC,system-ui,sans-serif;touch-action:none}#game-root{position:fixed;inset:0}.hud{position:fixed;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));box-sizing:border-box}.intro-active .hud{display:none}.player-name-input{position:fixed;z-index:4;height:44px;padding:0 14px;box-sizing:border-box;border:2px solid rgba(95,61,40,.34);border-radius:8px;outline:none;color:#5f3d28;background:#fff7dd;text-align:center;font:800 18px/1 Microsoft JhengHei,PingFang TC,system-ui,sans-serif;box-shadow:inset 0 -3px #5f3d281f,0 8px 18px #50341b24}.player-name-input:focus{border-color:#d04a2f}body:not(.intro-active) .player-name-input{display:none}.hub-button{pointer-events:auto;position:fixed;top:max(14px,env(safe-area-inset-top));left:14px;min-width:76px;height:40px;padding:0 12px;border-radius:8px;color:#fff7dd;background:#5f3d28;font-size:14px;font-weight:900;box-shadow:inset 0 -3px #00000038,0 4px 12px #50341b38}.hud-top{align-self:center;min-width:min(420px,calc(100vw - 32px));display:flex;align-items:center;justify-content:space-between;gap:16px;color:#5f3d28;text-align:center}.level-title{font-size:24px;font-weight:800;line-height:1.1}.level-status{margin-top:4px;font-size:13px;font-weight:700;color:#8a6b41}.level-score{margin-top:3px;font-size:13px;font-weight:900;color:#5f3d28}.level-timer{margin-top:3px;font-size:15px;font-weight:900;color:#5f3d28}.tool-bar{pointer-events:auto;position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));display:grid;grid-template-columns:auto;justify-content:start;gap:10px;width:auto}button{border:0;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.tool-button,.icon-button{pointer-events:auto;color:#fff7dd;background:#8b5a2b;box-shadow:inset 0 -3px #00000038,0 4px 12px #50341b38}.tool-button{position:relative;width:58px;height:42px;border-radius:8px;font-size:15px;font-weight:800}.hint-gift-pop{position:absolute;right:18px;top:-18px;color:#d04a2f;font-size:20px;font-weight:900;text-shadow:0 2px 0 #fff7dd;pointer-events:none;animation:hint-gift-pop .86s ease-out forwards}@keyframes hint-gift-pop{0%{opacity:0;transform:translateY(12px) scale(.72)}30%{opacity:1;transform:translateY(-6px) scale(1.22)}to{opacity:0;transform:translateY(-28px) scale(1)}}.special-tile-hint{width:min(260px,calc(100vw - 92px));padding:7px 10px;border:2px solid rgba(95,61,40,.24);border-radius:8px;color:#5f3d28;background:#fff7dde6;font-size:12px;font-weight:900;line-height:1.35;text-align:center;box-shadow:0 4px 12px #50341b21}.special-tile-hint.hidden{display:none}.tool-button.active{background:#d04a2f}.heart-display{display:inline-flex;gap:3px;margin-left:4px;color:#e11d48;font-size:22px;line-height:.9;vertical-align:-2px;text-shadow:0 2px 0 rgba(95,61,40,.16)}.heart-display.damage{animation:heart-damage .42s ease-out}@keyframes heart-damage{0%{transform:scale(1);filter:brightness(1)}42%{transform:scale(1.38);filter:brightness(1.4)}to{transform:scale(1);filter:brightness(1)}}.icon-button{width:42px;height:42px;border-radius:50%;font-size:28px;line-height:1}@media(max-width:520px){.hub-button{min-width:42px;width:42px;padding:0;overflow:hidden;white-space:nowrap;text-indent:-999px}.hub-button:after{content:"庫";display:block;text-indent:0}}.complete-panel{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:24px;box-sizing:border-box;background:#372a1647;pointer-events:auto}#menu-panel.complete-panel{background-color:#f5f0d5;background-image:radial-gradient(rgba(138,107,65,.32) 2px,transparent 2px);background-size:34px 34px}.complete-panel.hidden{display:none}.complete-dialog{width:min(360px,calc(100vw - 48px));padding:24px;box-sizing:border-box;border:3px solid #5f3d28;border-radius:8px;background:#fff7dd;color:#5f3d28;text-align:center;box-shadow:0 14px 34px #50341b4d}.complete-title{font-size:30px;font-weight:900;line-height:1.1}.complete-summary{margin-top:8px;font-size:16px;font-weight:800;color:#8a6b41}.complete-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.complete-actions.single{grid-template-columns:1fr}.menu-dialog{width:min(340px,calc(100vw - 48px))}.menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.special-tile-guide{margin-top:16px;padding:12px;border:2px solid rgba(95,61,40,.2);border-radius:8px;color:#5f3d28;background:#f5f0d5b8;font-size:14px;font-weight:900;line-height:1.45}.special-tile-guide-title{margin-bottom:4px;color:#8a4b2f;font-size:15px}.special-tile-icons{display:flex;justify-content:center;gap:8px;margin:9px 0 6px}.tile-chip{width:38px;height:38px;display:grid;place-items:center;border:2px solid #8a6b41;border-radius:8px;box-sizing:border-box;color:#5f3d28;background:#fff7dd;box-shadow:inset 0 -2px #5f3d2829;font-size:13px;font-weight:900}.tile-chip span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#5f3d281a}.tile-left{border-color:#8b5a2b}.tile-right{border-color:#2f855a}.tile-reverse{border-color:#2563eb}.tile-exit{border-color:#22c7ad;background:#dcf8ed}.tile-block{color:#fff7dd;border-color:#111827;background:#111827}.tile-block span{background:#ffffff14}.special-tile-guide-note{margin-top:3px;color:#8a6b41;font-size:12px;font-weight:800}.complete-button{min-height:46px;border-radius:8px;font-weight:900;box-shadow:inset 0 -3px #0003}.complete-button.primary{color:#fff7dd;background:#d04a2f}.complete-button.secondary{color:#fff7dd;background:#8b5a2b}.report-dialog{width:min(520px,calc(100vw - 48px))}@media(max-width:420px){.complete-panel{padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))}.complete-dialog,.menu-dialog,.report-dialog{width:calc(100vw - 28px);padding:18px}.complete-title{font-size:26px}.menu-actions{gap:8px}}.report-output{width:100%;height:150px;margin-top:14px;padding:10px;box-sizing:border-box;border:2px solid rgba(95,61,40,.28);border-radius:8px;resize:none;color:#5f3d28;background:#fffaf0;font:12px/1.45 Consolas,Microsoft JhengHei,monospace}