@font-face{font-family:Pluto Sans;src:url(/assets/fonts/PlutoLight.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Pluto Sans;src:url(/assets/fonts/PlutoSans.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pluto Sans;src:url(/assets/fonts/PlutoBold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Pluto Oreo;src:url(/assets/fonts/PlutoOreo.woff2) format("woff2");font-weight:400 700;font-display:swap}:root{--sky: #03060f;--gold: #f5c95c;--red: #dd2f2f;--white: #fff;--glow: #fde9b8;--font-text: "Pluto Sans", system-ui, sans-serif;--font-title: "Pluto Sans", system-ui, sans-serif;--s: 1}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--sky);color:var(--white);font-family:var(--font-text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{overflow:hidden}.stage{position:relative;width:min(100vw,430px);height:100dvh;margin:0 auto;overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none}.sky{position:fixed;inset:0;width:100vw;height:100dvh;display:block}.paper-bg{position:absolute;inset:0;width:100%;height:100%}.paper-bg{background:url(/assets/img/letter-paper.webp) center / cover no-repeat;opacity:0;pointer-events:none}.artboard{position:absolute;left:50%;top:50%;width:402px;height:741px;margin:-370.5px 0 0 -201px;transform:scale(var(--s));transform-origin:center}.screen{position:absolute;inset:0;visibility:hidden}.screen.is-active{visibility:visible}.title{position:absolute;left:0;right:0;margin:0;padding:0 24px;text-align:center;font:700 32px/1.25 var(--font-title);color:var(--white)}.title--glow{color:var(--glow);text-shadow:0 0 12px rgba(245,201,92,.55),0 0 28px rgba(245,201,92,.3)}.audio-btn{position:absolute;left:333px;top:71px;width:40px;height:40px;padding:8px;border:1.333px solid var(--white);border-radius:666px;background:#fff3;display:grid;place-items:center;cursor:pointer;z-index:30;color:inherit}.audio-btn img{width:20px;height:20px;display:block}.audio-btn:after{content:"";position:absolute;width:24px;height:2px;background:var(--white);border-radius:2px;transform:rotate(-45deg) scaleX(0);transition:transform .2s}.audio-btn[aria-pressed=false]:after{transform:rotate(-45deg) scaleX(1)}.audio-btn[aria-pressed=false] img{opacity:.55}.logo-oreo{position:absolute;left:149px;top:86px;width:115px;height:44px}.owl{position:absolute;left:31px;top:74px;width:340.4px;height:379px}.owl-layer{position:absolute;inset:0;opacity:0}.owl-layer.is-on{opacity:1}.owl-layer img{position:absolute;display:block;max-width:none}.owl-l1 .wing{left:39.48px;top:0;width:282.75px;height:304.43px;object-fit:cover}.owl-l2 .wing{left:0;top:60.53px;width:324.6px;height:304.43px;object-fit:cover}.owl-l3 .wing{left:21.92px;top:74.57px;width:304.43px;height:304.43px}.owl-head{position:absolute;width:282.75px;height:304.43px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.owl-head img{inset:0;width:100%;height:100%;object-fit:cover}.owl-l1 .owl-head{left:39.92px;top:0;-webkit-mask-image:url(/assets/img/owl-mask-a.svg);mask-image:url(/assets/img/owl-mask-a.svg);-webkit-mask-size:79.73px 65.8px;mask-size:79.73px 65.8px;-webkit-mask-position:110.98px 223.715px;mask-position:110.98px 223.715px}.owl-l2 .owl-head{left:38.73px;top:-3.35px;transform:rotate(1.3deg);-webkit-mask-image:url(/assets/img/owl-mask-b.svg);mask-image:url(/assets/img/owl-mask-b.svg);-webkit-mask-size:80.07px 66.86px;mask-size:80.07px 66.86px;-webkit-mask-position:111.87px 226.583px;mask-position:111.87px 226.583px}.owl-l3 .owl-head{left:39.04px;top:0;-webkit-mask-image:url(/assets/img/owl-mask-a.svg);mask-image:url(/assets/img/owl-mask-a.svg);-webkit-mask-size:79.73px 65.8px;mask-size:79.73px 65.8px;-webkit-mask-position:110.98px 223.716px;mask-position:110.98px 223.716px}.login-title{top:433px}.login-form{position:absolute;left:51px;top:505px;width:300px;display:flex;flex-direction:column;gap:9px}.field,.btn{width:100%;height:60px;border:2px solid var(--white);border-radius:16px;font:400 16px/1 var(--font-text);letter-spacing:-.48px;text-align:center;color:var(--white);background:#0000;outline:none;appearance:none;-webkit-appearance:none}.field::placeholder{color:#f2f2f7;opacity:1}.field:focus-visible,.btn:focus-visible{box-shadow:0 0 0 3px #f5c95c99}.btn{background:#fff3;font-weight:700;cursor:pointer}.btn:disabled{opacity:.6;cursor:default}.form-error{position:absolute;left:51px;top:640px;width:300px;margin:0;text-align:center;font:400 14px/1.3 var(--font-text);color:#ff9d9d;min-height:1em}.msg-title{top:300px}.msg-text{position:absolute;left:51px;top:392px;width:300px;margin:0;text-align:center;font:400 16px/1.4 var(--font-text);color:#f2f2f7}.msg-btn{position:absolute;left:51px;top:470px;width:300px}.intro-title,.key-title{top:50%;transform:translateY(-50%);padding:0 56px}.q-title{top:222px;font-size:23px;line-height:1.28;font-weight:700}.q-options{position:absolute;left:51px;top:315px;width:300px;display:flex;flex-direction:column;gap:15px}.opt{display:flex;align-items:center;gap:14px;height:56px;padding:12px 16px;border:2px solid var(--white);border-radius:16px;background:#ffffff1a;color:var(--white);font:700 16px/1.2 var(--font-title);text-align:left;cursor:pointer;transition:background .35s,border-color .35s,color .35s}.opt:focus-visible{box-shadow:0 0 0 3px #f5c95c99}.opt.is-correct{background:#f5c95c1a;border-color:var(--gold);color:var(--gold)}.opt.is-wrong{background:#dd2f2f1a;border-color:var(--red);color:var(--red)}.opt.is-dim{opacity:.4;transition:opacity .35s,background .35s,border-color .35s,color .35s}.q-options.is-locked .opt{cursor:default;pointer-events:none}.q-retry{position:absolute;left:51px;top:540px;width:300px;margin:0;text-align:center;font:700 16px/1.2 var(--font-title);color:var(--glow);text-shadow:0 0 10px rgba(245,201,92,.5);opacity:0}.fx{position:absolute;inset:0;width:402px;height:741px;pointer-events:none;z-index:20}.wand{position:absolute;left:0;top:0;width:31.78px;height:256.89px;z-index:25;pointer-events:none;opacity:0;will-change:transform}.wand img{display:block;width:100%;height:100%}.glow{position:absolute;left:0;top:0;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:radial-gradient(circle,#ffe08cf2,#f5c95c73,#f5c95c00 70%);mix-blend-mode:screen;opacity:0;z-index:24;pointer-events:none}.env-scene{position:absolute;inset:0}.env-hit{position:absolute;left:18px;top:255px;width:364px;height:230px;border-radius:10px;cursor:pointer;z-index:15;background:none;border:0;padding:0}.env-hit:focus-visible{outline:3px solid rgba(245,201,92,.7);outline-offset:4px}.env-wrap{position:absolute;inset:0;opacity:0}.env-back{position:absolute;left:19px;top:74px;width:364px;height:409px;overflow:hidden}.env-window{position:absolute;left:-1px;top:-901px;width:402px;height:1355px;overflow:hidden}.env-front{position:absolute;left:18px;top:73px;width:364px;height:411px}.env-front img,.env-back img,.flap img{position:absolute;display:block;max-width:none}.flap{position:absolute;left:18px;top:257px;width:364px;height:184px}.flap-inner{position:absolute;inset:0;transform:scaleY(-1)}.seal{position:absolute;width:149.06px;height:149.06px;display:grid;place-items:center}.seal-img{width:125.68px;height:125.68px;display:block;filter:drop-shadow(-.71px .71px 1.42px rgba(0,0,0,.5)) drop-shadow(-1.42px .71px 1.92px rgba(0,0,0,.26));object-fit:cover}.env-back .tapa-open{opacity:0}.letter-sheet{position:absolute;left:0;top:0;width:402px;height:741px;transform-origin:center;visibility:hidden}.letter-sheet>.paper{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.letter-frame{position:absolute;inset:6.48% 2.88% 6.24% 3.73%;width:auto;height:auto}.letter-content{position:absolute;left:0;top:0;width:402px;padding:89px 39.49px;display:flex;flex-direction:column;align-items:center;color:#000}.letter-head{display:flex;align-items:center;justify-content:center;gap:13.82px;width:326px}.letter-head img{display:block;flex:none}.letter-head .oreo{width:73px;height:29px}.letter-head .hp{width:98.7px;height:41.13px}.letter-emblem{position:relative;width:120.64px;height:120.1px;flex:none}.letter-emblem img{position:absolute;display:block;max-width:none}.letter-body{display:flex;flex-direction:column;gap:49px;width:283px;padding:27px 0 32px;word-break:break-word}.letter-body h2{margin:0;font:700 20px/normal var(--font-text);color:#000}.letter-body p{margin:0 0 20px;font:400 18px/normal var(--font-text);letter-spacing:.36px}.letter-body p:last-child{margin:0}.letter-text{display:flex;flex-direction:column}.letter-sign{margin-top:0}@media(prefers-reduced-motion:reduce){.audio-btn:after{transition:none}}