html,body,#app{height:100%;margin:0}html{background:#7eb8d4}body{overscroll-behavior:none;color:#1b3a2f;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:3px;outline:3px solid #f4a261}.stage{background:#8ecae6;width:min(100%,46.2085dvh);height:100dvh;margin:0 auto;position:relative;overflow:hidden}.game-host{touch-action:none;position:absolute;inset:0}.game-host canvas{touch-action:none}.home,.veil,.overlay{position:absolute;inset:0}.home{z-index:2;padding:calc(72px + env(safe-area-inset-top)) 22px calc(92px + env(safe-area-inset-bottom));text-align:center;box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;display:flex;overflow:hidden}.scenery{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.sun{background:#fff3c4;border-radius:50%;width:54px;height:54px;position:absolute;top:78px;right:28px;box-shadow:0 0 0 8px #fff3c473}.hill{border-radius:50% 50% 0 0;width:100%;position:absolute;left:0}.hill-far{background:#6ea8c9;height:150px;bottom:92px}.hill-near{background:#6ea89a;height:118px;bottom:64px}.home:after{content:"";height:calc(72px + env(safe-area-inset-bottom));pointer-events:none;z-index:0;background:linear-gradient(#95d5b2,#2d6a4f 36%,#c49a6c 37%);position:absolute;bottom:0;left:0;right:0}.home>:not(.scenery):not(.plaque):not(.home-dock):not(.settings-card):not(.notice){z-index:1;position:relative}.plaque{z-index:2;top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));color:#6b3f24;background:#fff1cf;border:3px solid #8a5a32;border-radius:12px;flex-direction:column;min-width:72px;margin:0;padding:6px 10px 8px;font-size:12px;font-weight:700;display:flex;position:absolute;box-shadow:0 3px #6b3f24}.plaque strong{font-size:22px;line-height:1}.title-block{flex-direction:column;align-items:center;gap:8px;display:flex}.home h1{letter-spacing:.02em;color:#6b3f24;text-shadow:0 2px #fff6e4;max-width:9em;font-size:clamp(30px,8vw,40px);font-weight:800;line-height:1.12}.ribbon,.comfort,.tagline,.hint,.best,.meta,.seed-note,.detail,.notice{margin:0}.ribbon{color:#6b3f24;background:#fff6e4;border:3px solid #e7c48a;border-radius:999px;padding:6px 14px;font-size:15px;font-weight:800}.perch{flex-direction:column;align-items:center;margin-top:4px;display:flex}.branch{background:linear-gradient(#c49a6c,#8a5a32);border-radius:8px;width:132px;height:12px;margin-top:-6px;box-shadow:0 3px #6b3f24}.hint,.meta,.seed-note,.detail,.comfort{color:#6b3f24;font-size:15px}.comfort{color:#6b3f24;text-align:center;background:#fff6e4f5;border:3px solid #e7c48a;border-radius:14px;max-width:100%;margin:0;padding:8px 12px;font-size:14px;font-weight:800}.notice{z-index:4;left:50%;bottom:calc(128px + env(safe-area-inset-bottom));color:#6b3f24;white-space:nowrap;background:#fff6e4;border:3px solid #8a5a32;border-radius:999px;margin:0;padding:8px 14px;font-size:14px;font-weight:800;position:absolute;transform:translate(-50%);box-shadow:0 3px #6b3f24}.notice:empty{display:none}.play-button,.wood-button,.mute{color:#6b3f24;background:linear-gradient(#fff6e4,#f3d7a1);border:3px solid #8a5a32;border-radius:16px;box-shadow:0 4px #6b3f24}.play-button,.wood-button{width:min(100%,280px);min-height:52px;padding:0 20px;font-size:20px;font-weight:800}.wood-button{background:linear-gradient(#fff1cf,#e7c48a)}.wood-small{width:auto;min-width:72px;min-height:48px;font-size:16px}.play-button:active,.wood-button:active,.mute:active{transform:translateY(2px);box-shadow:0 2px #6b3f24}.home-dock{z-index:2;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center;display:flex;position:absolute}.settings-card{z-index:3;left:16px;bottom:calc(72px + env(safe-area-inset-bottom));background:#fff6e4;border:3px solid #8a5a32;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex;position:absolute;box-shadow:0 4px #6b3f24}.settings-card p{color:#6b3f24;margin:0;font-weight:800}.card h2,.veil p,.overlay p{margin:0}.veil p{color:#6b3f24;font-size:22px;font-weight:800}.pause-veil{z-index:5;background:#1b2a3a1f;flex-direction:column;gap:16px}.pause-veil p{background:#fff6e4f0;border-radius:999px;padding:6px 16px}.mute{min-width:48px;min-height:48px;padding:0 14px;font-size:16px;font-weight:700}.result{flex-direction:column;align-items:center;gap:12px;width:min(100%,320px);display:flex}.mute.floating{z-index:5;top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));position:absolute}.veil,.overlay{z-index:4;padding:calc(24px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));box-sizing:border-box;justify-content:center;align-items:center;display:flex}.veil{background:#8ecae6b8;font-size:18px;font-weight:700}.overlay{background:#1b3a2f47}.card{box-sizing:border-box;background:#fff6e4;border:3px solid #8a5a32;border-radius:18px;flex-direction:column;gap:8px;width:100%;padding:18px 16px 14px;display:flex;position:relative;box-shadow:0 6px #6b3f2447}.row{color:#6b3f24;border-bottom:2px solid #8a5a322e;justify-content:space-between;align-items:center;min-height:36px;padding:0 4px;font-weight:700;display:flex}.row:last-child{border-bottom:0}.row strong{font-size:22px}.badge{color:#6b3f24;background:#f4a261;border-radius:999px;margin:0;padding:4px 10px;font-weight:800;position:absolute;top:-14px;right:12px}.landscape-hint{z-index:6;top:calc(12px + env(safe-area-inset-top));pointer-events:none;background:#fff6e4eb;border-radius:999px;margin:0;padding:6px 10px;font-size:13px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.houhou-sheet{width:96px;height:96px;image-rendering:pixelated;background-position:50% 0;background-repeat:no-repeat;background-size:300% 100%}.nest-ui{z-index:3;padding:calc(12px + env(safe-area-inset-top)) 16px calc(12px + env(safe-area-inset-bottom));pointer-events:none;box-sizing:border-box;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.nest-ui button{pointer-events:auto}.nest-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:min(100%,390px);margin:0 auto;display:grid}.nest-head h2{color:#6b3f24;white-space:nowrap;background:#fff1cf;border:3px solid #8a5a32;border-radius:12px;margin:0;padding:6px 10px;font-size:16px;box-shadow:0 3px #6b3f24}.shop-card{left:16px;right:16px;bottom:calc(132px + env(safe-area-inset-bottom));pointer-events:auto;color:#6b3f24;background:#fff6e4;border:3px solid #8a5a32;border-radius:16px;flex-direction:column;gap:8px;padding:14px;display:flex;position:absolute;box-shadow:0 4px #6b3f24}.shop-card h2{margin:0;font-size:18px}.shop-row{justify-content:space-between;align-items:center;gap:8px;font-weight:700;display:flex}.nest-coins{color:#6b3f24;background:#fff1cf;border:3px solid #8a5a32;border-radius:12px;margin:0;padding:6px 12px;font-weight:800}.nest-status{color:#6b3f24;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#fff6e4f0;border:3px solid #8a5a32;border-radius:999px;min-width:0;margin:0;padding:6px 10px;font-size:13px;font-weight:800;overflow:hidden}.nest-dock{flex-direction:column;align-items:center;gap:8px;width:min(100%,390px);margin:0 auto;display:flex}.nest-side{grid-template-columns:1fr 1fr;gap:8px;width:min(100%,360px);display:grid}.nest-side .wood-small{width:100%}.nest-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(100%,360px);display:grid}.nest-actions .wood-small,.nest-side .wood-small{width:100%;min-width:0;min-height:48px;padding:0 4px;font-size:15px}