*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0}body{color:#35534b;background:#f3f7ed;font-family:ui-rounded,Trebuchet MS,sans-serif}button,a,select,input{-webkit-tap-highlight-color:transparent}button,select,a{touch-action:manipulation}button,select,.home{font:inherit;color:#35534b;cursor:pointer;background:#fffdf6;border:0;border-radius:18px;min-height:48px;padding:10px 14px;box-shadow:0 3px #d1dfd2}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:4px solid #df8a37}button:disabled{opacity:.45;cursor:default}.app{height:100dvh;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));flex-direction:column;gap:8px;max-width:1500px;margin:auto;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.home{place-items:center;width:56px;height:56px;font-size:27px;text-decoration:none;display:grid}.title{flex:1;margin:0;font-size:clamp(17px,2.7vw,28px)}.sound{min-width:54px}.instructions{text-align:center;place-items:center;min-height:42px;margin:0;font-size:clamp(14px,2vw,20px);display:grid}.field{touch-action:none;-webkit-user-select:none;user-select:none;background:#e4f2df;border-radius:32px;flex:1;min-height:180px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #c7dbc9,0 7px 20px #54776116}.field svg{touch-action:none;width:100%;height:100%;display:block}.footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.counter{align-items:center;gap:8px;display:flex}.counter input{text-align:center;color:#35534b;background:#fffdf6;border:2px solid #c5d8c6;border-radius:14px;width:58px;height:48px;font:700 20px inherit}.progress{text-align:center;min-width:62px;font-size:20px;font-weight:700}.next{color:#fff;background:#4eb778;width:84px;height:64px;padding:0;font-size:38px;box-shadow:0 5px #2f8c57}.note{text-align:center;opacity:.7;margin:0;font-size:11px}.character{cursor:grab;outline:none}.character:focus-visible .body{stroke:#244d49;stroke-width:3px}.character.dragging{cursor:grabbing}.equipment{cursor:pointer}.equipment.selected .ground{stroke:#53a779;stroke-width:4px;stroke-dasharray:8 5}.equip-label{fill:#4d6c57;paint-order:stroke;stroke:#f0f7de;stroke-width:4px;font-size:13px;font-weight:700}.limbs{stroke:#63535a;stroke-width:3px;stroke-linecap:round;fill:none}.ridge{fill:none;stroke:currentColor;stroke-width:1.1px;stroke-linecap:round}.alive .features{opacity:1}.features{opacity:0}.sun{transform-origin:50%;animation:18s linear infinite sunshine}@keyframes sunshine{to{rotate:360deg}}@media (width<=580px){.app{gap:6px;padding-left:8px;padding-right:8px}.toolbar{gap:5px}.title{max-width:calc(100% - 205px);font-size:16px}.toolbar button,.toolbar select{min-width:44px;padding:8px}.home{width:48px;height:48px}.footer{gap:6px}.counter{gap:4px}.counter label{max-width:70px;font-size:13px}.footer button{padding:8px}.next{width:70px}.note{font-size:10px}.field{border-radius:24px}.instructions{min-height:48px;font-size:14px}}@media (height<=480px){.app{gap:3px}.toolbar .home{height:44px}.instructions{min-height:24px}.footer button,.counter input{height:38px;min-height:38px}.next{height:42px!important}.note{display:none}.field{min-height:130px}}@media (prefers-reduced-motion:reduce){.sun{animation:none}}