.wayora-navigation{display:grid;gap:10px;color:#294139}.wayora-navigation h2{margin:0}.wayora-navigation header p{margin:4px 0 0;color:#607069}.wayora-navigation-actions{display:flex;flex-wrap:wrap;gap:7px}.wayora-navigation-actions button{min-height:40px;border:1px solid #cad4cf;border-radius:8px;background:#fff;padding:7px 10px;font:700 .8rem/1 system-ui;color:#294139}.wayora-navigation-actions button:first-child{background:#1f5b47;border-color:#1f5b47;color:#fff}.wayora-navigation-actions button:disabled{opacity:.5}.wayora-navigation-progress>p{margin:5px 0;color:#607069;font-size:.78rem}.pkc-navigation-hud{display:grid;grid-template-columns:92px minmax(130px,230px);align-items:center;gap:8px;padding:8px;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 4px 16px rgba(0,0,0,.25);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.pkc-navigation-tulip{width:92px;height:92px}.pkc-navigation-tulip svg,.pkc-roadbook-roll svg{display:block;width:100%;height:100%}.pkc-tulip-other{fill:none;stroke:#c8cecb;stroke-width:5;stroke-linecap:round}.pkc-tulip-route{fill:none;stroke:#1f5b47;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}.pkc-tulip-arrow{fill:none;stroke:#1f5b47;stroke-width:5.5;stroke-linecap:round}.pkc-navigation-tulip circle,.pkc-roadbook-roll circle{fill:#1f5b47}.pkc-navigation-next{display:grid;gap:2px}.pkc-navigation-next>strong{font-size:2rem;line-height:1}.pkc-navigation-next>span{font-weight:800}.pkc-navigation-next>small{color:#607069;font-weight:750}.pkc-navigation-offroute{margin-top:4px;color:#b42318;font-size:.76rem!important;line-height:1.2!important}.wayora-navigation-roadbook{display:block;max-height:55dvh;overflow:auto;background:#eef1ef}.wayora-navigation-roadbook.is-hidden{display:none}.wayora-navigation-roadbook>header{position:sticky;z-index:2;top:0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.16)}.pkc-roadbook-roll{display:grid;gap:8px;width:min(620px,100%);margin:auto;padding:10px}.pkc-roadbook-roll article{display:grid;grid-template-columns:34px 112px minmax(0,1fr);align-items:center;gap:10px;min-height:122px;padding:8px 12px;border:1px solid #ccd5d0;border-radius:12px;background:#fff}.pkc-roadbook-roll article>b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e8eeeb}.pkc-roadbook-roll article>div{width:108px;height:108px}.pkc-roadbook-roll article>section{display:grid;gap:3px}.pkc-roadbook-roll article>section>strong{font-size:1.55rem}.pkc-roadbook-roll article>section>span{font-weight:800}.pkc-roadbook-roll article>section>small{color:#67736d}.pkc-roadbook-roll article.is-current{border:3px solid #1f5b47;background:#f4faf7}.pkc-roadbook-roll article.is-passed{opacity:.45}@media(max-width:700px){.pkc-navigation-hud{grid-template-columns:78px minmax(120px,1fr)}.pkc-navigation-tulip{width:78px;height:78px}.pkc-navigation-next>strong{font-size:1.65rem}.wayora-navigation-actions button{flex:1}.pkc-roadbook-roll{padding:7px}.pkc-roadbook-roll article{grid-template-columns:28px 92px minmax(0,1fr);gap:6px;padding:6px}.pkc-roadbook-roll article>div{width:90px;height:90px}.pkc-roadbook-roll article>section>strong{font-size:1.3rem}}

.pkc-navigation-hud{position:relative}.pkc-navigation-close{position:absolute;top:3px;right:3px;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.78);color:#294139;font:700 18px/20px system-ui;cursor:pointer}.pkc-navigation-next{padding-right:18px}

.pkc-navigation-hud[data-wayora-navigation-hud]{cursor:pointer}.pkc-navigation-hud[data-wayora-navigation-hud]:focus-visible{outline:3px solid #1f5b47;outline-offset:2px}.pkc-roadbook-head-actions{display:flex;align-items:center;gap:8px}.pkc-roadbook-head-actions button{min-height:32px;padding:5px 10px;border:1px solid #1f5b47;border-radius:8px;background:#1f5b47;color:#fff;font-weight:800;cursor:pointer}.pkc-roadbook-roll article[data-wayora-navigation-maneuver]{cursor:pointer}.pkc-roadbook-roll article[data-wayora-navigation-maneuver]:focus-visible{outline:3px solid #1f5b47;outline-offset:1px}