/* Tonka Explorer — css/guide.css (2.0.21): the quick tour (js/guide.js). Theme tokens only, so dark mode follows by itself. */
#guide{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:calc(var(--safe-t) + 16px) 16px calc(var(--safe-b) + 16px);background:rgba(10,20,27,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#guide[hidden]{display:none}
#guide .g-card{position:relative;width:100%;max-width:400px;background:var(--card);color:var(--ink);border-radius:22px;padding:30px 22px 18px;box-shadow:0 18px 50px rgba(0,0,0,.4);text-align:center}
#guide .g-ico{width:76px;height:76px;margin:0 auto 14px;border-radius:24px;background:var(--surf);display:flex;align-items:center;justify-content:center}
#guide .g-ico svg{width:40px;height:40px;fill:none;stroke:var(--navy);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#guide h2{margin:0 0 8px;padding:0;font:800 22px/1.2 var(--font);color:var(--ink)}
#guide .g-b{margin:0 0 10px;font:500 16px/1.45 var(--font);color:var(--ink);min-height:70px}
#guide .g-s{margin:0 0 16px;font:500 13px/1.45 var(--font);color:var(--mute);min-height:38px}
#guide .g-dots{display:flex;gap:7px;justify-content:center;margin:0 0 16px}
#guide .g-dots i{width:7px;height:7px;border-radius:50%;background:var(--line);transition:width .15s,background .15s}
#guide .g-dots i.on{width:22px;border-radius:4px;background:var(--navy)}
#guide .g-nav{display:flex;gap:10px}
#guide .g-nav .btn{flex:1;min-height:50px;font-size:16px}
#guide .g-nav .btn[disabled]{opacity:.35}
#guide .g-skip{position:absolute;top:10px;right:12px;min-width:56px;min-height:44px;padding:0 10px;border-radius:12px;font:700 14px var(--font);color:var(--mute)}
#guide .g-count{margin:10px 0 0;font:600 12px var(--font);color:var(--mute)}
@media (prefers-reduced-motion:reduce){#guide .g-dots i{transition:none}}
@media (max-height:600px){#guide .g-ico{width:56px;height:56px;margin-bottom:8px}#guide .g-ico svg{width:30px;height:30px}#guide .g-b{min-height:0}#guide .g-s{min-height:0}}