*{box-sizing:border-box}html,body,.stage{width:100%;height:100%;margin:0;overflow:hidden}body{background:#eeece6;color:#24241f;font-family:Arial,"Noto Sans KR",sans-serif}.stage{position:relative;isolation:isolate}#view{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:0}.masthead{position:absolute;left:30px;top:24px;display:flex;align-items:center;gap:13px;z-index:3;color:#282820}.wordmark{font-family:Arial,sans-serif;font-weight:700;font-size:19px;letter-spacing:.22em;color:inherit;text-decoration:none}.divider{height:13px;width:1px;background:#bcb9ae}.edition{font-size:9px;letter-spacing:.22em;color:#77766e}.scene-status{margin-left:12px;font-size:9px;letter-spacing:.16em;color:#89877e}.dock{position:absolute;left:50%;bottom:27px;transform:translateX(-50%);display:flex;gap:3px;padding:4px;background:rgba(247,246,241,.88);border:1px solid rgba(70,69,63,.12);box-shadow:0 7px 26px #29282010;backdrop-filter:blur(12px);z-index:3}.view-button{border:0;background:transparent;color:#67665e;font-size:11px;letter-spacing:.015em;padding:11px 14px;white-space:nowrap;cursor:pointer;transition:background .18s,color .18s}.view-button:hover,.view-button.active{background:#33342e;color:#f4f2eb}.button-index{font-size:8px;letter-spacing:.12em;opacity:.58;margin-right:9px}.help{position:absolute;left:50%;bottom:85px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#66655d;font-size:10px;white-space:nowrap;z-index:2;opacity:.85;pointer-events:none}.help b{font-size:9px;letter-spacing:.08em;color:#44443e}.help i{width:2px;height:2px;background:#aaa79d;border-radius:50%}.corner-note{position:absolute;right:25px;bottom:28px;text-align:right;color:#85837a;font-size:8px;line-height:1.7;letter-spacing:.15em;pointer-events:none}.crosshair{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border:1px solid #ffffff99;border-radius:50%;z-index:2;pointer-events:none;opacity:0;transition:opacity .2s}.stage.walking .crosshair{opacity:.8}.loading{position:absolute;inset:0;background:#eeece6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:5;transition:opacity .35s,visibility .35s}.loading.done{opacity:0;visibility:hidden;pointer-events:none}.loading-kicker{font-size:9px;letter-spacing:.24em;color:#89867d}.load-message{font-size:13px;color:#5f5e57}.progress-track{display:block;width:min(210px,55vw);height:2px;background:#d4d1c8;overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:#737168;transition:width .2s}.load-detail{font-size:9px;letter-spacing:.08em;color:#96938a;min-height:13px}.fatal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:8;width:min(550px,calc(100% - 40px));padding:20px 22px;background:#fffaf4;border:1px solid #d7c8b8;box-shadow:0 14px 50px #17150f22;color:#744b38;font-size:13px;line-height:1.6}.fatal[hidden]{display:none}@media(max-width:720px){.masthead{left:18px;top:17px;gap:9px}.wordmark{font-size:17px}.edition{font-size:8px}.scene-status{display:none}.dock{bottom:19px;width:calc(100% - 20px);justify-content:center;gap:1px;padding:3px}.view-button{flex:1;padding:12px 5px;font-size:10px}.button-index{display:none}.help{bottom:77px;font-size:9px;gap:7px}.corner-note{display:none}}