:root{--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;height:100%;margin:0;overflow:hidden}#app,#app canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.hidden{display:none!important}#loading{z-index:50;place-items:center;transition:opacity .5s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}.gp-focus{outline-offset:3px}.screen#title{padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#title>*{position:relative}#title .menu{pointer-events:auto;flex-direction:column;display:flex}#title .copyright{left:0;right:0;bottom:calc(10px + var(--safe-b));text-align:center;position:absolute}.modal{z-index:10;padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));place-items:center;display:grid;position:absolute;inset:0}.card{flex-direction:column;align-items:stretch;width:min(26em,100%);max-height:100%;display:flex;overflow:auto}.row{justify-content:space-between;align-items:center;gap:1em;display:flex}.keys{grid-template-columns:auto 1fr;align-items:center;gap:.5em 1em;display:grid}.keys dt{text-align:right}.keys dd{margin:0}#hud{pointer-events:none;position:absolute;inset:0}#hud .score{top:calc(12px + var(--safe-t));left:calc(16px + var(--safe-l));position:absolute}#hud .hints{bottom:calc(12px + var(--safe-b));left:calc(16px + var(--safe-l));gap:1em;display:flex;position:absolute}#hud .hints span{align-items:center;gap:.35em;display:flex}.gl{vertical-align:middle;border-radius:6px;justify-content:center;align-items:center;min-width:1.7em;height:1.7em;margin:0 .08em;padding:0 .35em;font:700 .8em/1 system-ui,sans-serif;display:inline-flex}.gl svg{width:1.3em;height:1.3em}.gl-face{border-radius:50%;width:1.7em;padding:0}.gl-pill{border-radius:999px;padding:0 .6em}.gl-stick b{margin-left:.1em;font-size:.7em}#touch{pointer-events:none;touch-action:none;position:absolute;inset:0}#touch .stick{width:120px;height:120px;left:calc(40px + var(--safe-l));bottom:calc(40px + var(--safe-b));border-radius:50%;position:absolute}#touch .stick.on{bottom:auto}#touch .knob{border-radius:50%;width:50px;height:50px;position:absolute;top:35px;left:35px}#touch .tbtn{pointer-events:auto;border-radius:50%;width:76px;min-width:0;height:76px;padding:0;position:absolute}#touch .slot-0{width:92px;height:92px;right:calc(24px + var(--safe-r));bottom:calc(32px + var(--safe-b))}#touch .slot-1{right:calc(130px + var(--safe-r));bottom:calc(24px + var(--safe-b))}#touch .slot-2{right:calc(36px + var(--safe-r));bottom:calc(138px + var(--safe-b))}#touch .slot-3{right:calc(124px + var(--safe-r));bottom:calc(118px + var(--safe-b))}#touch .tbtn.pause{width:46px;height:46px;top:calc(10px + var(--safe-t));bottom:auto;right:calc(12px + var(--safe-r))}:root{--ink:#3a3a3a;--paper:#c6c6c6;--accent:#ffd34a;--potato:#e8bd6a;--shade:#0a0c1480;--font:"DotGothic16", "Hiragino Maru Gothic ProN", "M PLUS Rounded 1c", system-ui, sans-serif}html,body{color:var(--ink);font:16px/1.5 var(--font);background:#000}#loading{image-rendering:pixelated;color:#fff;text-shadow:2px 2px #000;background:#3b2a1c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Crect width='32' height='32' fill='%23593f2a'/%3E%3Crect x='4' y='6' width='4' height='4' fill='%236e4c33'/%3E%3Crect x='20' y='14' width='4' height='4' fill='%234b3423'/%3E%3Crect x='10' y='24' width='4' height='4' fill='%236e4c33'/%3E%3Crect x='26' y='2' width='4' height='4' fill='%234b3423'/%3E%3C/svg%3E")}button{font:inherit;color:#fff;text-shadow:2px 2px #3a3a3a;cursor:pointer;letter-spacing:.04em;background:#7a7a7a;border:2px solid #000;border-radius:0;min-width:14em;padding:.5em 1.4em;box-shadow:inset 2px 2px #aaa,inset -2px -3px #4e4e4e}button:hover,button.gp-focus{outline-offset:-2px;background:#7d88c4;outline:2px solid #fff;box-shadow:inset 2px 2px #b7c0ef,inset -2px -3px #4a5390}button:active{box-shadow:inset 2px 3px #4e4e4e}.gp-focus{outline:2px solid #fff}input[type=range]{accent-color:#7d88c4;width:10em}select{font:inherit;color:#222;background:#e8e8e8;border:2px solid #3a3a3a;border-radius:0;padding:.15em .4em}#title{gap:.3em}#title:before{content:"";pointer-events:none;background:radial-gradient(#0a142859,#0a142800 70%);height:80%;position:absolute;top:50%;left:0;right:0;transform:translateY(-58%)}#title .logo{margin-bottom:.1em;position:relative}#title h1{color:var(--potato);text-align:center;letter-spacing:.04em;text-shadow:3px 0 #4a2f14,-3px 0 #4a2f14,0 3px #4a2f14,0 -3px #4a2f14,3px 3px #4a2f14,-3px 3px #4a2f14,3px -3px #4a2f14,-3px -3px #4a2f14,6px 7px #00000073;margin:0;font-size:clamp(30px,7.4vw,76px);font-weight:400;line-height:1.15}#title .splash{color:#ff5;text-shadow:2px 2px #3f3f00;white-space:nowrap;pointer-events:none;font-size:clamp(14px,2.4vw,24px);position:absolute;top:-.7em;right:-.6em;transform:rotate(-12deg)}#title .tagline{color:#fff;text-shadow:2px 2px #000000b3;margin:.4em 0 1em;font-size:clamp(14px,2vw,18px)}#title .menu{gap:.5em}#title .best{color:#ffe8a0;text-shadow:2px 2px #000000b3;min-height:1.5em;margin:.6em 0 0;font-size:14px}#title .copyright{color:#ffffffeb;text-shadow:1px 1px #000c;letter-spacing:.04em;font-size:12px}.modal{background:var(--shade)}.card{background:var(--paper);border:3px solid #000;border-radius:0;gap:.55em;padding:1em 1.2em;box-shadow:inset 3px 3px #fff,inset -3px -3px #555,0 10px 40px #00000073}.card.wide,.card.story,.card.ending{width:min(34em,100%)}.card h2{text-align:center;color:#3a3a3a;margin:0 0 .2em;font-size:1.35em;font-weight:400}.card button{min-width:0}.card .row{color:#3a3a3a}.card .body{margin:0;font-size:.92em;line-height:1.7}.keys{margin:.3em 0 .6em;font-size:.92em}.touchonly{display:none}[data-device=touch] .touchonly{display:block}[data-device=touch] .card .keys{display:none}.story-body{color:#e8e8e8;background:#1e1e26;border:2px solid #555;padding:.8em 1em;font-size:.95em;line-height:1.8}.story-body p{margin:.25em 0}.story-body p:nth-child(4){color:#8fd870}.story-body p:last-child{color:var(--potato)}.r-stats{background:#8b8b8b;border:2px solid #555;gap:.35em;padding:.6em;display:grid;box-shadow:inset 2px 2px #373737,inset -2px -2px #fff}.r-stats .st{color:#fff;text-shadow:1px 1px #333;grid-template-columns:28px 1fr auto;align-items:center;gap:.6em;display:grid}.r-stats img{width:28px;height:28px;image-rendering:pixelated}.r-stats b{color:#ffff7a;font-size:1.3em;font-weight:400}.r-stats .boom,.r-stats .star{width:28px;height:28px;display:block}.r-stats .boom{background:radial-gradient(circle,#fff6c0 0 20%,#ffb040 21% 45%,#8a8a8a 46% 70%,#0000 71%)}.r-stats .star{clip-path:polygon(50% 0,62% 36%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 36%);background:#ffd34a}.r-goal{text-align:center;color:#6a4a2a;margin:.2em 0 0}.r-goal.ok{color:#2e7d22;font-size:1.15em}.r-line,.e-lines p{color:#fff;background:#000000b8;margin:0;padding:.5em .7em;font-size:.92em}.e-lines{gap:.25em;display:grid}.who{color:#8ff4ff}.e-rank{text-align:center;color:#7a4a10;margin:0;font-size:1.6em}.e-rank small{color:#555;font-size:.5em;display:block}.e-best{text-align:center;color:#555;margin:0}.e-best.new{color:#c03a1a;font-size:1.15em}.gl{color:#fff;background:#14141cd9;border-radius:3px}.card .gl{background:#3a3a46}.gl-mouse{padding:0 .15em}.gl-or{opacity:.7;margin:0 .15em}#touch .stick{opacity:.55;background:#ffffff29;border:2px solid #ffffff73}#touch .stick.on{opacity:1}#touch .knob{background:#ffffffbf}#touch .tbtn{color:#fff;text-shadow:1px 1px #333;background:#787878b8;border:2px solid #000;border-radius:10px;min-width:0;padding:0 4px;font-size:13px;line-height:1.2;box-shadow:inset 2px 2px #fff6,inset -2px -2px #0000004d}#touch .tbtn.slot-0{background:#aa5046cc}#touch .tbtn.slot-1{background:#5a8c46cc}#touch .tbtn.ctx{background:#d6a046eb}#touch .tbtn.on{background:#7d88c4}#touch .tbtn.pause{border-radius:8px;font-size:16px}@media (max-height:480px){#title h1{font-size:clamp(26px,7vh,48px)}#title .tagline{margin:.2em 0 .4em}#title .menu{gap:.3em}#title .best{margin:.2em 0 0}button{padding:.35em 1.2em}}#hud{font-family:var(--font);color:#fff;text-shadow:2px 2px #000000bf;font-size:15px}#hud img{image-rendering:pixelated}#hud .crosshair{mix-blend-mode:difference;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#hud .crosshair:before,#hud .crosshair:after{content:"";background:#fff;position:absolute}#hud .crosshair:before{width:2px;height:22px;top:0;left:10px}#hud .crosshair:after{width:22px;height:2px;top:10px;left:0}#hud .prompt{white-space:nowrap;background:#00000080;align-items:center;gap:.35em;padding:.15em .6em;font-size:14px;display:flex;position:absolute;top:calc(50% + 26px);left:50%;transform:translate(-50%)}#hud .prompt b{font-weight:400}#hud .prompt.dim{color:#d8d8d8;background:#00000059}#hud .prompt.dim b{color:#ffe8a0}#hud .tl{top:calc(10px + var(--safe-t));left:calc(12px + var(--safe-l));gap:4px;max-width:min(46vw,22em);display:grid;position:absolute}#hud .tl>div{background:#00000073;padding:.25em .6em}#hud .day{align-items:center;gap:.5em;display:flex}#hud .sunmoon{flex:none;width:16px;height:16px}#hud .sunmoon.sun{background:#ffe25a;box-shadow:0 0 0 2px #fff4b0}#hud .sunmoon.moon{background:#e6ecff;box-shadow:inset -5px 0 #9aa6c8}#hud .day b{font-size:1.1em;font-weight:400}#hud .clock{background:#fff3;flex:1;min-width:4em;height:6px;position:relative}#hud .clock i{background:#ffd34a;position:absolute;top:0;bottom:0;left:0}#hud .goal{grid-template-columns:auto 1fr;align-items:center;column-gap:.6em;display:grid}#hud .goal .lbl{color:#ddd;font-size:.85em}#hud .goal b{color:#ffe8a0;justify-self:end;font-size:1.1em;font-weight:400}#hud .goal .bar{background:#ffffff2e;grid-column:1/-1;height:5px;margin-top:2px;position:relative}#hud .goal .bar i{background:var(--potato);position:absolute;top:0;bottom:0;left:0}#hud .goal.done b{color:#9cff7a}#hud .goal.done .bar i{background:#7ad85a}#hud .obj{color:#ffff7a;font-size:.88em;line-height:1.45}#hud .robot{top:calc(10px + var(--safe-t));right:calc(12px + var(--safe-r));background:#00000073;align-items:center;gap:.5em;padding:.3em .7em .3em .35em;display:flex;position:absolute}#hud .robot canvas{width:48px;height:36px;image-rendering:pixelated;background:#152038;border:3px solid #e9e5db}#hud .robot .rtext{line-height:1.25;display:grid}#hud .robot b{color:#8ff4ff;font-weight:400}#hud .robot .rstate{font-size:.85em}#hud .robot[data-s=scared] .rstate{color:#ff8a7a}#hud .robot[data-s=sulk] .rstate{color:#9fb4d8}#hud .robot[data-s=sleep] .rstate{color:#b8b8e8}#hud .robot[data-s=work] .rstate{color:#b8ff9a}#hud .chat{left:calc(12px + var(--safe-l));bottom:calc(108px + var(--safe-b));flex-direction:column;gap:2px;width:min(40em,58vw);display:flex;position:absolute}#hud .chat .line{text-shadow:1px 1px #000000e6;background:#00000080;padding:.1em .5em;font-size:14px;line-height:1.5}#hud .chat .who{color:#8ff4ff}#hud .chat .sys{color:#ffff7a}#hud .chat .warn{color:#8fff6a}#hud .bottom{left:50%;bottom:calc(10px + var(--safe-b));justify-items:start;gap:2px;display:grid;position:absolute;transform:translate(-50%)}#hud .bottom .hearts{justify-self:start}#hud .hearts{gap:0;display:flex}#hud .hearts img{width:22px;height:22px;margin-right:-2px}#hud .hearts.low img{filter:drop-shadow(0 0 2px #ff3c3ce6)}#hud .hotbar{background:#282828cc;border:2px solid #111;gap:2px;padding:2px;display:flex}#hud .slot{background:#8b8b8b8c;border:2px solid #373737;place-items:center;width:46px;height:46px;display:grid;position:relative;box-shadow:inset 2px 2px #00000059,inset -2px -2px #ffffff40}#hud .slot.sel{z-index:1;border-color:#fff;outline:2px solid #fff}#hud .slot img{width:34px;height:34px}#hud .slot span{text-shadow:2px 2px #3a3a3a;font-size:15px;position:absolute;bottom:-2px;right:2px}#hud .slot.empty img{opacity:.35}#hud .slot.empty span{color:#ffb0b0}#hud .slot[data-k=green].empty{display:none}#hud .slot.extra{margin-left:4px}#hud .slot[data-n]{pointer-events:auto;cursor:pointer}#hud .slot em{color:#e8e8e8;text-shadow:1px 1px #222;font-size:11px;font-style:normal;position:absolute;top:0;left:3px}[data-device=touch] #hud .slot em,[data-device=pad] #hud .slot em{display:none}#hud .hb-side{align-self:center;font-style:normal;display:none}[data-device=pad] #hud .hb-side{margin:0 4px;display:inline-flex}#hud .slotname{text-align:center;opacity:0;color:#fff;pointer-events:none;font-size:15px;position:absolute;top:-48px;left:-40px;right:-40px}#hud .hints{right:calc(12px + var(--safe-r));bottom:calc(12px + var(--safe-b));justify-items:end;gap:4px;font-size:13px;display:grid;position:absolute;left:auto}#hud .hints span{white-space:nowrap;background:#00000059;align-items:center;gap:.35em;padding:.05em .45em;display:flex}#hud .hints b{font-weight:400}#hud .hints i,#hud .prompt .pg{white-space:nowrap;align-items:center;font-style:normal;display:inline-flex}[data-device=touch] #hud .hints{display:none}#hud .banner{text-align:center;opacity:0;pointer-events:none;position:absolute;top:22%;left:0;right:0}#hud .banner h2{color:#fff;text-shadow:3px 3px #3a3a3a;margin:0;font-size:clamp(30px,6vw,56px);font-weight:400}#hud .banner p{color:#ffe8a0;margin:.2em 0 0;font-size:clamp(14px,2.2vw,20px)}#hud .deadmsg{text-align:center;background:#78000040;place-content:center;display:grid;position:absolute;inset:0}#hud .deadmsg h2{margin:0;font-size:clamp(32px,6vw,60px);font-weight:400}#hud .deadmsg p{color:#ffe8a0;margin:.3em 0 0}#hud .arrows{pointer-events:none;position:absolute;inset:0}#hud .arrow{width:0;height:0;position:absolute}#hud .arrow i{clip-path:polygon(50% 0,100% 100%,50% 75%,0 100%);filter:drop-shadow(0 0 2px #000);background:#6ad84a;width:24px;height:28px;position:absolute;top:-14px;left:-12px}#hud .arrow.fuse i{background:#ff5a3a}#hud .arrow.big i{transform:scale(1.5)}#hud .hurt{opacity:0;background:radial-gradient(#f000 45%,#c800008c 100%);position:absolute;inset:0}[data-device=touch] #hud .bottom{bottom:calc(228px + var(--safe-b))}[data-device=touch] #hud .slot{width:44px;height:44px}[data-device=touch] #hud .slot img{width:30px;height:30px}[data-device=touch] #hud .hearts img{width:18px;height:18px}[data-device=touch] #hud .robot{top:calc(64px + var(--safe-t))}[data-device=touch] #hud .chat{bottom:auto;top:calc(168px + var(--safe-t));width:min(26em,64vw);right:auto}[data-device=touch] #hud .chat .line{font-size:12px}[data-device=touch] #hud{font-size:13px}@media (orientation:landscape) and (max-height:500px){[data-device=touch] #hud .bottom{bottom:calc(8px + var(--safe-b))}[data-device=touch] #hud .robot{top:calc(8px + var(--safe-t));right:calc(70px + var(--safe-r))}[data-device=touch] #hud .chat{top:auto;bottom:calc(150px + var(--safe-b));width:min(24em,40vw)}[data-device=touch] #hud .tl{max-width:30vw}}@media (max-width:700px){#hud .robot canvas{width:36px;height:27px}#hud .chat{width:80vw}}