@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&display=swap";:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#293d36;background:#d8dfd5;font-synthesis:none;--ink:#293d36;--muted:#777c6d;--paper:#f7f5ed;--accent:#2e4c3c}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #a9763f;outline-offset:5px}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;flex-shrink:0}button{transition:background .2s,transform .2s}button:hover{transform:translateY(-1px)}[hidden]{display:none!important}#world{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}#world canvas{display:block;width:100%;height:100%}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(243,241,229,.98) 0%,rgba(243,241,229,.95) 23%,rgba(243,241,229,.64) 37%,transparent 60%),linear-gradient(0deg,rgba(36,57,48,.16),transparent 25%)}.topbar{position:fixed;left:48px;right:48px;top:30px;height:54px;display:flex;align-items:center;gap:70px;z-index:2}.brand{display:flex;gap:11px;align-items:center}.brand-mark{width:42px;height:42px;border:1px solid #4f6354;border-radius:50%;display:grid;place-items:center}.brand-mark svg{width:28px;height:28px}.brand b{font-family:"Noto Serif KR",serif;font-size:24px;font-weight:600;letter-spacing:-1px}.brand b span{display:block;font-family:DM Sans,sans-serif;font-size:8px;letter-spacing:2.1px;margin-top:4px}.topbar nav{display:flex;gap:30px;font-size:12px}.topbar nav button{padding:12px 0;display:flex;align-items:center;gap:8px}.topbar nav .nav-active{border-bottom:1px solid var(--ink)}.topbar nav svg{width:15px}.edition{margin-left:auto;letter-spacing:2px;font-size:9px;opacity:.65}.intro{position:fixed;z-index:1;left:6.3vw;top:20%;width:342px}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;gap:9px;align-items:center;color:#79836e}.eyebrow>span{height:5px;width:5px;background:#839970;border-radius:50%}h1{font-family:"Noto Serif KR",serif;font-size:45px;font-weight:400;line-height:1.55;letter-spacing:-2px;margin:19px 0 14px}.intro-copy{font-size:12px;color:#7d8176;line-height:1.9;margin:0 0 30px}.place-card{border:1px solid rgba(88,102,78,.19);border-radius:5px;background:#f8f7f0d9;padding:23px 24px;box-shadow:0 10px 30px #3c4b3a05;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.location-label{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:1.25px;color:#7c8373}.location-label svg{width:12px;height:12px}.live{display:flex;gap:5px;align-items:center;font-size:8px;letter-spacing:1px;color:#5b7960}.live i,.room-badge i{width:5px;height:5px;border-radius:50%;background:#79966b;box-shadow:0 0 0 3px #79966b15}.place-title{margin-top:18px;display:flex;align-items:baseline;gap:12px}.place-title h2{font-family:"Noto Serif KR",serif;font-size:29px;font-weight:500;margin:0}.place-title>span{font-size:8px;color:#939481;letter-spacing:1.2px}.place-card p{white-space:pre-line;font-size:11px;line-height:1.9;color:#7e8173;margin:13px 0 19px}.conditions{display:flex;justify-content:space-between;font-size:10px;align-items:center;padding-bottom:19px;border-bottom:1px solid #dfe1d6}.conditions>span:first-child{display:flex;align-items:center;gap:6px}.conditions svg{width:16px}.conditions b{font-weight:500;margin-left:3px}#local-time{font-size:11px;letter-spacing:1px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:18px}#occupancy{font-size:9px;color:#808775;display:flex;align-items:center;gap:5px}#occupancy svg{width:14px}.primary{background:var(--accent);color:#faf6e9;padding:13px 15px;font-size:11px;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:13px;white-space:nowrap}.primary:hover{background:#43644c}.primary svg{width:15px}.other-place{padding:17px 2px;display:flex;align-items:center;text-align:left;gap:12px;width:100%}.place-thumb{height:42px;width:51px;border-radius:3px;background:linear-gradient(155deg,#bfd3d0 0,#bfd3d0 50%,#669398 51%,#669398 72%,#e3c9a4 73%);color:#fff;font-size:28px;text-align:center}.other-place small{display:block;font-size:9px;color:#98998c;margin-bottom:5px}.other-place b{font-size:11px;font-weight:500}.round-arrow{margin-left:auto;border:1px solid #c3cbbd;border-radius:50%;height:27px;width:27px;display:grid;place-items:center;font-size:14px}.scene-caption{position:fixed;bottom:135px;right:8vw;color:#f7f5e9;text-shadow:0 2px 15px #263d3f66;display:flex;flex-direction:column;gap:8px;text-align:right;pointer-events:none}.scene-caption>span:first-child{font-size:10px;letter-spacing:3px}.scene-caption b{font-family:"Noto Serif KR",serif;font-weight:400;font-size:25px;letter-spacing:-1px}.scene-caption>span:last-child{font-size:9px;opacity:.75}.world-tools{position:fixed;right:38px;top:45%;display:flex;flex-direction:column;gap:10px}.tool{background:#f7f5ecb8;border:1px solid #fff4;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tool svg{width:17px}.tool[aria-pressed=true]{background:var(--accent);color:#fff}.compass{position:fixed;right:47px;bottom:70px;display:flex;flex-direction:column;align-items:center;gap:3px;color:#455f52}.compass button{padding:0}.compass svg{width:27px;height:27px}.compass span{font-size:7px}footer{position:fixed;bottom:0;left:0;right:0;height:49px;padding:0 48px;background:#f8f6edbb;border-top:1px solid #fff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;gap:25px;font-size:9px;color:#7a8372}footer>span:first-child{display:flex;align-items:center;gap:8px}footer svg{width:14px}footer>span:nth-child(2){margin-left:auto}footer a{font-size:8px;opacity:.7}.experience-bar{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.experience-bar button,.room-badge{pointer-events:auto}.exit-button{position:absolute;top:110px;left:48px;background:#f7f5edc9;padding:12px 18px;border-radius:30px;font-size:12px}.room-badge{position:absolute;top:110px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:13px;background:#f7f5edcf;padding:12px 20px;border-radius:30px;font-size:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.room-badge span{color:#88917f;font-size:10px}.action-dock{position:absolute;bottom:104px;left:50%;transform:translate(-50%);display:flex;align-items:center;background:#f8f6ede8;padding:7px;border:1px solid #fff7;border-radius:50px;box-shadow:0 8px 40px #162b3615;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-dock button{display:flex;align-items:center;gap:9px;font-size:12px;padding:12px 18px;border-radius:30px;white-space:nowrap}.action-dock button:hover,.action-dock button[aria-pressed=true]{background:#dfe6d6}.action-dock svg{width:23px;height:23px}.action-dock kbd{font-family:inherit;font-size:9px;opacity:.4;border:1px solid #aeb6a0;border-radius:3px;padding:1px 4px}.dock-divider{height:22px;width:1px;background:#d8decc}.movement-tip{position:absolute;bottom:76px;left:50%;transform:translate(-50%);font-size:10px;color:#f8f7ee;text-shadow:0 1px 5px #243d34;white-space:nowrap}.in-world .intro,.in-world .scene-caption{display:none}.in-world .vignette{background:linear-gradient(0deg,#263c3922,transparent 30%)}.in-world .topbar{background:#f6f4eacc;border-radius:40px;padding:10px 20px;top:25px;height:62px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}dialog{border:1px solid #fff9;background:#f7f5ec;color:var(--ink);border-radius:12px;width:min(470px,calc(100% - 32px));padding:42px;box-shadow:0 40px 120px #203f3940}dialog::backdrop{background:#263f3955;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:15px;top:15px;padding:6px}.dialog-close svg{width:18px}dialog h2{font-family:"Noto Serif KR",serif;font-size:23px;font-weight:500;letter-spacing:-1px;margin:16px 0 12px}dialog>p{font-size:11px;color:#858b7a;line-height:1.8}.characters{display:flex;gap:14px;margin:26px 0}.characters button{flex:1;border:1px solid #dcded2;border-radius:7px;padding:18px 10px;background:#eeeee3;display:flex;align-items:center;flex-direction:column;gap:12px}.characters button[aria-pressed=true]{border-color:#60785a;background:#e3e8d9;box-shadow:0 0 0 1px #60785a}.characters b{font-size:11px;font-weight:500}.avatar-art{position:relative;height:105px;width:70px;display:block}.avatar-art i{position:absolute;display:block}.avatar-art .head{width:33px;height:33px;background:#e8bc97;left:19px;top:9px;border-radius:45%}.avatar-art .hair{width:37px;height:30px;left:17px;top:2px;background:#453c35;border-radius:50% 50% 20% 20%;z-index:1}.avatar-art .head{z-index:2}.avatar-art .body{width:35px;height:43px;left:18px;top:39px;background:#d0b88e;border-radius:12px 12px 4px 4px;z-index:1}.avatar-art .legs{width:24px;height:28px;left:23px;top:77px;background:linear-gradient(90deg,#566960 0 44%,transparent 44% 56%,#566960 56%);border-radius:0 0 3px 3px}.female .hair{height:55px}.female .body{background:#b1bdaa;clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}.wide{width:100%;font-size:12px;padding:16px}.privacy-note{text-align:center;font-size:10px!important;margin:18px 0}.help-row{display:flex;gap:20px;padding:17px 0;border-bottom:1px solid #dde0d3}.help-row>b{font-size:12px;color:#a5ae96;font-weight:400}.help-row h3{font-size:12px;font-weight:500;margin:0 0 7px}.help-row p{font-size:11px;line-height:1.8;color:#818976;margin:0}.help-note{font-size:10px;line-height:1.8;color:#949b87;margin-top:20px}#toast{position:fixed;bottom:184px;left:50%;transform:translate(-50%,12px);padding:13px 23px;background:#2b473deb;color:#f6f4e9;font-size:12px;border-radius:30px;opacity:0;pointer-events:none;transition:.3s;z-index:20;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translate(-50%)}.webgl-error{position:absolute;top:30%;right:10%;font-size:18px;line-height:2}@media(min-width:1600px){.intro{top:22%;width:375px}h1{font-size:53px}.place-card{padding:27px}.intro-copy{font-size:13px}.place-card p,.primary{font-size:12px}.scene-caption{bottom:170px}.scene-caption b{font-size:32px}}@media(max-height:850px)and (min-width:761px){.intro{top:17%;width:330px}h1{font-size:35px;margin:13px 0}.intro-copy{margin-bottom:19px;font-size:11px}.place-card{padding:18px 21px}.place-title{margin-top:12px}.place-card p{margin:10px 0 13px}.conditions{padding-bottom:13px}.card-bottom{padding-top:13px}.other-place{padding:12px 0}}@media(max-width:760px){.topbar{left:22px;right:22px;top:18px;gap:0;justify-content:space-between}.brand b{font-size:21px}.brand-mark{height:36px;width:36px}.topbar nav{font-size:10px}.topbar nav .nav-active,.edition{display:none}.topbar nav button{padding:6px}.topbar nav svg{display:none}.vignette{background:linear-gradient(0deg,#f3f1e9 0%,#f3f1e9f5 28%,#f3f1e980 44%,transparent 65%)}.intro{top:auto;bottom:69px;left:22px;right:22px;width:auto;max-width:430px}.intro>.eyebrow,.intro-copy{display:none}h1{font-size:24px;line-height:1.5;margin:0 0 14px;letter-spacing:-1px}h1 br{display:none}.place-card{padding:17px 19px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.place-title{margin-top:10px}.place-title h2{font-size:24px}.place-card p{margin:9px 0 12px;font-size:10px}.conditions{padding-bottom:12px}.card-bottom{padding-top:12px}.primary{padding:12px 16px}.other-place{padding:11px 0 0}.place-thumb{width:40px;height:32px;font-size:21px}.other-place small{font-size:8px}.scene-caption{display:none}.world-tools{right:16px;top:110px;gap:8px}.tool{width:34px;height:34px}.compass{display:none}footer{padding:0 22px;height:46px;font-size:8px;gap:10px}footer>span:nth-child(2){display:none}footer a{margin-left:auto;font-size:7px}.in-world .topbar{left:12px;right:12px;top:13px;padding:10px 13px;height:57px}.exit-button{top:85px;left:18px;padding:10px 14px;font-size:11px}.room-badge{top:86px;left:auto;right:18px;transform:none;padding:10px 15px;font-size:11px}.in-world .world-tools{top:155px}.action-dock{bottom:100px}.action-dock button{padding:12px 15px;font-size:11px}.action-dock kbd{display:none}.movement-tip{font-size:8px;bottom:73px}dialog{padding:33px 26px}dialog h2{font-size:21px}.webgl-error{left:25px;right:25px;top:20%;font-size:14px}}.avatar-art .head{width:40px;height:38px;left:15px;top:9px;border-radius:45% 45% 48% 48%;background:#f2c9a5;box-shadow:inset 5px -9px 0 -7px #e7a18c,inset -5px -9px 0 -7px #e7a18c}.avatar-art .head:before{content:"";position:absolute;left:10px;top:16px;width:4px;height:5px;background:#49372f;border-radius:50%;box-shadow:16px 0 #49372f}.avatar-art .head:after{content:"";position:absolute;left:16px;top:25px;width:8px;height:4px;border-bottom:1.5px solid #49372f;border-radius:0 0 8px 8px}.avatar-art .hair{width:44px;left:13px}.avatar-art .body{top:46px;height:35px;border:1px solid #cbbd9e}.avatar-art .body:after{content:"·";position:absolute;left:15px;top:6px;color:#a58b68}.avatar-art .legs{height:23px;top:78px}.male .hair{transform:rotate(-7deg)}.characters button{min-width:0;overflow:hidden;padding:12px 8px;gap:9px}.character-preview{display:block;width:100%;max-width:140px;height:auto;aspect-ratio:320/360;object-fit:contain;border-radius:5px}.characters small{font-size:8px;color:#828a75;white-space:nowrap}.scene-views{position:fixed;right:90px;bottom:74px;display:flex;gap:3px;padding:4px;background:#f7f5eddb;border:1px solid #fff8;border-radius:22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4}.scene-views button{padding:8px 12px;font-size:10px;border-radius:18px}.scene-views button:hover{background:#dfe6d6}body:not(.in-world) .scene-views{display:none}@media(max-width:760px){.scene-views{right:16px;bottom:180px}.scene-views button{font-size:9px;padding:7px 10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}