:root{--ink: #15130f;--paper: #ece8df}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:Caveat,Segoe Print,Bradley Hand,cursive;user-select:none;-webkit-user-select:none}#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;cursor:crosshair}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.hidden{display:none!important}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:42px;letter-spacing:2px;background:var(--paper)}#title,#end{position:absolute;left:6vw;top:9vh;max-width:560px;text-shadow:0 0 6px rgba(236,232,223,.9),0 0 18px rgba(236,232,223,.7)}#title h1,#end h2{margin:0;font-size:clamp(64px,11vw,150px);font-weight:700;line-height:.9;letter-spacing:4px}#title .sub{margin:10px 0 0 6px;font-size:clamp(22px,2.6vw,34px)}.prompt{margin:34px 0 0 8px;font-size:clamp(22px,2.4vw,30px);animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.35}50%{opacity:1}}#end p{font-size:clamp(22px,2.6vw,32px);margin:12px 0 0 6px}#ruler{position:absolute;right:26px;top:10vh;width:34px;height:80vh;overflow:visible}#ruler line,#ruler path{stroke:var(--ink);fill:none;stroke-linecap:round}#ruler text{font-family:Caveat,cursive;font-size:15px;fill:var(--ink)}#alt{position:absolute;right:70px;font-size:30px;font-weight:700;transform:translateY(-50%);text-shadow:0 0 4px rgba(236,232,223,.95);white-space:nowrap}#stamina{position:absolute;width:54px;height:54px;transform:translate(-50%,-50%) rotate(-90deg);opacity:0;transition:opacity .35s;overflow:visible}#stamina circle{fill:none;stroke-linecap:round}#stamina .bg{stroke:#15130f29;stroke-width:6}#stamina .fg{stroke:var(--ink);stroke-width:5;stroke-dasharray:138.2 138.2}#stamina.low .fg{animation:shake .18s linear infinite}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(.8px,-.6px)}50%{transform:translate(-.6px,.8px)}75%{transform:translate(.6px,.6px)}}#toast{position:absolute;left:50%;bottom:13vh;transform:translate(-50%);font-size:40px;font-weight:700;opacity:0;transition:opacity .6s;text-shadow:0 0 6px rgba(236,232,223,.95),0 0 14px rgba(236,232,223,.8);white-space:nowrap}#toast.show{opacity:1}#hint{position:absolute;left:22px;bottom:16px;font-size:21px;text-shadow:0 0 5px rgba(236,232,223,.95);transition:opacity 1.5s}#hint b{font-weight:700}#hint.fade{opacity:0}@media(max-width:700px){#hint{font-size:16px;right:16px}#ruler{right:12px}#alt{right:50px;font-size:24px}}