@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600&display=swap";:root{--ui-scale: 1;font-family:Manrope,Arial,sans-serif;color:#181816;background:#f3f2ed;font-synthesis:none}*{box-sizing:border-box}html,body,#root,main{width:100%;height:100%;margin:0;overflow:hidden;background:#f3f2ed}#root,main{height:100dvh}main{position:relative;-webkit-user-select:none;user-select:none}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.world-canvas.cursor-field{cursor:grab}.world-canvas.cursor-step{cursor:crosshair}.world-canvas.cursor-dragging{cursor:grabbing}.world-canvas.edge-left{cursor:w-resize}.world-canvas.edge-right{cursor:e-resize}.world-canvas.edge-up{cursor:n-resize}.world-canvas.edge-down{cursor:s-resize}.world-canvas.edge-up-left{cursor:nw-resize}.world-canvas.edge-up-right{cursor:ne-resize}.world-canvas.edge-down-left{cursor:sw-resize}.world-canvas.edge-down-right{cursor:se-resize}.edge-glide{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;pointer-events:none}.edge-glide i{position:absolute;display:grid;place-items:center;overflow:hidden;color:transparent;font-size:0;font-style:normal;background:#f9f8f3eb;border:1px solid #1b1b19;opacity:0;transition:opacity .15s ease}.edge-glide i:before{content:"";width:7px;height:7px;border:solid #1b1b19;border-width:1px 1px 0 0}.edge-glide-left,.edge-glide-right{top:50%;width:18px;height:48px;transform:translateY(-50%)}.edge-glide-up,.edge-glide-down{left:50%;width:48px;height:18px;transform:translate(-50%)}.edge-glide-left{left:0;border-left:0}.edge-glide-left:before{transform:rotate(-135deg);margin-left:4px}.edge-glide-right{right:0;border-right:0}.edge-glide-right:before{transform:rotate(45deg);margin-right:4px}.edge-glide-up{top:0;border-top:0}.edge-glide-up:before{transform:rotate(-45deg);margin-top:4px}.edge-glide-down{bottom:0;border-bottom:0}.edge-glide-down:before{transform:rotate(135deg);margin-bottom:4px}.edge-glide.left .edge-glide-left,.edge-glide.right .edge-glide-right,.edge-glide.up .edge-glide-up,.edge-glide.down .edge-glide-down,.edge-glide.up-left .edge-glide-up,.edge-glide.up-left .edge-glide-left,.edge-glide.up-right .edge-glide-up,.edge-glide.up-right .edge-glide-right,.edge-glide.down-left .edge-glide-down,.edge-glide.down-left .edge-glide-left,.edge-glide.down-right .edge-glide-down,.edge-glide.down-right .edge-glide-right{opacity:1;transition-delay:.22s}@media (min-width: 900px){:root{--ui-scale: 1.15}}@media (min-width: 1600px){:root{--ui-scale: 1.2}}@media (min-width: 2200px){:root{--ui-scale: 1.25}}@media (min-width: 3000px){:root{--ui-scale: 1.3}}.session-progress,.game-hud,.target-card,.tracker,.zoom-controls,.utility-controls{zoom:var(--ui-scale)}.tutorial>section,.end-screen>section,.verdict>div{zoom:var(--ui-scale)}.toast,.score-flight{scale:var(--ui-scale)}.session-progress{position:fixed;inset:0 0 auto;z-index:8;height:5px;opacity:0;background:#1717151a;pointer-events:none;transition:opacity .25s ease}.session-progress.active{opacity:1}.session-progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(100% / 18 - 1px),rgba(248,247,242,.72) calc(100% / 18 - 1px),rgba(248,247,242,.72) calc(100% / 18))}.session-progress i{position:relative;display:block;width:100%;height:100%;background:#1b1b19;transition:width .1s linear}.session-progress i:after{content:"";position:absolute;top:0;right:0;width:2px;height:5px;background:#f8f7f2}.session-progress span,.session-progress em{position:absolute;top:8px;color:#706e68;font:6px DM Mono,monospace;font-style:normal;letter-spacing:.14em}.session-progress span{left:7px}.session-progress em{right:7px}.game-hud{position:fixed;top:24px;right:28px;display:flex;overflow:hidden;background:#f9f8f3e0;border:1px solid rgba(23,23,21,.2);border-radius:2px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:0 8px 28px #1717150d;cursor:default}.game-hud>div{min-width:72px;padding:9px 12px 8px;border-left:1px solid rgba(23,23,21,.13)}.game-hud>div:first-child{border-left:0}.game-hud small{display:block;margin-bottom:2px;color:#77756e;font:7px DM Mono,monospace;letter-spacing:.14em}.game-hud strong{display:block;font:500 12px DM Mono,monospace;letter-spacing:.08em}.game-hud>div:first-child strong{animation:score-arrive .34s ease-out}.game-hud .lives strong{display:flex;gap:3px;color:#1c1c19;font-size:13px;letter-spacing:0}.game-hud .lives i{position:relative;width:13px;display:inline-grid;place-items:center;font-style:normal;transform-origin:50% 60%}.game-hud .lives.hit{animation:life-panel-hit .62s ease-out}.game-hud .lives.hit strong{animation:lives-recoil .52s cubic-bezier(.22,.8,.3,1)}.game-hud .lives i.lost{z-index:1;animation:life-lost .72s cubic-bezier(.18,.7,.25,1) both}.game-hud .lives i.lost:before,.game-hud .lives i.lost:after{content:"";position:absolute;left:50%;top:48%;width:3px;height:3px;background:#1c1c19;border-radius:50%;opacity:0}.game-hud .lives i.lost:before{--life-shard-x: -10px;--life-shard-y: -7px}.game-hud .lives i.lost:after{--life-shard-x: 11px;--life-shard-y: -4px;animation-delay:35ms}.game-hud .lives i.lost:before,.game-hud .lives i.lost:after{animation:life-shard .52s .08s ease-out both}@keyframes score-arrive{0%{transform:scale(1)}45%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes life-panel-hit{0%,to{background:transparent}12%,32%{color:#f8f7f2;background:#1c1c19}}@keyframes lives-recoil{0%{transform:translate(0)}16%{transform:translate(-4px)}31%{transform:translate(3px)}48%{transform:translate(-2px)}70%,to{transform:translate(0)}}@keyframes life-lost{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}20%{opacity:1;transform:translateY(-2px) rotate(-9deg) scale(1.48)}48%{opacity:.9;transform:translateY(1px) rotate(8deg) scale(.9)}to{opacity:0;transform:translateY(11px) rotate(24deg) scale(.25)}}@keyframes life-shard{0%,18%{opacity:0;transform:translate(0) scale(.4)}24%{opacity:1}to{opacity:0;transform:translate(var(--life-shard-x),var(--life-shard-y)) scale(1)}}.target-card{position:fixed;top:24px;left:28px;width:218px;padding:14px 15px 13px;background:#f9f8f3e6;border:1px solid rgba(24,24,22,.82);border-radius:2px;cursor:default;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.eyebrow{display:flex;justify-content:space-between;font:8px DM Mono,monospace;letter-spacing:.15em;padding-bottom:9px;border-bottom:1px solid rgba(23,23,21,.2)}.target-card svg{width:100%;height:112px;padding:5px 2px 0;color:#171715}.target-name{display:flex;align-items:baseline;justify-content:space-between}.target-name h1{font-size:17px;font-weight:600;letter-spacing:-.03em;margin:1px 0 3px}.target-name span{font:8px DM Mono,monospace;border:1px solid rgba(23,23,21,.3);border-radius:20px;padding:2px 5px}.target-card p{margin:0;color:#65635d;font:8px DM Mono,monospace;text-transform:uppercase;letter-spacing:.075em}.route-challenge{margin-top:8px;padding:6px 8px;display:flex;align-items:center;justify-content:space-between;color:#f7f6f1;background:#1a1a18}.route-challenge small,.route-challenge strong{font:7px DM Mono,monospace;letter-spacing:.1em}.route-challenge strong{font-weight:500}.gait{height:36px;margin-top:9px;border-top:1px solid rgba(23,23,21,.2);display:flex;align-items:center;gap:7px}.gait small{margin-right:auto;color:#68665f;font:7px DM Mono,monospace;letter-spacing:.05em;white-space:nowrap}.gait-beats{display:flex;align-items:center;gap:4px}.gait-beats>span{min-width:18px;height:21px;display:flex;align-items:center;justify-content:center;gap:1px;padding:2px;border:1px solid rgba(23,23,21,.24);border-radius:2px;animation:gait-pulse var(--gait-cycle, 1.35s) linear infinite;animation-delay:var(--gait-delay, 0s)}.gait-beats i{width:4px;height:8px;display:block;background:#23231f;border-radius:60% 55% 45% 45%;transform:rotate(24deg)}@keyframes gait-pulse{0%{opacity:.28;transform:scale(.94)}5%,12%{opacity:1;transform:scale(1.06)}20%,to{opacity:.28;transform:scale(1)}}.tracker{position:fixed;top:24px;left:50%;width:370px;padding:10px 14px;transform:translate(-50%);background:#f9f8f3db;border:1px solid rgba(23,23,21,.17);border-radius:2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default}.tracker>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;font:8px DM Mono,monospace;letter-spacing:.1em;color:#77756e}.tracker strong{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#22221f;font-weight:500}.chain{display:grid;gap:6px;margin-top:8px}.chain i{display:grid;place-items:center;height:20px;border:1px solid rgba(23,23,21,.2);border-radius:1px;color:#77756e;font:8px DM Mono,monospace;font-style:normal;transition:all .18s ease}.chain i.filled{color:#f7f6f1;background:#1a1a18;border-color:#1a1a18;transform:scale(.96)}.zoom-controls{position:fixed;right:28px;bottom:24px;height:34px;display:flex;align-items:center;overflow:hidden;background:#f9f8f3e6;border:1px solid rgba(23,23,21,.24);border-radius:2px;box-shadow:0 6px 20px #1717150d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default}.zoom-controls button{width:34px;height:34px;border:0;background:transparent;color:#191917;font:17px DM Mono,monospace;cursor:pointer;transition:background .15s ease}.zoom-controls button:hover{background:#17171514}.zoom-controls span{width:48px;text-align:center;font:8px DM Mono,monospace;letter-spacing:.06em}.utility-controls{position:fixed;left:28px;bottom:24px;display:flex;gap:6px}.utility-controls button,.utility-controls a{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(23,23,21,.24);border-radius:2px;background:#f9f8f3e6;color:#191917;font:11px DM Mono,monospace;text-decoration:none;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.utility-controls button:hover,.utility-controls a:hover{background:#f9f8f3}.utility-controls svg{width:17px;height:17px;fill:#191917;stroke:#191917;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.utility-controls svg path:not(:first-child){fill:none}.utility-controls .lab-icon path{fill:none}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:9px;background:#f9f8f3e6;border:1px solid rgba(23,23,21,.22);border-radius:50px;padding:9px 15px;font:9px DM Mono,monospace;letter-spacing:.09em;text-transform:uppercase;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 20px #1717150a}.toast span{width:5px;height:5px;background:#171715;border-radius:50%}.toast.success{color:#f6f5f0;background:#171715}.toast.success span{background:#f6f5f0}.toast.contextual{bottom:auto;padding:7px 11px;font-size:8px;transform:translate(-50%,-100%);animation:context-pop .18s ease-out}.toast.contextual:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:31px;background:linear-gradient(rgba(23,23,21,.45),transparent)}@keyframes context-pop{0%{opacity:0;transform:translate(-50%,calc(-100% + 5px))}to{opacity:1;transform:translate(-50%,-100%)}}.score-flight{position:fixed;z-index:16;color:#f8f7f2;background:#191917;border:1px solid #f8f7f2;padding:7px 10px;font:500 11px DM Mono,monospace;letter-spacing:.04em;pointer-events:none;transform:translate(-50%,-50%);animation:score-flight 1.3s cubic-bezier(.2,.75,.2,1) forwards}@keyframes score-flight{0%{opacity:0;transform:translate(-50%,-50%) scale(.65)}12%{opacity:1;transform:translate(-50%,-65%) scale(1.08)}70%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--score-dx)),calc(-50% + var(--score-dy))) scale(.35)}}.tutorial{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:28px;overflow:auto;background:#efeee8d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tutorial>section{width:min(1060px,100%);padding:39px 43px 42px;background:#f9f8f3f7;border:1px solid #1c1c19;box-shadow:10px 11px #17171514,0 35px 90px #1717151f}.tutorial header{text-align:center}.tutorial header small{font:8px DM Mono,monospace;letter-spacing:.2em}.tutorial header h2{margin:12px 0 7px;font-size:38px;font-weight:500;letter-spacing:-.045em}.tutorial header p{margin:0;color:#5f5d57;font:12px DM Mono,monospace;letter-spacing:.025em}.tutorial-steps{display:grid;grid-template-columns:repeat(3,1fr);margin:34px 0 31px;border-block:1px solid rgba(23,23,21,.22)}.tutorial-steps article{min-width:0;padding:21px 25px 24px;border-left:1px solid rgba(23,23,21,.18)}.tutorial-steps article:first-child{border-left:0}.tutorial-steps article>b{display:block;color:#77756e;font:8px DM Mono,monospace;font-weight:400;letter-spacing:.1em}.tutorial-steps h3{margin:15px 0 7px;font-size:18px;font-weight:600;letter-spacing:-.018em}.tutorial-steps article>p{min-height:54px;margin:0;color:#595852;font:11px/1.55 DM Mono,monospace;letter-spacing:.01em}.tutorial-target,.tutorial-trail,.tutorial-points{height:114px;margin-top:12px;display:flex;align-items:center;justify-content:center;position:relative;background:#f1f0ea;border:1px solid rgba(23,23,21,.13);overflow:hidden}.tutorial-target svg{width:145px;height:92px;color:#181816;animation:creature-breathe 1.8s ease-in-out infinite;transform-origin:50% 80%}@keyframes creature-breathe{0%,to{transform:translateY(2px) scale(.985)}50%{transform:translateY(-2px) scale(1)}}.tutorial-target>span{position:absolute;right:8px;top:7px;font:7px DM Mono,monospace;letter-spacing:.12em}.tutorial-trail{flex-direction:column;gap:7px}.tutorial-trail>div{display:flex;gap:28px}.tutorial-trail>div>span{position:relative;width:31px;height:35px;display:grid;place-items:center;border:1px solid rgba(23,23,21,.16);background:#f8f7f2}.tutorial-trail>div>span:after{content:"";position:absolute;width:23px;height:23px;border:1px solid #191917;border-radius:50%;opacity:0;animation:tutorial-click-ring 2.7s infinite}.tutorial-trail>div>span:nth-child(2):after{animation-delay:.9s}.tutorial-trail>div>span:nth-child(3):after{animation-delay:1.8s}.tutorial-trail span i{width:9px;height:15px;display:block;border-radius:60% 55% 45% 45%;background:#1a1a18;transform:rotate(42deg)}.tutorial-trail span b{position:absolute;right:3px;bottom:1px;color:#6d6b65;font:7px DM Mono,monospace}.tutorial-trail svg{position:absolute;left:calc(50% - 49px);top:48px;width:21px;height:25px;fill:#f8f7f2;stroke:#191917;stroke-width:1.6;animation:tutorial-cursor 2.7s ease-in-out infinite}.tutorial-trail>small{color:#5c5a54;font:7px DM Mono,monospace;letter-spacing:.1em}@keyframes tutorial-click-ring{0%,10%{opacity:0;transform:scale(.55)}16%,25%{opacity:.85;transform:scale(1)}33%,to{opacity:0;transform:scale(1.25)}}@keyframes tutorial-cursor{0%,22%{transform:translate(0)}33%,55%{transform:translate(59px)}66%,88%{transform:translate(118px)}to{transform:translate(118px)}}.tutorial-points{flex-direction:column;gap:12px}.tutorial-points strong{font:500 25px DM Mono,monospace;letter-spacing:-.05em}.tutorial-points>b{font:500 16px DM Mono,monospace;letter-spacing:.06em}.tutorial-points small{margin-top:-5px;color:#64625c;font:7px DM Mono,monospace;letter-spacing:.12em}.tutorial>section>button{position:relative;width:100%;padding:16px 18px;display:flex;justify-content:space-between;overflow:hidden;border:0;background:#191917;color:#f7f6f1;font:10px DM Mono,monospace;letter-spacing:.14em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.tutorial>section>button:before{content:"";position:absolute;inset:0 auto 0 -35%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);transform:skew(-20deg);animation:hunt-shine 2.7s ease-in-out infinite}.tutorial>section>button span{animation:hunt-arrow 1.1s ease-in-out infinite}.tutorial>section>button:hover{transform:translateY(-2px);background:#f8f7f2;color:#191917;box-shadow:inset 0 0 0 1px #191917,0 7px #17171524}.tutorial>section>button:hover:before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.08),transparent)}.tutorial>section>button:hover span{animation-duration:.55s}@keyframes hunt-shine{0%,55%{left:-35%}to{left:120%}}@keyframes hunt-arrow{0%,to{transform:translate(0)}50%{transform:translate(3px,-2px)}}.end-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#efeee8c7;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.end-screen section{width:min(430px,calc(100vw - 36px));padding:34px 36px 36px;text-align:center;background:#f9f8f3f5;border:1px solid #1c1c19;box-shadow:9px 10px #17171514,0 30px 80px #1717151f}.end-screen>section>small{font:9px DM Mono,monospace;letter-spacing:.22em}.end-screen h2{margin:20px 0 -4px;font:500 72px DM Mono,monospace;letter-spacing:-.08em}.end-screen>section>p{margin:0;color:#75736c;font:8px DM Mono,monospace;letter-spacing:.18em}.end-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0;border-block:1px solid rgba(23,23,21,.18)}.end-stats div{padding:14px 4px;border-left:1px solid rgba(23,23,21,.18)}.end-stats div:first-child{border-left:0}.end-stats strong,.end-stats span{display:block}.end-stats strong{font:500 16px DM Mono,monospace}.end-stats span{margin-top:4px;color:#75736c;font:7px DM Mono,monospace;letter-spacing:.1em}.end-screen button{width:100%;padding:13px 15px;display:flex;justify-content:space-between;border:0;background:#191917;color:#f7f6f1;font:9px DM Mono,monospace;letter-spacing:.13em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.end-screen button:hover{transform:translateY(-2px);background:#f8f7f2;color:#191917;box-shadow:inset 0 0 0 1px #191917,0 7px #17171524}.end-screen button:hover span{animation:hunt-arrow .55s ease-in-out infinite}.verdict{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;display:grid;place-items:center;pointer-events:none;animation:verdict-frame 2.2s both}.verdict:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 7px #191917}.verdict.fail:before{box-shadow:inset 0 0 0 7px #f8f7f2,inset 0 0 0 9px #191917}.verdict>div{position:relative;min-width:340px;padding:21px 31px 19px;text-align:center;border:2px solid #191917;box-shadow:8px 9px #17171524;animation:verdict-card 2.2s both}.verdict.success>div{color:#f8f7f2;background:#191917}.verdict.fail>div{color:#191917;background:#f8f7f2}.verdict strong,.verdict span{display:block;font-family:DM Mono,monospace}.verdict strong{font-size:15px;font-weight:500;letter-spacing:.13em}.verdict span{margin-top:7px;font-size:9px;letter-spacing:.09em}@keyframes verdict-frame{0%{opacity:0}5%,86%{opacity:1}to{opacity:0}}@keyframes verdict-card{0%{transform:scale(.84)}7%{transform:scale(1.04)}13%,86%{transform:scale(1)}to{transform:scale(1.03)}}@media (max-width: 900px){.target-card{top:84px;left:16px}.tracker{top:24px}}@media (max-width: 620px){.session-progress{top:env(safe-area-inset-top)}.game-hud{top:max(12px,calc(env(safe-area-inset-top) + 8px));right:max(12px,env(safe-area-inset-right))}.game-hud>div{min-width:56px;padding:7px 8px}.target-card,.tracker{width:calc(100vw - 32px);left:16px;transform:none}.tracker{top:max(68px,calc(env(safe-area-inset-top) + 64px));height:40px;display:flex;align-items:center;gap:8px;padding:7px 9px}.tracker>div:first-child{flex:1;min-width:0}.tracker>div:first-child span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracker>div:first-child strong{display:none}.tracker .chain{flex:none;display:flex;gap:3px;margin:0}.tracker .chain i{width:22px;height:22px}.target-card{top:max(120px,calc(env(safe-area-inset-top) + 116px));display:grid;grid-template-columns:82px minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:11px;width:calc(100vw - 32px);padding:10px 11px 9px}.target-card .eyebrow{grid-column:1 / -1;padding-bottom:6px;margin-bottom:3px}.target-card>svg{grid-column:1;grid-row:2 / 5;align-self:center;width:82px;height:68px;padding:0}.target-card .target-name{grid-column:2;grid-row:2;min-width:0}.target-card .target-name h1{margin:0 0 1px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.target-card>p{grid-column:2;grid-row:3;min-width:0;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.target-card .route-challenge{grid-column:2;grid-row:4;margin-top:4px;padding:4px 6px}.target-card .gait{grid-column:2;grid-row:4;height:28px;margin-top:3px;gap:5px}.target-card .route-challenge+.gait{grid-column:1 / -1;grid-row:5}.target-card .gait small{font-size:6px}.target-card .gait-beats{gap:3px}.target-card .gait-beats>span{min-width:16px;height:19px}.zoom-controls{right:max(14px,env(safe-area-inset-right));bottom:max(14px,calc(env(safe-area-inset-bottom) + 8px))}.utility-controls{left:max(14px,env(safe-area-inset-left));bottom:max(14px,calc(env(safe-area-inset-bottom) + 8px))}.toast{bottom:max(58px,calc(env(safe-area-inset-bottom) + 54px));max-width:calc(100vw - 28px);text-align:center}.verdict>div{min-width:0;width:calc(100vw - 44px)}.tutorial{place-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:hidden}.tutorial>section{width:100%;max-height:100%;padding:20px 20px 12px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.tutorial header h2{margin-top:8px;font-size:24px}.tutorial header p{font-size:10px;line-height:1.45}.tutorial-steps{grid-template-columns:1fr;margin:21px 0 16px}.tutorial-steps article{display:grid;grid-template-columns:96px 1fr;grid-template-rows:auto auto 1fr;column-gap:14px;padding:12px 0;border-left:0;border-top:1px solid rgba(23,23,21,.18)}.tutorial-steps article:first-child{border-top:0}.tutorial-steps article>b{grid-column:2}.tutorial-target,.tutorial-trail,.tutorial-points{grid-column:1;grid-row:1 / 4;width:96px;height:76px;margin:0}.tutorial-target svg{width:84px;height:68px}.tutorial-trail{gap:4px}.tutorial-trail>div{gap:4px}.tutorial-trail>div>span{width:25px;height:28px}.tutorial-trail span i{width:7px;height:12px}.tutorial-trail svg{left:calc(50% - 34px);top:36px;width:16px;height:19px;animation-name:tutorial-cursor-mobile}.tutorial-trail>small{font-size:5px;letter-spacing:.035em;white-space:nowrap}.tutorial-points{gap:7px}.tutorial-points strong{font-size:21px}.tutorial-points>b{font-size:13px}.tutorial-points small{font-size:5px;letter-spacing:.05em;white-space:nowrap}.tutorial-steps h3{grid-column:2;margin:7px 0 3px}.tutorial-steps article>p{grid-column:2;min-height:0;font-size:10px;line-height:1.45}.tutorial>section>button{position:sticky;bottom:0;z-index:2;margin-top:0;padding-block:15px;box-shadow:0 -12px 18px #f9f8f3}}@keyframes tutorial-cursor-mobile{0%,22%{transform:translate(0)}33%,55%{transform:translate(29px)}66%,to{transform:translate(58px)}}@media (pointer: coarse){.zoom-controls,.zoom-controls button{height:44px}.zoom-controls button{width:44px}.utility-controls button,.utility-controls a{width:44px;height:44px}.world-canvas{cursor:default}}
