/* ChainRegistry — the Field and its caption (partials/field.blade.php, public/js/field.js; market.js's tile caption shares it). Loaded by the partial, on the home page and /market. */
.fld{position:relative;margin:0;height:340px;border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden;contain:layout paint;background:linear-gradient(#5ef2b808,#0000 42% 58%,#ff5c8a08),radial-gradient(60% 70% at 72% 50%,#6ef3ff0d,#0000 70%),radial-gradient(circle,#fff1 .75px,#0000 1.25px) 0 0/48px 48px,#06060b}
.fld-full{height:620px}
.fld>svg{position:absolute;inset:0;width:100%;height:100%}
.fld svg svg{overflow:visible}
.fg{stroke:#c9b8ff16}
.fb a{fill:url(#ff)}.fb [class^=u]{fill:url(#fu)}.fb [class^=d]{fill:url(#fd)}
.fb .f0{fill-opacity:.7}.fb .u1,.fb .d1{fill-opacity:.55}.fb .u2,.fb .d2{fill-opacity:.72}.fb .u3,.fb .d3{fill-opacity:.88}
.fb circle+circle{fill:none;stroke:#c9b8ff40;stroke-width:.75}
.ft{font:500 10px var(--mono);fill:#e9ecf3;text-anchor:middle;letter-spacing:.06em;paint-order:stroke;stroke:#06060b;stroke-width:3px}.ft text{translate:0 calc(var(--d) * 1px)}
.fo>*,.fs{position:absolute;margin:0;font:500 10px/1 var(--mono);letter-spacing:.08em;color:#c9b8ffa0;white-space:nowrap;pointer-events:none}
.fo i{left:0;right:0;height:1px;background:linear-gradient(90deg,#0000,#e9ecf3 16%,#5f6672 50%,#fff 84%,#0000);box-shadow:0 0 10px #e9ecf340}
.fo .y{left:10px;transform:translateY(-50%);padding:2px 4px;background:#06060bb8}
.fo .z{color:#f4f4ff}
.fo .x{bottom:8px;transform:translateX(-50%)}
.fo .w{top:10px;left:10px;text-transform:uppercase;letter-spacing:.14em}.fo .r{left:auto;right:10px}
.fs{right:10px;bottom:26px;padding:3px 5px;background:#06060bb8;color:var(--muted)}.fs b{color:var(--cyan);font-weight:600}
@media (max-width:640px){.fld{height:240px}.fld-full{height:420px}.fb circle{transform-box:fill-box;transform-origin:center;scale:.5}.fb circle+circle,.ft .m,.fo .n,.fo .w:not(.r),.fld-band .fo .e,.fs{display:none}.ft text{translate:0 calc(var(--d) * .5px)}}
.fld-hud{position:absolute;z-index:4;left:0;top:0;min-width:184px;max-width:250px;padding:10px 12px;border:1px solid #6ef3ff59;border-radius:4px;background:#0a0a12eb;backdrop-filter:blur(10px);box-shadow:0 18px 40px -18px #000;font:13px/1.35 var(--sans);pointer-events:none;opacity:0;transition:opacity .16s}.fld-hud.on{opacity:1}
.fld-hud strong{display:block;font-size:14px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fld-hud .v{display:flex;align-items:baseline;gap:10px;margin-bottom:6px;font:600 15px var(--mono)}.fld-hud .v span{font-size:12px}
.fld-hud dl{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;margin:0;font:11.5px var(--mono)}.fld-hud dt{color:var(--lavender-text);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.fld-hud dd{margin:0;text-align:right}
.fk{fill:none;stroke:#6ef3ff;stroke-width:1.5;pointer-events:none;opacity:0;transition:opacity .16s}.fk.on{opacity:1}.fb .fk circle{scale:none}.fb a.on{fill-opacity:1}.ft .on{visibility:visible!important}
.fld-band>svg{will-change:transform}.fld.settle>svg{transition:transform 1.4s var(--ease)}.fb a,.ft text{transition:transform .9s var(--ease)}
@media (forced-colors:active){.fb a,.ft{fill:CanvasText}}
