:root{--text: #36463f;--muted: #6f827b;--accent: #1aa6a0;--accent-deep: #157e79;--accent2: #f3a01e;--card: #ffffffa8;--card2: #ffffff70;--border: #ffffffbf;--border-soft: #14655814;--owned: #2fa86f;--missing: #ffffff3d;--danger: #e2604f;--shiny: #f0b323;--grad: linear-gradient(135deg, #20b8a6, #169c8f);--shadow: 0 1px 2px #1f5e4a14, 0 6px 18px #1f5e4a12;--shadow-sm: 0 1px 2px #1f5e4a14}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:linear-gradient(180deg,#dcefa0,#c6ead0 48%,#b4e4cd) fixed;color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{max-width:1280px;margin:0 auto;padding:0 12px 48px}.app-header{position:sticky;top:0;z-index:20;display:flex;flex-direction:column;gap:6px;padding:8px 14px 0;margin-bottom:16px;background:#ffffffbf;backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:0 0 18px 18px;box-shadow:var(--shadow)}.header-top{display:flex;align-items:center;gap:12px;min-width:0}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:18px;letter-spacing:.01em;flex:0 0 auto}.brand .logo{color:var(--accent2);font-size:24px;line-height:1}.nav{display:flex;gap:2px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-top:1px solid var(--border-soft)}.nav::-webkit-scrollbar{display:none}.nav-tab{flex:0 0 auto;background:transparent;color:var(--muted);border:none;border-bottom:3px solid transparent;padding:9px 13px 10px;cursor:pointer;font-size:14px;font-weight:600;white-space:nowrap;transition:color .12s,border-color .12s}.nav-tab:hover{color:var(--accent-deep)}.nav-tab.active{color:var(--accent-deep);border-bottom-color:var(--accent)}.savebar{display:flex;align-items:center;justify-content:flex-end;gap:6px 10px;flex-wrap:wrap;margin-left:auto}.save-status{display:flex;flex-wrap:wrap;gap:4px 6px}@media (max-width: 560px){.save-status{display:none}}.stat-chip{display:inline-flex;align-items:baseline;gap:4px;background:#fffc;border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:12px;color:var(--text);white-space:nowrap}.stat-chip .stat-label{color:var(--muted)}.save-menu{position:relative}.save-menu>summary{list-style:none;display:inline-flex;align-items:center;gap:5px}.save-menu>summary::-webkit-details-marker{display:none}.save-menu .caret{display:inline-block;font-size:11px;transition:transform .12s}.save-menu[open]>summary .caret{transform:rotate(180deg)}.save-menu-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:30;display:flex;flex-direction:column;gap:2px;min-width:168px;background:#fffe;backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:14px;padding:6px;box-shadow:var(--shadow)}.menu-item{background:transparent;border:none;border-radius:10px;padding:9px 12px;text-align:left;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;white-space:nowrap}.menu-item:hover{background:#e3f6f4;color:var(--accent-deep)}.btn{background:#ffffffd9;color:var(--text);border:1px solid var(--border);padding:7px 14px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600;box-shadow:var(--shadow-sm);transition:background .12s,box-shadow .12s,transform .04s}.btn:hover{background:#fff;box-shadow:var(--shadow)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--grad);color:#fff;border-color:transparent;font-weight:700}.btn.primary:hover{filter:brightness(1.06)}.btn.link{text-decoration:none;display:inline-block}.btn.tiny{padding:2px 9px;font-size:12px;box-shadow:none}.ctrl{background:#fff;color:var(--text);border:1px solid #c7d8d0;padding:7px 11px;border-radius:999px;font-size:13px;min-width:120px}.ctrl.wide{min-width:220px}.ctrl:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1aa6a033}select.ctrl{border-radius:999px}.toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none}.card{background:var(--card);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:16px;padding:14px;margin-bottom:14px;box-shadow:var(--shadow)}.card h3{margin:0 0 10px;font-size:15px}.muted{color:var(--muted)}.about{max-width:640px}.about-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.about-brand{display:flex;align-items:center;gap:12px}.about-logo{color:var(--accent2);font-size:38px;line-height:1}.about-head h2{margin:0;font-size:20px}.about-head p{margin:2px 0 0}.about-version{background:var(--grad);color:#fff;font-weight:700;font-size:13px;padding:4px 12px;border-radius:999px;box-shadow:var(--shadow-sm)}.about-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.about-item{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.about-item .btn.link{flex:0 0 auto}.about-legal{margin:6px 4px 0}.small{font-size:12px}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.warn{color:#c47d12;font-size:12px}.error{color:var(--danger);white-space:pre-wrap}.badge{background:#fffc;border:1px solid var(--border);border-radius:999px;padding:1px 8px;font-size:11px}.badge.shiny{color:#bd8606;border-color:var(--shiny);background:#fff7e3}.badge.go{color:var(--accent-deep);border-color:#8ed9d2;background:#e3f6f4}.badge.mine{color:var(--owned);border-color:#9bd9bb;background:#e8f7ef}.welcome{background:#ffffffd9;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:12px;padding:10px 12px;margin-bottom:12px;box-shadow:var(--shadow-sm)}.controls{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}.field{display:flex;flex-direction:row;align-items:center;gap:8px}.field-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.field .ctrl{flex:1;min-width:0}.search-nav{display:flex;align-items:center;gap:6px}.search-nav:empty{display:none}.search-info{white-space:nowrap;font-variant-numeric:tabular-nums;min-width:44px;text-align:center}.pgbtn.tiny{width:24px;height:24px;font-size:14px;box-shadow:none}.box-main{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}@media (max-width: 860px){.box-main{grid-template-columns:1fr}}.grid-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.grid-title{display:flex;align-items:center;gap:10px}.box-label{font-weight:700;font-size:15px}.page-of{color:var(--muted);font-size:12px}.dot{font-size:11px;padding:1px 9px;border-radius:999px}.dot.on{background:#e1f6ec;color:#1f9763}.dot.off{background:#fbe7ee;color:#c75a7c}.pgbtn{background:#ffffffd9;border:1px solid var(--border);color:var(--accent-deep);border-radius:999px;width:34px;height:34px;font-size:18px;cursor:pointer;box-shadow:var(--shadow-sm)}.pgbtn:hover{background:#fff}.pgbtn:disabled{opacity:.4;cursor:default}.box-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;background:#ffffff5c;backdrop-filter:blur(6px);padding:12px;border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow)}.cell{position:relative;aspect-ratio:1;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--missing);border:1px solid #ffffff80;cursor:pointer;overflow:hidden}.cell.empty{cursor:default;background:#ffffff1f;border-color:#fff3}.cell.owned{background:radial-gradient(circle at 50% 42%,#fff 24%,#93e0b4);border-color:#36b97d;box-shadow:0 0 0 1.5px #36b97d80,0 2px 6px #1f7a5430}.cell.owned.from-go{background:radial-gradient(circle at 50% 42%,#fff 24%,#98ccf2);border-color:#3897dd;box-shadow:0 0 0 1.5px #3897dd80,0 2px 6px #1f5e8a30}.cell.missing .cell-img{filter:grayscale(1) opacity(.38)}.cell.selected{outline:2px solid var(--accent);outline-offset:1px}.cell-img{width:80%;height:80%;object-fit:contain;image-rendering:-webkit-optimize-contrast}.cell-img.broken{visibility:hidden}.cell-pos{color:#1f5e4a2e;font-size:12px}.cell-no{position:absolute;bottom:2px;left:4px;font-size:9px;color:var(--muted)}.cell-mark{position:absolute;top:2px;right:2px;width:16px;height:16px;object-fit:contain}.cell-mark.inline{position:static;width:18px;height:18px}.cell-forms{position:absolute;top:2px;left:2px;width:17px;height:17px;padding:0;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;font-weight:700;color:var(--accent-deep);background:#fffc;border:1px solid #8ed9d2;border-radius:6px;cursor:pointer;z-index:1}.cell-forms:hover{background:#fff;border-color:var(--accent);color:var(--accent)}.box-sidebar{display:flex;flex-direction:column}.ntc-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ntc-toggle{font-size:11px;color:var(--muted)}.ntc-row{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px;border-radius:12px}.ntc-row:hover{background:#ffffff80}.ntc-img{width:48px;height:48px;object-fit:contain}.ntc-name{font-weight:600}.ntc-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.done{color:#1f9763;font-weight:700}.detail-head{display:flex;gap:12px;align-items:center;margin-bottom:12px}.detail-img{width:72px;height:72px;object-fit:contain;background:radial-gradient(circle at 50% 45%,#fff 28%,#dcf3e6);border-radius:14px}.detail-head h3{margin:0}.edit-form{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.edit-form .ctrl{min-width:0;width:100%}.origin{display:flex;align-items:center;gap:8px;margin-bottom:10px}.origin-icon{width:22px;height:22px;object-fit:contain}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;color:var(--accent-deep);font-weight:700;border-bottom:2px solid #ffffffcc;padding:6px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.03em}.data-table td{padding:7px 8px;border-bottom:1px solid var(--border-soft);vertical-align:middle}.data-table tr:hover td{background:#fff6}.table-wrap .data-table{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;align-items:start}.table-wrap .data-table tbody{display:contents}.table-wrap .data-table .data-head{display:none}.table-wrap .data-table tr{display:block;padding:6px 12px;background:#ffffff8c;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}.table-wrap .data-table tr:hover td{background:transparent}.table-wrap .data-table td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid var(--border-soft);text-align:right}.table-wrap .data-table tr td:last-child{border-bottom:none}.table-wrap .data-table td:empty{display:none}.table-wrap .data-table td[data-label]:before{content:attr(data-label);flex:0 0 auto;text-align:left;color:var(--accent-deep);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.03em}.table-wrap .data-table td.row-actions{justify-content:flex-end}.table-wrap .data-table td.row-actions:before{content:none}.asset-val{display:inline-flex;align-items:center;gap:4px}.src-icon{width:20px;height:20px;object-fit:contain;vertical-align:middle}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:14px}.stat .stat-title{color:var(--muted);font-size:12px}.stat .stat-big{font-size:26px;font-weight:800;margin:4px 0;color:var(--accent-deep)}.bar{position:relative;height:18px;background:#ffffff80;border:1px solid var(--border);border-radius:999px;overflow:hidden;margin:4px 0}.bar-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#20b8a6,#4fca8a)}.bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#0c4032;font-weight:600}.hof-title{display:flex;align-items:center;gap:8px}.hof-roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.hof-mon{background:#ffffff8c;border:1px solid var(--border);border-radius:14px;padding:8px;text-align:center;position:relative}.hof-img{width:64px;height:64px;object-fit:contain}.hof-img.preview{width:40px;height:40px;vertical-align:middle}.hof-name{font-weight:700;font-size:13px}.hof-mon-actions{position:absolute;top:4px;right:4px;display:flex;gap:2px;opacity:0;transition:opacity .12s}.hof-mon:hover .hof-mon-actions{opacity:1}.hof-team-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.hof-team-head .hof-title{margin:0;display:flex;align-items:center;gap:8px}.cook-maker{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.cook-build{min-width:0}.cook-build-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.cook-build-head h3{margin:0}.cook-graph-toggle{display:none}@media (max-width: 1015px){.cook-maker{grid-template-columns:1fr}.cook-graph-toggle{display:inline-flex}.cook-maker.show-graph .cook-build{display:none}.cook-maker:not(.show-graph) .cook-order{display:none}}.picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.picker-title{font-weight:800;color:var(--accent-deep);font-size:14px;text-transform:uppercase;letter-spacing:.03em}.picker-count{font-size:12px;font-weight:700;color:var(--muted);background:#ffffff8c;border:1px solid var(--border);border-radius:999px;padding:2px 10px}.picker-count.full{color:#fff;background:var(--accent);border-color:var(--accent)}.picker-sort{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}.picker-sort-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-right:2px}.sort-chip{font-size:11px;font-weight:700;color:var(--muted);background:#ffffff8c;border:1px solid var(--border);border-radius:999px;padding:3px 10px;cursor:pointer}.sort-chip.on{color:#fff;background:var(--accent);border-color:var(--accent)}.sort-chip.flav-sweet.on{background:#e06aa8;border-color:#e06aa8}.sort-chip.flav-spicy.on{background:#e0614b;border-color:#e0614b}.sort-chip.flav-sour.on{background:#e0a91e;border-color:#e0a91e}.sort-chip.flav-bitter.on{background:#6a7bd0;border-color:#6a7bd0}.sort-chip.flav-fresh.on{background:#3fbf8f;border-color:#3fbf8f}.berry-list{max-height:460px;overflow-y:auto;border:1px solid var(--border);border-radius:14px;background:#ffffff80;padding:4px;margin-bottom:12px}.blist-row{display:grid;grid-template-columns:auto minmax(90px,1.4fr) auto auto;align-items:center;gap:10px;padding:5px 8px;border-radius:10px;border-bottom:1px solid var(--border-soft)}.blist-row:last-child{border-bottom:0}.blist-row.picked{background:#e3f6f4}.blist-berry{display:flex;align-items:center;gap:8px;min-width:0}.blist-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blist-flavs{display:flex;gap:3px}.blist-meta{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.blist-stat{font-size:10px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.blist-step{display:flex;align-items:center;gap:4px}.blist-count{min-width:16px;text-align:center;font-weight:800;color:#c2ccc8;font-variant-numeric:tabular-nums}.blist-count.on{color:var(--accent-deep)}.flav-pill.zero{background:#e7ece9;color:#a7b3ae}@media (max-width: 540px){.blist-row{grid-template-columns:auto 1fr;row-gap:6px}.blist-flavs{grid-column:1 / -1}.blist-meta{grid-column:1 / -1;flex-direction:row;gap:10px;align-items:flex-start}}.cook-totals{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.cook-totals.small .chip{font-size:11px}.chip{display:inline-flex;gap:6px;background:#ffffffb3;border:1px solid var(--border);border-radius:999px;padding:3px 10px}.chip-k{color:var(--muted);text-transform:capitalize}.flav-sweet{border-color:#e06aa8}.flav-spicy{border-color:#e0614b}.flav-sour{border-color:#e0a91e}.flav-bitter{border-color:#6a7bd0}.flav-fresh{border-color:#3fbf8f}.flav-cell{text-align:center;width:52px}.flav-pill{display:inline-block;min-width:26px;padding:1px 7px;border-radius:999px;font-size:11px;font-weight:700;color:#fff}.flav-pill.flav-sweet{background:#e06aa8;border:0}.flav-pill.flav-spicy{background:#e0614b;border:0}.flav-pill.flav-sour{background:#e0a91e;border:0}.flav-pill.flav-bitter{background:#6a7bd0;border:0}.flav-pill.flav-fresh{background:#3fbf8f;border:0}.cook-actions{display:flex;gap:8px}.cook-order{background:#ffffffd9;border:1px solid var(--border);border-radius:16px;padding:12px;box-shadow:var(--shadow-sm)}.order-head{font-weight:800;color:var(--accent-deep);font-size:16px;letter-spacing:.01em;margin-bottom:8px}.order-berries{display:flex;flex-wrap:wrap;gap:4px;min-height:36px;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--border-soft)}.order-berries .berry-img{width:30px;height:30px}.radar-wrap{display:flex;justify-content:center;padding:4px 0 2px}.radar{width:100%;max-width:230px;height:auto;overflow:visible}.radar-ring{fill:none;stroke:#14655822;stroke-width:1}.radar-spoke{stroke:#14655822;stroke-width:1}.radar-area{fill:#1aa6a033;stroke:var(--accent);stroke-width:2;stroke-linejoin:round}.radar-flav{font-size:11px;font-weight:700}.radar-num{font-size:12px;font-weight:800;fill:var(--text)}.order-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.order-stat{background:#ffffff8c;border:1px solid var(--border);border-radius:12px;padding:6px 8px;text-align:center}.order-stat-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.order-stat-val{display:block;font-size:18px;font-weight:800;color:var(--accent-deep)}.order-score{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid var(--border-soft)}.order-score-row{display:flex;flex-direction:column}.order-score-label{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.order-score-val{font-size:22px;font-weight:800;color:var(--accent-deep);line-height:1}.order-stars{font-size:16px;letter-spacing:1px}.order-stars .star{color:#d6dbd9}.order-stars .star.on{color:var(--accent2)}.recipe{background:#ffffff8c;border:1px solid var(--border);border-radius:14px;padding:10px;margin-bottom:8px}.recipe-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.recipe-berries{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.berry-tag{display:inline-flex;align-items:center;gap:4px;background:#fffc;border:1px solid var(--border);border-radius:999px;padding:1px 8px 1px 3px;font-size:11px}.berry-img{width:32px;height:32px;object-fit:contain;image-rendering:-webkit-optimize-contrast}.berry-img.tiny{width:18px;height:18px}.berry-img.broken{visibility:hidden}.berry-cell{width:40px;text-align:center}.add-grid{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.form-foot{display:flex;align-items:center;gap:10px;margin-top:10px}.form-foot .spacer{flex:1}.origin-preview{display:inline-flex;align-items:center;gap:4px}.override-note{white-space:nowrap}.row-actions{display:flex;gap:4px}.profiles-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.add-form{background:var(--card2)}.dev-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dev-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.dev-tabs .btn.active{color:var(--accent-deep);border-color:var(--accent)}.dev-filter{display:flex;align-items:center;gap:10px;margin:10px 0;flex-wrap:wrap}.dev-filter .ctrl{flex:1 1 200px;min-width:0}.dev-pager{display:flex;align-items:center;gap:8px;flex:0 0 auto}.dev-mapping-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media (max-width: 560px){.add-grid .ctrl{flex:1 1 140px;min-width:0}.add-grid .field{flex:1 1 220px;min-width:0}.add-grid .ctrl.wide{flex-basis:100%}.add-grid .toggle{flex:0 0 auto}}.modal-overlay{position:fixed;inset:0;background:#1d4a3a59;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:#fffe;backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:18px;width:100%;max-width:360px;box-shadow:0 20px 60px #1d4a3a33}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border-soft)}.modal-head h3{margin:0;font-size:15px}.modal-body{padding:14px;display:flex;flex-direction:column;gap:10px}.modal-actions{display:flex;gap:8px;flex-wrap:wrap}.modal-actions .btn{flex:1}.btn.icon{padding:2px 8px;line-height:1;box-shadow:none}.qr-wrap{display:flex;justify-content:center;background:#fff;border:1px solid var(--border);border-radius:14px;padding:10px}.qr-canvas{display:block;width:240px;height:240px}.sync-link{word-break:break-all}.sync-status{font-size:12px}.sync-status.ok{color:#1f9763;font-weight:700}