.tutorial-cell{padding:0}
.tutorial-cell,.tutorial-cell:before{animation:none!important;transform:none!important}.tutorial-cell{transition:background-color .55s ease,box-shadow .55s ease!important}.tutorial-cell:before,.tutorial-cell.blue:before{filter:none!important;transition:none!important}
.tutorial-cell.target{outline:5px solid var(--yellow);outline-offset:-5px;box-shadow:2px 2px 0 var(--ink)!important}
.tutorial-cell.reached:before{transform:none!important}
.tutorial-cell.target:after{content:attr(data-target-label)}
.tutorial-cell.figure:after,.tutorial-cell.figure-square:after,.tutorial-cell.figure-cross:after,.tutorial-cell.plan:after,.tutorial-cell.danger:after,.tutorial-cell.saved:after,.tutorial-cell.sacrificed:after,.tutorial-cell.path-origin:after,.tutorial-cell.path-reached:after,.tutorial-cell.missing:after{content:attr(data-score);position:absolute;z-index:3;right:2px;top:2px;padding:2px;background:var(--yellow);border:1px solid var(--ink);font:900 6px 'DM Mono'}
.tutorial-cell.figure-square{z-index:2;box-shadow:inset 0 0 0 4px #f1dc35,2px 2px 0 var(--ink)}
.tutorial-cell.figure-cross{z-index:3;outline:4px solid #ef4d34;outline-offset:-6px}
.tutorial-cell.plan{box-shadow:inset 0 0 0 4px #f1dc3588,2px 2px 0 var(--ink)}
.tutorial-cell.saved{box-shadow:0 0 0 5px #b8d83e,2px 2px 0 6px var(--ink)}
.tutorial-cell.sacrificed{outline:4px solid #ef4d34;outline-offset:-5px}
.tutorial-cell.danger{box-shadow:inset 0 0 0 5px #ef4d34,2px 2px 0 var(--ink)!important}
.tutorial-cell.path-origin{outline:5px solid #ef7947;outline-offset:-6px}
.tutorial-cell.path-reached{box-shadow:inset 0 0 0 5px #ef7947,2px 2px 0 var(--ink)!important}
.tutorial-cell.missing{outline:5px dashed #ef4d34;outline-offset:-7px}
.tutorial-progress{float:right;margin-top:-12px;font:800 8px 'DM Mono';color:#706b60}.tutorial-controls{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:end}.tutorial-controls .primary{width:100%;margin-top:11px}.tutorial-prev{height:48px;margin-top:11px;padding:0 12px;border:2px solid var(--ink);background:transparent;font:800 8px 'DM Mono';cursor:pointer}
.tutorial-card{position:relative}.tutorial-card h2{height:58px;margin-bottom:7px;overflow:hidden}.tutorial-card>p{height:58px;min-height:58px;margin-bottom:13px;overflow:hidden}.tutorial-grid{width:100%;aspect-ratio:1}.tutorial-message{height:43px;min-height:43px;overflow:hidden}.tutorial-progress{position:absolute;top:24px;right:22px;float:none;margin:0}
@media(max-width:620px){.tutorial-overlay{place-items:start center;padding:10px}.tutorial-card{padding:14px;box-shadow:5px 5px 0 var(--yellow)}.tutorial-card h2{height:52px;font-size:22px}.tutorial-card>p{height:60px;min-height:60px;font-size:10px}.tutorial-grid{gap:4px}.tutorial-message{height:40px;min-height:40px;margin-top:9px;font-size:7px}.tutorial-card>.primary{height:44px;font-size:9px}.tutorial-progress{top:15px;right:14px}}
.tutorial-card{width:min(920px,100%);display:grid;grid-template-columns:minmax(260px,.78fr) minmax(400px,1.22fr);grid-template-areas:"exit exit" "eyebrow grid" "title grid" "text grid" "message message" "controls controls";column-gap:28px;align-items:start;padding:28px}.tutorial-exit{grid-area:exit;justify-self:start;margin:0 0 8px;padding:8px 10px;border:2px solid var(--ink);background:transparent;font:900 9px 'DM Mono';cursor:pointer}.tutorial-card>.eyebrow{grid-area:eyebrow;margin-top:10px;font-size:11px}.tutorial-card h2{grid-area:title;height:auto;min-height:0;margin:12px 0 14px;font-size:clamp(34px,4vw,52px);line-height:.98;overflow:visible}.tutorial-card>p{grid-area:text;height:auto;min-height:0;margin:0;font-size:17px;line-height:1.5;overflow:visible}.tutorial-grid{grid-area:grid;align-self:center;aspect-ratio:1;max-height:540px}.tutorial-message{grid-area:message;height:auto;min-height:52px;margin-top:20px;display:grid;place-items:center;padding:12px;font-size:12px}.tutorial-controls{grid-area:controls}.tutorial-controls .primary,.tutorial-prev{height:54px;font-size:11px}.tutorial-progress{top:31px;right:28px;font-size:10px}
@media(max-width:760px){.tutorial-overlay{place-items:start center;padding:8px}.tutorial-card{display:block;width:min(560px,100%);padding:14px}.tutorial-exit{margin-bottom:10px}.tutorial-card>.eyebrow{margin-top:0;font-size:8px}.tutorial-card h2{height:auto;min-height:0;margin:10px 0;font-size:27px;overflow:visible}.tutorial-card>p{height:auto;min-height:0;margin-bottom:12px;font-size:14px;line-height:1.45;overflow:visible}.tutorial-grid{width:min(100%,440px);margin:0 auto;gap:4px}.tutorial-message{height:auto;min-height:46px;margin-top:10px;font-size:9px}.tutorial-progress{top:18px;right:14px;font-size:8px}.tutorial-controls .primary,.tutorial-prev{height:48px;font-size:9px}}