.welcome-actions{display:grid;gap:7px}.welcome-actions #start{background:transparent;border:1px solid #78958b;color:#294b4e;min-height:36px;font-size:12px;padding:7px 12px}.welcome .trip-info{margin-top:10px}.welcome h2{margin-top:7px}.welcome p{margin:6px 0}.welcome #tutorial-start{min-height:44px;font-size:13px}.tutorial-panel{position:sticky;top:0;z-index:6;padding:17px 32px;background:#e4eee5;color:#244b47;border-bottom:3px solid #86a89b;scroll-margin-top:10px}.tutorial-heading{display:flex;align-items:center;gap:14px}.tutorial-heading h2{font-size:19px;margin:0;line-height:1.5}.tutorial-heading>span{font:700 13px Consolas,monospace;border:1px solid #8fa99d;border-radius:50%;width:42px;height:42px;display:grid;place-content:center;flex-shrink:0}.tutorial-heading button{margin-left:auto;background:transparent;color:#365e53;border-color:#91a99b;min-height:34px;padding:4px 12px;font-size:11px}.tutorial-copy{display:grid;grid-template-columns:1fr 1.15fr;gap:14px 28px;margin:10px 0 0 56px;align-items:start}.tutorial-copy p{font-size:12px;line-height:1.8;margin:0;max-width:62ch}.tutorial-action{padding-left:15px;border-left:3px solid #698f7f}.tutorial-action p{font-weight:800}.tutorial-action small{display:block;font-size:10px;line-height:1.6;color:#4c6c60;margin-top:4px}.tutorial-foot{display:flex;align-items:center;gap:15px;margin:9px 0 0 56px;flex-wrap:wrap}.tutorial-foot button{background:#365f55;color:#fff;font-size:11px;min-height:32px;padding:4px 12px}.tutorial-foot span{font-size:10px;color:#446659}.tutorial-target{outline:3px solid #f3cf74!important;outline-offset:5px;scroll-margin-block:260px 30px}.tutorial-panel[data-holding=true]{border-bottom-color:#d6ac4c}.tutorial-panel[data-holding=true] #tutorial-state{color:#6a4c0b;font-weight:800}.tutorial-concepts{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #bbcec1;margin:20px 0}.tutorial-concepts div{padding:12px 8px}.tutorial-concepts div+div{border-left:1px solid #bbcec1}.tutorial-concepts b{font:700 27px Consolas,monospace;display:block}.tutorial-concepts span{font-size:12px;font-weight:700}.tutorial-concepts p{font-size:11px;line-height:1.7;margin:5px 0;color:#527168}.tutorial-intro{font-size:13px;line-height:1.9}.tutorial-dialog-actions{display:grid;gap:8px}.tutorial-dialog-actions button{padding:10px;font-size:12px}.tutorial-dialog-actions .primary{color:#293e3c}.tutorial-dialog-actions .secondary{background:#426b60;color:#fff}#tutorial-availability{font-size:12px;line-height:1.8;color:#4e6f62}.tutorial-panel[data-complete=true] .tutorial-heading>span{font:700 11px 'Yu Gothic',sans-serif}.tutorial-panel[data-complete=true] #tutorial-end{background:#365f55;color:#fff}
@media(max-width:740px){.welcome{width:290px;padding:13px 19px}.welcome h2{font-size:20px;line-height:1.4;margin:5px 0}.welcome .trip-info{padding:6px 0;margin-top:6px}.welcome-actions{gap:5px}.welcome #tutorial-start{min-height:37px;font-size:12px;padding:8px 12px}.welcome-actions #start{min-height:30px;font-size:10px;padding:5px 10px}.welcome>small{margin-top:5px}.tutorial-panel{padding:11px 14px}.tutorial-heading{gap:9px;align-items:start}.tutorial-heading h2{font-size:15px;flex:1}.tutorial-heading>span{width:32px;height:32px;font-size:10px}.tutorial-heading button{font-size:10px;min-height:30px;padding:3px 6px;max-width:96px}.tutorial-copy{display:block;margin:8px 0 0}.tutorial-copy p{font-size:11px;line-height:1.65}.tutorial-action{margin-top:7px;padding-left:10px}.tutorial-action small{font-size:9px;line-height:1.55}.tutorial-foot{margin:8px 0 0;gap:10px}.tutorial-foot button{font-size:10px;min-height:30px}.tutorial-foot span{font-size:9px}.tutorial-target{outline-offset:2px;scroll-margin-top:290px}.tutorial-intro{font-size:12px}#tutorial-dialog{padding:24px 20px}.tutorial-concepts div{padding:10px 6px}}