@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600;700&display=swap";.sidebar,nav{scrollbar-width:thin;scrollbar-color:#6a8273 transparent}.sidebar::-webkit-scrollbar{width:4px}nav::-webkit-scrollbar{height:4px}.sidebar::-webkit-scrollbar-thumb,nav::-webkit-scrollbar-thumb{background:#6a8273;border-radius:8px}:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#eef3eb;background:#172a26;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}button{font:inherit}.shell{display:grid;grid-template-columns:350px minmax(0,1fr);height:100dvh;min-height:560px}.sidebar{position:relative;background:#1b302a;padding:32px 29px 25px;display:flex;flex-direction:column;overflow:auto;z-index:2}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #aabca3;border-radius:50%;font-family:"Noto Serif KR",serif;font-size:22px;color:#dce6d4}.brand small{display:block;letter-spacing:.16em;color:#a8baaa;font-size:9px;font-weight:700}.brand strong{display:block;margin-top:3px;font-family:"Noto Serif KR",serif;font-size:18px}.intro{padding:63px 1px 39px}.eyebrow,.section-label,.top-kicker{font-size:10px;font-weight:700;letter-spacing:.14em}.eyebrow{color:#a6c097}.intro h1{font-family:"Noto Serif KR",serif;font-weight:500;font-size:35px;line-height:1.46;letter-spacing:-.06em;margin:18px 0}.intro h1 em{color:#b7d1ad;font-style:normal}.intro p{font-size:12px;line-height:1.9;color:#b7c5b9;word-break:keep-all;margin:0}.section-label{display:flex;justify-content:space-between;border-bottom:1px solid #52635a;color:#a8b9ab;padding:0 0 13px}.section-label span:last-child{color:#72877a}nav{padding-top:9px}.place{position:relative;width:100%;display:flex;align-items:center;gap:14px;border:0;background:transparent;color:#a8b9ab;text-align:left;padding:13px 10px;border-radius:9px;cursor:pointer}.place:hover,.place.active{background:#314a3f;color:#f7f8ef}.place .num{font-size:10px;color:#93a99a}.place .name{font-size:14px;font-weight:600;flex:1}.place .floor{font-size:10px;color:#a8bbab}.place .arrow{font-size:15px;color:#acc7a3;opacity:0}.place.active .arrow{opacity:1}.sidebar-footer{margin-top:auto;padding-top:25px;font-size:10px;color:#869b8b;display:flex;align-items:center;gap:7px}.sidebar-footer span:last-child{margin-left:auto;font-size:8px;letter-spacing:.12em}.tiny-dot{width:5px;height:5px;background:#a8c99d;border-radius:50%}.experience{position:relative;overflow:hidden;background:#b4b7a9;touch-action:none}#viewport,#viewport canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.experience:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(20,30,28,.48),transparent 25%,transparent 60%,rgba(20,30,28,.68))}.topbar,.bottom-caption,.hint,.status,.mobile-controls{position:absolute;z-index:1}.topbar{left:45px;right:44px;top:37px;display:flex;align-items:flex-start;justify-content:space-between;text-shadow:0 1px 10px #26332e}.top-kicker{color:#e4e9dc}.top-kicker b{color:#b0c8ae;padding:0 8px}.topbar h2{font:500 31px "Noto Serif KR",serif;margin:9px 0}.circle{border:1px solid #eee9;color:#fff;background:#1a282966;width:44px;height:44px;border-radius:50%;font-size:25px;cursor:pointer}.hint{left:45px;bottom:123px;display:flex;align-items:center;gap:13px;background:#f2f1e7ed;color:#2c4038;border-radius:10px;padding:14px 15px;box-shadow:0 7px 35px #0002}.hint-icon{font-size:23px}.hint strong,.hint span:not(.hint-icon){display:block}.hint strong{font-size:12px}.hint span:not(.hint-icon){margin-top:5px;color:#6b7a6d;font-size:10px}.hint button{background:none;border:0;color:#6b7a6d;cursor:pointer;font-size:19px;padding:0 2px 0 10px}.bottom-caption{left:45px;right:45px;bottom:42px;display:flex;align-items:center;gap:20px}.index{font-size:11px;color:#c7d5c1;letter-spacing:.12em}.bottom-caption strong,.bottom-caption span:not(.index):not(.caption-line):not(.drag-note){display:block}.bottom-caption strong{font:500 20px "Noto Serif KR",serif}.bottom-caption div span{font-size:11px;margin-top:7px;color:#d2ded0}.caption-line{height:1px;background:#fff5;flex:1}.drag-note{font-size:10px;letter-spacing:.14em;white-space:nowrap}.status{left:50%;top:50%;transform:translate(-50%,-50%);background:#1b302aeb;padding:14px 18px;border-radius:8px;font-size:12px;box-shadow:0 8px 30px #0003}.status[hidden]{display:none}.mobile-controls{display:none;right:20px;bottom:135px}.mobile-controls button{background:#1b302acc;color:#fff;border:1px solid #ffffff55;border-radius:10px;width:47px;height:47px;touch-action:none;font-size:20px}.mobile-controls>button{display:block;margin:0 auto 4px}.mobile-controls div{display:flex;gap:4px}@media(max-width:900px){.shell{grid-template-columns:255px minmax(0,1fr)}.sidebar{padding:25px 20px}.intro{padding:42px 0 28px}.intro h1{font-size:29px}.topbar,.bottom-caption{left:27px;right:27px}.hint{left:27px}.drag-note{display:none}}@media(max-width:650px){.shell{display:flex;flex-direction:column;height:100dvh;min-height:0}.sidebar{padding:14px 16px 10px;overflow:visible;flex:none}.brand-mark{width:32px;height:32px;font-size:17px}.brand small{font-size:8px}.brand strong{font-size:15px}.intro,.section-label,.sidebar-footer{display:none}nav{display:flex;gap:5px;overflow-x:auto;padding-top:12px}.place{flex:none;width:auto;padding:9px 11px;gap:6px}.place .num,.place .floor,.place .arrow{display:none}.place .name{font-size:12px}.experience{flex:1;min-height:0}.topbar{left:19px;right:19px;top:21px}.topbar h2{font-size:24px}.bottom-caption{left:20px;right:20px;bottom:25px;gap:12px}.bottom-caption strong{font-size:17px}.bottom-caption div span{font-size:10px}.caption-line{display:none}.hint{left:18px;bottom:210px;padding:10px}.hint span:not(.hint-icon){font-size:9px}.mobile-controls{display:block;bottom:105px}.hint{max-width:220px}.hint-icon{display:none}}@media(any-pointer:coarse){.mobile-controls{display:block}}