/* AssetShop natural layer :: R661. See realm-natural.js. Two fixed, non-interactive elements above the scene and
   below every control: the veil (soft realm transitions) and the location cue. Grain, vignette and the grade are
   rendered by the engine on the GPU, so nothing here blends over the canvas every frame. */
#asn-veil{position:fixed;inset:0;pointer-events:none;z-index:2147480000;background:#0b0f14;opacity:1;transition:opacity .55s cubic-bezier(.22,.61,.36,1)}
#asn-veil.asn-clear{opacity:0}
#asn-cue{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 56px);transform:translate(-50%,-6px);padding:8px 16px;border-radius:999px;font:500 13px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.06em;color:#f3ede2;background:rgba(14,18,24,.58);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);box-shadow:0 6px 22px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.08);opacity:0;pointer-events:none;z-index:2147480001;transition:opacity .7s ease,transform .7s ease;max-width:78vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#asn-cue.asn-on{opacity:1;transform:translate(-50%,0)}
html.asn-comfort #asn-veil{transition-duration:.35s}
@media (prefers-reduced-motion:reduce){#asn-veil{transition:none}#asn-cue{transition:opacity .3s ease;transform:translate(-50%,0)}}
@media (prefers-reduced-transparency:reduce){#asn-cue{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(14,18,24,.92)}}
@media print{#asn-veil,#asn-cue{display:none}}