#pracaTutorial[hidden]{display:none!important}
#pracaTutorial{position:fixed;inset:0;z-index:20000;touch-action:pan-y}
body.tutorial-active{overflow:hidden}
.tutorial-focus{position:fixed;border:3px solid #ffd43b;border-radius:14px;box-shadow:0 0 0 9999px #071221c9,0 0 25px #ffcd4780;pointer-events:none}
.tutorial-focus[hidden]{display:none}
#pracaTutorial:has(.tutorial-focus[hidden]){background:#071221c9}
.tutorial-card{position:absolute;left:50%;transform:translateX(-50%);width:min(420px,calc(100% - 24px));box-sizing:border-box;padding:18px 20px;background:linear-gradient(145deg,#fff6da,#ffdf95);color:#382214;border:2px solid #ffcf43;border-radius:18px;box-shadow:0 8px 0 #3c221bc9,0 16px 44px #0008;max-height:calc(100dvh - 32px);overflow:auto;touch-action:pan-y;font-family:inherit}
.tutorial-card[data-position="top"]{top:max(14px,env(safe-area-inset-top))}
.tutorial-card[data-position="bottom"]{bottom:max(14px,env(safe-area-inset-bottom))}
.tutorial-kicker{display:flex;gap:10px;align-items:center;font-size:11px;font-weight:900;letter-spacing:.05em}
.tutorial-kicker img{width:42px;height:42px;object-fit:contain}
.tutorial-kicker small{display:block;color:#785020;margin-top:3px;letter-spacing:0}
.tutorial-card h2{font-size:22px;line-height:1.13;margin:10px 0;color:#402713}
.tutorial-card p{font-size:14px;line-height:1.5;margin:10px 0 16px}
.tutorial-card nav{display:flex;gap:8px;align-items:center}
.tutorial-card button{min-height:44px;flex:1;border:1px solid #9a7133;border-radius:9px;background:#fff2ce;color:#442711;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer}
.tutorial-card button[data-tour="next"]{flex:1.6;background:linear-gradient(#ffe454,#ffad14);border-color:#8b5317;box-shadow:0 3px 0 #9f5717;font-weight:900}
.tutorial-card button:disabled{opacity:.4;cursor:default}
.tutorial-card button:focus-visible{outline:3px solid #187cb1;outline-offset:3px}
.tutorial-card .tutorial-feedback{font-size:12px;color:#993b24;margin:4px 0}
.tutorial-feedback:empty{display:none}
@media(max-width:380px){.tutorial-card{padding:14px}.tutorial-card h2{font-size:20px}.tutorial-card p{font-size:13px}}
@media(prefers-reduced-motion:no-preference){.tutorial-focus{transition:top .18s,left .18s,width .18s,height .18s}}