.enemy-health-bars{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.wave-preflight{position:absolute;top:66px;right:12px;z-index:4;display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:calc(100% - 24px)}
.wave-preflight .quick-wave{position:static}.wave-preview{min-height:44px;max-width:340px;padding:8px 12px;border:1px solid #a4c6a878;border-radius:8px;background:#0c3a34ef;color:#dcecc9;text-align:left;font:11px/1.4 Arial,sans-serif;cursor:pointer}.wave-preview:hover{background:#245747}
.recipe-goal{display:flex;align-items:center;gap:4px;border-bottom:1px solid #c2a3ef55;padding-bottom:4px;min-width:0}.goal-open{flex:1;min-width:0;display:flex;align-items:center;gap:7px;min-height:44px;padding:0 4px;border:0;background:transparent;text-align:left;color:#e3d7ff;cursor:pointer}.goal-open img{width:30px;height:32px;object-fit:contain}.goal-open span{min-width:0}.goal-open small{display:block;font-size:9px;color:#c6b7da}.goal-open b{display:block;font:15px Georgia,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-clear{width:44px;height:44px;flex:0 0 44px;border:0;background:none;color:#d6c8e9;font-size:23px;cursor:pointer}
.recipe-row .recipe-goal-toggle{min-height:44px;padding:7px 10px;border:1px solid #ad93d57a;border-radius:6px;background:#3d335a55;color:#d8c7ef;font:11px Arial,sans-serif;cursor:pointer}.recipe-row .recipe-goal-toggle[aria-pressed=true]{background:#6c4c923f;border-color:#d8b7ff;color:#efddff}.recipe-row.goal-recipe{outline:1px solid #ba97e9;outline-offset:2px}.recipe-component.goal-component{position:relative;border-color:#b69cde}.recipe-component.goal-component::before{content:'⚑';position:absolute;left:3px;top:3px;color:#d7b9ff;font-size:14px;line-height:1;pointer-events:none}
.mobile-game .draft-slot.for-goal{outline:1px solid #d7b5ff;outline-offset:1px}.draft-goal{position:absolute;bottom:2px;left:3px;color:#e1c6ff;font-size:13px;text-shadow:0 1px 2px #152d2f}.draft-map-marker.goal{border-color:#dab8ff;background:#49345cf5;color:#f0dfff}.draft-map-marker.goal.favorite{border-color:#ffe2a3;background:#624a1bf5;color:#ffe6a5}
.action-dock.has-preview> :not(#synthesis-preview){display:none!important}.action-dock.has-preview{display:block}.synthesis-preview{color:#d6e6cd}.preview-heading{display:flex;gap:10px;align-items:center}.preview-heading>img{width:56px;height:58px;object-fit:contain}.preview-heading>div{flex:1;min-width:0}.preview-heading small{display:block;font-size:10px;color:#bad7c7}.preview-heading b{display:block;font:21px Georgia,serif;color:#ffe1a4;overflow-wrap:anywhere;margin:3px 0}.preview-heading span{font-size:11px;color:#d4e7d4}.preview-ingredients{display:flex;align-items:center;gap:5px;margin:7px 0;flex-wrap:wrap}.preview-ingredients>span{position:relative;flex:0 0 38px;height:40px;border:1px solid #ddc3877a;border-radius:5px;background:#244735}.preview-ingredients img{width:35px;height:35px;object-fit:contain}.preview-ingredients small{position:absolute;bottom:1px;right:2px;font:8px Arial,sans-serif;color:#fff0c5}.preview-ingredients p{flex:1;min-width:80px;font-size:10px;line-height:1.5;color:#c3d5bf}.preview-buttons{display:flex;gap:8px}.preview-buttons button{min-height:44px;flex:1;border:1px solid #8db59e66;border-radius:6px;background:#1d4b40;color:#d5e9d5;font:12px Arial,sans-serif;cursor:pointer}.preview-buttons [data-confirm-synthesis]{background:#e5bd6e;border-color:#ffe0a1;color:#183b2c;font-weight:600}.preview-buttons button:focus-visible{outline:2px solid #a1eee1;outline-offset:2px}
.synthesis-map-markers{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3}.synthesis-map-marker{position:absolute;left:0;top:0;border:1px solid #ffdc82;border-radius:5px;background:#624718f5;color:#ffedb2;padding:4px 6px;white-space:nowrap;font:600 10px Arial,sans-serif;box-shadow:0 2px 4px #10292888}.synthesis-map-marker::after{content:'';position:absolute;bottom:-7px;left:50%;height:6px;width:1px;background:currentColor}.synthesis-map-marker.result{border-color:#ffffff;background:#164c44;color:#ffffff;outline:1px solid #fff;outline-offset:2px}.synthesis-map-marker.discard{border-color:#a8b8b0;background:#29413df2;color:#c2d4ca;font-size:9px}.wave-properties{color:#bfdbc1!important;font-size:12px!important}
@media(max-height:500px) and (orientation:landscape){.wave-preflight{top:60px;left:12px;flex-direction:row;justify-content:flex-end;align-items:stretch}.wave-preview{max-width:360px}.recipe-goal{grid-column:1/-1}.action-dock.has-preview{display:block}.synthesis-preview{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.preview-heading>img{height:46px;width:46px}.preview-heading b{font-size:18px}.preview-ingredients{margin:0}.preview-buttons{grid-column:1/-1}.preview-buttons button{min-height:40px}}
@media(max-width:370px){.wave-preview{font-size:10px;padding:7px 10px}.preview-heading b{font-size:19px}.preview-ingredients>span{flex-basis:33px;height:36px}.preview-ingredients img{width:30px;height:31px}}

.synthesis-map-marker{min-width:24px;padding:4px;text-align:center;font-size:11px}.synthesis-map-marker.discard{font-size:11px}.preview-ingredients>span>b{position:absolute;top:1px;left:2px;font:8px Arial,sans-serif;color:#e8eacb}.preview-legend{margin:2px 0 7px;font:9px/1.4 Arial,sans-serif;color:#b9cfbb}.previewing .phase-chip{visibility:hidden}@media(max-width:600px){.phase-chip{max-width:calc(100% - 206px);white-space:normal;line-height:1.3;text-align:center}}@media(max-height:500px) and (orientation:landscape){.preview-legend{grid-column:1/-1;margin:0}}

.synthesis-map-marker::after{height:var(--marker-tail,6px);bottom:calc(-1 * var(--marker-tail,6px))}

.preview-anchor-hint{margin:5px 0;color:#c9dcc5;font:11px/1.4 Arial,sans-serif}
.preview-ingredients{gap:5px;max-height:132px;overflow-y:auto;overscroll-behavior:contain;padding:2px}
.preview-anchor-choice{position:relative;display:grid;place-items:center;flex:0 0 48px;width:48px;height:60px;min-width:44px;min-height:44px;padding:3px 2px 15px;border:1px solid #9dbba477;border-radius:7px;background:#234a3b;color:#e8efcd;cursor:pointer}
.preview-anchor-choice>img{display:block;width:35px;height:37px;object-fit:contain;pointer-events:none}
.preview-anchor-choice>b{position:absolute;top:2px;left:3px;color:#eee0ac;font:10px/1 Arial,sans-serif;pointer-events:none}
.preview-anchor-choice>small{position:absolute;left:0;right:0;bottom:3px;text-align:center;color:#c6ddc5;font:9px/1 Arial,sans-serif;pointer-events:none}
.preview-anchor-choice.chosen{border-color:#fff0b0;background:#557047;box-shadow:0 0 0 1px #fff0b0;color:#fff9de}
.preview-anchor-choice.chosen>b{color:#fff7c7;font-size:12px}
.preview-anchor-choice:focus-visible{outline:2px solid #98efe2;outline-offset:2px}
.synthesis-map-marker.choice{border-color:#84e0d3;background:#184b47;color:#c5fff3}
@media(max-height:500px) and (orientation:landscape){.synthesis-preview{grid-template-areas:"heading choices" "hint choices" "legend buttons"}.preview-heading{grid-area:heading}.preview-anchor-hint{grid-area:hint;margin:1px 0}.preview-ingredients{grid-area:choices;max-height:105px}.preview-legend{grid-area:legend}.preview-buttons{grid-area:buttons}.preview-buttons button{min-height:44px}.preview-anchor-choice{height:48px;flex-basis:46px;width:46px}.preview-anchor-choice>img{height:29px;width:30px}}

.recipe-row .recipe-ability{color:#f1c38d;font-size:11px;line-height:1.5;margin-top:5px}
.goal-upgrade-plan{margin:10px 0;padding:9px;border:1px solid #c5a7ea66;border-radius:7px;background:#53406b20;min-width:0}.goal-upgrade-plan>summary{min-height:36px;color:#dbc5f3;font:12px/1.5 Arial,sans-serif;cursor:pointer;overflow-wrap:anywhere}.goal-upgrade-row{display:flex;gap:8px;padding:8px 0;border-top:1px solid #b49bc333;min-width:0}.goal-upgrade-row>img{width:35px;height:40px;object-fit:contain;flex:0 0 35px}.goal-upgrade-row>div{min-width:0}.goal-upgrade-row b{font:13px Georgia,serif;color:#e2ddc4}.goal-upgrade-row small{display:block;margin:3px 0;color:#c9b2e4;font-size:10px}.goal-upgrade-row p,.recipe-row .goal-upgrade-note{margin:4px 0;color:#b9ccbf;font:11px/1.55 Arial,sans-serif;overflow-wrap:anywhere}.goal-upgrade-row[data-upgrade-state=available] small{color:#b3e3d9}.recipe-row .goal-next-step{width:100%;margin-top:7px;white-space:normal;overflow-wrap:anywhere}.mobile-game .draft-slot.for-goal-upgrade{outline-style:dashed}.for-goal-upgrade .draft-goal{color:#b5e5e9;font-weight:bold;font-size:16px}.draft-map-marker.goal-upgrade{border-style:dashed;color:#d4eff3}.stock-for-goal{outline:1px solid #c3a4e8;outline-offset:-1px;position:relative}.stock-goal-mark{color:#dac0f4;font-weight:bold;flex:0 0 14px}.stock-for-goal[data-goal-kind=upgrade] .stock-goal-mark,.stock-for-goal[data-goal-kind=candidate] .stock-goal-mark{color:#b7e7e8}.base-grade-grid>div.base-for-goal{border-color:#bfa4d9;background:#51426722}.base-goal-mark{color:#d9bdef;font-size:14px;flex:0 0 12px}
.recipe-goal{display:block;max-width:100%}.goals-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#dcc9ef;font:10px/1.5 Arial,sans-serif;margin-bottom:3px}.goals-heading small{color:#e4c486;font-size:9px;text-align:right}.goal-list{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a78bb6 transparent;min-width:0;max-width:100%;padding-bottom:2px}.goal-chip{display:flex;align-items:center;flex:0 0 238px;max-width:100%;min-width:0;border:1px solid #bc9bda50;border-radius:7px;padding-left:3px}.goal-chip:only-child{flex:1}.goal-chip.shared-goal{border-color:#c9a76e77}.goal-chip .goal-open{min-width:0;padding:2px 3px}.goal-chip .goal-open span{min-width:0;flex:1}.goal-chip .goal-open b{font-size:14px}.goal-chip .goal-open small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.goal-chip .goal-clear{min-width:44px;min-height:44px}.recipe-row .goal-sharing-note{padding:8px;border:1px solid #e1bf7755;border-radius:6px;color:#e2cea2;background:#8063221c;font:11px/1.55 Arial,sans-serif;overflow-wrap:anywhere}.book-quick-row #book-goals{border:1px solid #b497d577;color:#d9c4ef;background:#59436816}.book-quick-row #book-goals[aria-pressed=true]{border-color:#d9bcf3;background:#76539a40}.book-quick-row{gap:4px}.stock-goal-mark{flex-basis:20px}
@media(max-width:370px){.goal-chip{flex-basis:222px}.goals-heading{font-size:9px}.goals-heading small{font-size:8px}.book-quick-row>button{font-size:10px;padding-left:5px;padding-right:5px}}