@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/barlow-condensed-latin-500-normal-BgYH2mbd.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2")}:root{--ui:1;--bg:#f2e8d5;--sidebar:#2e392c;--sidebar-active:#1c2d20;--sidebar-icon:#b4b2a4;--brand:#2c4a37;--green:#215d3f;--orange:#e8692b;--orange-soft:#eda36a;--peach:#fde1c3;--ink:#1f2421;--ink-2:#2b2a27;--muted:#8d877e;--text-2:#6f6961;--card:#f7f1e3;--card-2:#f6eddc;--line:#ddd3c0;--line-2:#e2d9c7;--f-cond:"Barlow Condensed", "Arial Narrow", sans-serif;--f-body:"Barlow", system-ui, sans-serif;--f-mono:"DM Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}svg{display:block}:where(button,a,[tabindex]):focus-visible{outline:2px solid var(--orange);outline-offset:2px}.app{grid-template-columns:calc(74px * var(--ui)) 1fr;height:100dvh;display:grid}.sidebar{z-index:5;background:var(--sidebar);width:74px;transition:width .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;position:relative;overflow:hidden;box-shadow:1px 0 #00000014}.sidebar.is-open{width:248px;box-shadow:1px 0 #00000014,14px 0 34px #1c241a3d}.sidebar :focus-visible{outline-offset:-4px}.sidebar__toggle{width:44px;height:45px;color:var(--sidebar-icon);border:1px solid #ffffff21;border-radius:7px;place-items:center;transition:color .15s,border-color .15s,background .15s;display:grid;position:absolute;top:40px;left:14px}.sidebar__toggle:hover{color:#e4e1d2;background:#ffffff0a;border-color:#ffffff42}.sidebar__toggle svg{width:21px;transition:transform .3s cubic-bezier(.22,1,.36,1)}.sidebar.is-open .sidebar__toggle svg{transform:rotate(180deg)}.sidebar__nav{position:absolute;top:125px;left:0;right:0}.sidebar__item{height:80px;color:var(--sidebar-icon);white-space:nowrap;grid-template-columns:74px auto;align-items:center;margin-bottom:10px;transition:color .15s,background .15s;display:grid;position:relative}.sidebar__item:first-child{margin-bottom:22px}.sidebar__item:hover{color:#e4e1d2;background:#00000014}.sidebar__item svg{justify-self:center;width:33px}.sidebar__label{font:600 17px/1 var(--f-cond);letter-spacing:.06em;text-transform:uppercase;opacity:0;padding-right:22px;transition:opacity .15s,translate .3s cubic-bezier(.22,1,.36,1);translate:-8px}.sidebar.is-open .sidebar__label{opacity:1;transition-delay:60ms;translate:0}.sidebar__item.is-active{color:var(--orange);background:var(--sidebar-active);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #ffffff0d}.sidebar__item.is-active:before{content:"";background:var(--orange);border-radius:0 3px 3px 0;width:6px;position:absolute;top:1px;bottom:1px;left:0}.sidebar__item.is-active svg{width:30px}.sidebar__topo{color:#bec4aa3d;pointer-events:none;width:230px;height:330px;position:absolute;bottom:0;left:0}.sidebar__topo svg{width:100%;height:100%}.stage{background:var(--bg);position:relative;overflow:hidden}.stage__scene{cursor:grab;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.stage__scene.is-dragging{cursor:grabbing}.stage__scene.is-orbit{cursor:move}.stage__scene canvas{width:100%;height:100%;display:block}.callout{pointer-events:none;z-index:2;transition:opacity .25s;position:absolute;inset:0}.callout.is-hidden{opacity:0}.callout__line{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.callout__line line{stroke:#fffaf0;stroke-width:2.2px;stroke-linecap:round}.callout__line .callout__shadow{stroke:#1e181247;stroke-width:4.2px}.callout__marker{background:#281e161f;border:2.6px solid #fffaf0;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;box-shadow:0 0 0 1px #1e181240,inset 0 0 0 1px #1e181233}.callout__label{color:#f2ede1;height:40px;font:500 18px/1 var(--f-cond);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#253a2c;border:1px solid #3f5446;border-radius:3px;place-items:center;padding:0 19px;display:grid;position:absolute;box-shadow:0 2px 6px #281e141f}.brand{z-index:3;align-items:center;gap:30px;display:flex;position:absolute;top:17px;left:24px}.brand:after{content:"";background:linear-gradient(90deg,#d2c8b2 0% 85%,#d2c8b200);width:545px;height:1.5px;position:absolute;top:86px;left:-24px}.brand:before{content:"";z-index:-1;background:linear-gradient(90deg,#f6eddcbf 70%,#f6eddc00);width:640px;height:103px;position:absolute;top:-17px;left:-24px}.brand__logo{width:82px;height:84px}.brand__logo svg{filter:drop-shadow(0 0 .7px #fffaf0)drop-shadow(0 0 .7px #fffaf0)drop-shadow(0 1px 1px #3c321e2e);width:100%;height:100%}.brand__text{margin-top:-9px}.brand__title{font:600 48.5px/1 var(--f-cond);letter-spacing:.068em;text-transform:uppercase;color:var(--brand)}.brand__tagline{font:500 20px/1 var(--f-cond);letter-spacing:.272em;text-transform:uppercase;color:#a9a496;margin-top:4px}.brand__tagline i{margin:0 .12em;font-style:normal}.status{z-index:3;border:1.5px solid var(--line);background:#f5edddf7;border-radius:10px;align-items:center;width:525px;height:86px;padding-left:9px;display:flex;position:absolute;top:18px;right:17px}.status__course{border:1.5px solid var(--line);background:var(--card);border-radius:8px;align-items:center;gap:21px;width:280px;height:70px;padding-left:17px;display:flex}.status__book{color:#262624;width:42px}.status__name{font:600 17.5px/1 var(--f-cond);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);display:block}.status__progress{align-items:center;margin-top:9px;display:flex}.progress{background:#ded2bf;border-radius:7px;width:137px;height:14px;position:relative;overflow:hidden}.progress__fill{background:#1e5a3b;border-radius:7px;position:absolute;inset:0 auto 0 0}.status__count{font:700 20px/1 var(--f-cond);letter-spacing:.02em;color:var(--ink-2);margin-left:14px}.status .credit{gap:11px;margin:0 auto}.status .credit__x{width:36px;height:36px}.status .credit__handle{font-size:16px}.guide{z-index:3;border:1.5px solid var(--line);background:#f4ecdbfb;border-radius:10px;width:513px;height:542px;padding:0 14px;position:absolute;top:120px;right:16px}.tabs{gap:38px;height:70px;padding-left:7px;display:flex;position:relative}.tabs__tab{height:56px;font:600 19px/1 var(--f-cond);letter-spacing:.055em;text-transform:uppercase;color:#67635c;padding:8px 11px 0;transition:color .2s;position:relative}.tabs__tab.is-active{color:var(--ink)}.tabs__ink{pointer-events:none;background:linear-gradient(90deg,#e8601f,#ef6a26 70%,#f0864a);border-radius:3px;height:5px;position:absolute;top:51px;left:0}.card{border:1.5px solid var(--line-2);background:var(--card);border-radius:8px}.guide__card{height:458px;padding:16px 18px 0 29px}.guide__head{justify-content:space-between;align-items:flex-start;display:flex}.guide__title{font:700 38.5px/1 var(--f-cond);letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}.guide__expand{color:#1f2421;width:30px;margin-top:3px;margin-right:-1px}.guide__body{position:relative}.panel.is-leaving{pointer-events:none}.guide__text p{max-width:410px;font:400 18.5px/25px var(--f-body);color:var(--text-2);margin-top:12px}.guide__text p:first-child{color:var(--ink-2)}.tips{max-width:420px;margin-top:14px;list-style:none}.tips li{font:400 18px/24px var(--f-body);color:var(--ink-2);border-top:1.5px solid #ebe3d3;padding:11px 0 11px 34px;position:relative}.tips li:first-child{border-top:0}.tips li:before{content:"";border:3px solid var(--orange);background:#fde1c3;border-radius:50%;width:14px;height:14px;position:absolute;top:16px;left:4px}.guide__desc{max-width:386px;font:400 19.5px/24px var(--f-body);color:var(--text-2);margin-top:11px}.steps{gap:8px;width:444px;margin:14px 0 0 -6px;list-style:none;display:grid;position:relative}@property --p{syntax:"<number>";inherits:true;initial-value:0}@property --ring{syntax:"<color>";inherits:true;initial-value:#dcd3c4}@property --track{syntax:"<color>";inherits:true;initial-value:#dcd3c4}.step{height:58px;font:500 18.5px/21px var(--f-cond);letter-spacing:.035em;text-transform:uppercase;color:#9a948b;cursor:pointer;--ring:#dcd3c4;--track:#dcd3c4;grid-template-columns:26px 46px 1fr;align-items:center;column-gap:12px;padding-right:48px;transition:color .25s,--p .35s,--ring .3s,--track .3s;display:grid;position:relative}.step:before{content:"";border:1.5px solid #ebe3d3;border-radius:9px;transition:border-color .15s,background-color .25s;position:absolute;inset:0 0 0 32px}.step.is-done{color:var(--ink-2);--p:1}.step.is-done:before{background:#f8f3e8}.step.is-current{color:var(--ink);--ring:var(--orange);--track:#e8692b33;transition:color .25s,--ring .3s,--track .3s}.steps__cursor{z-index:1;border:1.7px solid var(--orange-soft);background:var(--peach);pointer-events:none;border-radius:9px;height:58px;transition:opacity .2s;position:absolute;top:0;left:32px;right:0}.steps__cursor svg{width:22px;color:var(--ink);margin-top:-11px;position:absolute;top:50%;right:12px}.steps__cursor.is-off{opacity:0}.step:not(.is-current):hover:before{border-color:#d9cdb8}.step:not(.is-current):hover .step__label{color:var(--ink)}.step:not(:last-child):after{content:"";background:linear-gradient(var(--green), var(--green)) top / 100% 0% no-repeat, #d3cab9;width:1.5px;height:calc(100% - 18px);transition:background-size .3s;position:absolute;top:calc(50% + 13px);left:12.25px}.step.is-done:not(:last-child):after{background-size:100% 100%}.step>*{z-index:2;position:relative}.step__mark{width:26px;height:26px;color:var(--green);border-radius:50%}.step__mark:before{content:"";background:var(--card);border:2px solid #cfc6b5;border-radius:50%;transition:border .25s,transform .25s,opacity .2s;position:absolute;inset:5px}.step.is-current .step__mark:before{border:3.5px solid var(--orange)}.step.is-done .step__mark:before{opacity:0;transform:scale(.4)}.step__mark svg{opacity:0;width:100%;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .15s;display:block;position:relative;transform:scale(.3)}.step.is-done .step__mark svg{opacity:1;transform:none}.step__icon{background:conic-gradient(var(--ring) calc(var(--p) * 1turn), var(--track) 0);border-radius:50%;width:46px;height:46px;padding:1.5px;transition:padding .3s}.step.is-current .step__icon{padding:3px}.step__icon>span{background:#efe8dc;border-radius:50%;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.step__icon img{object-fit:contain;width:40px;height:40px;transition:filter .3s}.step.is-upcoming .step__icon img{filter:grayscale()brightness(2.3)contrast(.75)}.step__icon svg{color:#5d5a56;width:26px}.guide__scroll{background:#b9b1a3;border-radius:2px;width:3px;height:155px;position:absolute;top:185px;right:-2px}.lesson{z-index:3;height:164px;position:absolute;bottom:0;left:0;right:0}.lesson:has(.lessonmenu.is-open){z-index:6}.lesson__plate{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lesson__plate path{fill:#f3ebdaf5;stroke:#d8cdb7;stroke-width:1.5px}.lesson__title{height:38px;font:700 17px/1 var(--f-cond);letter-spacing:.045em;text-transform:uppercase;color:var(--ink);border-radius:7px;align-items:center;gap:11px;padding:0 10px 0 8px;transition:background .15s;display:flex;position:absolute;top:4px;left:18px}.lesson__title:hover,.lesson__title[aria-expanded=true]{background:#ebe2cf}.lesson__icon{width:27px;color:var(--brand)}.lesson__icon svg{width:100%}.lesson__caret{color:#6f6961;width:18px;margin-left:-4px;transition:transform .2s}.lesson__title[aria-expanded=true] .lesson__caret{transform:rotate(180deg)}.tags{pointer-events:none;z-index:1;transition:opacity .25s;position:absolute;inset:0}.tag{opacity:0;transition:opacity .35s;position:absolute;inset:0}.tag.is-shown{opacity:1}.tag__line{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tag__line line{stroke:#fffaf0;stroke-width:2px;stroke-linecap:round}.tag__line .tag__shadow{stroke:#1e181247;stroke-width:4px}.tag__marker{border:2.4px solid #fffaf0;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;box-shadow:0 0 0 1px #1e181240}.tag__label{color:#f4efe2;font:500 17px/1 var(--f-cond);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:4px;flex-direction:column;align-items:center;gap:3px;padding:7px 16px 8px;display:flex;position:absolute;box-shadow:0 2px 6px #281e1424}.tag__label small{opacity:.9;font-size:14px}.tag--safe .tag__label{background:#2c5338;border:1px solid #47684f}.tag--danger .tag__label{background:#8f2b22;border:1px solid #b0483c}.tag--kit .tag__label{background:#3b4a3f;border:1px solid #5b6b5e}.tag--danger .tag__marker{background:#b4322840}.verdict{font:500 16px/1 var(--f-cond);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin:0 0 10px;padding:5px 12px 5px 6px;display:inline-flex}.verdict svg{width:20px;height:20px}.verdict--edible{color:#2c5338;background:#e3ecdc}.verdict--toxic{color:#8f2b22;background:#f4dcd6}.verdict--deadly{color:#fbeee9;background:#7d1d16}.lstep__verdict{width:21px;height:21px;display:grid;position:absolute;bottom:6px;left:8px}.lstep__verdict--edible{color:var(--green)}.lstep__verdict--toxic{color:#b8322a}.lstep__verdict--deadly{color:#7d1d16}.lessonmenu__icon--forage{color:#6b3a5a}.player.is-explore .player__group--playback,.player.is-explore .player__divider--playback{display:none}.stage__scene.is-pickable{cursor:pointer}.tags.is-interactive .tag__label{pointer-events:auto;cursor:pointer}.tag__label{transition:transform .18s,box-shadow .18s,filter .18s}.tag.is-hover .tag__label{filter:brightness(1.12);transform:translateY(-2px)}.tag.is-selected .tag__label{transform:translate(-4%,-4%)scale(1.08);box-shadow:0 0 0 2.5px #fffaf0,0 4px 14px #281e1447}.tags.has-pick .tag.is-shown:not(.is-selected):not(.is-hover){opacity:.45}.tag.is-selected .tag__marker{border-width:3px;animation:1.6s ease-out infinite tag-pulse}@keyframes tag-pulse{0%{box-shadow:0 0 0 1px #1e181240,0 0 #fffaf0d9}to{box-shadow:0 0 0 1px #1e181240,0 0 0 14px #fffaf000}}.picks{grid-template-columns:1fr 1fr;gap:7px;margin:12px 0 0;list-style:none;display:grid}.pick{height:54px;font:500 19px/1 var(--f-cond);letter-spacing:.035em;text-transform:uppercase;color:var(--ink-2);cursor:pointer;background:#f8f3e8;border:1.5px solid #e4dbc9;border-radius:8px;grid-template-columns:58px 1fr auto;align-items:center;gap:8px;padding:0 8px 0 4px;transition:background .15s,border-color .15s;display:grid}.pick:hover{border-color:var(--orange-soft);background:#fcf3e6}.pick__art{place-items:center;width:58px;height:48px;display:grid}.pick__art img{object-fit:contain;width:58px;height:48px}.pick__name{font-size:17px;line-height:1.05}.pick__icon svg{color:#2f7a4a;width:32px}.pick__verdict,.pick__q{place-items:center;width:22px;height:22px;display:grid}.pick__verdict--edible{color:var(--green)}.pick__verdict--toxic{color:#b8322a}.pick__verdict--deadly{color:#7d1d16}.pick__verdict--seen{color:var(--green)}.pick__q{font:600 16px/1 var(--f-cond);color:#9a948b;border:1.5px dashed #b9b0a1;border-radius:50%}.guide__desc .verdict{vertical-align:2px;margin:0 8px 0 0;padding:3px 10px 3px 4px;font-size:14px}.guide__desc .verdict svg{width:17px;height:17px}.features__title{font:600 16px/1 var(--f-cond);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);margin:12px 0 6px}.features{gap:6px;list-style:none;display:grid}.feature{min-height:48px;font:500 18px/1.1 var(--f-cond);letter-spacing:.03em;text-transform:uppercase;color:var(--ink-2);cursor:pointer;background:#f8f3e8;border:1.5px solid #ebe3d3;border-radius:8px;grid-template-columns:40px 1fr auto 24px;align-items:center;gap:12px;padding:4px 14px 4px 6px;transition:background-color .2s,border-color .2s,color .2s;display:grid;position:relative}.feature.is-current{border:1.7px solid var(--orange-soft);background:var(--peach);color:var(--ink)}.feature__icon{background:#efe8dc;border:1.5px solid #dcd3c4;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.feature__icon img{object-fit:contain;width:36px;height:36px}.feature__badge{font:600 12.5px/1 var(--f-cond);letter-spacing:.06em;white-space:nowrap;border-radius:4px;padding:3px 7px}.feature__badge--essential{color:#f4efe2;background:#2c5338}.feature__badge--extra{color:#5d5a56;background:#e7dfcd}.feature__icon svg{color:#5d5a56;width:22px}.feature__eye{color:#b9b0a1;width:22px;transition:color .2s}.feature.is-current .feature__eye{color:var(--orange)}.lookalike{width:100%;font:500 17px/1.15 var(--f-cond);letter-spacing:.03em;text-transform:uppercase;text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin-top:8px;padding:8px 12px;display:flex}.lookalike svg{flex:none;width:22px}.lookalike span{flex:1}.lookalike--toxic,.lookalike--deadly{color:#8f2b22;background:#f4dcd6}.mistaken{font:500 17px/1.15 var(--f-cond);letter-spacing:.03em;text-transform:uppercase;color:#8f2b22;border:1.5px dashed #d9a79c;border-radius:8px;align-items:center;gap:10px;margin-top:8px;padding:8px 12px;display:flex}.mistaken svg{flex:none;width:22px}.lookalike--edible{color:#2c5338;background:#e3ecdc}.lstep__seen{color:#a39b8e;opacity:0;width:20px;transition:opacity .2s;position:absolute;top:6px;right:8px}.lstep.is-seen:not(.is-current) .lstep__seen{opacity:1}.lstep__verdict:empty{display:none}.lstep.is-hover:not(.is-current){border-color:var(--orange-soft)}.lessonmenu{border:1.5px solid var(--line);opacity:0;pointer-events:none;background:#f7f1e3fc;border-radius:10px;width:360px;padding:8px;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% - 2px);left:18px;transform:translateY(6px);box-shadow:0 -8px 24px #3c2d1924}.lessonmenu.is-open{opacity:1;pointer-events:auto;transform:none}.lessonmenu__item{text-align:left;border-radius:8px;align-items:center;gap:14px;width:100%;padding:10px 12px;display:flex}.lessonmenu__item:hover{background:#efe6d3}.lessonmenu__item.is-active{background:var(--peach)}.lessonmenu__icon{width:44px;height:44px;color:var(--brand);background:#efe8dc;border:1.5px solid #dcd3c4;border-radius:50%;flex:none;place-items:center;display:grid}.lessonmenu__icon svg{width:26px}.lessonmenu__icon--water{color:#3f86a0}.lessonmenu__icon--shelter{color:#6b4f2e}.lessonmenu__icon--bowdrill{color:#b5541f}.lessonmenu__icon--signal{color:#d9561c}.lessonmenu__icon--mushrooms{color:#b8322a}.lessonmenu__icon--kit{color:#4f6b46}.lessonmenu__text{flex-direction:column;flex:1;gap:5px;display:flex}.lessonmenu__text b{font:700 19px/1 var(--f-cond);letter-spacing:.045em;text-transform:uppercase;color:var(--ink)}.lessonmenu__text small{font:500 14.5px/1 var(--f-cond);letter-spacing:.04em;color:#8a847a}.lessonmenu__check{width:24px;color:var(--green)}.lesson__track{align-items:flex-start;gap:11px;display:flex;position:absolute;top:47px;left:24px;right:42px}.lesson__cards{flex:1 1 0;gap:11px;min-width:0;display:flex;position:relative}.lesson__cursor{z-index:1;border:2.5px solid var(--orange);pointer-events:none;border-radius:8px;height:87px;transition:opacity .2s;position:absolute;top:0;left:0}.lesson__cursor svg{width:22px;color:var(--ink);position:absolute;top:30px;right:10px}.lesson__cursor.is-off{opacity:0}.lstep{cursor:pointer;min-width:0;height:87px;font:500 17.5px/20px var(--f-cond);letter-spacing:.035em;text-transform:uppercase;color:var(--ink-2);background:#f8f1e4;border:1.5px solid #dad0bd;border-radius:8px;flex:1 1 0;align-items:center;transition:background-color .25s,border-color .2s,color .25s;display:flex;position:relative}.lstep__pic{flex:none}.lstep__art{object-fit:contain;flex:none;width:70px;height:70px;margin-left:8px}.lstep__art--icon{color:#6f6c68;place-items:center;display:grid}.lstep__label{margin-left:8px;margin-right:32px}.lstep__label .wt>*{grid-template-columns:auto auto;column-gap:5px;display:grid}.lstep__label b{font-weight:inherit;grid-row:span 2}.lstep__check{width:27px;color:var(--green);opacity:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .15s;position:absolute;top:5px;right:4px;transform:scale(.3)}.lstep.is-done .lstep__check{opacity:1;transform:none}.lesson__cards.is-explore .lstep__check{display:none}.lstep.is-current{color:var(--ink);background:#fcf3e6}.lstep.is-locked{color:#8b867e}.lstep__art--icon{width:54px;margin-left:18px;margin-right:8px}.lstep__art--icon svg{width:44px}.lstep__art--icon,.lstep__art--icon svg path{transition:color .25s}.lstep:not(.is-locked) .lstep__art--icon{color:#3b3934}.lstep:not(.is-locked) .lstep__art--fire svg path:first-child{color:var(--orange)}.lstep:not(.is-locked) .lstep__art--water{color:#3f86a0}.lstep:not(.is-locked) .lstep__art--shelter{color:#2f7a4a}.lstep:hover{border-color:#c9bda6}.lstep.is-current:hover{border-color:var(--orange)}.nav-btn{background:var(--card);height:77px;color:var(--ink);border:1.5px solid #d6ccb9;border-radius:9px;flex:0 0 62px;place-items:center;margin-left:6px;display:grid}.nav-btn svg{width:30px}.nav-btn--primary{color:#f4efe4;background:#2c372a;border-color:#27322a;flex-basis:67px;margin-left:4px}.player{z-index:4;border:1.5px solid var(--line);background:#f5edddf7;border-radius:10px;align-items:center;gap:6px;height:54px;padding:0 6px;display:flex;position:absolute;top:34px;right:558px;box-shadow:0 2px 6px #3c2d190f}.player__group{align-items:center;gap:2px;display:flex}.player__divider{background:var(--line);width:1.5px;height:30px}.player__btn,.player__speed,.player__compass{min-width:37px;height:40px;color:var(--ink-2);border-radius:8px;place-items:center;transition:background .15s,color .15s;display:grid}.player__btn:hover,.player__speed:hover,.player__compass:hover{background:#ebe2cf}.player__btn svg{width:20px}.player__btn--play{color:#f4efe4;background:#2c372a;min-width:44px}.player__btn--play:hover{background:#36442f}.player__icon{width:20px;display:none}.player:not(.is-playing):not(.is-complete) .player__icon--play,.player.is-playing .player__icon--pause,.player.is-complete .player__icon--replay{display:block}.player__speed{min-width:40px;font:700 18px/1 var(--f-cond);letter-spacing:.04em}.player__dial{width:32px;color:var(--ink-2);transform:rotate(var(--heading,0deg));display:block}.toast{z-index:4;color:#f2ede1;font:500 18px/1 var(--f-cond);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;background:#253a2c;border:1px solid #3f5446;border-radius:8px;padding:12px 20px;transition:opacity .35s,transform .35s;position:absolute;bottom:186px;left:calc(50% - 265px);transform:translate(-50%,8px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.player__btn.is-active{color:var(--orange);background:#ebe2cf}.devpop{border:1.5px solid var(--line);opacity:0;pointer-events:none;background:#f7f1e3fa;border-radius:10px;width:262px;padding:14px 16px;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-4px);box-shadow:0 8px 22px #3c2d1924}.devpop.is-open{opacity:1;pointer-events:auto;transform:none}.devpop__title{font:700 15px/1 var(--f-cond);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);justify-content:space-between;align-items:baseline;margin:2px 0 8px;display:flex}.devpop__title+.devpop__row{margin-top:0}.devpop__row+.devpop__title{border-top:1.5px solid #e6ddcb;margin-top:14px;padding-top:12px}.devpop__mode{font:600 12px/1 var(--f-cond);letter-spacing:.08em;color:var(--orange)}.devpop__row{cursor:pointer;height:32px;font:500 17px/1 var(--f-cond);letter-spacing:.03em;color:var(--ink-2);align-items:center;gap:10px;display:flex}.devpop__row input{opacity:0;pointer-events:none;position:absolute}.devpop__box{color:#0000;background:#fbf7ee;border:1.5px solid #cfc4ae;border-radius:50%;width:20px;height:20px}.devpop__box svg{width:100%;height:100%}.devpop__row input:checked+.devpop__box{border-color:var(--green);color:var(--green)}.devpop__row input:focus-visible+.devpop__box{outline:2px solid var(--orange);outline-offset:2px}.devpop__label{flex:1}.devpop kbd{min-width:20px;font:500 12px/1 var(--f-mono);text-align:center;color:#6f6961;background:#fbf7ee;border:1px solid #d8cdb7;border-bottom-width:2px;border-radius:4px;padding:3px 5px 2px}.devpop__cam{font:400 14px/1 var(--f-mono);color:var(--ink-2);grid-template-columns:auto 1fr;gap:6px 14px;display:grid}.devpop__cam dt{font:500 15px/1 var(--f-cond);letter-spacing:.04em;text-transform:uppercase;color:#8a847a}.devpop__log{color:#f4efe4;width:100%;height:36px;font:600 15px/1 var(--f-cond);letter-spacing:.07em;text-transform:uppercase;background:#2c372a;border-radius:7px;justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.devpop__log kbd{color:#e6e1d4;background:#3a4637;border-color:#4c5a49}.devpop__hint{font:400 13px/17px var(--f-body);color:#8a847a;margin-top:10px}.devpop__hint code{font:400 12px/1 var(--f-mono);color:var(--ink-2)}.guide,.lesson__track,.player__group--playback{transition:opacity .2s}body.is-loading .guide__body,body.is-loading .lesson__track{pointer-events:none}body.is-loading .player__group--playback{opacity:.35;pointer-events:none}body.is-loading .tags,body.is-loading .callout,body.is-revealing .tags,body.is-revealing .callout{opacity:0}.roll-host{display:grid}.roll-host>.roll{grid-area:1/1;min-width:0}.lesson__name,.status__count{white-space:nowrap}.wt{display:grid}.wt>*{grid-area:1/1;transition:opacity .25s}.wt>:last-child{opacity:0;font-weight:600}.is-current .wt>:first-child{opacity:0}.is-current .wt>:last-child{opacity:1}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important}}.sidebar,.brand,.player,.status,.guide,.toast,.lesson{zoom:var(--ui)}.callout__label,.tag__label{transform-origin:0 0;scale:var(--label,1)}.callout__marker,.tag__marker{scale:var(--label,1)}[data-layout=compact] .player{right:556px}[data-credit=mark] .status{width:auto;padding-right:9px}[data-credit=mark] .status .credit{margin:0 0 0 14px}[data-credit=mark] .status .credit__text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[data-credit=mark] .player{right:382px}[data-layout=compact] .guide{width:446px;height:calc(var(--lh) - 120px - 164px - 12px);right:12px}[data-layout=compact] .guide__card{height:calc(100% - 84px);padding-left:22px;overflow-y:auto}[data-layout=compact] .steps{width:auto}[data-layout=compact] .guide__scroll{display:none}[data-layout=compact] .lesson__track{gap:8px;left:16px;right:16px}[data-layout=compact] .lesson__cards,[data-layout=portrait] .lesson__cards{scrollbar-width:none;overflow-x:auto}[data-layout=compact] .lesson__cards::-webkit-scrollbar{display:none}[data-layout=portrait] .lesson__cards::-webkit-scrollbar{display:none}.lesson__cards[data-more=right]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000)}.lesson__cards[data-more=left]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px);mask-image:linear-gradient(90deg,#0000,#000 40px)}.lesson__cards[data-more=both]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000)}[data-layout=compact] .lstep,[data-layout=portrait] .lstep{min-width:188px}[data-layout=compact] .lstep__art,[data-layout=portrait] .lstep__art{width:48px;height:48px;margin-left:6px}[data-layout=compact] .lstep__art--icon,[data-layout=portrait] .lstep__art--icon{width:40px;margin-left:10px;margin-right:2px}[data-layout=compact] .lstep__art--icon svg,[data-layout=portrait] .lstep__art--icon svg{width:34px}[data-layout=compact] .lstep__label,[data-layout=portrait] .lstep__label{margin-left:8px;margin-right:28px}[data-layout=compact] .lstep__check,[data-layout=portrait] .lstep__check{width:22px;top:4px;right:4px}[data-layout=compact] .nav-btn{flex-basis:52px;margin-left:0}[data-layout=portrait] .nav-btn{flex-basis:44px;margin-left:0}[data-layout=portrait] .app,[data-sidebar=off] .app{grid-template-columns:1fr}[data-layout=portrait] .sidebar{display:none}[data-layout=portrait] .brand{gap:12px;top:10px;left:14px}[data-layout=portrait] .brand:before{width:var(--lw);background:#f6eddce6;height:68px;top:-10px;left:-14px}[data-layout=portrait] .brand:after{width:var(--lw);top:57px;left:-14px}[data-layout=portrait] .brand__logo{width:46px;height:48px}[data-layout=portrait] .brand__text{margin-top:-2px}[data-layout=portrait] .brand__title{font-size:27px}[data-layout=portrait] .brand__tagline{letter-spacing:.24em;margin-top:3px;font-size:11.5px}[data-layout=portrait] .status{background:0 0;border:0;width:auto;height:48px;padding:0;top:10px;right:14px}[data-layout=portrait] .status__course{background:0 0;border:0;width:auto;height:auto;padding:0}[data-layout=portrait] .status__book,[data-layout=portrait] .status .credit{display:none}[data-layout=portrait] .status__name{font-size:12.5px}[data-layout=portrait] .status__progress{margin-top:6px}[data-layout=portrait] .progress{width:78px;height:10px}[data-layout=portrait] .status__count{margin-left:9px;font-size:16px}[data-layout=portrait] .player{top:78px;left:50%;right:auto;transform:translate(-50%)}[data-layout=portrait] .lesson{top:var(--scene-bottom);height:150px;bottom:auto}[data-layout=portrait] .lessonmenu{max-width:calc(var(--lw) - 20px);max-height:calc(var(--scene-bottom) - 12px);left:10px;overflow-y:auto}[data-layout=portrait] .lesson__track{gap:6px;left:10px;right:10px}[data-layout=portrait] .guide{top:calc(var(--scene-bottom) + 150px);border:0;border-radius:0;width:auto;height:auto;padding:0 10px 10px;bottom:0;left:0;right:0}[data-layout=portrait] .tabs{gap:16px;height:54px;padding-left:4px}[data-layout=portrait] .tabs__tab{height:46px;padding-top:4px;font-size:17px}[data-layout=portrait] .tabs__ink{top:41px}[data-layout=portrait] .guide__card{overscroll-behavior:contain;height:calc(100% - 54px);padding:14px 14px 16px 18px;overflow-y:auto}[data-layout=portrait] .guide__title{font-size:30px}[data-layout=portrait] .guide__expand,[data-layout=portrait] .guide__scroll{display:none}[data-layout=portrait] .guide__desc{max-width:none;font-size:17.5px;line-height:23px}[data-layout=portrait] .steps{width:auto;margin-right:0}[data-layout=portrait] .toast{bottom:auto;left:50%;top:calc(var(--scene-bottom) - 58px)}[data-layout=short] .app{grid-template-columns:1fr}[data-layout=short] .sidebar,[data-layout=short] .status{display:none}[data-layout=short] .brand{gap:10px;top:8px;left:12px}[data-layout=short] .brand:before{width:calc(var(--lw) - var(--guide-w) - 12px);background:#f6eddce6;height:62px;top:-8px;left:-12px}[data-layout=short] .brand:after{width:calc(var(--lw) - var(--guide-w) - 12px);top:53px;left:-12px}[data-layout=short] .brand__logo{width:40px;height:42px}[data-layout=short] .brand__text{margin-top:0}[data-layout=short] .brand__title{font-size:23px}[data-layout=short] .brand__tagline,[data-layout=short][data-brand=badge] .brand__text{display:none}[data-layout=short] .player{top:4px;right:calc(var(--guide-w) + 20px)}[data-layout=short] .guide{width:var(--guide-w);height:auto;padding:0 10px 10px;top:6px;bottom:6px;right:6px}[data-layout=short] .tabs{gap:14px;height:50px;padding-left:2px}[data-layout=short] .tabs__tab{height:44px;padding-top:4px;font-size:16.5px}[data-layout=short] .tabs__ink{top:39px}[data-layout=short] .guide__card{overscroll-behavior:contain;height:calc(100% - 50px);padding:12px 12px 14px 16px;overflow-y:auto}[data-layout=short] .guide__title{font-size:27px}[data-layout=short] .guide__expand{width:24px;margin-top:0}[data-layout=short] .guide__desc{max-width:none;font-size:16.5px;line-height:21px}[data-layout=short] .steps{width:auto;margin-right:0}[data-layout=short] .guide__scroll{display:none}[data-layout=short] .lesson{right:calc(var(--guide-w) + 12px);height:100px}[data-layout=short] .lesson__title{height:32px;top:2px}[data-layout=short] .lessonmenu{max-height:calc(var(--lh) - 112px);left:10px;overflow-y:auto}[data-layout=short] .lesson__track{gap:6px;top:38px;left:10px;right:10px}[data-layout=short] .lstep{justify-content:center;height:56px}[data-layout=short] .lstep__label{display:none}[data-layout=short] .lstep__art{width:44px;height:44px;margin:0}[data-layout=short] .lstep__art--icon{width:36px;margin:0}[data-layout=short] .lstep__art--icon svg{width:30px}[data-layout=short] .lstep__check{width:18px;top:3px;right:3px}[data-layout=short] .lstep__seen{width:16px;top:4px;right:5px}[data-layout=short] .lstep__verdict{width:17px;height:17px;bottom:4px;left:4px}[data-layout=short] .lesson__cursor{height:56px}[data-layout=short] .lesson__cursor svg{display:none}[data-layout=short] .nav-btn{flex-basis:44px;height:56px;margin-left:0}[data-layout=short] .toast{left:calc((100% - var(--guide-w) - 12px) / 2);bottom:112px}