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;width:44px;min-width:44px;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}.menu-icon,.menu-icon:before,.menu-icon:after{display:block;width:18px;height:3px;border-radius:999px;background:#fff7dd}.menu-icon{position:relative;margin:0 auto}.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0}.menu-icon:before{top:-7px}.menu-icon:after{top:7px}.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-status:empty{display:none}.level-score{margin-top:3px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 10px;font-size:13px;font-weight:900;color:#5f3d28}.score-remaining,.score-records{white-space:nowrap}.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{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);width:auto;max-width:calc(100vw - 116px);min-height:42px;padding:5px 8px;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;display:flex;align-items:center;gap:6px}.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)}.special-hint-label{color:#8a4b2f;font-size:11px;font-weight:900;white-space:nowrap}.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{width:42px;min-width:42px;padding:0}.hud-top{min-width:0;width:calc(100vw - 120px);max-width:320px;gap:0}.level-title{font-size:22px}.level-status{margin-top:2px;font-size:11px;line-height:1.15}.level-score{margin-top:2px;font-size:11px;line-height:1.25}.level-timer{margin-top:2px;font-size:14px}.heart-display{gap:1px;font-size:19px;vertical-align:-3px}}.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}.menu-setting-row{display:grid;grid-template-columns:46px 1fr 46px;align-items:center;gap:8px;margin-top:10px}.menu-setting-value{min-height:38px;display:grid;place-items:center;border:2px solid rgba(95,61,40,.24);border-radius:8px;color:#5f3d28;background:#f5f0d5b8;font-size:14px;font-weight:900}.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}.special-tile-icons.mini{gap:5px;margin:0}.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 svg{width:28px;height:28px}.turn-letter{display:block;color:currentColor;font-family:Segoe UI Symbol,Arial Unicode MS,Microsoft JhengHei,PingFang TC,system-ui,sans-serif;font-size:25px;font-weight:900;line-height:1;transform:translateY(-1px)}.special-tile-icons.mini .tile-chip{width:26px;height:26px;border-radius:6px}.special-tile-icons.mini .tile-chip svg{width:20px;height:20px}.special-tile-icons.mini .turn-letter{font-size:19px}.tile-chip path,.tile-chip circle{fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.tile-left{color:#dc2626;border-color:#dc2626}.tile-right{color:#2563eb;border-color:#2563eb}.tile-reverse{border-color:#2563eb}.tile-exit{border-color:#22c7ad;background:#dcf8ed}.tile-block{color:#fff7dd;border-color:#111827;background:#111827}.tile-block rect{fill:currentColor;stroke:none}.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.compact{min-height:38px;padding:0;font-size:20px}.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}