:root{--cream:#fff8e8;--paper:#fdf3dc;--ink:#6a4e3a;--ink2:#9a7a5a;--leaf:#7cc35a;--sun:#f8c84a;--sky:#5ab8e8;--shadow:0 6px 0 #6a4e3a2e, 0 10px 30px #0000001f}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;background:#8fd0f0;margin:0;font-family:Gowun Dodum,Jua,system-ui,sans-serif;overflow:hidden}#c{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui button,#ui .panel,#touch,#ui .corner{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer}kbd{background:#6a4e3a1f;border-radius:5px;margin-left:4px;padding:1px 5px;font-family:Jua,sans-serif;font-size:11px}b,h1,h2,h3{font-family:Jua,Gowun Dodum,sans-serif;font-weight:400}#hud .clock{left:18px;top:calc(14px + env(safe-area-inset-top,0px));background:var(--cream);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;min-width:150px;padding:8px 16px 9px;display:flex;position:absolute}#hud .clock b{font-size:26px;line-height:1.05}#hud .clock span{color:var(--ink2);font-size:13px}#hud .clock i{color:var(--leaf);font-family:Jua;font-size:12px;font-style:normal}#hud .money{right:18px;top:calc(14px + env(safe-area-inset-top,0px));background:var(--cream);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:8px 18px 8px 12px;font-family:Jua;font-size:20px;display:flex;position:absolute}.acorn{background:radial-gradient(circle at 35% 70%,#d8904a,#a8662a 70%);border-radius:50% 50% 48% 48%/40% 40% 60% 60%;width:18px;height:20px;display:inline-block;position:relative}.acorn:before{content:"";background:#6a4a2a;border-radius:8px 8px 4px 4px;height:9px;position:absolute;top:-3px;left:-2px;right:-2px}#hud .held{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));background:var(--cream);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:6px 16px 6px 8px;font-family:Jua;font-size:15px;display:flex;position:absolute;transform:translate(-50%)}#hud .held img{width:34px;height:34px}#hud .held .none{color:var(--ink2);padding-left:8px}#hud .held .wear{height:3px;position:absolute;bottom:5px;left:50px;right:18px}#hud .held .wear em{background:var(--leaf);border-radius:2px;height:100%;display:block}#hud .prompt{left:50%;bottom:calc(76px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow);white-space:nowrap;background:#fff8e8f0;border-radius:12px;padding:6px 14px;font-family:Jua;font-size:15px;position:absolute;transform:translate(-50%)}#hud .toasts{flex-direction:column;gap:6px;display:flex;position:absolute;top:110px;left:18px}.toast{background:var(--cream);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:8px;padding:5px 14px 5px 6px;font-family:Jua;font-size:15px;transition:opacity .4s,transform .4s;animation:.25s ease-out pop;display:flex}.toast img{width:32px;height:32px}.toast.out{opacity:0;transform:translate(-20px)}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}#hud .corner{right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));gap:8px;display:flex;position:absolute}.pill{background:var(--cream);box-shadow:var(--shadow);border:0;border-radius:999px;padding:9px 16px;font-family:Jua;font-size:15px}.pill:active{transform:translateY(2px)}#talk{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--cream);width:min(720px,100% - 32px);min-height:130px;box-shadow:var(--shadow);pointer-events:auto;border-radius:36px 36px 30px 30px/30px 30px 36px 36px;padding:30px 34px 22px;font-family:Gowun Dodum;font-size:21px;font-weight:700;line-height:1.55;position:absolute;transform:translate(-50%)}#talk .tag{color:#fff;border-radius:999px;padding:4px 18px 5px;font-family:Jua;font-size:18px;position:absolute;top:-16px;left:32px;transform:rotate(-3deg);box-shadow:0 3px #0000001f}#talk .next{color:var(--sun);font-size:18px;animation:.8s infinite bob;position:absolute;bottom:12px;right:30px}#talk .choices{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:calc(100% + 10px);right:20px}#talk .choices button{background:var(--cream);box-shadow:var(--shadow);border:0;border-radius:999px;padding:8px 20px;font-family:Jua;font-size:17px}#talk .choices button.on{background:var(--sun)}@keyframes bob{50%{transform:translateY(4px)}}.panel{background:var(--paper);box-shadow:var(--shadow);border-radius:28px;position:absolute}.panel h2{margin:0 0 10px;font-size:22px}.panel .x{background:#6a4e3a1a;border:0;border-radius:50%;width:32px;height:32px;font-size:15px;position:absolute;top:12px;right:14px}.menu{flex-direction:column;width:min(560px,100% - 32px);max-height:min(640px,100% - 40px);padding:20px 18px 14px;display:flex;top:50%;left:50%;transform:translate(-50%,-50%)}.menu .list{flex-direction:column;gap:4px;padding:2px;display:flex;overflow-y:auto}.menu .row{cursor:pointer;background:#ffffff8c;border-radius:16px;align-items:center;gap:10px;padding:6px 12px;display:flex}.menu .row.on{background:var(--sun)}.menu .row.off{opacity:.45}.menu .row img{flex:none;width:40px;height:40px}.menu .row div{flex-direction:column;flex:1;display:flex}.menu .row b{font-size:17px}.menu .row small{color:var(--ink2);font-size:13px}.menu .row .r{white-space:nowrap;font-family:Jua;font-size:16px}.menu .foot{color:var(--ink2);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:14px;display:flex}.bag{width:min(720px,100% - 24px);padding:20px 20px 16px;top:50%;left:50%;transform:translate(-50%,-50%)}.bag .grid{grid-template-columns:repeat(10,1fr);gap:6px;display:grid}.bag .slot{aspect-ratio:1;cursor:pointer;background:#ffffffa6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 2px #6a4e3a14}.bag .slot.on{background:var(--sun)}.bag .slot img{width:82%;height:82%}.bag .slot>b{background:var(--ink);color:#fff;border-radius:999px;padding:0 5px;font-size:11px;position:absolute;bottom:-2px;right:-2px}.bag .sub{z-index:3;background:var(--cream);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;min-width:120px;padding:6px;display:flex;position:absolute;top:70%;left:70%}.bag .sub button{text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:6px 12px;font-family:Jua;font-size:15px}.bag .sub button.on{background:var(--sun)}.bag .info{align-items:center;gap:10px;min-height:48px;margin-top:12px;display:flex}.bag .info img{width:48px;height:48px}.bag .info div{flex-direction:column;display:flex}.bag .info small{color:var(--ink2)}.bag .money{align-items:center;gap:6px;font-family:Jua;font-size:18px;display:flex;position:absolute;top:18px;right:60px}.card{text-align:center;padding:30px;top:50%;left:50%;transform:translate(-50%,-50%)}#fade{opacity:0;pointer-events:none;z-index:50;background:#fff8e8;transition:opacity .35s;position:fixed;inset:0}#fade.on{opacity:1}#touch{display:none}body.touch #touch{display:block}body.touch #hud .corner{bottom:auto;top:calc(80px + env(safe-area-inset-top,0px))}#touch .stick{left:26px;bottom:calc(26px + env(safe-area-inset-bottom,0px));background:#fff8e873;border-radius:50%;width:130px;height:130px;position:absolute}#touch .knob{background:var(--cream);width:50px;height:50px;box-shadow:var(--shadow);border-radius:50%;position:absolute;top:40px;left:40px}#touch .btns{right:22px;bottom:calc(22px + env(safe-area-inset-bottom,0px));width:170px;height:170px;position:absolute}#touch .btns button{background:var(--cream);box-shadow:var(--shadow);border:0;border-radius:50%;font-family:Jua;position:absolute}#touch .b-act{width:74px;height:74px;font-size:26px;bottom:40px;right:0;background:var(--sun)!important}#touch .b-pick{width:58px;height:58px;font-size:13px;bottom:0;right:80px}#touch .b-tool{width:58px;height:58px;font-size:13px;bottom:80px;right:80px}#touch .b-run{width:54px;height:54px;font-size:12px;bottom:124px;right:10px}body.touch #hud .held{bottom:auto;top:calc(14px + env(safe-area-inset-top,0px))}body.touch #hud .prompt{bottom:calc(200px + env(safe-area-inset-bottom,0px))}@media (max-width:560px){#hud .clock b{font-size:20px}#hud .clock{min-width:0;padding:6px 12px}.bag .grid{grid-template-columns:repeat(5,1fr)}#talk{padding:26px 22px 18px;font-size:17px}}.title{pointer-events:auto;background:radial-gradient(at 50% 30%,#fff8e859,#5ab8e840);flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:16px;display:flex;position:absolute;inset:0}.title .logo{flex-direction:column;align-items:center;display:flex}.title .logo b{color:#fff;text-shadow:0 6px #5aa848,0 12px 24px #0003;letter-spacing:4px;font-size:clamp(64px,14vw,120px)}.title .logo span{color:#fff;text-shadow:0 2px #0003;font-family:Jua;font-size:20px}.menu-col{flex-direction:column;gap:12px;width:min(340px,100%);display:flex}.big{background:var(--cream);box-shadow:var(--shadow);border:0;border-radius:999px;flex-direction:column;align-items:center;padding:14px 24px;font-family:Jua;font-size:20px;display:flex}.big small{color:var(--ink2);font-family:Gowun Dodum;font-size:13px}.big:hover{background:var(--sun)}.credit{bottom:calc(10px + env(safe-area-inset-bottom,0px));color:#fff;text-shadow:0 1px 2px #0006;text-align:center;margin:0;padding:0 16px;font-size:13px;position:absolute}.create .panel{position:relative}.form{flex-direction:column;gap:14px;width:min(520px,100%);padding:26px;display:flex}.form label{flex-direction:column;gap:6px;font-family:Jua;font-size:16px;display:flex}.form input{font:inherit;color:var(--ink);background:#fff;border:0;border-radius:14px;padding:10px 14px;font-size:18px}.form .row{flex-wrap:wrap;gap:8px;display:flex}.sw{border:3px solid #0000;border-radius:50%;width:36px;height:36px}.sw.on{border-color:var(--ink)}.chip{background:#fff;border:0;border-radius:999px;padding:6px 12px;font-family:Jua;font-size:14px}.chip.on{background:var(--sun)}.pick{text-align:center;width:min(900px,100%);padding:24px}.maps{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.map{background:#fff;border:0;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:8px;font-family:Jua;font-size:17px;display:flex}.map img{width:100%;image-rendering:pixelated;border-radius:12px}.map:hover{background:var(--sun)}.bubble,.nametag{white-space:nowrap;pointer-events:none;background:#fff;border-radius:12px;padding:3px 10px;font-family:Jua;font-size:14px;position:absolute;top:0;left:0;box-shadow:0 3px #0000001f}.nametag{color:#fff;background:#3a4a8ad9;font-size:13px}.ask input{font:inherit;color:var(--ink);text-transform:uppercase;letter-spacing:2px;background:#fff;border:0;border-radius:14px;padding:10px 14px;font-size:22px}.ask .foot{justify-content:flex-end}