/* v269: first-time tutorial (coach marks). Always dark, so it reads the same in every Look and in light mode. */
.tour{position:fixed;inset:0;z-index:2147483000;-webkit-tap-highlight-color:transparent;cursor:pointer;touch-action:none;overscroll-behavior:contain}
.tour-hole{position:fixed;border:3px solid #ff9a00;border-radius:14px;box-shadow:0 0 0 100vmax rgba(0,0,0,.78),0 0 18px rgba(255,154,0,.55);pointer-events:none;transition:left .22s ease,top .22s ease,width .22s ease,height .22s ease}
.tour-x{position:fixed;left:14px;top:max(14px,env(safe-area-inset-top,0px));display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px 0 12px;border:0;border-radius:999px;background:#ff9a00;color:#1b1206;font:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.45)}
.tour-x svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
.tour-x b{font-weight:700}
.tour-tip{position:fixed;left:16px;right:16px;max-width:420px;margin:0 auto;padding:14px 16px;border:2px solid #fff;border-radius:14px;background:#1d1d20;color:#fff;text-align:center;font-size:16px;line-height:1.45;box-shadow:0 10px 30px rgba(0,0,0,.5);outline:none;transition:top .22s ease}
.tour-tip p{margin:0}
.tour-go{position:fixed;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:8px 16px;border-radius:10px;background:#2a2a2e;color:#f1f1f3;font-size:14px;text-align:center;white-space:nowrap}
@media(prefers-reduced-motion:reduce){.tour-hole,.tour-tip{transition:none}}
html.tour-on{overflow:hidden}