.bb-tour{--tour-purple:#5930b2;--tour-x:0px;--tour-y:0px;--tour-w:0px;--tour-h:0px;position:fixed;inset:0;z-index:10000;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);pointer-events:none;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#21114c;}
.bb-tour-shade{position:fixed;background:rgba(24,20,40,.44);pointer-events:auto;touch-action:none;}
.bb-tour-ring{position:fixed;left:var(--tour-x);top:var(--tour-y);width:var(--tour-w);height:var(--tour-h);border-radius:16px;box-shadow:0 0 0 3px #f8f3ff,0 0 16px 7px #c2a0f2c0;pointer-events:none;}
.bb-tour-card{position:fixed;box-sizing:border-box;pointer-events:auto;width:min(338px,calc(100vw - 64px));padding:12px 13px 10px;border:1px solid #f0e9fc;border-radius:23px;background:linear-gradient(130deg,#fff 5%,#fcfaff 64%,#f6efff);box-shadow:0 10px 32px #28134522;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;overscroll-behavior:contain;}
.bb-tour-card *{box-sizing:border-box;}
.bb-tour-close{position:absolute;right:3px;top:0;display:grid;place-items:center;width:44px;height:38px;padding:0;border:0;background:transparent;color:#21114c;font-size:25px;font-weight:300;cursor:pointer;border-radius:50%;}
.bb-tour-count{justify-self:start;display:inline-flex;padding:0 10px;border-radius:999px;background:var(--tour-purple);color:#fff;font-size:12px;font-weight:650;line-height:21px;}
.bb-tour-body{display:grid;grid-template-columns:75px minmax(0,1fr);gap:6px;align-items:start;margin:4px 0 6px;min-height:0;overflow:auto;overscroll-behavior:contain;}
.bb-tour-character-wrap{position:absolute;bottom:0;left:-5px;width:106px;height:133px;overflow:hidden;pointer-events:none;}
.bb-tour-character{display:block!important;position:absolute;top:0;left:-7px;width:130px!important;height:auto!important;max-width:none!important;object-fit:contain!important;object-position:top center!important;border:0!important;border-radius:0!important;margin:0!important;}
.bb-tour-body>div:last-child{grid-column:2;}
.bb-tour-title{margin:0 0 5px!important;color:#21114c!important;font-size:14px!important;line-height:1.3!important;font-weight:800!important;letter-spacing:-.3px!important;}
.bb-tour-description{margin:0!important;padding-left:10px!important;color:#433b59!important;font-size:13px!important;line-height:1.45!important;font-weight:450!important;}
.bb-tour-description mark{padding:1px 2px;border-radius:5px;background:#e7d7ff;color:#4920a4;box-decoration-break:clone;-webkit-box-decoration-break:clone;}
.bb-tour-footer{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-left:81px;}
.bb-tour-dots{display:flex;gap:4px;align-items:center;}
.bb-tour-dot{width:6px;height:6px;border-radius:99px;background:#dfd3f1;}
.bb-tour-dot[aria-current="step"]{width:14px;background:var(--tour-purple);}
.bb-tour-buttons{display:flex;gap:5px;margin-left:auto;}
.bb-tour-button{min-height:44px;border:1px solid #7352b3;border-radius:999px;padding:8px 12px;background:transparent;color:#21114c;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer;white-space:nowrap;}
.bb-tour-button.primary{border-color:var(--tour-purple);background:linear-gradient(110deg,#6741bd,#5127a8);color:#fff;}
.bb-tour[data-keyboard="true"] button:focus-visible{outline:2px solid #b28cfa;outline-offset:2px;}
.bb-tour-button[hidden]{display:none;}
.bb-tour-swipe{display:none;position:fixed;height:35px;align-items:center;justify-content:space-around;color:white;font-size:36px;line-height:1;filter:drop-shadow(0 0 4px #c2a0f2);}
.bb-tour[data-step="sections"] .bb-tour-swipe{display:flex;}
.bb-tour-swipe svg{width:45px;height:39px;stroke:#271057;stroke-width:2.3;stroke-linejoin:round;stroke-linecap:round;fill:#fff;}
.bb-tour[data-step="routes"] .bb-tour-footer,.bb-tour[data-step="stars"] .bb-tour-footer{margin-left:0;padding-left:81px;}
.bb-tour[data-step="stars"] .bb-tour-buttons{gap:4px;}
.bb-tour[data-step="stars"] .bb-tour-button{padding-inline:9px;font-size:11px;}
.bb-tour[data-step="stars"] .bb-tour-footer{padding-left:70px;}
@media(max-width:350px){.bb-tour-card{padding:11px 10px 9px;}.bb-tour-body{grid-template-columns:60px minmax(0,1fr);gap:4px;}.bb-tour-character-wrap{width:76px;height:120px;}.bb-tour-character{width:95px!important;}.bb-tour-title{font-size:13px!important;}.bb-tour-description{font-size:12px!important;}.bb-tour-footer,.bb-tour[data-step="routes"] .bb-tour-footer,.bb-tour[data-step="stars"] .bb-tour-footer{margin-left:0;padding-left:64px;}.bb-tour-button{padding-inline:9px;font-size:11px;}.bb-tour-dots{gap:3px;}.bb-tour-dot{width:5px;height:5px;}.bb-tour-dot[aria-current="step"]{width:10px;}}
@media(prefers-reduced-motion:reduce){.bb-tour-card{animation:none;}}

.bb-tour-pointer{display:none;position:fixed;width:52px;height:32px;overflow:visible;fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #ae7bf2);}
.bb-tour[data-step="routes"] .bb-tour-pointer,.bb-tour[data-step="stars"] .bb-tour-pointer{display:block;}
body:has(.bb-tour[data-step="routes"]) .bottom-nav a[aria-label="Rotalar"],body:has(.bb-tour[data-step="stars"]) .bottom-nav [data-home-stars-open]{color:#6d35c7;}
@media(max-width:350px){.bb-tour-footer{flex-wrap:wrap;}.bb-tour-dots{margin-bottom:2px;}.bb-tour[data-step="stars"] .bb-tour-footer{padding-left:64px;}.bb-tour[data-step="stars"] .bb-tour-dots{flex-basis:100%;}.bb-tour-character{width:112px!important;}.bb-tour-description{padding-left:5px!important;}}

.bb-tour-dots{position:relative;z-index:1;}
.bb-tour[data-step="stars"] .bb-tour-title{font-size:12.5px!important;}

/* Keep every source PNG fully inside its reserved character area. */
.bb-tour-character-wrap{left:8px;bottom:8px;width:78px;height:min(130px,calc(100% - 44px));overflow:visible;}
.bb-tour-character{left:0;top:0;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center bottom!important;}
@media(max-width:350px){.bb-tour-character-wrap{left:6px;bottom:8px;width:64px;height:min(112px,calc(100% - 44px));}.bb-tour-character{width:100%!important;height:100%!important;}}

/* Align the first character with its explanation instead of the card bottom. */
.bb-tour[data-step="sections"] .bb-tour-character-wrap{top:42px;bottom:auto;height:min(130px,calc(100% - 50px));}
.bb-tour[data-step="sections"] .bb-tour-character{object-position:center top!important;}
@media(max-width:350px){.bb-tour[data-step="sections"] .bb-tour-character-wrap{top:40px;height:min(112px,calc(100% - 48px));}}