@import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'Noto Sans KR',sans-serif;color:#263c32;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#a8d5d0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #e18b4c;outline-offset:4px}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#eef3e13d,transparent 32%,transparent 75%,#eef3e114)}header{position:absolute;left:38px;right:38px;top:27px;display:flex;align-items:center;gap:16px}.brand{font-size:22px;letter-spacing:-1px;font-weight:900;text-decoration:none;color:inherit}.brand span{display:block;font-size:8px;letter-spacing:2px;margin-top:4px}.day{margin-left:auto;border-radius:25px;background:#fcfff0c9;padding:12px 20px;font-size:11px;letter-spacing:1px;font-weight:700;display:flex;gap:9px;align-items:center}.day i{width:9px;height:9px;background:#e9b54f;border-radius:50%}.round{border:1px solid #fff9;background:#fcfff0b5;border-radius:50%;width:38px;height:38px}.story{position:absolute;left:40px;top:150px;pointer-events:none}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#60715c}h1{font-size:55px;line-height:1.2;letter-spacing:-4px;margin:17px 0 18px;font-weight:900}h1 span{color:#7c8d4c;font-family:'Gowun Dodum',sans-serif;font-weight:400;font-size:43px;margin-left:5px}.story p{font-size:12px;line-height:1.9;color:#5b7162}.loc{margin-top:33px;line-height:2;font-size:10px;letter-spacing:1.5px}.loc span{font-size:9px;letter-spacing:0;color:#708375}.panel{background:#ffffefdc;border:1px solid #fff9;border-radius:17px;box-shadow:0 5px 25px #28473608;backdrop-filter:blur(12px)}.quest{position:absolute;top:126px;right:32px;padding:22px 23px;width:278px}.quest .eyebrow{display:flex;justify-content:space-between}.quest h2{font-size:12px;margin:14px 0 20px;letter-spacing:-.3px}.quest>div:not(.eyebrow){font-size:13px;margin-top:17px;display:flex;flex-wrap:wrap;gap:8px}.quest small{width:100%;font-size:10px;color:#8b927e;margin-left:19px}.quest .done{color:#839c55}.status{position:absolute;right:32px;top:412px;width:190px;padding:15px 18px}.status>div:not(.meter){display:flex;justify-content:space-between;font-size:10px}.status b{font-size:10px}.meter{margin:7px 0 12px;height:5px;border-radius:8px;background:#dfe4d3;overflow:hidden}.meter:last-child{margin-bottom:0}.meter i{display:block;height:100%;background:#94ab70;width:100%;transition:width .5s}.meter.food i{background:#dfaf6d}footer{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:13px}.inventory{display:flex;padding:14px 18px;gap:26px}.inventory>div,.inventory>button{width:61px;position:relative;text-align:center}.inventory span{font-size:27px;color:#a1825f}.inventory b{font-size:12px;margin-left:8px}.inventory small{display:block;font-size:9px;color:#7b8775;margin-top:4px}.inventory>button{padding:0;border:0;background:none}.inventory>button span{color:#d48a67}.craft{display:flex;gap:8px}.craft button{background:#fffdec;border:1px solid #fff9;padding:10px 14px;border-radius:10px;font-size:11px;box-shadow:0 3px 5px #244a3510;transition:transform .15s}.craft button:hover{transform:translateY(-3px);background:#fff}.craft small{font-size:8px;color:#8b957e;display:block;margin-top:3px}.keys{display:flex;align-items:center;gap:16px;font-size:9px;color:#3d6258;white-space:nowrap}kbd{font:inherit;background:#ffffff80;border:1px solid #fff9;border-radius:4px;padding:3px 5px;font-size:9px}.keys button{border:0;background:none;font-size:9px}#hint{position:absolute;bottom:240px;left:50%;transform:translateX(-50%);font-size:11px;background:#294d42cc;color:#fffbe9;padding:11px 19px;border-radius:25px;white-space:nowrap}#toast{position:absolute;top:88px;left:50%;transform:translateX(-50%);padding:12px 23px;background:#fffde9;border-radius:12px;font-size:12px;opacity:0;transition:opacity .3s;pointer-events:none}#toast.show{opacity:1}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#183d3138;backdrop-filter:blur(6px);z-index:5}.overlay.hidden{display:none}.overlay article{max-width:420px;background:#fffff0;padding:37px 42px;border-radius:25px;box-shadow:0 30px 100px #234e3640}.overlay h2{font-size:39px;line-height:1.3;letter-spacing:-2px;margin:18px 0}.overlay p{font-size:12px;color:#71806b;line-height:1.9}.guide{display:grid;gap:10px;font-size:11px;margin:24px 0}.overlay button{width:100%;padding:16px;background:#49694c;color:#fffce8;border:0;border-radius:11px;font-size:12px}.overlay small{display:block;font-size:9px;color:#8e987d;text-align:center;margin-top:14px}#touch{display:none}@media(max-width:900px){.story{top:100px;left:22px}.story h1{font-size:35px;letter-spacing:-2px}.story h1 span{font-size:29px}.story p,.story .loc{display:none}.quest{top:110px;right:16px;width:220px;padding:16px}.quest h2{font-size:10px}.status{right:16px;top:375px;width:150px}header{left:20px;right:20px;top:18px}}@media(max-width:600px){header .brand{font-size:18px}.day{padding:10px;font-size:9px}.story .eyebrow{font-size:8px}.story{top:87px}.story h1{font-size:28px;margin-top:10px}.story h1 span{font-size:22px}.quest{top:85px;width:165px;padding:12px}.quest h2{display:none}.quest .eyebrow{font-size:8px;letter-spacing:0}.quest>div:not(.eyebrow){font-size:10px;margin-top:11px}.quest small{font-size:8px}.status{top:280px;width:132px;padding:11px}.inventory{padding:9px 12px;gap:13px}.inventory>div,.inventory>button{width:51px}.inventory span{font-size:22px}.craft button{padding:8px 11px;font-size:10px}.keys{display:none}footer{bottom:14px;gap:9px}#hint{bottom:176px;font-size:9px;max-width:95%;white-space:normal;text-align:center;width:max-content}#touch{position:absolute;display:block;bottom:205px;left:16px;user-select:none;text-align:center}#touch button{border:1px solid #fff9;background:#ffffe8b0;border-radius:12px;width:38px;height:36px;margin:2px;touch-action:none}#touch #collect{font-size:10px;width:80px}.overlay article{margin:20px;padding:28px}.overlay h2{font-size:33px}}