@font-face{font-family:Gowun Batang;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/gowun-batang-regular.woff2)format("woff2")}@font-face{font-family:Gowun Batang;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/gowun-batang-bold.woff2)format("woff2")}@font-face{font-family:Noto Sans KR;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/noto-sans-kr.woff2)format("woff2")}:root{color:#f5f2e9;font-synthesis:none;--cream:#f5eedc;--gold:#f2d9a2;--muted:#c0cbc2;--serif:"Gowun Batang", serif;--glass-edge:#ffffff45;--glass-fill:#e3efe617;background:#112428;font-family:-apple-system,BlinkMacSystemFont,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0;justify-content:center;align-items:center;display:inline-flex}button:disabled{opacity:.45;cursor:wait}button svg{flex-shrink:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:5px;outline:2px solid #fff4ca}.app{background:#112428;width:100%;height:100svh;min-height:480px;position:relative;overflow:hidden}.world,.atmosphere,.interface{position:absolute;inset:0}.world canvas{touch-action:none;width:100%;height:100%;display:block}.atmosphere{pointer-events:none;background:linear-gradient(#0c1e2430,#0000 20% 75%,#0c1e2478)}.interface{pointer-events:none;transition:opacity .45s}.interface button,.interface a{pointer-events:auto}.header{top:max(28px, env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex;position:absolute;left:36px;right:36px}.brand{align-items:center;gap:12px;display:flex}.brand strong{font-family:var(--serif);letter-spacing:1px;font-size:19px;font-weight:700}.brand-mark{width:40px;height:40px;color:var(--cream);border-radius:50%;place-items:center;display:grid}.header-actions{gap:10px;display:flex}.liquid-glass,.glass-button{background:linear-gradient(145deg, #ffffff25, #ffffff04 43%, #d6f8f411), var(--glass-fill);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(18px)saturate(165%);backdrop-filter:blur(18px)saturate(165%);box-shadow:inset 0 1px 1px #ffffff58,inset 0 -1px 2px #e1f5ec20,0 8px 26px #07181726}.glass-button{color:#f7f6ee;border-radius:50%;width:46px;height:46px;padding:0;transition:background .25s,transform .25s,box-shadow .25s;position:relative}.glass-button:after{content:"";pointer-events:none;border-radius:inherit;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff0a;position:absolute;inset:2px}.glass-button:hover{background-color:#e2f2e425;transform:translateY(-2px);box-shadow:inset 0 1px 2px #fff8,0 8px 30px #081c2238}.glass-button:active{transform:scale(.93)}.glass-button.selected,.glass-button[aria-pressed=true]{color:#fff1bc;background-color:#edf3da30;border-color:#faf9db66}.intro{text-shadow:0 2px 20px #0d232833;position:absolute;top:132px;left:40px}.eyebrow{letter-spacing:3.1px;color:#d8e0cc9c;font-size:9px;font-weight:500}.intro h1{font-family:var(--serif);letter-spacing:-1.6px;color:var(--cream);margin:15px 0 12px;font-size:clamp(28px,2.6vw,40px);font-weight:400;line-height:1.65}.intro p{letter-spacing:.15px;color:#d1dcccba;margin:0;font-size:10px;font-weight:300}.floating-audio{left:50%;bottom:max(63px, calc(env(safe-area-inset-bottom) + 34px));align-items:center;gap:17px;display:flex;position:absolute;transform:translate(-50%)}.audio-secondary{width:54px;height:54px}.play-button{color:#fff2cf;background-color:#e5eed01c;border-color:#fff6d34a;width:76px;height:76px;box-shadow:inset 0 1px 2px #ffffff8a,inset 0 -2px 5px #ecf6cb18,0 10px 34px #041e233d}.play-button:not(.is-playing)>svg:not(.spin){margin-left:4px}.play-button.is-playing{background-color:#f4e3ab22}.audio-caption{color:#d8e0d190;letter-spacing:.5px;white-space:nowrap;font-size:9px;position:absolute;top:calc(100% + 15px);left:50%;transform:translate(-50%)}.scene-tools{gap:10px;display:flex;position:absolute;bottom:72px;right:36px}.explore-hint{color:#becdc07a;letter-spacing:.2px;font-size:9px;position:absolute;bottom:41px;right:37px}.cinema .interface{opacity:0}.cinema .atmosphere{opacity:.25}.cinema-return{right:30px;bottom:max(30px, env(safe-area-inset-bottom));position:absolute}.loading-state,.scene-error{text-align:center;z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#16322ac4;border-radius:25px;max-width:340px;padding:24px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.loading-state p,.scene-error p{font-size:13px;line-height:1.9}.loading-state span{color:var(--muted);font-size:11px}.toast{z-index:10;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#243e36b3;border:1px solid #ffffff35;border-radius:22px;align-items:center;gap:9px;width:max-content;max-width:calc(100% - 40px);padding:13px 19px;font-size:11px;display:flex;position:absolute;bottom:170px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff1a,0 10px 30px #0002}.dialog{color:var(--cream);-webkit-backdrop-filter:blur(32px)saturate(160%);backdrop-filter:blur(32px)saturate(160%);background:linear-gradient(135deg,#ffffff15,#ffffff03 45%,#daf3db0c),#243f38c9;border:1px solid #ffffff3d;border-radius:30px;width:min(430px,100vw - 32px);max-height:calc(100svh - 40px);padding:0;box-shadow:inset 0 1px 1px #ffffff50,0 25px 100px #00111455}.dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#051f2335}.dialog-inner{padding:30px;position:relative}.dialog h2{letter-spacing:-.7px;margin:0 32px 16px 0;font-size:19px;font-weight:500}.dialog-close{color:#e0e7dc;background:#f1f6e913;border-radius:50%;width:32px;height:32px;position:absolute;top:18px;right:18px}.dialog-description{color:#d2ddd0b5;margin:0 0 22px;font-size:11px;line-height:1.9}.sound-dialog{width:min(360px,100vw - 32px)}.slider-row{grid-template-columns:1fr auto;align-items:center;gap:13px;margin:0 0 24px;font-size:12px;display:grid}.slider-row>span{align-items:center;gap:10px;display:flex}.slider-row small{color:#cfdbc48c;margin-top:4px;font-size:9px;display:block}.slider-row output{font-variant-numeric:tabular-nums;color:#e4eadca1;font-size:10px}.slider-row input{cursor:pointer;accent-color:#ede9d9;grid-column:1/-1;width:100%;height:16px;margin:3px 0}.master-slider{border-bottom:1px solid #e6f0e216;padding-bottom:20px}.small-note{color:#d3dcc68c;justify-content:center;align-items:center;gap:6px;margin:4px 0 0;font-size:9px;line-height:1.8;display:flex}.about-moon{color:var(--gold);margin:25px 0 12px}.about-lead{font-family:var(--serif);font-size:22px;line-height:1.7}.about-list{margin:22px 0;padding:0;list-style:none}.about-list li{color:#d5dfc7b0;align-items:flex-start;gap:12px;margin-bottom:18px;font-size:11px;line-height:1.9;display:flex}.about-list li>svg{color:#d6dfc7;flex-shrink:0;margin-top:4px}.about-list b{color:#eef1e3;margin-bottom:3px;font-weight:500;display:block}.disclosure{color:#d8dfc78c;border-top:1px solid #dfedd019;padding-top:18px;font-size:10px;line-height:1.9}.text-button{background:0 0;gap:6px;padding:0}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width<=900px) and (aspect-ratio>=1){.intro{top:110px;left:28px}.intro h1{font-size:27px}.intro p{max-width:160px;font-size:9px;line-height:1.8}.header{left:26px;right:26px}.scene-tools{right:26px}.explore-hint{display:none}}@media (aspect-ratio<=1){.header{top:max(22px, env(safe-area-inset-top));left:23px;right:23px}.brand strong{font-size:17px}.brand{gap:9px}.brand-mark{width:36px;height:36px}.header-actions{gap:8px}.header-actions .glass-button{width:40px;height:40px}.intro{text-align:center;top:107px;left:16px;right:16px}.eyebrow{letter-spacing:2.6px;font-size:8px}.desktop-break{display:none}.intro h1{letter-spacing:-1.1px;margin:9px 0 8px;font-size:27px;line-height:1.35}.intro p{font-size:9px}.floating-audio{bottom:max(41px, calc(env(safe-area-inset-bottom) + 22px));gap:18px}.play-button{width:70px;height:70px}.audio-secondary{width:50px;height:50px}.audio-caption{font-size:8px;top:calc(100% + 12px)}.scene-tools{flex-direction:column;gap:9px;bottom:280px;right:19px}.scene-tools .glass-button{width:36px;height:36px}.scene-tools svg{width:16px;height:16px}.explore-hint{display:none}.toast{bottom:160px}}@media (aspect-ratio<=1) and (height<=740px){.intro{top:81px}.intro h1{margin:6px 0;font-size:24px}.intro p{font-size:8px}.floating-audio{bottom:29px}.play-button{width:62px;height:62px}.audio-secondary{width:46px;height:46px}.scene-tools{bottom:248px}}@media (aspect-ratio>=1) and (height<=600px){.app{min-height:320px}.header{top:16px;left:24px;right:24px}.brand strong{font-size:16px}.brand-mark{width:34px;height:34px}.header-actions .glass-button{width:38px;height:38px}.intro{top:85px;left:26px}.eyebrow{font-size:7px}.intro h1{margin-top:9px;font-size:25px;line-height:1.5}.intro p{display:none}.floating-audio{gap:13px;bottom:28px;left:60%}.play-button{width:54px;height:54px}.audio-secondary{width:43px;height:43px}.audio-caption{font-size:7px;top:calc(100% + 8px)}.scene-tools{gap:8px;bottom:30px;right:24px}.scene-tools .glass-button{width:36px;height:36px}.explore-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (prefers-reduced-transparency:reduce){.glass-button,.liquid-glass{background:#31463e}.dialog{background:#263e36}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-button,.liquid-glass{background-color:#365047e6}.dialog{background-color:#294139f5}}.ambient-caption{color:#e3dac3ad;letter-spacing:.1px;margin:0;font-size:10px;font-weight:300;animation:.7s both fade-in;position:absolute;bottom:46px;left:42px}@media (aspect-ratio<=1){.ambient-caption{text-align:center;font-size:9px;bottom:138px;left:20px;right:20px}.scene-tools{bottom:174px}.scene-tools .glass-button{width:40px;height:40px}}@media (aspect-ratio<=1) and (height<=740px){.ambient-caption{font-size:8px;bottom:111px}.scene-tools{bottom:145px}}@media (aspect-ratio>=1) and (height<=600px){.ambient-caption{max-width:230px;font-size:8px;bottom:31px;left:26px}}.rabbit-dragging,.rabbit-dragging *{-webkit-user-select:none;user-select:none;cursor:url(/cursors/glove-grab.svg) 18 17,grabbing!important}
