.config-header{margin-bottom:20px}.config-tabs{margin-top:18px;border-bottom:1px solid var(--line);padding-bottom:10px}.config-save{display:flex;flex-wrap:wrap;align-items:center;gap:10px;position:sticky;bottom:0;z-index:5;background:#f4f6f3f5;border-top:1px solid var(--line);padding:16px 0;margin-top:24px;backdrop-filter:blur(10px)}.config-save .error:empty{display:none}.config-save .error{flex-basis:100%}.breed-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.breed-tile{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;padding:10px}.breed-tile.complete{border-color:#8aa96b;background:#f3f8ec}.breed-hit{border:0;padding:0;background:transparent;display:grid;gap:5px;text-align:center;width:100%;color:var(--ink)}.breed-hit:disabled{opacity:1}.tile-picture{display:flex;width:100%;height:84px;align-items:center;justify-content:center;background:#f0f4e9;border-radius:10px;overflow:hidden}.tile-picture img{max-width:100%;max-height:100%;object-fit:contain;padding:5px}.tile-controls{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:10px}.tile-controls button{min-width:36px;padding:4px 7px;font-size:.8rem}.tile-controls button:first-child,.tile-controls button:last-child{font-size:1.1rem}.breed-tile details{margin-top:8px}.breed-tile summary{font-size:.75rem;color:var(--muted);padding:2px}.breed-tile input{padding:4px 6px}.breed-tile small{font-size:.7rem;color:var(--muted)}.breed-hit strong{font-size:.85rem}.owned-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.owned-tile{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;background:white;border:1px solid var(--line);border-radius:12px;padding:12px}.owned-tile .tile-picture{height:64px}.quantity{display:flex;align-items:center;gap:10px}.quantity button{padding:3px 9px}.suit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}.suit-card{display:grid;gap:10px}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.collection-card{display:flex;flex-direction:column;gap:8px;text-align:left;border-radius:14px;padding:16px;background:#eff1ed;color:#667465;border-color:#d9dfd6}.collection-card .tile-picture{filter:grayscale(1);opacity:.48}.collection-card.lit{background:#fff;color:var(--ink);border:2px solid #729344;padding:15px}.collection-card.lit .tile-picture{filter:none;opacity:1;background:#f3f7e7}.collection-card strong{font-size:1rem}.collection-card small{font-size:.75rem}.collection-state{font-size:.75rem;margin-top:auto;padding-top:6px}.collection-card.lit .collection-state{color:#477222;font-weight:600}.plan-card-heading{display:grid;grid-template-columns:85px 1fr auto;gap:18px;align-items:center}.plan-card-heading .item-visual{height:85px;margin:0}.recommend-reason{padding:16px;background:#f1f6eb;border-radius:10px;margin:16px 0;font-size:.9rem}.recommend-reason>b{display:block;margin-bottom:8px}.recommend-lead{display:flex;align-items:center;gap:22px;margin:22px 0}.recommend-lead .item-visual{width:108px;flex:0 0 108px;margin:0;height:108px}.metric{padding:18px;background:#f5f8f0;border-radius:12px;min-width:0}.metric .metric-value{margin:5px 0}.journey-species{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.journey-item{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;border:1px solid var(--line);padding:12px;border-radius:10px}.journey-item .item-visual{height:64px;margin:0}.level-chart{width:100%;height:auto;margin-top:12px}.level-chart text{fill:#64786c;font-family:inherit;font-size:12px}.passive-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.passive-row .item-visual{width:58px;height:58px;flex:0 0 58px;margin:0}.config-save button{min-height:46px}.panel .panel{margin-top:18px}.sidebar nav{gap:6px}.config-tabs button{min-height:44px}
@media(max-width:1180px){.breed-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.owned-grid{grid-template-columns:1fr}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.suit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.sidebar{flex-wrap:wrap}.sidebar nav{margin-left:auto}.sidebar .brand-small{display:none}.config-tabs{gap:3px}.config-tabs button{padding:.5rem .7rem}}
@media(max-width:560px){.sidebar{padding:10px 14px;gap:8px}.sidebar nav{gap:0}.sidebar nav a{font-size:.8rem;padding:7px}.sidebar nav a[aria-current=page]{padding:7px}.brand{font-size:.82rem}.config-header h2{font-size:1.1rem}.config-tabs button{font-size:.83rem;padding:.4rem .6rem}.breed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.breed-tile{padding:7px;border-radius:10px}.breed-hit strong{font-size:.78rem}.breed-hit .small{font-size:.7rem}.tile-picture{height:70px}.tile-controls{gap:2px}.tile-controls button{min-width:25px;min-height:36px;padding:3px 5px;font-size:.7rem}.tile-controls button:first-child,.tile-controls button:last-child{font-size:1rem}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-card{padding:12px}.collection-card.lit{padding:11px}.collection-card strong{font-size:.9rem}.collection-card .small{font-size:.78rem}.suit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.owned-tile{grid-template-columns:45px 1fr;gap:8px;padding:10px}.owned-tile .tile-picture{height:45px}.owned-tile .quantity{grid-column:2}.journey-species{grid-template-columns:1fr}.plan-card-heading{grid-template-columns:60px 1fr auto;gap:10px}.plan-card-heading .item-visual{height:60px}.plan-card-heading h3{font-size:1rem}.recommend-lead{gap:12px}.recommend-lead .item-visual{width:68px;height:76px;flex-basis:68px}.recommend-lead h2{font-size:1.1rem}.recommend-lead p{font-size:.85rem}.config-save{padding:12px 0}.config-save button{font-size:.85rem;padding:8px 10px}.recommend-reason{padding:12px}.level-chart{min-height:160px}.panel .metric-grid{gap:10px}.metric{padding:14px}.form-grid label{min-width:0}}

.why-button{border-radius:50%;width:30px;height:30px;min-height:30px;padding:0;display:inline-grid;place-items:center;border:1px solid #9fb08e;background:#f0f5e8;color:#174b36;font-size:16px;vertical-align:middle}.why-button:hover{background:#dceacb}.plan-card-heading{grid-template-columns:85px 1fr auto auto}.buff-trigger{position:fixed;right:20px;bottom:22px;z-index:20;border:1px solid #b0c097;border-radius:25px;background:#fff;box-shadow:0 4px 18px #102d191a;padding:10px 18px}.buff-summary{position:fixed;z-index:22;right:20px;top:85px;width:min(370px,calc(100vw - 32px));max-height:75vh;overflow:auto;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 45px #20352025;background:#fff;padding:20px}.buff-summary[hidden]{display:none}.buff-list .kv{font-size:.85rem;gap:18px}.comparison-chart{width:100%;height:auto;max-height:400px}.comparison-chart text{font:12px system-ui;fill:#526858}.basket-summary{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.basket-summary span{display:grid;padding:12px 20px;border:1px solid var(--line);border-radius:10px;font-size:.85rem;gap:6px}.basket-summary b{color:var(--green);font-size:1.2rem}.app-footer{padding-bottom:65px}#target-wrap>label{height:100%}.plan-controls:has(#goal-family){grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
@media(max-width:560px){.buff-trigger{right:12px;bottom:14px;padding:9px 13px;font-size:.8rem}.buff-summary{right:16px;top:65px}.plan-card-heading{grid-template-columns:60px 1fr auto auto;gap:7px}.why-button{width:27px;height:27px;min-height:27px}}

.economic-tag{display:block;color:#c69127;font-size:.76rem;font-weight:700;margin:4px 0}html[data-theme=dark] .economic-tag{color:#ecc676}.fill-animal{grid-column:1/-1;font-size:.8rem}.owned-tile{flex-wrap:wrap}.level-chart .grid{stroke:var(--line,#40544d);stroke-width:1}.level-chart .route{stroke:#78b994;stroke-width:3;fill:none}

@media(max-width:560px){body:has(#profile-form) .buff-trigger{bottom:82px}.config-save{flex-wrap:wrap;gap:6px}.config-save .primary{flex:1 1 100%}.config-save button{min-width:0}}

.split>*{min-width:0}.table-wrap{max-width:100%}@media(max-width:560px){body:has(#profile-form) .buff-trigger{bottom:145px}}