*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:Comic Sans MS,Chalkboard SE,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#2a1f14;color:#3a2a1a;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#root{width:100vw;height:100vh;display:flex;justify-content:center}.app{position:relative;display:flex;flex-direction:column;width:100%;max-width:390px;height:100%;max-height:844px;margin:0 auto;background:#e8a566;overflow:hidden}.stage{position:relative;flex:1 1 auto;min-height:0;background:repeating-linear-gradient(0deg,rgba(216,143,74,.25) 0px,rgba(216,143,74,.25) 1px,transparent 1px,transparent 26px),repeating-linear-gradient(90deg,rgba(216,143,74,.15) 0px,rgba(216,143,74,.15) 1px,transparent 1px,transparent 26px),#e8a566}.scene-art{display:block;width:100%;height:100%}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:10px 12px;pointer-events:none}.hud-party{display:flex;gap:4px;font-size:22px;filter:none}.hud-days{margin-left:auto;font-weight:700;font-size:15px;background:#fff6e6d9;border:2px solid #3a2a1a;border-radius:10px;padding:3px 10px;pointer-events:none}.help-btn{pointer-events:auto;width:32px;height:32px;border-radius:50%;border:2px solid #3a2a1a;background:#fff6e6e6;color:#3a2a1a;font-weight:700;font-size:16px;line-height:1;cursor:pointer}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#2a1f148c;padding:20px}.modal-card{width:100%;max-width:320px;max-height:90%;overflow-y:auto;background:#fdf3e0;border:3px solid #3a2a1a;border-radius:18px;padding:22px 20px;text-align:center}.modal-title{margin:0 0 12px;font-size:22px;color:#3a2a1a}.onboard-list{text-align:left;margin:0 0 16px;padding-left:20px;font-size:16px;line-height:1.5}.onboard-list li{margin-bottom:8px}.story-line{font-size:17px;line-height:1.4;margin:0 0 10px}.days-left{display:inline-block;font-weight:700;font-size:16px;background:#ffe4b0;border:2px solid #3a2a1a;border-radius:10px;padding:4px 12px;margin-bottom:12px}.ending-art{width:130px;height:160px;margin:0 auto 6px}.btn{font-family:inherit;font-size:17px;font-weight:700;padding:12px 22px;border-radius:12px;border:3px solid #3a2a1a;background:#ffe4b0;color:#3a2a1a;cursor:pointer}.btn:active{background:#f6cf8a}.btn-primary{background:#f6a259}.btn-primary:active{background:#e88f42}.controls{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:12px;background:#d88f4a;border-top:3px solid #3a2a1a}.ctl-btn{font-family:inherit;font-size:22px;font-weight:700;height:72px;border-radius:16px;border:3px solid #3a2a1a;background:#fdf3e0;color:#3a2a1a;touch-action:none;cursor:pointer}.ctl-btn:active{background:#f6cf8a}.ctl-jump{background:#f6a259}.ctl-jump:active{background:#e88f42}