@font-face{font-family:Pre;src:url(assets/Pretendard-Medium.otf);font-weight:400 500}@font-face{font-family:Pre;src:url(assets/Pretendard-Bold.otf);font-weight:600 700}@font-face{font-family:Pre;src:url(assets/Pretendard-Black.otf);font-weight:800 900}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff8f1;color:#171717;font:17px/1.7 Pre,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #7655e8;outline-offset:5px}nav,footer{max-width:1160px;margin:auto;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:900}.brand img{width:42px;border-radius:12px}.badge{border:1.5px solid;border-radius:40px;padding:7px 15px;font-size:12px;font-weight:700}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:900;line-height:1.22;letter-spacing:-2px}.intro{max-width:1000px;margin:55px auto 85px;text-align:center;padding:0 24px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.2px;margin-bottom:22px;color:#6b665f}.intro h1{font-size:60px;letter-spacing:-3px}.intro>p:not(.eyebrow){margin-top:24px;color:#6b665f;font-size:19px}.start{display:inline-flex;gap:30px;border-bottom:2px solid;padding:9px 0;margin-top:25px;font-weight:700;font-size:15px}.story{max-width:1040px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start;padding:0 30px}.visual{position:sticky;top:45px;padding:5px 0 15px}.phone{position:relative;width:322px;height:567px;margin:auto;border:3px solid;border-radius:40px;background:white;box-shadow:7px 7px #171717;overflow:hidden}.hardware{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;font-size:10px;font-weight:700;height:48px}.hardware i{position:absolute;left:50%;top:12px;transform:translateX(-50%);width:83px;height:23px;border-radius:30px;background:#171717}.albumhead{padding:20px 17px 18px}.albumhead small{display:block;color:#6b665f;font-size:12px}.albumhead strong{font-size:24px;font-weight:900;letter-spacing:-.8px}.gallery{height:337px;overflow:hidden}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.tile{aspect-ratio:1.1;overflow:hidden;background:#c6d6cc}.tile svg{display:block;width:100%;height:100%;object-fit:cover}.photos .tile:not(:first-child){opacity:.13;transition:opacity .6s}.phone[data-scene="0"] .photos .pillar{outline:3px solid #ffc928;outline-offset:-3px}.phone[data-scene="1"] .photos .tile,.phone[data-scene="2"] .photos .tile{opacity:1}.phone[data-scene="1"] .photos{transform:translateY(-94px)}.phone[data-scene="2"] .photos{transform:translateY(-190px)}.albumfooter{padding:16px 15px;display:flex;justify-content:space-between;font-size:10px;color:#6b665f}.homebar{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);height:4px;width:105px;background:#171717;border-radius:9px}.visualcaption{text-align:center;font-size:10px;color:#6b665f;margin-top:20px}.progress{display:flex;gap:7px;justify-content:center;margin-top:15px}.progress span{width:24px;height:4px;background:#ddd4ca;border-radius:4px;transition:background .3s}.progress .active{background:#171717}.chapter{min-height:650px;display:flex;flex-direction:column;justify-content:center;padding:45px 0}.chapterindex{font-size:12px;font-weight:700;color:#6b665f;margin-bottom:25px}.chapter h2{font-size:39px}.chapter>p{color:#6b665f;margin-top:24px;font-size:17px}.aside{font-size:14px;margin-top:25px;border-left:3px solid #ffc928;padding-left:15px}.solve{display:flex;align-items:center;justify-content:space-between;gap:25px;align-self:flex-start;background:#ffc928;border:2px solid;border-radius:15px;box-shadow:4px 4px #171717;padding:16px 23px;margin-top:30px;font-weight:700}.solve:hover{transform:translateY(-2px)}[hidden]{display:none!important}.resolution{margin-top:25px;border-top:2px solid;padding-top:22px}.resolution h3{font-size:31px;margin:8px 0 18px}.resolution p{color:#6b665f;font-size:15px}.resolution .resolved-label{font-size:12px;color:#171717}.replay{border:0;border-bottom:1px solid;background:transparent;padding:5px 0;margin-top:18px;font-size:12px}.phone.solved{background:#ded8cd}.locked{padding:23px 12px}.date{text-align:center;font-size:13px}.time{text-align:center;font-size:77px;font-weight:700;letter-spacing:-4px;line-height:1.2;margin:2px 0 48px}.livecard{background:#fff8f1;border-radius:23px;padding:14px 12px;animation:arrive .45s ease-out}.livelabel{font-size:12px;font-weight:700;display:flex;justify-content:space-between}.livelabel small{font-size:9px;font-weight:500;color:#6b665f}.liverow{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center;margin-top:12px}.liverow .tile{border-radius:11px}.liverow small{font-size:10px;color:#6b665f;display:block}.liverow b{font-size:30px;letter-spacing:-1px;white-space:nowrap}.lockhint{font-size:11px;text-align:center;color:#6b665f;margin-top:18px}.locktools{display:flex;justify-content:space-between;padding:0 10px;margin-top:58px}.locktools span{border-radius:50%;background:#c9c3b8;width:34px;text-align:center;line-height:34px}.after{max-width:1100px;margin:70px auto 0;padding:80px 30px;border-top:2px solid;text-align:center}.after h2,.ending h2{font-size:45px}.after>p:not(.eyebrow){margin-top:24px;color:#6b665f}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left;margin-top:55px}.steps>div{border-top:2px solid;padding-top:20px}.steps b{display:block;font-size:13px;margin-bottom:20px}.steps strong{font-size:20px}.steps p{font-size:14px;color:#6b665f;margin-top:7px}.after .availability{font-size:11px;margin-top:35px}.ending{text-align:center;background:#ffc928;border:2px solid;border-radius:28px;box-shadow:5px 5px #171717;max-width:1040px;margin:0 auto 65px;padding:55px 25px}.ending img{width:58px;border-radius:16px;margin-bottom:16px}.ending .badge{display:inline-block;background:#fff8f1;margin:25px 0 15px}.ending p{font-size:14px}footer{border-top:1px solid #d6cec5;font-size:12px;color:#6b665f;margin-top:30px;padding-bottom:40px}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:760px){nav{padding:20px}.brand{font-size:22px}.brand img{width:35px}.badge{font-size:10px;padding:6px 10px}.intro{margin:40px auto 45px}.intro h1{font-size:35px;letter-spacing:-1.5px}.intro>p:not(.eyebrow){font-size:15px}.eyebrow{font-size:11px;margin-bottom:17px}.story{display:flex;flex-direction:column;gap:0;padding:0 20px}.visual{top:0;width:100%;z-index:2;background:#fff8f1;padding:18px 0 12px;border-bottom:1px solid #ded6cd}.phone{width:218px;height:342px;border-radius:29px;box-shadow:5px 5px #171717}.hardware{padding:9px 15px;height:31px;font-size:7px}.hardware i{width:57px;height:16px;top:7px}.albumhead{padding:8px 10px}.albumhead small{font-size:8px}.albumhead strong{font-size:17px}.gallery{height:209px}.albumfooter{font-size:7px;padding:9px 10px}.photos{gap:2px}.phone[data-scene="1"] .photos{transform:translateY(-64px)}.phone[data-scene="2"] .photos{transform:translateY(-125px)}.homebar{bottom:8px;width:70px;height:3px}.visualcaption{font-size:8px;margin-top:12px}.progress{margin-top:8px}.chapters{width:100%}.chapter{min-height:450px;padding:38px 5px;justify-content:flex-start}.chapterindex{margin-bottom:13px;font-size:10px}.chapter h2{font-size:29px;letter-spacing:-1px}.chapter>p{font-size:15px;margin-top:15px}.aside{font-size:12px;margin-top:19px}.solve{font-size:14px;margin-top:20px;padding:12px 18px}.locked{padding:11px 8px}.date{font-size:9px}.time{font-size:48px;letter-spacing:-2px;margin:1px 0 20px}.livecard{padding:10px 8px;border-radius:15px}.livelabel{font-size:8px}.livelabel small{font-size:6px}.liverow{gap:8px;margin-top:7px}.liverow small{font-size:7px}.liverow b{font-size:20px}.lockhint{font-size:8px;margin-top:10px}.locktools{margin-top:17px}.locktools span{width:22px;line-height:22px;font-size:12px}.resolution h3{font-size:27px}.resolution p{font-size:14px}.after{margin:30px 20px 0;padding:50px 0}.after h2,.ending h2{font-size:32px;letter-spacing:-1px}.after>p:not(.eyebrow){font-size:15px}.steps{grid-template-columns:1fr;gap:24px;margin-top:35px}.steps b{margin-bottom:9px}.steps strong{font-size:18px}.ending{margin:0 20px 45px;padding:40px 20px}.ending p{font-size:12px}footer{margin:0 20px;padding:25px 0}.story.solved-story .chapter[data-step="2"]{min-height:630px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* One scene, with large captions placed directly over the imagery. */
.story{display:block;position:relative;height:290svh;max-width:1100px;padding:0 20px}.visual{top:0;height:100svh;max-height:900px;width:100%;padding:20px 0;isolation:isolate;border:0;overflow:hidden;background:#fff8f1}.chapters{display:none}.phone{width:min(100%,430px);height:calc(100% - 30px);max-height:800px;border-radius:32px}.gallery{height:650px}.albumhead{padding:18px}.albumhead strong{font-size:25px}.albumhead small{font-size:13px}.hardware{height:44px;font-size:10px;padding:14px 22px}.hardware i{width:80px;height:22px;top:10px}.albumfooter{display:none}.story-overlay{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:min(calc(100% - 6px),424px);border-radius:0 0 29px 29px;padding:90px 25px 28px;background:linear-gradient(transparent,rgba(18,18,18,.9) 30%,#121212 100%);color:white;z-index:3}.overlay-step{font-size:13px;color:#ffda62;font-weight:700}.overlay-title{font-size:36px;line-height:1.22;letter-spacing:-1.4px;margin:13px 0 15px}.overlay-copy{font-size:19px;line-height:1.55;color:#f2eee7}.scroll-hint{display:block;font-size:13px;color:#d3cec6;margin-top:24px}.story-overlay .solve{font-size:17px;color:#171717;margin:22px 0 0;padding:13px 20px;box-shadow:none;width:100%}.story-overlay .replay{color:white;font-size:15px;margin-top:20px}.visualcaption,.progress{display:none}.locked{padding:22px 14px}.date{font-size:13px}.time{font-size:68px;margin:0 0 24px}.livelabel{font-size:12px}.livelabel small{font-size:10px}.liverow b{font-size:32px}.liverow small{font-size:12px}.livecard{padding:15px}.locktools,.lockhint{display:none}.solved-story .story-overlay{padding-top:65px}.solved-story .overlay-title{font-size:34px}.story .phone[data-scene="1"] .photos{transform:translateY(-125px)}.story .phone[data-scene="2"] .photos{transform:translateY(-250px)}
@media(max-width:760px){.story{padding:0 12px}.visual{padding:12px 0}.phone{height:calc(100% - 12px);border-radius:29px}.story-overlay{bottom:12px;padding:75px 22px 25px}.overlay-title{font-size:34px}.overlay-copy{font-size:18px}.intro h1{font-size:36px}.livecard{margin-top:0}.time{font-size:59px;margin-bottom:20px}.liverow b{font-size:29px}}
@media(max-height:700px){.overlay-title,.solved-story .overlay-title{font-size:29px}.overlay-copy{font-size:17px}.story-overlay{padding-top:50px;padding-bottom:20px}.scroll-hint{margin-top:15px}.locked{padding-top:6px}.time{font-size:45px;margin-bottom:12px}.liverow .tile{max-height:75px}.livecard{padding:10px}}

.skip-link{position:absolute;left:12px;top:-100px;z-index:20;background:#171717;color:white;padding:12px}.skip-link:focus{top:12px}.release-note{font-size:13px!important;color:#6b665f;margin-top:14px!important}.store-link{display:inline-block;background:#171717;color:#fff8f1;border-radius:30px;padding:12px 20px;font-size:15px;font-weight:700}.ending .store-link{margin:25px 0 15px}footer>div{display:flex;gap:20px;flex-wrap:wrap}footer a{text-decoration:underline;text-underline-offset:4px}@media(max-width:760px){footer{align-items:flex-start;flex-direction:column;gap:12px}nav .store-link{font-size:12px;padding:8px 12px}}

/* Launch: make the install action available before the story starts. */
.intro-actions{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:26px}
.intro-actions .start{margin-top:0}
.store-link:focus-visible{outline:3px solid #7655e8;outline-offset:4px}
@media(max-width:400px){nav{gap:12px}nav .brand{font-size:19px;gap:7px}nav .brand img{width:30px}nav .store-link{font-size:11px;padding:10px 12px;white-space:nowrap}.intro-actions{gap:18px}}
.intro h1{word-break:keep-all}