:root{--ink:#2c3a2a;--paper:#fbf6e9}*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none;text-transform:lowercase;background:linear-gradient(#a9d3ee 0%,#cfe6f5 45%,#e8efd9 70%,#b9d59a 100%);height:100%;margin:0;overflow:hidden}#c{width:100%;height:100%;display:block;position:fixed;inset:0}#title{background:radial-gradient(#141e231f 0%,#0000 55%);place-items:center;transition:opacity 2.4s;display:grid;position:fixed;inset:0}#title.hidden{opacity:0;pointer-events:none}#title .menu{justify-items:center;gap:14px;margin-top:8vh;display:grid}#title .name{color:#fffdf4;letter-spacing:.01em;text-shadow:0 2px 24px #1e2d2873,0 1px 3px #1e2d284d;opacity:0;margin:0 0 18px;font:500 clamp(40px,7vw,76px)/1 Cormorant Garamond,Georgia,serif;transition:opacity 2s}body.ready #title .name{opacity:1}#start-label{color:#fffdf4;letter-spacing:.08em;text-shadow:0 1px 10px #1e2d2880;min-height:24px;font:500 20px/1.2 Cormorant Garamond,Georgia,serif}.textbtn{color:#fffdf4d9;cursor:pointer;letter-spacing:.06em;text-shadow:0 1px 10px #1e2d2880;text-transform:lowercase;background:0 0;border:none;border-radius:14px;padding:6px 12px;font:500 17px/1.2 Cormorant Garamond,Georgia,serif}.textbtn:hover,.textbtn:focus-visible{color:#fffdf4;background:#fffcf024;outline:none}.textbtn.warn{color:#ffd2c2}#newgame-sure{-webkit-backdrop-filter:blur(6px);background:#1e2d2859;border-radius:18px;justify-items:center;gap:6px;padding:12px 18px;display:grid}#newgame-sure[hidden],#newgame[hidden]{display:none}#newgame-sure p{color:#fffdf4;margin:0;font:500 17px/1.3 Cormorant Garamond,Georgia,serif}#newgame-sure .row{gap:10px;display:flex}#fadeblack{opacity:0;pointer-events:none;z-index:40;background:#0d1412;transition:opacity .7s;position:fixed;inset:0}#fadeblack.on{opacity:1}#start{cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#fffcf029;border:1.5px solid #ffffffd9;border-radius:50%;width:92px;height:92px;transition:transform .4s,background .4s,opacity .6s;position:relative;box-shadow:0 10px 40px #1e322840,inset 0 0 30px #ffffff1f}#start:not(:disabled):hover{background:#fffcf047;transform:scale(1.06)}#start:disabled{cursor:default}#start .ring{background:conic-gradient(#fffffff2 calc(var(--p,0) * 360deg), #ffffff2e 0);border-radius:50%;transition:background .3s;position:absolute;inset:-8px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px))}#start:disabled .seed{transform:translate(var(--seed-at)) scale(calc(.35 + var(--p,0) * .65));transition:transform .4s}#start:not(:disabled) .ring{background:0 0;border:2px solid #ffffff59;animation:3.2s ease-in-out infinite breathe;transform:scale(1);-webkit-mask:none;mask:none}@keyframes spin{to{transform:rotate(360deg)}}#start:disabled:before{content:"";pointer-events:none;will-change:transform;background:radial-gradient(circle at 50% 1.5px,#fffffff2 0 2.2px,#0000 3.4px);border-radius:50%;animation:2.6s linear infinite spin;position:absolute;inset:-8px}@keyframes breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.15;transform:scale(1.12)}}#start .seed{--seed-at:calc(-50% - 7px), calc(-50% - 1.5px);width:30px;height:30px;transform:translate(var(--seed-at));position:absolute;top:50%;left:50%}#start .seed:before{content:"";background:#fffdf4;border-radius:2px;width:2px;height:20px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#start .seed:after{content:"";background:#fffdf4;border-radius:0 100%;width:18px;height:11px;position:absolute;top:0;left:50%;transform:translate(-10%)rotate(-20deg)}#start:disabled .seed{opacity:.45}#crosshair{pointer-events:none;opacity:0;background:#fffffabf;border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;transition:opacity 1s;position:fixed;top:50%;left:50%;box-shadow:0 0 6px #00000040}#crosshair.on{opacity:1}@media (pointer:coarse){#crosshair{display:none}}#joy{box-sizing:border-box;opacity:0;pointer-events:none;z-index:5;background:#ffffff21;border:2px solid #ffffffa6;border-radius:50%;width:120px;height:120px;transition:opacity .2s;position:fixed;top:0;left:0;box-shadow:0 2px 10px #14281e2e}body.playing.touch #joy{opacity:.55}body.playing.touch #joy.held{opacity:1;transition:none}body.playing.touch #joy.fresh{animation:2.2s ease-in-out infinite joy-pulse}@keyframes joy-pulse{0%,to{opacity:.45}50%{opacity:.9}}#joy-knob{background:#ffffffbf;border-radius:50%;width:48px;height:48px;position:absolute;top:34px;left:34px;box-shadow:0 1px 6px #14281e40}#joy:after{content:"drag to walk";white-space:nowrap;color:#fff;text-shadow:0 1px 4px #00000080;opacity:0;font:600 13px/1 system-ui,-apple-system,sans-serif;transition:opacity .3s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}body.playing.touch #joy.fresh:after{opacity:1}button{touch-action:manipulation}#mute{top:max(12px, env(safe-area-inset-top));color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#ffffff40;border:1px solid #ffffffb3;border-radius:50%;width:40px;height:40px;font-size:18px;position:fixed;right:14px}#mute.off{opacity:.5;text-decoration:line-through}#info{top:max(12px, env(safe-area-inset-top));color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);opacity:.7;background:#ffffff40;border:1px solid #ffffffb3;border-radius:50%;width:40px;height:40px;font:italic 600 18px Georgia,serif;position:fixed;right:62px}@media (pointer:coarse){#mute,#info,#view,#pause-btn{width:44px!important;height:44px!important}}#view{top:max(12px, env(safe-area-inset-top));cursor:pointer;-webkit-backdrop-filter:blur(6px);opacity:.7;background:#ffffff40;border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid;position:fixed;right:110px}#view.on{opacity:1;background:#ffffff73}#credits{top:calc(max(12px, env(safe-area-inset-top)) + 54px);z-index:25;color:#f4f1e8;-webkit-backdrop-filter:blur(8px);background:#141e1ef0;border-radius:12px;max-width:min(420px,100vw - 28px);padding:12px 14px;font:12px/1.5 Georgia,serif;position:fixed;right:14px}#credits a{color:inherit}#credits .build{opacity:.45;-webkit-user-select:text;user-select:text;margin-top:8px;font:10px/1.3 ui-monospace,Menlo,monospace}
