@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#bfd2df;color:#39483f;font-family:'Noto Sans KR',sans-serif;font-size:12px}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,canvas:focus-visible{outline:2px solid #405c70;outline-offset:3px}#scene{display:block;width:100vw;height:100vh;touch-action:none;outline:none}header{position:fixed;left:32px;right:32px;top:28px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;background:#faf7efdb;backdrop-filter:blur(12px);padding:12px 18px;border:1px solid #fffff58a;border-radius:12px}.brand>span{font:23px 'Gowun Batang',serif;border-right:1px solid #a9b0a680;padding-right:13px}.brand b{font-weight:500;font-size:12px;display:block;letter-spacing:2px}.brand small{display:block;font-size:8px;letter-spacing:1.5px;color:#7b837a;margin-top:4px}.location{background:#faf7efcf;border:1px solid #fffff580;border-radius:24px;padding:12px 20px;backdrop-filter:blur(12px);display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.5px}.location i{width:5px;height:5px;border-radius:50%;background:#738e61}.tools{display:flex;gap:8px}.tools button,footer button{background:#faf7efdb;border:1px solid #fffff580;border-radius:24px;padding:12px 17px;backdrop-filter:blur(10px);font-size:13px}.tools button span{font-size:10px;margin-left:4px}footer{position:fixed;bottom:25px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}footer>*{pointer-events:auto}.instructions{display:flex;gap:12px;align-items:center;background:#faf7efdc;border-radius:25px;padding:11px 18px;font-size:10px}.instructions kbd{font:10px sans-serif;border:1px solid #aab4a5;border-radius:4px;padding:3px 5px;margin-right:3px}.instructions>span+span{border-left:1px solid #afb8ab;padding-left:12px}.chapter{font-size:9px;letter-spacing:2px;background:#faf7efbc;padding:12px 18px;border-radius:25px}footer button{font-size:10px}#toast{position:fixed;left:50%;top:107px;transform:translateX(-50%);background:#fbf8eee8;border-radius:24px;padding:12px 22px;text-align:center;font-size:11px;opacity:0;transition:opacity .3s;pointer-events:none;max-width:85%;white-space:normal;line-height:1.8}#toast.show{opacity:1}#reticle{position:fixed;left:50%;top:50%;width:4px;height:4px;background:#fff8;border-radius:50%;box-shadow:0 0 2px #0003;pointer-events:none}#interaction{position:fixed;bottom:99px;left:50%;transform:translateX(-50%);text-align:center}#nearName{display:table;margin:0 auto 9px;background:#faf7efde;padding:7px 14px;border-radius:18px;font-size:10px}#action{border-radius:24px;background:#315c79;color:#f8f8ec;padding:13px 21px;box-shadow:0 5px 22px #183a4d33}#action kbd{font:10px sans-serif;border:1px solid #dfe7e277;border-radius:4px;padding:3px 6px;margin-right:9px}#loading{position:fixed;inset:0;background:#eeeee5;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .7s}#loading.done{opacity:0;pointer-events:none}.loadLogo{font:35px 'Gowun Batang',serif;letter-spacing:10px;margin-bottom:24px}#loadText{font:17px 'Gowun Batang',serif}#loading small{font-size:9px;letter-spacing:3px;color:#8a9489;margin-top:15px}.loadTrack{width:180px;height:2px;background:#d6dccf;margin-top:30px}#loadBar{height:100%;background:#53778a;width:0;transition:width .3s}#loadPercent{font-size:9px;margin-top:10px;color:#8a9489}dialog{border:1px solid #fff9e9;border-radius:22px;background:#f7f5eb;color:#3d5148;padding:35px;width:calc(100% - 32px);max-width:540px;box-shadow:0 20px 90px #152b2840}dialog::backdrop{background:#142e3640;backdrop-filter:blur(5px)}dialog h2{font:26px 'Gowun Batang',serif;margin:15px 0}dialog p{font-size:11px;line-height:1.9;color:#7a867c}.eyebrow{font-size:8px;letter-spacing:2px;color:#7b8a81}.close{position:absolute;right:17px;top:13px;font-size:24px;background:none}.destinations{display:flex;flex-direction:column;gap:10px;margin-top:25px}.destinations button{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#e9eee5;border:1px solid #d4ded0;border-radius:12px;text-align:left}.destinations button>span{font-size:23px}.destinations b{display:block;font-size:12px;font-weight:500}.destinations small{font-size:10px;display:block;color:#80907f;margin-top:5px}.destinations button:hover{background:#dee7da}.drinkOptions{display:flex;gap:10px;margin-top:25px}.drinkOptions button{flex:1;background:#e7eeea;border-radius:15px;padding:20px 10px}.drinkOptions b{display:block;font-size:11px;margin-top:15px}.drinkOptions small{display:block;font-size:9px;color:#7c8a7e;margin-top:6px}.can{display:block;margin:auto;width:38px;height:70px;border-radius:6px 6px 7px 7px;background:linear-gradient(90deg,#163852,#3d7190 45%,#164365);border-top:5px solid #b4bdba;border-bottom:3px solid #a6b3b4;box-shadow:4px 5px 8px #45604c22;position:relative}.can:after{content:'COFFEE';position:absolute;top:24px;left:0;right:0;font-size:7px;letter-spacing:.3px;color:#eeedda}.can.tea{background:linear-gradient(90deg,#4b5e35,#8c9d54 45%,#576d37)}.can.tea:after{content:'ほうじ茶'}.can.water{background:linear-gradient(90deg,#8bb9c4,#e0edef 45%,#8eb7c5)}.can.water:after{content:'天然水';color:#3f7186}#held{position:fixed;right:32px;bottom:95px;transition:transform .3s;background:#faf7efdf;border:1px solid #fff7e3;border-radius:17px;padding:14px 17px}#held small{display:block;font-size:8px;letter-spacing:1px;color:#80907f}#heldName{display:block;font-size:12px;margin:5px 0 10px}#sip{background:#315c79;color:white;border-radius:20px;padding:8px 13px;font-size:10px}#held.sip{transform:translateY(-12px)rotate(-3deg)}#mobileMove{display:none}[hidden]{display:none!important}@media(max-width:760px){header{left:15px;right:15px;top:17px}.brand{padding:10px 13px}.brand>span{font-size:20px}.brand b{font-size:10px}.brand small{font-size:6px;letter-spacing:1px}.location{display:none}.tools button{padding:11px 13px}.tools button span{display:none}footer{bottom:20px;left:15px;right:15px}.chapter{display:none}.instructions{font-size:9px;padding:10px 13px}.instructions>span:first-child{display:none}.instructions>span+span{padding:0;border:0}.instructions .dragHint{display:none}#toast{top:90px;font-size:10px;padding:10px 16px;max-width:90%;width:max-content}#interaction{bottom:86px}#held{bottom:130px;right:15px;padding:12px}#heldName{font-size:10px}#mobileMove{display:grid;grid-template-columns:38px 38px 38px;gap:3px;position:fixed;bottom:80px;left:20px}#mobileMove button{background:#faf7efa6;border:1px solid #fff7;border-radius:10px;font-size:16px;height:38px;touch-action:none;backdrop-filter:blur(5px)}#mobileMove button:first-child{grid-column:2}#mobileMove button:nth-child(2){grid-column:1;grid-row:2}#mobileMove button:nth-child(3){grid-column:2;grid-row:2}#mobileMove button:nth-child(4){grid-column:3;grid-row:2}dialog{padding:30px 22px}dialog h2{font-size:23px}.drinkOptions{gap:7px}.drinkOptions button{padding:18px 5px}}
