#accessory-growth-window{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 100px);overflow:auto;background:linear-gradient(140deg,#201d19,#101216 70%);border-color:#796244;color:#eee4d4}
#accessory-growth-window .window-title{background:linear-gradient(90deg,#483323,#262a31)}
.accessory-growth-body{padding:14px;display:grid;gap:14px}.accessory-growth-configuration{margin:0;padding:8px 12px;border:1px solid #6d5a32;background:#302719;color:#e6c777;font-size:12px}
.accessory-growth-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:14px}.accessory-growth-selection h3,.accessory-growth-workbench h3{margin:0 0 8px;font-size:13px;color:#d8b986}
.accessory-growth-targets{display:grid;gap:5px;max-height:410px;overflow:auto}.accessory-growth-target{display:flex;align-items:center;gap:6px;padding:6px;text-align:left;background:#191b20;border:1px solid #464443;color:#e9e1d5;min-width:0}.accessory-growth-target>span{min-width:0}.accessory-growth-target strong{display:block;font-size:12px;overflow-wrap:anywhere}.accessory-growth-target small{display:block;font-size:10px;color:#bdb6a7;margin-top:3px}.accessory-growth-target canvas,.accessory-growth-material canvas,.accessory-growth-card-title canvas,.accessory-growth-booster canvas{width:40px;height:40px;flex:none;image-rendering:pixelated}.accessory-growth-target.chosen{border-color:#d3ad66;background:#332c23;box-shadow:inset 0 0 0 1px #9b793c}
.accessory-growth-comparison{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);align-items:start;gap:7px}.accessory-growth-item-card{padding:10px;background:#15191f;border:1px solid #4a453b;border-radius:5px;min-width:0}.accessory-growth-item-card>small{color:#bfa77d;font-size:11px}.accessory-growth-card-title{display:flex;gap:5px;align-items:center;min-height:46px}.accessory-growth-card-title strong{font-size:13px;overflow-wrap:anywhere}.accessory-growth-arrow{align-self:center;color:#e2bd7d;font-size:19px}.accessory-growth-item-level{font-size:11px;color:#aeb5c4;margin:5px 0 10px}.accessory-growth-base-effects,.accessory-growth-total dl{margin:4px 0;font-size:11px}.accessory-growth-base-effects div,.accessory-growth-total dl div{display:flex;justify-content:space-between;gap:6px;margin:5px 0}.accessory-growth-base-effects dd,.accessory-growth-total dd{margin:0;color:#f5d9a3;white-space:nowrap}.accessory-growth-investment{color:#99bba9;font-size:11px;line-height:1.5}.accessory-growth-total{margin-top:8px;font-size:11px}.accessory-growth-total summary{cursor:pointer;color:#bab7af}
.accessory-growth-preservation{font-size:11px;line-height:1.6;color:#a9c4b1;background:#1a2922;padding:8px 10px;margin:10px 0}.accessory-growth-materials{display:grid;gap:5px}.accessory-growth-material{display:flex;align-items:center;gap:7px;background:#191a20;padding:4px 7px;border:1px solid #41433c;font-size:11px}.accessory-growth-material strong{flex:1}.accessory-growth-material.insufficient{border-color:#804c48;color:#edada7}.accessory-growth-boosters{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.accessory-growth-booster{display:flex;flex-direction:column;align-items:center;gap:4px;background:#1c1d23;border:1px solid #4a4541;color:#d9d5cf;padding:8px;font-size:11px;flex:1;min-width:110px}.accessory-growth-booster[aria-pressed=true]{border-color:#cbac79;background:#342c23}.accessory-growth-booster small{font-size:10px;color:#b6b2be}.accessory-growth-chance{font-size:14px;color:#f0d9a5;font-weight:700;margin:12px 0 4px}.accessory-growth-pity{font-size:12px;color:#c5bdaf;margin:4px 0}.accessory-growth-progress{width:100%;height:7px;accent-color:#d1ac65}.accessory-growth-reason{font-size:12px;color:#d5b7a2;line-height:1.6;min-height:20px}.accessory-growth-actions{display:flex;gap:8px}.accessory-growth-actions button{flex:1;min-height:36px}.accessory-growth-set{padding:8px 10px;margin-top:6px;background:#1e2229;border:1px solid #434249;font-size:11px}.accessory-growth-set strong{color:#ccb88b}.accessory-growth-set p{margin:4px 0}.accessory-growth-set-note{display:block;font-size:11px;line-height:1.6;color:#a7a8b0;margin:8px 0}.accessory-growth-result{border-radius:5px;margin-top:10px;padding:10px;font-size:12px;line-height:1.6}.accessory-growth-result:empty{display:none}.accessory-growth-result[data-outcome=success]{background:#193126;color:#ceecd6;border:1px solid #72884e}.accessory-growth-result[data-outcome=failure]{background:#302327;color:#e2bec2;border:1px solid #785451}.accessory-growth-result p{margin:4px 0}.accessory-growth-result small{display:block;color:#c0b5ad}.accessory-growth-empty{font-size:12px;line-height:1.7;color:#aba79f}#accessory-growth-window button:disabled{opacity:.5;cursor:default}
#accessory-growth-window[data-phase=working] .accessory-growth-arrow{animation:accessoryGrowthWorking .8s ease-in-out infinite}#accessory-growth-window[data-phase=success] .accessory-growth-result{animation:accessoryGrowthSuccess .9s ease-out}#accessory-growth-window[data-phase=failure] .accessory-growth-result{animation:accessoryGrowthFailure .4s ease-out}
@keyframes accessoryGrowthWorking{50%{color:#fff4d0;filter:drop-shadow(0 0 5px #edba60);transform:scale(1.2)}}@keyframes accessoryGrowthSuccess{0%{box-shadow:0 0 22px #d5b46b;transform:translateY(-2px)}100%{box-shadow:0 0 0 transparent;transform:translateY(0)}}@keyframes accessoryGrowthFailure{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@media(max-width:650px){#accessory-growth-window{max-height:calc(100dvh - 28px)}.accessory-growth-layout{grid-template-columns:1fr}.accessory-growth-targets{max-height:140px;grid-template-columns:repeat(2,minmax(0,1fr))}.accessory-growth-body{padding:10px}.accessory-growth-card-title{display:block}.accessory-growth-card-title canvas{display:block;margin-bottom:4px}.accessory-growth-item-card{padding:8px}.accessory-growth-base-effects div{font-size:10px}.accessory-growth-material strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){#accessory-growth-window *{animation:none!important;transition:none!important}}

#accessory-growth-window .accessory-growth-actions button{min-height:44px;padding:9px 12px;border:1px solid #a28655;background:#4a3925;color:#f7ead0;font:inherit}
#accessory-growth-window .accessory-growth-actions button:not(:disabled):hover{background:#61492d;border-color:#d6b67d}
#accessory-growth-window .accessory-growth-actions button:disabled{background:#171a20;color:#b1afa6;border-color:#444950;opacity:.65}