.echo-abyss-scene{position:relative;width:100%;height:100%;background:url('../assets/worldmap/echo-abyss-scene-v02/background.webp') center/100% 100% no-repeat;image-rendering:pixelated}
.echo-abyss-scene__point{position:absolute;border:0;padding:0;background:none;cursor:pointer;outline:1px solid #d7bd7180;outline-offset:3px}
.echo-abyss-scene__point svg{display:block;width:100%;height:auto;image-rendering:pixelated;overflow:visible;transform-origin:50% 100%;transition:transform 180ms ease-out}
.echo-abyss-scene__rift{left:17.7033%;top:4.6809%;width:32.5359%}
.echo-abyss-scene__forge{left:64.1148%;top:20.4255%;width:29.1866%}
.echo-abyss-scene__point:not(:disabled):hover,.echo-abyss-scene__point:focus-visible{outline:2px solid #d7bd71;outline-offset:4px;z-index:2}
.echo-abyss-scene__point:not(:disabled):hover svg,.echo-abyss-scene__point:not(:disabled):focus-visible svg{transform:scale(1.08)}
.echo-abyss-scene__point:disabled{cursor:not-allowed;outline-color:#93958b80}
.echo-abyss-scene__point:disabled svg{filter:grayscale(1) brightness(.55);opacity:.65}
.echo-abyss-scene__label{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);background:var(--tex-weave),var(--panel);border:1px solid var(--ui-border-strong);color:var(--ui-text);padding:6px 20px;white-space:nowrap;font:clamp(15px,2vw,25px) Georgia,serif}
.echo-abyss-scene__summary{position:absolute;left:3%;bottom:3.5%;display:flex;gap:8px;flex-wrap:wrap;pointer-events:none}
.echo-abyss-scene__chip{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 12px;background:var(--tex-weave),var(--panel);border:1px solid var(--ui-border);border-radius:4px;color:var(--ui-text-dim);font:clamp(10px,1vw,13px) Georgia,serif}
.echo-abyss-scene__chip b{color:var(--ui-gold);font-size:clamp(12px,1.25vw,16px)}
[data-fx="off"] .echo-abyss-scene__point svg,[data-fx="reduced"] .echo-abyss-scene__point svg{transition:none;transform:none!important}
@media(prefers-reduced-motion:reduce){.echo-abyss-scene__point svg{transition:none!important;transform:none!important}}

.echo-forge{padding:14px 16px 18px;color:var(--ui-text);max-width:1040px;margin:0 auto}
.echo-forge--locked{text-align:center;color:var(--ui-text-dim);font-size:.9rem;line-height:1.6;padding:28px 14px}
.echo-forge__resources{display:flex;justify-content:center;gap:8px;margin:0 0 20px}
.echo-forge__rescard{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:132px;min-height:96px;box-sizing:border-box;padding:9px 14px;background:var(--tex-weave),var(--panel);border:1px solid var(--ui-border);border-radius:4px}
.echo-forge__rescard .ic{width:28px;height:28px}
.echo-forge__rescard .ic svg,.echo-forge__rescard .ic img{width:100%;height:100%;display:block;image-rendering:pixelated}
.echo-forge__rescard .nm{color:var(--ui-text-dim);font-size:.64rem;font-weight:700}
.echo-forge__rescard .amt{color:var(--ui-text);font-size:.95rem;font-weight:800}
.echo-forge__toolbar{display:flex;flex-direction:column;gap:6px;margin:0 0 18px}
.echo-forge__toolbar .sect-toolbar{margin:0}
.echo-forge__tabs,.echo-forge__subfilter{flex-wrap:wrap;width:fit-content;max-width:100%}
.echo-forge__count{font-size:.85em;color:var(--ui-text-dim)}
.echo-forge__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px}
.echo-forge__item .item-card__body{display:flex;flex-direction:column;gap:8px}
.echo-forge__item .item-card__footer{display:flex;flex-direction:column;gap:6px}
.echo-forge__tier{display:flex;align-items:baseline;gap:8px}
.echo-forge__tier span{font-size:.7rem;color:var(--ui-text-dim);font-weight:700}
.echo-forge__tier b{font-size:1.2rem;color:var(--ui-gold)}
.echo-forge__tier .echo-forge__asc{margin-left:auto;color:var(--ink-jade-2);font-weight:400;font-size:.78rem}
.echo-forge__progress{height:9px;border:1px solid var(--ui-border);border-radius:3px;background:var(--panel-2);overflow:hidden}
.echo-forge__progress i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--ink-jade),var(--ui-gold))}
.echo-forge__progress-label{font-size:.7rem;color:var(--ui-text-dim);text-align:right;margin-top:-4px}
.echo-forge__stats{display:flex;flex-wrap:wrap;gap:6px}
.echo-forge__stats span{display:flex;flex-direction:column;padding:5px 9px;border:1px solid var(--ui-border);border-radius:3px;background:var(--panel-2);font-size:.82rem;color:var(--ui-text)}
.echo-forge__stats em{font-style:normal;font-size:.64rem;color:var(--ui-text-dim);font-weight:700}
.echo-forge__empty{margin-top:18px;padding:18px;text-align:center;color:var(--ui-text-dim);font-size:.85rem;border:1px dashed var(--ui-border);border-radius:4px}
.echo-absorb__slots{grid-template-columns:repeat(2,minmax(0,1fr))}
.echo-absorb__target{cursor:default}
.echo-absorb__result{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--ui-border);border-radius:4px;background:var(--tex-weave),var(--panel)}
.echo-absorb__row{display:flex;justify-content:space-between;gap:12px;font-size:.85rem;color:var(--ui-text-dim)}
.echo-absorb__row b{color:var(--ui-text)}
.echo-absorb__hint{margin:0;text-align:center;color:var(--ui-text-dim);font-size:.85rem;line-height:1.5}
.echo-absorb__note{margin:0;text-align:center;font-size:.78rem;color:var(--ink-jade-2)}
.echo-absorb__note.is-consumed{color:var(--ui-gold)}

.echo-abyss-end{display:flex;flex-direction:column;gap:12px;color:var(--ui-text)}
.echo-abyss-end__hero{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid var(--ui-border);border-radius:4px;background:var(--tex-weave),var(--panel)}
.echo-abyss-end__sprite{width:74px;height:104px;flex:0 0 74px}
.echo-abyss-end__lead{font-size:.88rem;line-height:1.5;color:var(--ui-text-dim)}
.echo-abyss-end__depth{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0}
.echo-abyss-end__depth span{font-size:.7rem;font-weight:700;color:var(--ui-text-dim)}
.echo-abyss-end__depth b{font-size:2rem;font-weight:800;color:var(--ui-gold)}
.echo-abyss-end__depth em{font-style:normal;font-size:.72rem;font-weight:700;color:var(--ink-jade-2);border:1px solid var(--ui-border-strong);border-radius:3px;padding:2px 10px;background:var(--panel-2)}
.echo-abyss-end__depth small{font-size:.75rem;color:var(--ui-text-dim)}
.echo-abyss-end__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.echo-abyss-end__tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;border:1px solid var(--ui-border);border-radius:4px;background:var(--tex-weave),var(--panel)}
.echo-abyss-end__tile span{font-size:.66rem;color:var(--ui-text-dim);text-align:center}
.echo-abyss-end__tile b{font-size:1rem;color:var(--ui-text)}
.echo-abyss-end__section{font-size:.85rem;font-weight:700;color:var(--ink-jade-2);text-align:center}
.echo-drops{display:flex;flex-direction:column;gap:10px}
.echo-drops__summary{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.echo-drops__chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border:1px solid color-mix(in srgb,var(--grade) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--grade) 12%,var(--panel-2));font-size:.72rem;color:var(--ui-text)}
.echo-drops__chip b{color:var(--grade);font-variant-numeric:tabular-nums}
.echo-drops__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.echo-drop{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:8px 6px 7px;border:1px solid color-mix(in srgb,var(--grade,var(--ui-border)) 60%,var(--ui-border));border-radius:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--grade) 14%,var(--panel-2)),var(--panel-2) 60%);text-align:center;color:var(--ui-text)}
.echo-drop__art{width:52px;height:52px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--grade) 35%,transparent))}
.echo-drop__art svg,.echo-drop__art img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.echo-drop__grade{padding:1px 7px;border:1px solid var(--grade);border-radius:999px;font-size:.6rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--grade)}
.echo-drop__name{max-width:100%;font-size:.74rem;line-height:1.2;color:var(--ui-text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.echo-drop__meta{font-size:.62rem;color:var(--ui-text-dim)}
.echo-drops__pager{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.75rem;color:var(--ui-text-dim)}
@media(max-width:600px){.echo-drops__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.echo-abyss-end__warning{text-align:center;font-size:.78rem;color:var(--ui-danger);padding:6px 10px;border:1px solid var(--ui-danger);border-radius:4px;background:var(--panel-2)}
.echo-abyss-flick__life{margin:0;text-align:center;font-size:.82rem;line-height:1.5;color:var(--ui-text-dim)}