*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}:root{--paper: #f4ecd8;--paper-warm: #eee1bd;--ink: #2a3825;--ink-muted: #5a6a52;--olive: #6a7a3a;--olive-dark: #3f4f20;--bark: #5a3f22;--accent: #c85a2a}html,body{width:100%;height:100%;overflow:hidden;background:#2f4a26;font-family:Work Sans,system-ui,-apple-system,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;touch-action:manipulation;overscroll-behavior:none}#app{width:100vw;height:100vh;display:block}canvas{display:block;width:100%;height:100%;touch-action:none}.fly-layer{position:fixed;inset:0;pointer-events:none;z-index:20;overflow:hidden}.fly-fruit{position:absolute;top:0;left:0;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;will-change:transform,opacity}.panel{position:fixed;top:1.25rem;left:1.25rem;bottom:1.25rem;width:10.5rem;z-index:10;display:flex;flex-direction:column;gap:.75rem;padding:.8rem .8rem 1rem;border:1px solid rgba(90,106,82,.35);border-radius:14px;background-color:var(--paper);background-image:radial-gradient(rgba(90,74,40,.09) 1px,transparent 1px),radial-gradient(rgba(60,50,25,.05) 1px,transparent 1px),linear-gradient(180deg,var(--paper) 0%,var(--paper-warm) 100%);background-size:3px 3px,7px 7px,auto;background-position:0 0,2px 2px,0 0;box-shadow:0 24px 48px -12px #0a14088c,0 4px 10px -2px #0a140859,inset 0 1px #ffffff8c,inset 0 -1px #5a4a281f}.panel:before{content:"";position:absolute;inset:4px;border:1px dashed rgba(90,106,82,.28);border-radius:10px;pointer-events:none}.panel-tabs{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:2px;background:#5a4a2814;border-radius:8px;position:relative;z-index:1}.panel-tab{appearance:none;font:inherit;font-family:Fraunces,Georgia,serif;font-weight:500;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted);padding:.5rem .3rem;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:color .14s ease,background .14s ease,box-shadow .14s ease;font-variation-settings:"opsz" 36}.panel-tab--active{color:var(--olive-dark);background:linear-gradient(180deg,#fffaea,#f0e3b6);box-shadow:0 2px 4px -1px #141e0f33,inset 0 1px #fff9,0 0 0 1px #6a7a3a59}.panel-tab:focus-visible{outline:2px solid var(--olive);outline-offset:2px}@media(hover:hover)and (pointer:fine){.panel-tab:hover{color:var(--olive-dark)}}.panel-view{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:.55rem}.panel-view[hidden]{display:none}.cat-list{list-style:none;display:flex;flex-direction:column;gap:.35rem;padding:0 2px;margin:0;flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(90,106,82,.35) transparent;mask-image:linear-gradient(180deg,transparent 0,#000 8px,#000 calc(100% - 8px),transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8px,#000 calc(100% - 8px),transparent 100%)}.cat-list::-webkit-scrollbar{width:6px}.cat-list::-webkit-scrollbar-thumb{background:#5a6a5259;border-radius:3px}.cat__header{appearance:none;font:inherit;color:inherit;width:100%;display:flex;align-items:center;gap:.4rem;padding:.5rem .45rem;border:1px solid rgba(90,106,82,.25);background:#fff9e880;border-radius:9px;cursor:pointer;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease}.cat__header--open{background:#e8e2c6d9;border-color:#6a7a3a80;box-shadow:0 2px 6px -2px #141e0f33}@media(hover:hover)and (pointer:fine){.cat__header:hover{background:#fffcf0d9;border-color:#6a7a3a73}}.cat__header:focus-visible{outline:2px solid var(--olive);outline-offset:2px}.cat__icon{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.cat__icon svg{width:100%;height:100%;display:block}.cat__name{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:.88rem;flex:1;text-align:left;color:var(--ink);font-variation-settings:"opsz" 24}.cat__chevron{width:12px;height:12px;flex-shrink:0;color:var(--ink-muted);transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.cat__chevron svg{width:100%;height:100%;display:block}.cat__header--open .cat__chevron{transform:rotate(90deg)}.cat__seeds{list-style:none;display:flex;flex-direction:column;gap:.35rem;padding:.35rem 0 0 .3rem;margin:0;border-left:2px solid rgba(106,122,58,.25);margin-left:.65rem}.cat__seeds[hidden]{display:none}.cat__seeds .card{padding:.45rem .35rem .4rem}.cat__seeds .card__icon{width:36px;height:36px}.cat__seeds .card__name{font-size:.85rem}.card-list{list-style:none;display:flex;flex-direction:column;gap:.55rem;padding:0 2px;margin:0;flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(90,106,82,.35) transparent;mask-image:linear-gradient(180deg,transparent 0,#000 8px,#000 calc(100% - 8px),transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8px,#000 calc(100% - 8px),transparent 100%)}.card-list--actions{flex:0 0 auto;overflow:visible;mask-image:none;-webkit-mask-image:none}.card-list::-webkit-scrollbar{width:6px}.card-list::-webkit-scrollbar-thumb{background:#5a6a5259;border-radius:3px}.card{appearance:none;font:inherit;color:inherit;border:1px solid rgba(90,106,82,.3);background:#fff9e8b3;border-radius:10px;padding:.65rem .4rem .55rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:.35rem;cursor:pointer;position:relative;transition:transform .16s cubic-bezier(.34,1.2,.64,1),box-shadow .16s ease,background .16s ease,border-color .16s ease}.card:focus-visible{outline:2px solid var(--olive);outline-offset:2px}.card--active{background:linear-gradient(180deg,#f7ecc8,#e9dca8);border-color:var(--olive);box-shadow:0 0 0 1px var(--olive),0 8px 16px -4px #141e0f4d,inset 0 0 22px #6a7a3a33;transform:translateY(-1px)}.card--active:after{content:"";position:absolute;right:-5px;top:50%;width:10px;height:10px;background:var(--olive);border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 2px var(--paper)}.card__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center}.card__icon svg{width:100%;height:100%;display:block;filter:drop-shadow(0 1px 1px rgba(40,30,10,.25))}.card__name{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:.95rem;letter-spacing:.02em;color:var(--ink);font-variation-settings:"opsz" 20,"SOFT" 50}@media(hover:hover)and (pointer:fine){.card:hover{transform:translateY(-2px);background:#fffcf0eb;border-color:#6a7a3a8c;box-shadow:0 6px 14px -4px #141e0f40}}.inventory{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;gap:.3rem;padding-top:.5rem;border-top:1px solid rgba(90,106,82,.3)}.inventory[hidden]{display:none}.inventory__title{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--olive-dark);font-variation-settings:"opsz" 36;margin-bottom:.1rem}.inventory__list{list-style:none;display:flex;flex-direction:column;gap:.2rem;padding:0;margin:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(90,106,82,.35) transparent}.inventory__list::-webkit-scrollbar{width:4px}.inventory__list::-webkit-scrollbar-thumb{background:#5a6a5259;border-radius:2px}.inventory__row{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:.45rem;padding:.22rem .35rem;border-radius:6px;font-size:.82rem}.inventory__row[hidden]{display:none}.inventory__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.inventory__icon svg{width:100%;height:100%;display:block;filter:drop-shadow(0 1px 0 rgba(40,30,10,.18))}.inventory__name{font-family:Fraunces,Georgia,serif;font-weight:500;color:var(--ink);font-size:.88rem;font-variation-settings:"opsz" 20}.inventory__count{font-family:Work Sans,sans-serif;font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink);font-size:.88rem;min-width:1.4em;text-align:right;display:inline-block;transition:color .2s ease}.panel-footer{flex:0 0 auto;padding-top:.65rem;border-top:1px solid rgba(90,106,82,.3);margin-top:auto}.clear-btn{appearance:none;font:inherit;font-family:Fraunces,Georgia,serif;font-weight:500;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);width:100%;padding:.55rem .5rem;border:1px solid rgba(90,106,82,.3);border-radius:8px;background:#fff9e873;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .12s ease}.clear-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.clear-btn--confirm{background:linear-gradient(180deg,#f4d8b0,#e8b878);border-color:var(--accent);color:#5a2010;font-weight:600;letter-spacing:.12em;animation:clear-pulse 1.2s ease-in-out infinite}@media(hover:hover)and (pointer:fine){.clear-btn:hover{background:#f5e4c4d9;border-color:#b85a288c;color:var(--accent)}}@keyframes clear-pulse{0%,to{box-shadow:0 0 #c85a2a59}50%{box-shadow:0 0 0 5px #c85a2a00}}