:root{--bg: #1a1410;--bg2: #241a12;--panel: rgba(42, 32, 24, .92);--panel-solid: #2a2018;--crust: #e6b980;--crust-deep: #c98f4e;--cream: #f4e4c8;--ink: #f4e4c8;--muted: #b9a488;--good: #9ccb6a;--warn: #e6a94e;--bad: #d9705a;--line: rgba(230, 185, 128, .18);--shadow: 0 8px 30px rgba(0, 0, 0, .45);--font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);overscroll-behavior:none}#app{position:fixed;inset:0;display:flex;justify-content:center;background:radial-gradient(120% 90% at 50% 8%,#2c2016 0%,var(--bg) 62%)}#stage{position:absolute;inset:0;width:100%;height:100%;display:block}#ui{position:relative;width:100%;max-width:520px;height:100%;display:flex;flex-direction:column;pointer-events:none;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}#ui>*{pointer-events:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 4px 8px}.brand{font-weight:700;letter-spacing:.5px;font-size:15px;color:var(--crust)}.crumbs{font-size:14px;font-weight:700;color:var(--cream);background:#00000047;border:1px solid var(--line);padding:5px 12px;border-radius:999px}.spacer{flex:1}.starter-name{text-align:center;font-size:22px;font-weight:800;margin:2px 0 0;color:var(--cream)}.provenance{text-align:center;font-size:12.5px;color:var(--muted);margin-top:2px}.gen-badge{display:inline-block;font-size:11px;font-weight:700;color:#2a2018;background:var(--crust);padding:2px 8px;border-radius:999px;margin-left:6px}.status{text-align:center;font-size:13px;color:var(--muted);margin-top:6px;min-height:18px}.status .state-good{color:var(--good)}.status .state-warn{color:var(--warn)}.status .state-bad{color:var(--bad)}.hint{text-align:center;font-size:12px;color:var(--muted);margin-top:4px;min-height:16px;transition:opacity .3s}.peakwrap{margin:10px auto 0;width:78%;max-width:320px}.peakbar{position:relative;height:10px;border-radius:999px;background:#00000059;border:1px solid var(--line);overflow:hidden}.peakfill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,var(--crust-deep),var(--crust));transition:width .6s ease}.peakzone{position:absolute;top:-2px;bottom:-2px;background:#9ccb6a47;border-left:1px solid var(--good);border-right:1px solid var(--good)}.peaklabel{text-align:center;font-size:11px;color:var(--muted);margin-top:5px}.dock{margin-top:auto;display:flex;gap:7px;padding:12px 0 8px}.action{flex:1;min-width:0;border:1px solid var(--line);background:var(--panel);color:var(--cream);border-radius:15px;padding:12px 3px 9px;font-size:11px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:transform .08s,background .15s;backdrop-filter:blur(6px)}.action:active{transform:translateY(2px) scale(.98)}.action .ico{font-size:21px;line-height:1}.action.primary{background:linear-gradient(160deg,var(--crust),var(--crust-deep));color:#2a1a0e;border-color:transparent}.action:disabled{opacity:.4;cursor:default}.sheet-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:20;animation:fade .2s ease}.sheet{width:100%;max-width:520px;background:var(--panel-solid);border-radius:22px 22px 0 0;border-top:1px solid var(--line);box-shadow:var(--shadow);padding:20px 18px calc(20px + env(safe-area-inset-bottom));animation:slideup .28s cubic-bezier(.2,.8,.2,1);max-height:88%;overflow-y:auto}.sheet h2{margin:0 0 4px;font-size:19px;color:var(--cream)}.sheet p.sub{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.5}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice{border:1px solid var(--line);background:#00000038;border-radius:14px;padding:12px;cursor:pointer;transition:border-color .15s,background .15s}.choice:active{background:#e6b9801a}.choice.selected{border-color:var(--crust);background:#e6b9801f}.choice .t{font-weight:700;font-size:14px;color:var(--cream)}.choice .d{font-size:11.5px;color:var(--muted);margin-top:3px;line-height:1.4}.btn{display:block;width:100%;margin-top:16px;border:none;border-radius:14px;padding:15px;font-size:15px;font-weight:700;cursor:pointer;background:linear-gradient(160deg,var(--crust),var(--crust-deep));color:#2a1a0e}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--cream);margin-top:10px}.btn:disabled{opacity:.4}.field{width:100%;background:#0000004d;border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--cream);font-size:16px;font-family:var(--font);margin-top:6px}.field:focus{outline:none;border-color:var(--crust)}.rename-btn{border:none;background:transparent;font-size:15px;cursor:pointer;opacity:.7;padding:2px 4px}.rename-btn:active{transform:scale(.9)}.trait-cards{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.trait-card{background:#e6b9801a;border:1px solid var(--line);border-radius:12px;padding:8px 11px;font-size:12px}.trait-card b{color:var(--crust)}.trait-card span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.lib-row{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#00000038;border-radius:14px;padding:10px 12px;margin-top:10px}.lib-row.active{border-color:#e6b98080;background:#e6b98014}.lib-jar{font-size:26px}.lib-meta{flex:1;min-width:0}.lib-meta .who{font-weight:700;font-size:14px;color:var(--cream)}.lib-meta .where{font-size:11.5px;color:var(--muted);margin-top:2px}.lib-tag{font-size:10px;color:var(--good);margin-left:6px;font-weight:600}.lib-actions{display:flex;flex-direction:column;gap:6px}.lib-btn{border:1px solid var(--line);background:#00000040;color:var(--cream);border-radius:9px;padding:6px 10px;font-size:11.5px;font-weight:600;cursor:pointer}.lib-btn.danger{color:var(--bad);border-color:#d9705a66}.lineage{margin-top:14px;font-size:13px}.lineage .row{display:flex;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}.lineage .gen{color:var(--crust);font-weight:700;min-width:46px}.lineage .who{color:var(--cream)}.lineage .where{color:var(--muted);font-size:11.5px}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);background:#000000d1;border:1px solid var(--line);color:var(--cream);padding:11px 18px;border-radius:999px;font-size:13px;z-index:40;animation:fade .25s ease;max-width:90%;text-align:center}.qr{display:block;margin:14px auto;image-rendering:pixelated;border-radius:10px;border:6px solid #f4e4c8;background:#f4e4c8}.share-token{font-size:11px;color:var(--muted);word-break:break-all;background:#0000004d;border-radius:10px;padding:10px;margin-top:8px;max-height:84px;overflow-y:auto;user-select:text;-webkit-user-select:text}.center-col{display:flex;flex-direction:column;align-items:center}.shop-tag{margin-top:8px;text-align:center;font-size:12px;font-weight:700;padding:5px;border-radius:9px;background:#e6b98024;color:var(--crust)}.shop-tag.owned{background:#ffffff14;color:var(--cream)}.shop-tag.equipped{background:#9ccb6a33;color:var(--good)}.shop-tag.broke{background:#d9705a29;color:var(--bad)}.event-card{display:flex;gap:12px;align-items:flex-start;background:#00000038;border:1px solid var(--line);border-radius:16px;padding:14px;margin-top:12px}.event-card.holiday{background:linear-gradient(160deg,#e6b98024,#00000026);border-color:#e6b98066}.season-banner{display:flex;align-items:center;gap:8px;justify-content:center;margin:8px auto 0;padding:7px 14px;border-radius:999px;background:#00000047;border:1px solid var(--line);font-size:12.5px;color:var(--cream);cursor:pointer;max-width:90%}.season-banner .dot{color:var(--warn);font-weight:700}.season-banner.has-holiday{border-color:#e6b98080;background:#e6b9801f}.crumb-shot{width:180px;height:180px;margin:8px auto 4px;border-radius:50%;box-shadow:inset 0 0 0 6px #0003,var(--shadow)}.score-big{font-size:46px;font-weight:800;color:var(--crust);text-align:center}.feed-stage{position:relative;height:42vh;min-height:240px;margin-top:12px;border-radius:18px;border:1px solid var(--line);background:radial-gradient(120% 100% at 50% 0%,#34271a,#1a1410);overflow:hidden;touch-action:none}.feed-jar{position:absolute;right:14%;bottom:10%;font-size:84px;line-height:1;user-select:none}.feed-jar.wiggle{animation:jar-wiggle .4s ease}@keyframes jar-wiggle{0%{transform:rotate(0)}30%{transform:rotate(-6deg) scale(1.04)}60%{transform:rotate(4deg)}to{transform:rotate(0)}}.feed-sack{position:absolute;left:8%;bottom:10%;text-align:center;cursor:grab;touch-action:none}.feed-sack-label{font-size:11px;color:var(--muted);margin-top:4px}.feed-sack.feed-done,.feed-jug.feed-done{opacity:.35}.feed-scoop{position:fixed;z-index:60;font-size:34px;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.feed-jug{position:absolute;left:8%;top:12%;font-size:46px;cursor:pointer;touch-action:none;transition:transform .15s}.feed-jug.pouring{transform:rotate(-24deg)}.feed-meter{position:absolute;left:24%;right:24%;top:8%;height:10px;border-radius:999px;border:1px solid var(--line);background:#00000059;overflow:hidden}.feed-meter-fill{height:100%;width:0;background:linear-gradient(90deg,#6fa8c9,#9cd0ea);transition:width .1s linear}.feed-spoon{position:absolute;font-size:34px;pointer-events:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.feed-puff{position:fixed;z-index:60;font-size:18px;pointer-events:none;animation:heart-rise .85s ease-out forwards}.feed-crust{font-size:84px;margin-top:10px;filter:grayscale(.5) brightness(.9);touch-action:none;cursor:pointer;user-select:none}.feed-drop{font-size:40px;margin-top:6px;cursor:pointer;touch-action:none;animation:pop .3s ease}.feed-hidden{visibility:hidden}.photo-overlay{position:fixed;inset:0;z-index:50;background:#000;overflow:hidden}.photo-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-video.mirrored{transform:scaleX(-1)}.photo-jar{position:absolute;left:0;top:0;transform-origin:center;touch-action:none;cursor:grab;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}.photo-topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;color:var(--cream);font-weight:700;font-size:14px;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent)}.photo-close{border:none;background:#0006;color:var(--cream);font-size:16px;border-radius:999px;width:34px;height:34px;cursor:pointer}.photo-hint{position:absolute;bottom:calc(150px + env(safe-area-inset-bottom));left:0;right:0;text-align:center;font-size:12px;color:#f4e4c8d9;text-shadow:0 1px 4px rgba(0,0,0,.8);pointer-events:none}.photo-sizer{position:absolute;bottom:calc(118px + env(safe-area-inset-bottom));left:18%;width:64%}.photo-shutter{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:72px;height:72px;border-radius:50%;border:5px solid rgba(255,255,255,.9);background:#ffffff40;cursor:pointer}.photo-shutter:active{background:#fff9}.photo-panel{position:absolute;inset:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.photo-preview{max-width:100%;max-height:62vh;border-radius:14px;box-shadow:var(--shadow)}.photo-actions{width:100%;max-width:340px}.heart-float{position:fixed;z-index:30;font-size:22px;pointer-events:none;animation:heart-rise 1.3s ease-out forwards}@keyframes heart-rise{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:1;transform:translateY(-12px) scale(1.05)}to{transform:translateY(-72px) scale(1);opacity:0}}@keyframes slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}