@font-face{font-family:"Gowun Batang";src:url("../assets/fonts/gowun-batang-regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
.fw-opening{--light-x:800px;--light-y:558px;position:fixed;z-index:1000;inset:0;width:1600px;height:900px;overflow:hidden;isolation:isolate;background:#020405;cursor:crosshair;color:#eef7f8;font-family:Arial,Helvetica,sans-serif;opacity:1;transition:opacity .55s ease}
.fw-opening.is-exiting{opacity:0;pointer-events:none}
.fw-opening.is-transitioning{pointer-events:none}
.fw-opening[hidden]{display:none}
.fw-opening *{box-sizing:border-box}
.fw-opening button{font:inherit}
.fw-opening__artboard{position:absolute;z-index:-3;left:50%;top:50%;width:1608.4px;height:900px;transform:translate(-50%,-50%)}
.fw-opening__artboard>img{width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none}
.fw-opening__vignette{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(0,5,8,.58),transparent 28%,transparent 68%,rgba(0,0,0,.62)),linear-gradient(180deg,rgba(0,0,0,.4),transparent 35%,rgba(0,0,0,.25));pointer-events:none}
.fw-opening__flashlight{--beam-on-size:190px;--beam-size:var(--beam-on-size);position:absolute;z-index:10;inset:0;pointer-events:none;background:rgba(0,3,5,.965);-webkit-mask-image:radial-gradient(circle var(--beam-size) at var(--light-x) var(--light-y),transparent 0 44%,rgba(0,0,0,.12) 58%,rgba(0,0,0,.78) 84%,#000 100%);mask-image:radial-gradient(circle var(--beam-size) at var(--light-x) var(--light-y),transparent 0 44%,rgba(0,0,0,.12) 58%,rgba(0,0,0,.78) 84%,#000 100%);transition:background .8s ease}
.fw-opening__flashlight:not(.has-pointer){--beam-size:0px}
.fw-opening.menu-is-open .fw-opening__flashlight{background:rgba(0,3,5,.86)}
.fw-opening__noise{position:absolute;z-index:11;inset:0;pointer-events:none;opacity:.14;background-image:repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,255,255,.04) 3px),radial-gradient(circle at 30% 40%,rgba(255,255,255,.08) 0 1px,transparent 1px);background-size:auto,5px 5px;mix-blend-mode:soft-light}
.fw-opening__knife{position:absolute;z-index:20;left:37.5%;top:66.5%;width:10.5%;height:33.5%;border:0;border-radius:50%;color:transparent;background:transparent;cursor:pointer;transform:rotate(-7deg)}
.fw-opening__knife:focus{outline:none}.fw-opening__knife span{position:absolute;width:1px;height:1px;overflow:hidden}
.fw-opening__title{position:absolute;z-index:12;top:45px;left:48px;width:920px;height:auto;pointer-events:none;opacity:0;transform:translateY(-14px);filter:drop-shadow(0 5px 18px rgba(0,0,0,.9));transition:opacity .55s ease .08s,transform .55s cubic-bezier(.2,.8,.2,1) .08s}
.fw-opening__title.is-visible{opacity:1;transform:none}
.fw-opening__menu{position:absolute;z-index:12;top:558px;right:80px;width:390px;transform:translateY(-38%);pointer-events:none}
.fw-opening__menu>button{--item-index:0;display:flex;align-items:center;width:100%;position:relative;isolation:isolate;overflow:hidden;min-height:66px;padding:15px 12px 15px 30px;border:0;border-top:1px solid rgba(190,225,231,.2);color:#dceff2;background:transparent;text-align:left;opacity:0;transform:translateX(28px);cursor:pointer;transition:opacity .45s ease calc(var(--item-index)*100ms),transform .45s cubic-bezier(.2,.8,.2,1) calc(var(--item-index)*100ms),padding .28s ease,background .28s ease}
.fw-opening__menu>button:last-child{border-bottom:1px solid rgba(190,225,231,.2)}
.fw-opening__menu.is-visible{pointer-events:auto}.fw-opening__menu.is-visible>button{opacity:1;transform:none}
.fw-opening__menu>button:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(46,208,225,.12),transparent 72%);transform:translateX(-100%);transition:transform .38s cubic-bezier(.2,.8,.2,1)}
.fw-opening__menu>button:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:2px;background:#55e7f7;box-shadow:0 0 10px rgba(85,231,247,.8);opacity:.9;transition:width .35s ease}
.fw-opening__menu>button:hover,.fw-opening__menu>button:focus-visible,.fw-opening__menu>button.is-selected{padding-left:45px;background:linear-gradient(90deg,rgba(46,208,225,.07),transparent 72%);outline:none}
.fw-opening__menu>button:hover:before,.fw-opening__menu>button:focus-visible:before,.fw-opening__menu>button.is-selected:before{transform:translateX(0)}
.fw-opening__menu>button:hover:after,.fw-opening__menu>button:focus-visible:after,.fw-opening__menu>button.is-selected:after{width:100%}
.fw-opening__menu strong{position:relative;font-family:"Continuity Galmuri UI",sans-serif;font-size:25px;font-weight:400;letter-spacing:.04em;text-shadow:0 0 16px rgba(175,241,248,.15);transition:.25s ease}
.fw-opening__menu>button:hover strong,.fw-opening__menu>button:focus-visible strong,.fw-opening__menu>button.is-selected strong{color:#fff;letter-spacing:.1em;text-shadow:0 0 15px rgba(116,235,247,.42)}
.fw-opening__instruction{position:absolute;z-index:22;left:50%;top:50%;width:min(760px,80%);transform:translate(-50%,-50%);color:#d7dedf;text-align:center;pointer-events:none;transition:opacity .28s ease}
.fw-opening__instruction small{display:block;margin:0 0 16px;font-family:"Continuity Galmuri UI",sans-serif;font-size:14px;font-weight:400;line-height:1.45;color:rgba(215,222,223,.68)}
.fw-opening__instruction p{margin:0;font-family:"Continuity Galmuri UI",sans-serif;font-size:25px;font-weight:400;line-height:1.45;color:#edf1f1;word-break:keep-all;text-wrap:balance}
.fw-opening.audio-active .fw-opening__instruction{opacity:0}
.opening-game-transition{position:fixed;z-index:1100;inset:0;width:1600px;height:900px;background:#010304;opacity:0;pointer-events:none;transition:opacity .48s cubic-bezier(.4,0,.2,1)}
.opening-game-transition.is-covering{opacity:1;pointer-events:auto}
.opening-game-transition.is-revealing{opacity:0;transition-duration:.82s;transition-timing-function:cubic-bezier(.16,.68,.28,1)}
.opening-game-transition[hidden]{display:none}
#world-lore-slot{position:fixed;z-index:1050;inset:0;width:1600px;height:900px;background:#000}
#world-lore-slot[hidden]{display:none}
.world-lore-skip{position:fixed;z-index:1070;right:34px;top:28px;min-width:148px;height:40px;padding:0 16px;border:1px solid rgba(206,211,205,.42);border-radius:0;background:rgba(5,8,9,.72);box-shadow:0 7px 18px rgba(0,0,0,.34);color:rgba(229,232,227,.8);font:400 13px/1 "Continuity Galmuri UI",sans-serif;letter-spacing:.02em;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease}
.world-lore-skip:hover,.world-lore-skip:focus-visible{border-color:rgba(230,211,146,.8);background:rgba(15,17,15,.92);color:#f0dfaa;outline:none}
.world-lore-skip:disabled{pointer-events:none;opacity:.38}
.world-lore-skip[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.fw-opening,.fw-opening *,.fw-opening *:before,.fw-opening *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
