@font-face{font-family:Opening Noto Serif KR;src:url(/opening/fonts/noto-serif-kr-500-quotes.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}.fH8fPW_opening{--paper:#f2ebcb;--gold:#f8d671;--ink:#091720;isolation:isolate;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--ink);min-height:100svh;color:var(--paper);font-family:var(--font-sans), sans-serif;grid-template-rows:auto minmax(min-content,1fr) auto;display:grid;position:relative}.fH8fPW_opening,.fH8fPW_opening *{box-sizing:border-box}.fH8fPW_opening [hidden]{display:none!important}.fH8fPW_opening a{text-decoration:none}.fH8fPW_opening button{font:inherit;cursor:pointer}.fH8fPW_opening button,.fH8fPW_opening a{-webkit-tap-highlight-color:transparent}.fH8fPW_opening button:focus-visible,.fH8fPW_opening a:focus-visible{outline-offset:5px;outline:3px solid #fff1a5}.fH8fPW_opening .fH8fPW_start:focus-visible,.fH8fPW_opening .fH8fPW_enter:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #122330,inset 0 0 0 5px #fff1a5,4px 4px #030f1799}.fH8fPW_opening *{transition:none!important;animation-play-state:paused!important}.fH8fPW_opening[data-state=playing] *{animation-play-state:running!important}.fH8fPW_intro h1,.fH8fPW_motto,.fH8fPW_eyebrow,.fH8fPW_wordmark,.fH8fPW_chapterNumber,.fH8fPW_chapterKicker{font-family:var(--font-display), sans-serif}.fH8fPW_scene,.fH8fPW_world,.fH8fPW_landscape,.fH8fPW_skyShade,.fH8fPW_bottomShade{position:absolute}.fH8fPW_scene{z-index:-1;background:#0a4764;inset:0;overflow:hidden}.fH8fPW_world{width:var(--world-w,100%);height:var(--world-h,100%);transform:translate3d(var(--camera-x,0px), var(--camera-y,0px), 0);will-change:transform;top:0;left:0}.fH8fPW_landscape{width:100%;height:100%;image-rendering:pixelated;max-width:none;inset:0}.fH8fPW_skyShade{pointer-events:none;background:linear-gradient(90deg,#071b325e,#0000 70%),linear-gradient(#0718244d,#0000 30%);inset:0}.fH8fPW_bottomShade{pointer-events:none;background:linear-gradient(#0000 76%,#07121cee);inset:0}.fH8fPW_header{z-index:5;padding:max(24px, env(safe-area-inset-top)) max(4.6vw, env(safe-area-inset-right)) 32px max(4.6vw, env(safe-area-inset-left));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.fH8fPW_wordmark{color:var(--paper);letter-spacing:.03em;align-items:center;gap:9px;min-height:44px;font-size:13px;font-weight:650;display:flex}.fH8fPW_tinyPixel{background:var(--gold);width:6px;height:6px;box-shadow:6px -6px var(--gold);margin-left:3px}.fH8fPW_skip{color:#e0e8e8;align-items:center;gap:18px;min-height:44px;font-size:12px;display:flex}.fH8fPW_skip span{font-size:22px}.fH8fPW_skip:hover{color:var(--gold)}.fH8fPW_stage{min-width:0;position:relative}.fH8fPW_intro{pointer-events:none;margin:clamp(12px,5svh,64px) 8.5% 24px}.fH8fPW_eyebrow{letter-spacing:.08em;color:#d5dedc;align-items:center;gap:12px;margin:0 0 20px;font-size:12px;display:flex}.fH8fPW_eyebrow>span{background:var(--gold);width:17px;height:3px;box-shadow:0 6px #f8d67177}.fH8fPW_intro h1{letter-spacing:-.055em;text-shadow:4px 4px #0b223c70;margin:0;font-size:clamp(60px,7.7vw,118px);font-weight:750;line-height:.84}.fH8fPW_intro h1 span{color:var(--gold)}.fH8fPW_intro h1 b{font-weight:inherit;color:var(--gold);margin-left:6px;font-size:.82em;display:inline-block}.fH8fPW_motto{letter-spacing:.005em;color:#e0e7de;margin-top:24px;font-size:13px;line-height:1.75}.fH8fPW_traveler{width:var(--sprite-w,120px);height:var(--sprite-h,160px);transform:translate3d(calc(var(--traveler-x,0px) - 50%), var(--traveler-y,0px), 0);will-change:transform;position:absolute;top:0;left:0}.fH8fPW_sprite{width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(2px 2px #061b2880);animation:fH8fPW_walk var(--walk-duration,.48s) step-end infinite;background-position:33.3333% 0;background-repeat:no-repeat;background-size:400% 100%;position:relative}@keyframes fH8fPW_walk{0%,to{background-position:0 0}25%{background-position:33.3333% 0}50%{background-position:66.6667% 0}75%{background-position:100% 0}}.fH8fPW_footShadow{clip-path:polygon(10% 0,90% 0,90% 25%,100% 25%,100% 75%,90% 75%,90% 100%,10% 100%,10% 75%,0 75%,0 25%,10% 25%);background:#07131a77;height:4%;position:absolute;top:91%;left:23%;right:23%}.fH8fPW_laptopSpark{opacity:0;background:#d7fcf8;width:3px;height:3px;animation:6s step-end infinite fH8fPW_spark;position:absolute;top:57%;left:38%;box-shadow:0 -3px #d7fcf8,0 3px #d7fcf8,-3px 0 #d7fcf8,3px 0 #d7fcf8}@keyframes fH8fPW_spark{0%,89%,96%,to{opacity:0}90%,95%{opacity:1}}.fH8fPW_labEntrance{width:11.96%;height:33.79%;position:absolute;top:43.78%;left:77.51%;overflow:visible}.fH8fPW_doorAperture{overflow:hidden}.fH8fPW_sensorLamp{opacity:calc(.12 + var(--door-glow,0) * .88)}.fH8fPW_labRoom{opacity:calc(.25 + var(--door-glow,0) * .75)}.fH8fPW_entryTraveler{transform-origin:50% 94%;width:100%;height:100%}.fH8fPW_opening[data-state=entering] .fH8fPW_doorLeft{animation:fH8fPW_openLeft var(--entry-duration) linear forwards;animation-play-state:running!important}.fH8fPW_opening[data-state=entering] .fH8fPW_doorRight{animation:fH8fPW_openRight var(--entry-duration) linear forwards;animation-play-state:running!important}.fH8fPW_opening[data-state=entering] .fH8fPW_entryTraveler{animation:fH8fPW_enterLab var(--entry-duration) ease-in forwards;animation-play-state:running!important}.fH8fPW_opening[data-state=entering] .fH8fPW_sprite{animation-play-state:running!important}.fH8fPW_opening[data-state=entering] .fH8fPW_companion svg{animation:fH8fPW_enterLab var(--entry-duration) ease-in forwards;animation-play-state:running!important}@keyframes fH8fPW_openLeft{0%{transform:translate(0)}35%,to{transform:translate(-94px)}}@keyframes fH8fPW_openRight{0%{transform:translate(0)}35%,to{transform:translate(94px)}}@keyframes fH8fPW_enterLab{0%,25%{opacity:1;transform:translate(0)scale(1)}80%{opacity:1}to{transform:translate(calc(var(--world-w) * .019), calc(var(--world-h) * -.073)) scale(.65);opacity:0}}.fH8fPW_doorLight{mix-blend-mode:screen;width:10%;height:25.5%;opacity:var(--door-glow,0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background:#ffdb8433;position:absolute;top:51.3%;left:78.3%}.fH8fPW_fireflies i{opacity:0;background:#ffdc89;width:3px;height:3px;animation:8s steps(10,end) infinite fH8fPW_float-pixel;position:absolute;top:74%;left:72%}.fH8fPW_fireflies i:nth-child(2){animation-delay:2s;top:71%;left:78%}.fH8fPW_fireflies i:nth-child(3){animation-delay:4s;top:73%;left:87%}.fH8fPW_fireflies i:nth-child(4){animation-delay:1s;top:70%;left:48%}.fH8fPW_fireflies i:nth-child(5){animation-delay:6s;top:75%;left:32%}@keyframes fH8fPW_float-pixel{0%,to{opacity:0;transform:translate(0)}20%,70%{opacity:.7}90%{opacity:0;transform:translate(12px,-35px)}}.fH8fPW_footer{padding:24px max(4.6vw, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(4.6vw, env(safe-area-inset-left));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex;position:relative}.fH8fPW_chapter{align-items:center;gap:16px;min-width:0;display:flex}.fH8fPW_chapterNumber{color:var(--gold);letter-spacing:-.07em;font-size:30px;font-weight:500;line-height:1}.fH8fPW_chapterKicker{letter-spacing:.2em;color:#cbd6d6;font-size:8px}.fH8fPW_chapter p{color:#e8eee9;margin:6px 0 0;font-size:13px}.fH8fPW_actions{flex-wrap:wrap;align-items:center;gap:14px;max-width:100%;display:flex}.fH8fPW_start,.fH8fPW_enter{background:var(--gold);color:#122330;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px,4px 4px);border:0;justify-content:center;align-items:center;gap:38px;min-height:50px;padding:0 24px;font-size:13px;font-weight:650;display:flex;box-shadow:4px 4px #030f1799}.fH8fPW_start:hover,.fH8fPW_enter:hover{background:#ffe897}.fH8fPW_start:active,.fH8fPW_enter:active{transform:translate(2px,2px)}.fH8fPW_pixelArrow{clip-path:polygon(0 40%,60% 40%,60% 0,80% 0,80% 20%,100% 20%,100% 80%,80% 80%,80% 100%,60% 100%,60% 60%,0 60%);background:#122330;width:14px;height:14px;display:block;transform:scale(.75)}.fH8fPW_opening[data-state=playing] .fH8fPW_pixelArrow{clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0);transform:scale(.65)}.fH8fPW_replay{color:var(--paper);background:0 0;border:1px solid #dce7e555;min-width:48px;min-height:48px;font-size:22px}.fH8fPW_journey{flex-basis:100%;align-items:center;gap:18px;min-width:0;display:flex}.fH8fPW_journeyLabel{font-variant-numeric:tabular-nums;color:var(--paper);white-space:nowrap;flex:0 0 112px;font-size:11px}.fH8fPW_journeyPixels{flex:1;grid-template-columns:repeat(24,minmax(0,1fr));gap:4px;min-width:0;display:grid}.fH8fPW_journeyPixels span{background:#d0dddb40;height:6px}.fH8fPW_journeyPixels [data-filled=true]{background:var(--gold)}.fH8fPW_srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fH8fPW_skyQuote{--quote-size:clamp(22px, 2.8vw, 38px);z-index:3;text-align:center;width:min(800px,78%);margin:clamp(12px,3svh,40px) auto 24px;position:relative}.fH8fPW_skyQuote:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#071824ed 15%,#071824b8 55%,#0000 74%);position:absolute;inset:-28px -7%}.fH8fPW_quoteMark{color:var(--gold);margin-bottom:12px;font-family:Georgia,serif;font-size:30px;line-height:.8;display:block}.fH8fPW_skyQuote blockquote{font-family:Opening Noto Serif KR,AppleMyungjo,Batang,serif;font-size:var(--quote-size);letter-spacing:-.045em;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere;color:var(--paper);white-space:pre-wrap;margin:0;font-weight:500;line-height:1.48}.fH8fPW_quoteEnglish{color:#e2e6da;text-wrap:balance;overflow-wrap:anywhere;max-width:62ch;margin:16px auto 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(16px,1.4vw,20px);font-style:italic;line-height:1.6;display:none}@media (min-width:768px) and (pointer:fine){.fH8fPW_quoteEnglish{display:block}}.fH8fPW_skyQuote figcaption{font-size:max(14px, calc(var(--quote-size) * .65));letter-spacing:.02em;color:var(--paper);flex-wrap:wrap;justify-content:center;align-items:center;gap:0 18px;margin-top:18px;display:flex}.fH8fPW_author{letter-spacing:-.02em;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere;max-width:100%;font-family:Opening Noto Serif KR,AppleMyungjo,Batang,serif;font-weight:500;line-height:1.55}.fH8fPW_authorEnglish{letter-spacing:.01em;font-family:Georgia,Times New Roman,serif;font-size:max(13px,.78em);font-weight:400}.fH8fPW_skyQuote figcaption a{color:var(--paper);text-underline-offset:4px;align-items:center;min-width:44px;min-height:44px;font-size:11px;-webkit-text-decoration:underline #c3d0c355;text-decoration:underline #c3d0c355;display:inline-flex}.fH8fPW_skyQuote figcaption a:hover{color:var(--gold)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.fH8fPW_quoteWord{background:linear-gradient(90deg, var(--gold) var(--word-fill), var(--paper) var(--word-fill));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}.fH8fPW_quoteWord::selection{color:#091720;-webkit-text-fill-color:#091720;background:#f8d671}@media (forced-colors:active){.fH8fPW_quoteWord{color:canvastext;-webkit-text-fill-color:CanvasText;background:0 0}.fH8fPW_journeyPixels span{border:1px solid canvastext}.fH8fPW_journeyPixels [data-filled=true]{forced-color-adjust:none;background:highlight}}.fH8fPW_start:disabled{opacity:.6;cursor:wait}.fH8fPW_companion{width:var(--robot-size);height:var(--robot-size);transform:translate3d(calc(var(--robot-x,0px) - 50%), var(--robot-y,0px), 0);filter:drop-shadow(0 3px #07131a66);position:absolute;top:0;left:0}.fH8fPW_companion svg{width:100%;height:100%;animation:.32s steps(2,end) infinite fH8fPW_robot-step;display:block}@keyframes fH8fPW_robot-step{50%{transform:translateY(-2px)}}.fH8fPW_robotEyes{animation:7s step-end infinite fH8fPW_robot-blink}@keyframes fH8fPW_robot-blink{0%,94%,98%,to{opacity:1}96%{opacity:.25}}.fH8fPW_terminalWindow{color:#a4e0ce;background:#123247;width:2.6%;height:2.2%;padding:2px 3px;font-family:monospace;font-size:clamp(5px,.6vw,9px);line-height:1;position:absolute;top:46%;left:44%;overflow:hidden;transform:skewY(-2deg);box-shadow:0 0 0 2px #203a4d}.fH8fPW_terminalWindow i{background:#8fcab077;width:55%;height:2px;margin-top:2px;display:block}.fH8fPW_terminalWindow i:last-child{width:75%}.fH8fPW_doorReader{background:#20394a;place-items:center;width:.7%;height:1.7%;display:grid;position:absolute;top:65.3%;left:74.92%;box-shadow:0 0 0 1px #8e9caa}.fH8fPW_doorReader i{background:#83cfcb;width:40%;height:20%}.fH8fPW_opening[data-state=arrived] .fH8fPW_doorReader i{background:var(--gold)}.fH8fPW_failure{max-width:320px;font-size:12px}.fH8fPW_failure p{margin:0 0 12px;line-height:1.7}@media (max-width:700px){.fH8fPW_header{padding:max(18px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) 18px max(24px, env(safe-area-inset-left))}.fH8fPW_wordmark{font-size:11px}.fH8fPW_skip{gap:10px;font-size:11px}.fH8fPW_intro{margin:24px 8%}.fH8fPW_intro h1{font-size:clamp(54px,14vw,90px);line-height:.86}.fH8fPW_eyebrow{margin-bottom:18px;font-size:10px}.fH8fPW_motto{margin-top:20px;font-size:11px}.fH8fPW_skyShade{background:linear-gradient(#07182455,#0000 50%)}.fH8fPW_bottomShade{background:linear-gradient(#0000 70%,#07121cf5)}.fH8fPW_skyQuote{--quote-size:clamp(22px, 5.8vw, 32px);width:86%;margin-top:24px}.fH8fPW_skyQuote blockquote{line-height:1.5}.fH8fPW_quoteMark{margin-bottom:14px;font-size:17px}.fH8fPW_skyQuote figcaption{column-gap:12px;margin-top:12px}.fH8fPW_skyQuote figcaption a{font-size:10px}.fH8fPW_terminalWindow{font-size:7px}.fH8fPW_footer{padding-inline:max(24px, env(safe-area-inset-left)) max(24px, env(safe-area-inset-right));gap:12px}.fH8fPW_chapter{flex:1;gap:10px}.fH8fPW_chapterNumber{font-size:24px}.fH8fPW_chapterKicker{letter-spacing:.1em;font-size:6px}.fH8fPW_chapter p{word-break:keep-all;max-width:140px;font-size:10px;line-height:1.5}.fH8fPW_start,.fH8fPW_enter{gap:15px;min-height:48px;padding:0 16px}.fH8fPW_actions{gap:8px}.fH8fPW_enter{white-space:normal;min-width:0}.fH8fPW_journey{gap:12px}.fH8fPW_journeyLabel{flex-basis:100px;font-size:10px}.fH8fPW_journeyPixels{gap:3px}}@media (max-width:370px){.fH8fPW_header,.fH8fPW_footer{padding-inline:max(18px, env(safe-area-inset-left)) max(18px, env(safe-area-inset-right))}.fH8fPW_chapterNumber{display:none}.fH8fPW_start,.fH8fPW_enter{padding:0 12px}.fH8fPW_enter{gap:9px}.fH8fPW_chapter p{max-width:115px}.fH8fPW_wordmark{font-size:10px}}@media (max-height:450px){.fH8fPW_header{padding-top:max(8px, env(safe-area-inset-top));padding-bottom:8px}.fH8fPW_intro{margin-block:0 8px}.fH8fPW_intro h1{font-size:42px}.fH8fPW_eyebrow{margin-bottom:8px;font-size:10px}.fH8fPW_motto{margin-top:8px;margin-bottom:0;font-size:10px;line-height:1.5}.fH8fPW_skyQuote{--quote-size:22px;margin-block:0 4px}.fH8fPW_skyQuote blockquote{line-height:1.35}.fH8fPW_quoteMark{margin-bottom:4px;font-size:14px}.fH8fPW_skyQuote figcaption{margin-top:0}.fH8fPW_footer{padding-top:8px;padding-bottom:max(10px, env(safe-area-inset-bottom));row-gap:8px}}@media (max-width:280px){.fH8fPW_header{flex-wrap:wrap;gap:0}.fH8fPW_intro h1{font-size:clamp(28px,16vw,44px)}.fH8fPW_footer,.fH8fPW_actions{flex-direction:column;align-items:stretch}.fH8fPW_actions{width:100%}.fH8fPW_enter{white-space:normal;overflow-wrap:anywhere;padding-block:12px}.fH8fPW_replay{align-self:flex-start}.fH8fPW_journey{flex-wrap:wrap;flex-basis:auto;gap:8px}.fH8fPW_journeyPixels{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.fH8fPW_opening *,.fH8fPW_opening :before,.fH8fPW_opening :after{transition:none!important;animation:none!important}}