.journey-hint{position:fixed;z-index:100000;box-sizing:border-box;width:max-content;max-width:min(285px,calc(100vw - 24px));padding:11px 14px;border:1px solid #d8b2ff99;border-radius:17px;background:rgba(25,12,45,.30);color:#fff;font:650 16px/1.45 system-ui,sans-serif;box-shadow:0 0 15px #b66eff44,inset 0 0 14px #a3e9ff14;opacity:0;transform:translateY(5px);transition:opacity .4s ease,transform .4s ease;pointer-events:none;text-align:left;isolation:isolate}
.journey-hint.is-visible{opacity:1;transform:none;pointer-events:auto;animation:journey-glow 3.6s ease-in-out infinite}
.journey-hint::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 20%,#9dffed18 45%,#ffb2ed22 50%,transparent 75%);background-size:260% 100%;animation:journey-shimmer 4.8s linear infinite;pointer-events:none;z-index:-1}
.journey-hint::after{content:"";position:absolute;width:10px;height:10px;left:var(--arrow-x,50%);bottom:-6px;transform:translateX(-50%) rotate(45deg);border-right:1px solid #bd9cffbb;border-bottom:1px solid #bd9cffbb;background:#37204d88;pointer-events:none}
.journey-hint.is-below::after{bottom:auto;top:-6px;transform:translateX(-50%) rotate(225deg)}
.journey-hint p{margin:0;background:linear-gradient(90deg,#ffb6ed,#b6c5ff,#9effc5,#fff0a9,#ffb6ed);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 2px #0b001a) drop-shadow(0 0 3px #b482ff);animation:journey-rgb 5s linear infinite}
.journey-hint.is-small{font-size:13px;padding:8px 11px;border-radius:13px}
@keyframes journey-glow{50%{box-shadow:0 0 24px #c586ff66,0 0 7px #9dffe866,inset 0 0 12px #ffc2ee22}}
@keyframes journey-shimmer{from{background-position:180% 0}to{background-position:-80% 0}}
@keyframes journey-rgb{to{background-position:250% 0}}
@media(prefers-reduced-motion:reduce){.journey-hint,.journey-hint.is-visible,.journey-hint::before,.journey-hint p{animation:none;transition:none;transform:none}.journey-hint p{background:none;color:#e8fff7}}
@media(forced-colors:active){.journey-hint{background:Canvas;border-color:CanvasText}.journey-hint p{background:none;color:CanvasText;filter:none}.journey-hint::before,.journey-hint::after{display:none}}

/* The arcade click/tap nudge returns when the last tutorial hint fades out. */
html.journey-guidance-active .nudge-tap{visibility:hidden!important}