@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500&display=swap";:root{font-family:Noto Sans KR,sans-serif;color:#d7e1df;background:#050b10;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:1px solid #b6d5ca;outline-offset:6px}#scene{position:fixed;inset:0;opacity:0;transition:opacity 2.8s}body.entered #scene{opacity:1}canvas{display:block;touch-action:none}.vignette{pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 30%,#02070b55 76%,#02070bc0 100%);z-index:2}#entry{position:fixed;z-index:10;inset:0;background:#050b10;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity 1.8s,visibility 1.8s}.entered #entry{opacity:0;visibility:hidden}.eyebrow{font-size:9px;letter-spacing:.32em;color:#6e8588}h1{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:clamp(68px,9vw,124px);letter-spacing:-.065em;margin:34px 0 12px;color:#d9e4df}h1 span{font-size:.23em;letter-spacing:.13em;margin-left:.55em;font-family:Arial,sans-serif;font-weight:300}#entry p{font-size:12px;letter-spacing:.25em;color:#7c9090;margin:10px 0 60px}#enter{border:0;background:none;padding:15px 25px;font-size:11px;letter-spacing:.2em;color:#c5d3ce;display:flex;flex-direction:column;align-items:center;gap:15px}#enter:disabled{opacity:.4;cursor:wait}.entry-line{width:34px;height:1px;background:#9eb8ac;transition:width .5s}#enter:hover .entry-line{width:75px}#entry small{font-size:10px;color:#53686b;margin-top:24px;letter-spacing:.15em}.edition{position:absolute;bottom:36px;font-size:8px;letter-spacing:.3em;color:#53686b}#world-ui{position:fixed;inset:0;z-index:3;pointer-events:none}#world-ui button{pointer-events:auto}.time-block{position:absolute;left:44px;top:35px;display:flex;gap:14px;align-items:center}#clock{font-family:Georgia,serif;font-size:25px;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#e2e6d7}#night-label{font-size:9px;letter-spacing:.17em;color:#96aba7;opacity:.7}#menu-button{position:absolute;right:37px;top:28px;background:transparent;border:0;padding:12px;font-size:13px;letter-spacing:5px;color:#a6b7b1}#hint{position:absolute;bottom:28px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.14em;color:#c0cfcc;transition:opacity 3s;text-shadow:0 1px 9px #000}#hint.fade{opacity:0}#moment{position:absolute;left:0;right:0;bottom:18%;text-align:center;font-weight:300;font-size:13px;letter-spacing:.28em;opacity:0;transition:opacity 2.5s;text-shadow:0 2px 16px #000}#moment.visible{opacity:1}dialog{background:#101b20f2;color:#cedad6;border:1px solid #45595a55;border-radius:2px;padding:42px;width:min(430px,90vw);box-shadow:0 30px 150px #000;backdrop-filter:blur(20px)}dialog::backdrop{background:#02070b80;backdrop-filter:blur(6px)}dialog h2{font-size:24px;font-weight:300;letter-spacing:.12em;margin:17px 0 34px}.close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:24px;color:#71868a}dialog label{display:flex;align-items:center;justify-content:space-between;margin:24px 0;font-size:11px;letter-spacing:.03em}input[type=range]{width:115px;accent-color:#97bcae}input[type=checkbox]{accent-color:#97bcae}select{background:#18262b;border:1px solid #3b4a4c;color:#b8c9c4;padding:5px 9px;font-size:11px}.controls{font-size:10px;color:#81948f;line-height:2;margin:28px 0}.text-button{background:none;border:0;padding:0;color:#a1b6af;font-size:11px}.primary{display:block;width:100%;margin-top:30px;background:#c3d4ca;color:#172322;padding:12px;border:0;font-size:11px;letter-spacing:.12em}#fallback{position:fixed;inset:0;background:#071018;z-index:20;text-align:center;padding:25vh 10vw}#fallback p{font-size:13px;line-height:2;color:#97aaaa}#touch-controls{position:fixed;bottom:32px;left:25px;z-index:5;text-align:center}#touch-controls button{border:1px solid #aabbba44;background:#0d191b77;width:40px;height:40px;margin:2px;touch-action:none}#touch-controls[hidden],[hidden]{display:none!important}@media(max-width:700px){.time-block{left:24px;top:24px}#menu-button{right:16px;top:17px}#night-label{display:none}#hint{bottom:15px;font-size:8px}#moment{font-size:11px;padding:0 25px}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}