:root{color-scheme:light;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#4d6558;background:#fbf7ee;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #4d6558;--muted: #87968b;--cream: #fffdf7;--butter: #fff0c9;--mint: #eaf6eb;--pink: #ffe8ec;--line: #e6e9dd;--shadow: 0 8px 24px rgba(100, 121, 104, .11);--round: 22px}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:0;margin:0}html,body{overflow:hidden;overscroll-behavior:none}body{background:radial-gradient(ellipse at 10% 0%,#fff4e7,#fbf7ee 48%,#edf5eb);font-weight:500}@media(min-width:1600px)and (min-height:900px){html{font-size:18px}}button,select,input,textarea{color:inherit;font:inherit}button,select,input,textarea,.file-button{min-width:44px;min-height:44px}button,.file-button{border:1px solid #e5e8db;border-radius:15px;background:#fffef9;box-shadow:0 3px 8px #5e74630f;padding:8px 12px;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}button:hover:not(:disabled),.file-button:hover{transform:translateY(-1px);background:#fff8e8;box-shadow:0 5px 12px #5e74631a}button:active:not(:disabled){transform:scale(.98)}button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible,.file-button:focus-within{outline:3px solid #a7d8bd;outline-offset:2px}button:disabled{cursor:default;opacity:.5}button.primary{color:#fff;border-color:#82b99b;background:#82b99b}button.primary:hover:not(:disabled){background:#6eaa88}button.danger{color:#b8606e;border-color:#f2c4cc;background:var(--pink)}button.danger:hover:not(:disabled){background:#ffdbe2}button.primary.danger{color:#fff;border-color:#e0909d;background:#e0909d}button.primary.danger:hover:not(:disabled){background:#d27d8b}.settings-actions .danger{grid-column:1 / -1}button.soft{background:#f0f7eb}button.icon-button{display:inline-grid;place-items:center;width:46px;padding:0;font-size:1.26rem}select,input[type=text],textarea{border:1px solid var(--line);border-radius:13px;background:#fffefa;padding:8px 10px}select{appearance:none;-webkit-appearance:none;padding-right:32px;border-color:#dfe8d8;background:#fffefa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' fill='none' stroke='%2378a78a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;box-shadow:0 2px 6px #6479680f;cursor:pointer;transition:border-color .15s,background-color .15s}select:hover:not(:disabled){border-color:#b9dcc6;background-color:#f6fbf2}select:disabled{cursor:default;opacity:.5}@supports (appearance: base-select){select,::picker(select){appearance:base-select}select{display:inline-flex;align-items:center}select::picker-icon{display:none}::picker(select){margin-top:6px;padding:6px;border:1px solid #dfe8d8;border-radius:16px;background:#fffefa;box-shadow:0 12px 28px #6479682e;max-height:min(60vh,360px)}select option{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 12px;border-radius:11px;color:var(--ink);cursor:pointer}select option:hover,select option:focus-visible{background:var(--mint);outline:none}select option:checked{background:#e2f2e4;font-weight:750}select option::checkmark{order:1;margin-left:auto;color:#6eaa88}select option:disabled{color:var(--muted);opacity:.55;cursor:default}}button,select,input,textarea,.file-button{touch-action:manipulation}#app{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:12px}.topbar,.actionbar,.panel,.garden-stage,.mobile-tabs{border:1px solid rgba(222,229,215,.92);background:#fffef9e6;box-shadow:var(--shadow)}.topbar{display:flex;align-items:center;gap:14px;min-height:70px;padding:8px 16px;border-radius:24px}.brand{display:flex;align-items:center;gap:9px;min-width:max-content;font-weight:800;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:50% 50% 44%;background:linear-gradient(145deg,#b4ead1,#78caaa);color:#fff;font-size:20px;box-shadow:inset 0 2px 4px #ffffffb3}.resource-row{display:flex;flex:1;justify-content:center;gap:8px;min-width:0}.resource-chip{display:flex;align-items:center;justify-content:center;gap:7px;min-width:94px;padding:7px 11px;border-radius:16px;background:#f2f7ed;white-space:nowrap;font-size:1.06rem}.resource-chip:nth-child(1){background:#e8f5eb}.resource-chip:nth-child(2){background:#f0eafd}.resource-chip:nth-child(3){background:#f2edff}.resource-chip:nth-child(4){background:#fff1e6}.resource-icon{font-size:1.16rem}.resource-value{font-variant-numeric:tabular-nums;font-weight:750}.top-controls{display:flex;align-items:center;gap:8px}.top-controls select{width:128px}.phase-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:14px;background:#fff5d8;white-space:nowrap}.phase-chip.night{color:#586b9b;background:#edf0ff}.layout{display:grid;grid-template-columns:minmax(260px,.94fr) minmax(360px,1.66fr) minmax(285px,1.02fr);grid-template-areas:"recipes garden codex";gap:12px;min-height:0}.panel,.garden-stage{min-width:0;min-height:0;overflow:hidden;border-radius:var(--round)}.panel{display:flex;flex-direction:column;padding:13px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;flex:none}.panel-title{margin:0;font-size:1.1rem;font-weight:800}.panel-subtitle,.subtle{color:var(--muted);font-size:.94rem}.panel-tools{display:flex;align-items:center;justify-content:space-between;gap:6px;flex:none;min-height:38px}.tab-row{display:flex;gap:5px;flex:none;padding:5px 0}.tab-button{min-height:44px;padding:5px 10px;border:0;box-shadow:none;background:transparent;color:var(--muted)}.tab-button[aria-selected=true],.tab-button.active{color:var(--ink);background:var(--mint);font-weight:750}.recipe-list,.codex-grid,.mutation-grid{display:grid;flex:1;min-height:0;gap:7px;overflow:hidden}.recipe-list{grid-template-columns:minmax(0,1fr);align-content:start}.recipe-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;min-height:88px;padding:8px 9px;border:1px solid #edf0e7;border-radius:16px;background:#fffdf7}.recipe-card.selected{border-color:#92c6a7;background:#f2faef;box-shadow:inset 0 0 0 1px #c7e4cc}.recipe-copy{min-width:0}.recipe-name{display:flex;align-items:center;gap:5px;min-width:0;font-size:1rem;font-weight:750}.recipe-name>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-details{margin-top:4px;color:#839187;font-size:.86rem;line-height:1.35}.recipe-clue{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recipe-select{min-width:44px;min-height:44px;padding:6px;border-radius:13px}.tag{display:inline-flex;align-items:center;padding:2px 6px;border-radius:20px;background:#fff0dc;color:#9b7650;font-size:.77rem;font-weight:700;white-space:nowrap}.tag.hidden-tag{color:#766a9d;background:#f1edff}.tag.found{color:#59866a;background:#e8f6eb}.pager{display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;flex:none}.pager button{min-width:44px}.selected-action{display:flex;align-items:center;gap:6px;min-height:44px;flex:none}.selected-action>span{flex:1;color:var(--muted);font-size:.9rem}#recipe-panel{grid-area:recipes}#codex-panel{grid-area:codex}.garden-stage{grid-area:garden}.merge-panel,.settings-panel{display:none}.merge-panel .merge-tools{display:flex;flex-wrap:wrap;align-items:center;gap:5px;flex:none}.merge-tools button{min-height:44px;padding:5px 8px;font-size:.86rem}.slime-list{display:grid;flex:1;min-height:0;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));grid-auto-rows:minmax(0,1fr);gap:5px;overflow:hidden}.slime-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:0;padding:4px;border-radius:13px;background:#f3f7ed;font-size:.8rem}.slime-option span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slime-option.selected{background:#fff0d7;outline:2px solid #e7c789}.empty-list{margin:auto;color:var(--muted);font-size:.98rem;text-align:center}.recipe-achievement{min-height:44px;flex:none;margin-top:4px}.side-stack{display:contents}.garden-stage{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:12px;background:#f6faf1db}.stage-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px}.stage-title{margin:0;font-size:1.12rem;font-weight:800}.stage-switch{display:flex;gap:5px}.stage-switch button{min-height:44px;padding:5px 9px;font-size:.91rem}.tank-frame{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:21px;background:#d7ebdc;box-shadow:inset 0 2px 10px #425e5224}#tank-canvas{display:block;width:100%;height:100%;touch-action:none}.tank-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;color:var(--muted);font-size:.91rem}.sound-prompt{display:flex;align-items:center;justify-content:center;gap:8px;position:absolute;z-index:2;left:50%;top:50%;width:min(88%,350px);padding:12px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.9);border-radius:19px;background:#fffdf5f0;box-shadow:var(--shadow);font-size:.98rem;text-align:center}.sound-prompt[hidden]{display:none}.sound-prompt button{min-width:46px;flex:none}.codex-grid,.mutation-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));grid-auto-rows:minmax(0,1fr);align-content:start}.codex-card,.mutation-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;padding:4px;border:1px solid #edf0e7;border-radius:15px;background:#fffdf7;text-align:center}.codex-card img,.codex-card svg{display:block;width:min(100%,78px);max-height:74px;flex:1;object-fit:contain}.codex-card-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:700}.codex-note{display:none;color:#8b988d;font-size:.76rem;line-height:1.2}.codex-card.discovered .codex-note{display:none}.mutation-card{padding:6px}.mutation-swatch{width:31px;height:31px;margin-bottom:4px;border-radius:50% 50% 45%;background:linear-gradient(140deg,#e2e4e1,#c6cbc7);box-shadow:inset 0 2px 5px #ffffffd9}.mutation-card.found .mutation-swatch{background:linear-gradient(135deg,var(--swatch-light),var(--swatch),var(--swatch-dark))}.codex-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;flex:none;min-height:43px}.codex-footer .subtle{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.15}.milestones{display:flex;align-items:center;gap:4px;padding-top:5px;border-top:1px solid #edf0e7;flex:none}.milestone{flex:1;padding:5px 2px;border-radius:10px;background:#f3f5ef;color:#929d91;text-align:center;font-size:.74rem}.milestone.done{background:#e8f6eb;color:#58876b;font-weight:750}.actionbar{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:76px;padding:9px 12px;border-radius:22px}.action-group{display:flex;align-items:center;gap:8px;min-width:0}.actionbar select{min-width:136px;max-width:200px}.actionbar .summon-select{min-width:155px}.actionbar .selected-inline{max-width:140px;overflow:hidden;color:var(--muted);font-size:.91rem;text-overflow:ellipsis;white-space:nowrap}.toggle{display:flex;align-items:center;gap:8px;min-height:44px;padding:5px 9px;border-radius:14px;background:#f1f7ed;white-space:nowrap}.toggle input{width:44px;height:44px;flex:none;accent-color:#81b598}.action-secondary{background:#fff8e9}.side-route-nav,.mobile-tabs{display:none}.inline-settings{display:flex;flex-direction:column;gap:7px;flex:1;min-height:0;overflow:hidden}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:43px;padding:4px 8px;border-radius:13px;background:#f7f8f1;font-size:.94rem}.setting-row select{width:min(60%,180px)}.setting-row>span{flex:1}.setting-row .volume-slider{width:min(42%,150px);height:44px;margin:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer}.volume-slider::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(to right,#81b598 var(--fill, 100%),#dcefe0 var(--fill, 100%))}.volume-slider::-moz-range-track{height:8px;border-radius:99px;background:#dcefe0}.volume-slider::-moz-range-progress{height:8px;border-radius:99px;background:#81b598}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-7px;border:3px solid #fffdf7;border-radius:50%;background:#81b598;box-shadow:0 1px 4px #4d65584d}.volume-slider::-moz-range-thumb{width:16px;height:16px;border:3px solid #fffdf7;border-radius:50%;background:#81b598;box-shadow:0 1px 4px #4d65584d}.settings-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.settings-actions button,.settings-actions .file-button{display:grid;place-items:center;min-height:44px;font-size:.88rem;text-align:center}.save-code{min-height:54px;max-height:72px;resize:none;font-size:.84rem}.dialog-shell{width:min(720px,calc(100vw - 24px));max-width:720px;max-height:min(90dvh,760px);overflow:hidden;padding:0;border:1px solid #e3e8dc;border-radius:25px;background:#fffdf7;color:var(--ink);box-shadow:0 24px 80px #2b3d303d}.dialog-shell::backdrop{background:#30443a47;backdrop-filter:blur(3px)}.dialog-content{display:flex;flex-direction:column;max-height:min(90dvh,760px);min-height:0;overflow:hidden;padding:18px}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}.dialog-head h2{margin:0;font-size:1.21rem}.dialog-body{display:flex;flex-direction:column;gap:9px;min-height:0;overflow:hidden;padding-top:9px}.dialog-copy{margin:0;color:var(--muted);line-height:1.45;font-size:1.04rem}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.summary-item{padding:9px;border-radius:14px;background:#f1f7ed;font-size:.94rem}.summary-item strong{display:block;margin-top:3px;font-size:1.05rem}.dialog-actions{display:flex;justify-content:flex-end;gap:7px;flex:none;padding-top:8px}.upgrade-grid,.decoration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;overflow:hidden}.upgrade-card,.decoration-card{display:flex;flex-direction:column;justify-content:space-between;gap:5px;min-width:0;min-height:0;padding:9px;border:1px solid #edf0e7;border-radius:16px;background:#fbfcf5;font-size:.89rem}.upgrade-card p,.decoration-card p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.3}.upgrade-card button,.decoration-card button{width:100%;min-height:44px;padding:5px;font-size:.84rem}.decoration-card .cost{color:#718578;line-height:1.35}.inventory-list{display:flex;gap:6px;min-height:44px;overflow:hidden}.inventory-item{display:flex;align-items:center;gap:5px;min-width:0;max-width:50%;padding:5px 7px;border-radius:12px;background:#f1f7ed;font-size:.84rem}.import-file{display:none}.import-paste{width:100%;min-height:58px;max-height:90px;resize:none}.toast-stack{position:fixed;z-index:20;right:20px;bottom:102px;display:flex;flex-direction:column;gap:7px;align-items:flex-end;pointer-events:none}.toast{max-width:min(400px,calc(100vw - 32px));padding:11px 16px;border:1px solid rgba(255,255,255,.92);border-radius:16px;background:#fffcf0f5;box-shadow:var(--shadow);color:#536b5b;font-size:.98rem;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.title-screen{position:fixed;inset:0;z-index:30;display:grid;place-items:center;overflow:hidden;padding:16px;background:radial-gradient(ellipse at 50% 18%,#fffaf0,#f6f4e6 42%,#e3f2e4);transition:opacity .45s ease,visibility .45s}.title-screen[hidden]{display:none}.title-screen.leaving{opacity:0;visibility:hidden}.title-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:min(100%,420px);padding:26px 24px 22px;border:1px solid rgba(255,255,255,.9);border-radius:30px;background:#fffef9c7;box-shadow:0 18px 44px #64796829;text-align:center;backdrop-filter:blur(6px)}.title-slime{width:150px;height:150px;margin-bottom:2px;transform-origin:50% 100%;animation:title-bounce 2.4s ease-in-out infinite}.title-slime svg>rect:first-of-type{fill-opacity:0}.title-slime svg{display:block;width:100%;height:100%}.title-heading{margin:0;color:#4f7a61;font-size:clamp(1.45rem,7.5vw,2.5rem);font-weight:850;letter-spacing:.06em}.title-sub{margin:-6px 0 0;color:#93ab98;font-size:.99rem;font-weight:700;letter-spacing:.18em}.title-sub[hidden]{display:none}.title-tagline{max-width:30em;margin:4px 0 8px;color:var(--muted);font-size:1.06rem;line-height:1.6}.title-start{min-width:200px;min-height:52px;padding-inline:28px;border-radius:26px;font-size:1.16rem;font-weight:800;letter-spacing:.06em;box-shadow:0 8px 18px #6eaa8852}.title-language{display:flex;align-items:center;gap:8px;margin-top:4px;color:var(--muted);font-size:.96rem}.title-language select{width:132px}.title-bubbles span{position:absolute;bottom:-80px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffffff2,#b2e1c473 60%,#b2e1c426);animation:title-float 14s linear infinite}.title-bubbles span:nth-child(1){left:8%;width:46px;height:46px;animation-delay:-2s}.title-bubbles span:nth-child(2){left:22%;width:22px;height:22px;animation-duration:10s;animation-delay:-7s}.title-bubbles span:nth-child(3){left:44%;width:30px;height:30px;animation-duration:16s;animation-delay:-4s}.title-bubbles span:nth-child(4){left:66%;width:54px;height:54px;animation-duration:18s;animation-delay:-11s}.title-bubbles span:nth-child(5){left:81%;width:26px;height:26px;animation-duration:12s;animation-delay:-1s}.title-bubbles span:nth-child(6){left:92%;width:38px;height:38px;animation-delay:-9s}@keyframes title-bounce{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-14px) scale(.96,1.05)}55%{transform:translateY(0) scale(1.06,.93)}68%{transform:translateY(-3px) scale(.98,1.02)}}@keyframes title-float{0%{transform:translateY(0);opacity:0}10%{opacity:1}to{transform:translateY(-115vh);opacity:.2}}@media(max-height:600px){.title-slime{width:96px;height:96px}.title-card{gap:6px;padding-block:16px}.title-tagline{margin-block:0 4px}}@media(max-height:600px)and (max-width:599px){.save-code{min-height:44px}.settings-panel .inline-settings,.settings-panel .settings-actions{gap:3px}}@media(prefers-reduced-motion:reduce){.title-slime,.title-bubbles span{animation:none}.title-bubbles{display:none}}@media(max-width:1279px)and (min-width:1024px){#app{padding:9px;gap:8px}.layout{grid-template-columns:minmax(230px,.92fr) minmax(340px,1.5fr) minmax(245px,1fr);gap:8px}.panel{padding:10px}.topbar{gap:9px;padding-inline:11px}.resource-chip{min-width:78px;gap:4px;padding-inline:7px;font-size:.94rem}.actionbar{gap:5px;padding-inline:7px}.actionbar button{padding-inline:8px;font-size:.91rem}.actionbar select{min-width:100px}}@media(max-width:1023px)and (min-width:600px){#app{grid-template-rows:auto minmax(0,1fr) auto;padding:9px;gap:8px}.topbar{min-height:62px;padding:6px 10px;gap:8px}.brand{min-width:auto}.brand-title{display:none}.resource-row{gap:5px}.resource-chip{min-width:66px;gap:3px;padding:6px;font-size:.86rem}.resource-icon{font-size:.99rem}.top-controls{gap:5px}.top-controls select{width:108px}.phase-chip{min-width:44px;padding-inline:8px;font-size:.9rem}.phase-label{display:none}.layout{grid-template-columns:minmax(0,1fr) minmax(270px,39%);grid-template-rows:minmax(0,1fr);grid-template-areas:"garden side";gap:8px}.side-stack{display:flex;flex-direction:column;min-width:0;min-height:0;grid-area:side}.side-stack>.panel{display:none;flex:1}.side-stack>.panel.active{display:flex}.garden-stage{grid-area:garden;padding:8px}.stage-switch{display:none}.side-route-nav{display:flex;gap:5px;min-height:44px;flex:none}.side-route-nav button{flex:1;min-width:0;padding:4px;font-size:.9rem}.recipe-card{min-height:77px}.actionbar{min-height:68px;flex-wrap:wrap;gap:4px;padding:6px}.actionbar .action-group{gap:4px}.actionbar button{padding:6px 8px;font-size:.89rem}.actionbar select{min-width:100px;max-width:150px}.actionbar .summon-select{min-width:125px}.actionbar .auto-label{max-width:80px;overflow:hidden;font-size:.88rem}.codex-grid,.mutation-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media(max-width:599px){:root{--round: 18px}#app{grid-template-rows:auto minmax(0,1fr) auto;gap:6px;padding:6px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.topbar{min-height:51px;gap:6px;padding:5px 7px;border-radius:17px}.brand{gap:5px;font-size:.96rem}.brand-mark{width:32px;height:32px;font-size:17px}.brand-title{max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:420px){.brand-title{display:none}}@media(max-width:360px){.brand{display:none}.resource-chip{padding-inline:2px}.resource-value{font-size:.7rem}}.resource-row{justify-content:flex-end;gap:3px}.resource-chip{display:flex;flex-direction:column;gap:0;min-width:37px;min-height:39px;padding:3px 4px;border-radius:11px;font-size:.74rem;line-height:1.05}.resource-chip .resource-label{display:none}.resource-icon{font-size:.9rem}.resource-value{font-size:.78rem}.top-controls{gap:4px}.top-controls select{width:63px;min-height:44px;padding:4px 17px 4px 5px;background-position:right 5px center;font-size:.78rem;white-space:nowrap}.top-controls .phase-chip{display:none}.top-controls .icon-button{width:44px;min-height:44px}.layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"garden" "side";gap:6px}.layout[data-panel=recipes]{grid-template-rows:minmax(0,42%) minmax(0,1fr)}.layout[data-panel=codex],.layout[data-panel=settings]{grid-template-rows:minmax(0,1fr);grid-template-areas:"side"}.layout[data-panel=codex] .garden-stage,.layout[data-panel=settings] .garden-stage{display:none}.garden-stage{grid-area:garden;grid-template-rows:minmax(0,1fr) auto;gap:2px;padding:5px;border-radius:18px}.stage-head{display:none}.tank-frame{border-radius:14px}.tank-caption{min-height:20px;padding-inline:4px;font-size:.77rem}.side-stack{display:flex;flex-direction:column;min-height:0;grid-area:side}.side-stack>.panel{display:none;flex:1;padding:8px;border-radius:17px}.side-stack>.panel.active{display:flex}.side-route-nav{display:none}.mobile-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;min-height:51px;padding:4px;border-radius:17px}.mobile-tabs button{min-width:0;min-height:44px;padding:4px;border:0;box-shadow:none;background:transparent;font-size:.84rem}.mobile-tabs button.active{background:#eaf6eb;color:#4b765c;font-weight:800}.actionbar{display:none}.panel-title{font-size:1.06rem}.panel-head,.panel-tools{min-height:34px}.tab-row{padding:2px 0}.tab-button{min-height:44px;padding:4px 7px;font-size:.85rem}.recipe-list{gap:5px}.recipe-card{min-height:60px;grid-template-columns:minmax(0,1fr) auto;gap:4px;padding:5px 7px;border-radius:13px}.recipe-name{font-size:.86rem}.recipe-details{margin-top:1px;font-size:.76rem;line-height:1.12}.recipe-select{width:44px;min-height:44px;padding:4px;font-size:.82rem}.recipe-card .tag{font-size:.74rem}.pager{min-height:39px}.selected-action,.selected-action button,.recipe-achievement{min-height:44px}.codex-grid,.mutation-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:4px}.codex-card,.mutation-card{border-radius:11px;padding:2px}.codex-card img,.codex-card svg{width:min(100%,58px);max-height:54px}.codex-card-name{font-size:.74rem}.codex-footer{min-height:38px}.codex-footer button{min-height:44px;font-size:.82rem}.milestones{gap:3px;padding-top:3px}.milestone{font-size:.74rem;padding:4px 1px}.settings-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.settings-actions button,.settings-actions .file-button{min-height:44px;padding:4px;font-size:.8rem}.setting-row{min-height:44px;padding:3px 7px;font-size:.86rem}.setting-row select{min-height:44px}.inline-settings{gap:5px}.settings-inline-copy{display:none}#recipe-panel{display:none;grid-area:side;padding:8px;border-radius:17px}#recipe-panel.active{display:flex}.side-stack>.merge-panel.active{display:grid;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:6px}.merge-panel .panel-head,.merge-panel .slime-list,.merge-panel>.pager,.merge-panel #merge-selection-count{display:none}.merge-panel .merge-summon,.merge-panel .merge-tools{grid-column:1 / -1}.merge-panel .merge-summon{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,76px) minmax(0,96px);gap:5px}.merge-panel .merge-summon select,.merge-panel .merge-summon button{min-width:0;min-height:44px;font-size:.86rem}.merge-panel .panel-tools,.merge-panel .selected-action{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-height:44px}.merge-panel .panel-tools button,.merge-panel .selected-action button{min-width:0;min-height:44px;padding-inline:4px;font-size:.82rem}.merge-panel .merge-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.merge-tools button,.merge-tools .toggle{min-width:0;justify-content:center;padding-inline:3px;font-size:.74rem;line-height:1.15;white-space:normal;text-align:center}.merge-tools .toggle{gap:3px}.merge-tools .toggle input{width:18px;height:18px;min-width:0;min-height:0}.dialog-shell{width:calc(100vw - 16px);max-height:min(92dvh,740px);border-radius:20px}.dialog-content{max-height:min(92dvh,740px);padding:12px}.upgrade-grid,.decoration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.upgrade-card,.decoration-card{display:grid;align-items:center;gap:2px 5px;padding:6px;font-size:.83rem}.decoration-card{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name action" "cost cost"}.decoration-card strong{grid-area:name}.decoration-card .cost{grid-area:cost;font-size:.74rem;line-height:1.25}.decoration-card button{grid-area:action;width:auto}.upgrade-card{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name level" "desc desc" "action action"}.upgrade-card strong{grid-area:name}.upgrade-card>span{grid-area:level;font-size:.74rem}.upgrade-card p{grid-area:desc;font-size:.74rem;line-height:1.25}.upgrade-card button{grid-area:action}@media(max-height:700px){.upgrade-card p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.upgrade-card button,.decoration-card button{min-height:44px;padding-inline:8px;font-size:.79rem;line-height:1.15}.dialog-head h2{font-size:1.1rem}.dialog-copy{font-size:.86rem;line-height:1.3}.settings-actions button,.settings-actions .file-button{line-height:1.15}.toast-stack{inset:66px 8px auto;align-items:center}.toast{font-size:.88rem}}@media(max-height:740px)and (min-width:600px){#app{gap:6px;padding-block:6px}.topbar{min-height:58px}.layout{gap:7px}.panel{padding-block:8px}.recipe-card{min-height:72px}.actionbar{min-height:64px}.codex-grid,.mutation-grid{grid-auto-rows:minmax(0,1fr)}}@media(max-height:600px)and (max-width:599px){.dialog-content{padding:10px}.dialog-body{gap:5px;padding-top:5px}.upgrade-card,.decoration-card{padding:4px 6px;gap:1px 5px}.decoration-card .cost,.upgrade-card p,.upgrade-card>span{font-size:.7rem}}