:root{font-family:"Noto Serif KR",Batang,Georgia,serif;color:#eee3cf;background:#100f1c;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #eac78d;outline-offset:5px}button:disabled{opacity:.5;cursor:not-allowed}header{height:90px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:#171321;border-bottom:1px solid #a58b5140;position:relative;z-index:3}.brand{text-decoration:none;color:#eee0bf;display:flex;gap:14px;align-items:center;letter-spacing:.24em;font-size:25px}.brand small{display:block;font:8px sans-serif;letter-spacing:.23em;margin-top:6px}.brand-seal{border:1px solid #b2925e;padding:9px 11px;font-size:23px;color:#d2af70}.header-note{font-size:12px;letter-spacing:.15em;color:#a79aab}.version{font:11px sans-serif;letter-spacing:.13em;color:#baa983}.courtyard{height:calc(100dvh - 136px);min-height:580px;position:relative;overflow:hidden}.courtyard canvas{width:100%;height:100%;display:block;touch-action:none}.scene-intro{position:absolute;left:5%;top:12%;pointer-events:none;text-shadow:0 2px 20px #000}.eyebrow{color:#cfad74;letter-spacing:.24em;font-size:11px}.scene-intro h1{font-size:clamp(32px,3.3vw,52px);font-weight:400;line-height:1.5;letter-spacing:.04em;margin:22px 0}.scene-intro p{font:13px/2.1 sans-serif;color:#c2b9c5}.location{position:absolute;right:4%;top:35px;font-size:12px;color:#d4c9ae}.location span{margin-left:28px;font-size:11px;opacity:.6}.controls{position:absolute;bottom:25px;left:50%;transform:translate(-50%);display:flex;gap:25px;white-space:nowrap;font:11px sans-serif;color:#d5cbd4;background:#161220bc;border:1px solid #bb97543d;padding:14px 22px;border-radius:4px}kbd{font:11px sans-serif;border:1px solid #b6a78d80;padding:4px 6px;border-radius:3px;margin-right:3px;display:inline-block}.entry{position:absolute;bottom:100px;left:50%;transform:translate(-50%);border:1px solid #c7a56f;background:#261c30ed;padding:18px 28px;box-shadow:0 0 50px #e5b86c30;font-size:15px;white-space:nowrap;animation:rise .6s ease}.entry kbd{margin-left:15px}footer{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:#13101a;color:#897e8b;font:10px sans-serif;border-top:1px solid #a58b5125}footer p{margin:0}.consultation{height:calc(100dvh - 136px);min-height:700px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#655266,#302039 38%,#171322 80%)}.consultation:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 110px,#d4b78a08 111px,#d4b78a08 112px)}.room-moon{position:absolute;width:430px;height:430px;top:22px;left:50%;transform:translate(-50%);border-radius:50%;border:1px solid #d8b56d65;box-shadow:0 0 120px #e0b57815,inset 0 0 70px #d4b66c10}.room-moon:after{content:"";position:absolute;inset:14px;border:1px solid #d8b56d30;border-radius:50%}.room-lattice{position:absolute;top:10%;width:17%;height:54%;opacity:.35;border:8px solid #957a5c;background:repeating-linear-gradient(90deg,transparent 0,transparent 30px,#957a5c 31px,#957a5c 33px),repeating-linear-gradient(0deg,transparent 0,transparent 55px,#957a5c 56px,#957a5c 58px)}.room-lattice.left{left:-4%}.room-lattice.right{right:-4%}.room-caption{position:absolute;top:12%;left:8%;z-index:1}.room-caption p{font-size:30px;line-height:1.7;letter-spacing:.1em;color:#d1c0b0}.exit-room{position:absolute;right:4%;top:30px;z-index:5;border:1px solid #b4986655;background:#21182b66;padding:11px 17px;font-size:12px}.portrait{position:absolute;height:620px;width:470px;left:50%;transform:translate(-50%);top:0;-webkit-mask-image:linear-gradient(#000 75%,transparent 100%);mask-image:linear-gradient(#000 75%,transparent 100%);overflow:hidden}.portrait-art{height:100%;width:100%;background-image:url(./wolryeong-expressions-v3-D8gPRBqB.png);background-size:300% 100%;background-position:0 0;mix-blend-mode:lighten}.portrait.smile .portrait-art{background-position:50% 0}.portrait.serious .portrait-art{background-position:100% 0}.portrait-label{position:absolute;right:24%;top:35%;font-size:28px;writing-mode:vertical-rl;color:#c3a67c;letter-spacing:.25em}.portrait-label span{font-size:11px;margin-top:18px;letter-spacing:.2em}.dialogue-panel{position:absolute;bottom:28px;left:50%;transform:translate(-50%);width:min(1000px,90%);padding:25px 34px 26px;background:linear-gradient(120deg,#2c2036f5,#1c1726f5);border:1px solid #aa895870;box-shadow:0 15px 70px #07040e99,inset 0 0 0 5px #a88a4d0b;z-index:2}.dialogue-panel:before,.dialogue-panel:after{content:"◇";color:#b79a65;position:absolute;top:8px;font-size:16px}.dialogue-panel:before{left:8px}.dialogue-panel:after{right:8px}.speaker{display:flex;align-items:center;gap:16px}.speaker>span:first-child{font-size:22px;color:#e7cb94}.speaker small{font:11px sans-serif;color:#a99aae}.step{margin-left:auto;font:10px sans-serif;letter-spacing:.16em;color:#ac946c}.dialogue-text{font-size:16px;line-height:1.9;min-height:52px;margin:17px 0 20px}.menu{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.menu button,.choices button{border:1px solid #ac8d5845;background:#ffffff03;text-align:left;padding:15px 18px;font-size:13px;transition:.2s}.menu button:hover,.choices button:hover{background:#ba925b20;border-color:#c2a16a}.menu small{font:10px sans-serif;color:#ae8b5b;margin-right:14px}.menu button>span{float:right;color:#b99a6a}.choices{display:flex;gap:10px;flex-wrap:wrap}.choices button{flex:1;white-space:nowrap}.text-button{border:0!important;background:transparent!important;font-size:12px!important;color:#bba887!important;padding:12px!important}.previous-answer{font:11px sans-serif;color:#aa96b2;margin-top:12px}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#0b0814cf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px}.talisman-modal{position:relative;background:linear-gradient(130deg,#312238,#1c1728);border:1px solid #b99862;width:min(760px,100%);max-height:90dvh;overflow:auto;padding:36px 45px;text-align:center;box-shadow:0 20px 100px #0008}.talisman-modal h2{font-size:30px;font-weight:400;letter-spacing:.1em;margin:16px 0 28px}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px;color:#b9a580}.talisman-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.talisman-list>button{padding:24px;background:#ffffff03;border:1px solid #b19a6740}.talisman-list>button:hover{border-color:#d6b371;background:#bd955d10}.talisman-paper{width:137px;height:243px;margin:auto;background:linear-gradient(100deg,#dab35e,#ecd083 40%,#dcb765);color:#a4352e;box-shadow:3px 5px 25px #0005;padding:14px 12px 10px;border:1px solid #f1d88b}.talisman-paper>span{font-size:11px;letter-spacing:.2em}.talisman-paper svg{height:170px;width:100%}.talisman-paper small{font-size:8px;letter-spacing:.15em}.talisman-list h3{font-weight:400;margin:20px 0 10px}.talisman-list p{font:12px sans-serif;color:#c8af82}.talisman-list p span{font-size:10px;display:block;margin-top:10px;color:#96899b}.disclaimer{font:11px/1.8 sans-serif;color:#a99aaa;margin:26px 0 0}.detail{display:grid;grid-template-columns:1fr 1.5fr;gap:35px;text-align:left;align-items:center}.detail p{font-size:14px;line-height:1.9;color:#c8bbce}.detail strong{font-size:24px;color:#dbc18c}.detail button{display:block;margin-top:14px;width:100%;padding:14px;background:#8b6b43;border:1px solid #c0a77c}.detail .muted{font:11px sans-serif;color:#a596af}.fade{position:fixed;inset:0;z-index:50;background:#140f1d;opacity:0;pointer-events:none;transition:opacity .4s}.fade.visible{opacity:1;pointer-events:auto}.error{position:absolute;inset:0;display:grid;place-items:center;padding:40px;background:#1e1729;z-index:2}@keyframes rise{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@media(min-width:1500px){.portrait{height:720px;width:550px}.dialogue-panel{bottom:40px}}@media(max-width:800px){header{height:75px}.header-note{display:none}.brand{font-size:20px}.courtyard{height:calc(100dvh - 130px)}.scene-intro{top:8%;left:6%}.scene-intro h1{font-size:30px}.location{display:none}.controls{gap:10px;font-size:9px;padding:12px}.controls span:nth-child(2){display:none}footer{height:55px;gap:10px}footer>span{display:none}footer p{font-size:9px;line-height:1.5}.consultation{height:calc(100dvh - 130px);min-height:760px}.room-caption{left:6%;top:7%}.room-caption p{font-size:20px}.portrait{width:380px;height:540px;top:20px}.portrait-label{right:8%;top:24%}.dialogue-panel{padding:24px 20px;bottom:20px;width:94%}.dialogue-text{font-size:14px}.menu{grid-template-columns:repeat(2,1fr)}.menu button{padding:13px 10px;font-size:12px}.menu small{margin-right:7px}.speaker small{font-size:9px}.choices{display:grid;grid-template-columns:1fr}.choices button{white-space:normal}.talisman-modal{padding:35px 20px}.talisman-list{gap:10px}.talisman-list>button{padding:20px 5px}.detail{grid-template-columns:1fr;gap:20px;text-align:center}.talisman-paper{width:120px;height:225px}.exit-room{font-size:10px;top:20px}}.courtyard>svg{width:100%;height:100%;display:block;touch-action:none}.compatibility{position:absolute;top:12px;left:50%;transform:translate(-50%);font:10px sans-serif;background:#2e2037da;padding:8px 14px;border:1px solid #aa895844;z-index:4;white-space:nowrap}.walk-button{position:absolute;right:4%;bottom:30px;border:1px solid #baa06a66;background:#241b30dd;padding:12px 16px;font-size:11px;color:#dfc18e}@media(max-width:800px){.walk-button{bottom:80px}}.ambience{position:absolute;top:100px;right:4%;z-index:8;display:flex;align-items:center;gap:12px;font:11px sans-serif;background:#21182adb;border:1px solid #b79b6255;padding:8px 12px;border-radius:3px}.ambience button{background:none;border:0;color:#dec38e;padding:5px}.ambience label{display:flex;gap:8px;align-items:center;color:#c4b4c9}.ambience input{width:65px;accent-color:#c2a46b}.ambience>span{max-width:160px;font-size:10px}.location{top:75px}.leave-interior{position:absolute;left:4%;bottom:30px;border:1px solid #baa06a66;background:#241b30dd;padding:12px 16px;font-size:11px;color:#dfc18e}.courtyard .scene-intro{background:linear-gradient(90deg,#141321aa,transparent);padding:18px 30px 24px 0}.portrait{-webkit-mask-image:linear-gradient(to bottom,#000 75%,transparent),linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(to bottom,#000 75%,transparent),linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}@media(max-width:800px){.ambience{top:85px;font-size:10px}.ambience label{display:none}.leave-interior{bottom:80px}}.consultation .exit-room{top:90px}@media(max-width:800px){.consultation .exit-room{top:65px}}.sky-moon{position:absolute;top:8%;left:58%;width:clamp(58px,6vw,92px);aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 35% 34%,#b9b8a64d 0 9%,transparent 10%),radial-gradient(circle at 68% 64%,#b7b5a83d 0 13%,transparent 14%),radial-gradient(circle at 45% 75%,#c5c4b333 0 7%,transparent 8%),radial-gradient(circle at 40% 38%,#fff8d9,#dedac2 75%,#b9b9ad);box-shadow:0 0 28px #f9e8b64d,0 0 90px #d3dcf622;z-index:1}.offering-note{position:absolute;right:4%;top:26%;padding:14px 18px;display:grid;gap:8px;background:#241c2bdf;border:1px solid #bc9c6555;color:#d8c197;font-size:13px}.offering-note span{font:11px/1.8 sans-serif;color:#c7b8ca}.ambience small{font-size:9px;color:#bdaa8c}.welcome-audio{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#0f0d1bd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.welcome-audio section{width:min(480px,90%);padding:45px;text-align:center;background:linear-gradient(135deg,#36243d,#1b1726);border:1px solid #b79b67;box-shadow:0 25px 100px #0008}.welcome-audio h2{font-size:30px;font-weight:400;letter-spacing:.07em}.welcome-audio p{font-size:13px;line-height:1.8;color:#c9b9cc}.welcome-audio button{display:block;width:100%;background:#80613e;border:1px solid #d2b37d;padding:17px;margin-top:25px}.welcome-audio small{display:block;font:10px/1.8 sans-serif;color:#998ca5;margin-top:20px}@media(max-width:800px){.ambience small{display:none}.offering-note{top:24%;font-size:11px;max-width:145px}.sky-moon{left:65%;top:13%}}