.help-page{color:#dce4db;scrollbar-color:#658d7f #102422;background:#0a1a1d;min-height:100dvh;font-size:1rem;line-height:1.55}.help-page *{box-sizing:border-box}.help-page svg{flex-shrink:0;width:1.2rem;height:1.2rem}.help-header{border-bottom:1px solid #2d4942;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);display:flex}.help-brand,.help-back,.help-link{color:#b2ddc7;align-items:center;gap:.65rem;min-height:44px;display:inline-flex}.help-brand{color:#eee7d6;font-weight:700}.help-back,.help-link{text-underline-offset:.25rem;text-decoration:underline}.help-shell{max-width:76rem;margin:auto;padding:1.5rem clamp(1rem,3vw,2.5rem) 3rem}.help-title{flex-wrap:wrap;align-items:baseline;gap:.65rem 1rem;margin-bottom:1.5rem;display:flex}.help-title h1{color:#eee7d6;font-size:1.8rem;font-weight:650}.help-title>span{color:#9cb7aa;font-size:.875rem}.help-page .help-layout{grid-template-columns:minmax(13rem,16rem) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.help-page .help-chapters{background:#102422;border:1px solid #2d4942;border-radius:10px;flex-direction:column;width:100%;height:auto;padding:.4rem;display:flex}.help-chapters [data-slot=tabs-trigger]{white-space:normal;text-align:left;color:#becdc3;border:1px solid #0000;border-radius:6px;flex:none;justify-content:flex-start;width:100%;height:auto;min-height:44px;padding:.65rem;font-size:.875rem}.help-chapters [data-slot=tabs-trigger][data-active]{color:#f0eadc;background:#24473c;border-color:#6b9b85}.help-number{color:#99b4a6;flex:0 0 1.4rem;font-size:.75rem}.help-reading{min-width:0}.help-article{overflow-wrap:anywhere;background:#102422;border:1px solid #2d4942;border-radius:10px;padding:clamp(1rem,3vw,2rem);font-size:1rem}.help-article h2{color:#eee7d6;margin-bottom:.75rem;font-size:1.5rem;font-weight:650;line-height:1.3}.help-intro{color:#becdc3}.help-steps{gap:.8rem;margin:1.25rem 0;padding-left:1.5rem;list-style:decimal;display:grid}.help-steps li{padding-left:.3rem}.help-steps li::marker{color:#d5b875;font-weight:650}.help-note{background:#1b302c;border-left:3px solid #b9a16b;align-items:start;gap:.75rem;margin:1.25rem 0 0;padding:1rem;display:flex}.help-note svg{color:#d5b875;margin-top:.2rem}.help-link{margin-top:1rem}.help-page button{white-space:normal;height:auto;min-height:44px;font-size:.875rem}.help-page :is(a,button):focus-visible{outline-offset:3px;outline:2px solid #a7e3c7}.help-reading:focus-visible{outline-offset:3px;outline:2px solid #a7e3c7}.help-page .help-menu-toggle{display:none}.help-example{margin:1.5rem 0}.help-scene{background:#223d30 url(/experiments/painted-v1/warm-glen.png) 50%/cover;border:1px solid #3a5a4e;border-radius:8px;height:clamp(12rem,29vw,17rem);position:relative;overflow:hidden}.help-demo-cat{width:23%;height:58%;transition:left 1.8s ease-in-out;position:absolute;bottom:15%;left:13%}.help-demo-cat[data-destination]{left:62%}.help-demo-cat[data-walking]:not([data-destination]){transform:scaleX(-1)}.help-demo-cat>span{position:absolute;inset:0}.help-demo-cat .help-pose-a,.help-demo-cat .help-pose-b,.help-demo-cat[data-walking] .help-pose-still{visibility:hidden}.help-demo-cat[data-walking] .help-pose-a,.help-demo-cat[data-walking] .help-pose-b{visibility:visible}.help-demo-cat[data-walking] .help-pose-a{animation:.5s step-end infinite help-paws}.help-demo-cat[data-walking] .help-pose-b{animation:.5s step-end infinite reverse help-paws}@keyframes help-paws{0%,49%{opacity:1}50%,to{opacity:0}}.help-demo-cat .painted-sprite,.help-demo-cat .painted-sprite>svg{width:100%;height:100%;display:block}.help-demo-cat .painted-asset-probe{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.help-origin,.help-destination{background:#0a1a1de8;border-radius:5px;padding:.25rem .5rem;font-size:.75rem;position:absolute;bottom:5%}.help-origin{left:9%}.help-destination{align-items:center;gap:.35rem;display:flex;right:5%}.help-example figcaption{color:#b1c5b9;margin:.65rem 0;font-size:.875rem}.help-stat-example{border:1px solid #3a5a4e;border-radius:8px;gap:.65rem;padding:1rem;display:grid}.help-stat{isolation:isolate;background:#193630;border:1px solid #436352;border-radius:6px;flex-wrap:wrap;justify-content:space-between;gap:.35rem .75rem;padding:.35rem .7rem;display:flex;position:relative;overflow:hidden}.help-stat-fill{z-index:-1;background:#245044;position:absolute;inset:0 auto 0 0}.help-stat[data-stat=energy] .help-stat-fill{background:#534827}.help-stat[data-stat=satiety] .help-stat-fill{background:#513c2d}.help-stat[data-stat=thirst] .help-stat-fill{background:#23474e}.help-stat-label{align-items:center;gap:.5rem;display:inline-flex}.help-stat strong{align-self:center;font-size:.875rem}.help-item-example{border:1px solid #3a5a4e;border-radius:8px;grid-template-columns:3.5rem minmax(0,1fr) 1.25rem;align-items:center;gap:1rem;padding:1rem;display:grid}.help-item-example p{color:#becdc3;margin-top:.25rem}.help-item-art{background:url(/experiments/rain/items.png) 66.6667% 0/400% 200% no-repeat;width:3.5rem;height:3.5rem;-webkit-mask:url(/experiments/rain/items-mask.png) 66.6667% 0/400% 200% no-repeat;-webkit-mask-source-type:luminance;mask:url(/experiments/rain/items-mask.png) 66.6667% 0/400% 200% no-repeat luminance}.help-donation-example{text-align:center;grid-template-columns:1fr auto 1.2fr auto 1fr;align-items:center;gap:.65rem;display:grid}.help-donation-example>span{border:1px solid #3a5a4e;border-radius:8px;justify-items:center;gap:.5rem;padding:.75rem;display:grid}.help-hunt-example{grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:.75rem;display:grid}.help-hunt-example>div{background:#193630;border:1px solid #3a5a4e;border-radius:8px;gap:.5rem;padding:1rem;display:grid}.help-hunt-example svg{color:#b2ddc7}@media (max-width:720px){.help-page .help-layout{grid-template-columns:minmax(0,1fr)}.help-page .help-menu-toggle{justify-content:space-between;width:100%;margin-bottom:.75rem;padding:.65rem;display:flex}.help-page .help-chapters:not([data-menu-open]){display:none}.help-title{margin-bottom:.75rem}.help-donation-example{grid-template-columns:1fr;justify-items:stretch}.help-donation-example>svg{justify-self:center;transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.help-demo-cat{transition:none}.help-demo-cat[data-walking] .help-pose-a,.help-demo-cat[data-walking] .help-pose-b{visibility:hidden;animation:none}.help-demo-cat[data-walking] .help-pose-still{visibility:visible}}