@font-face{font-family:Travel;src:url('journal-ui.ttf')}*{box-sizing:border-box}body{margin:0;background:#07142e;color:#07142e;font-family:Travel,"PingFang SC",sans-serif;overflow:hidden}#canvas{display:block;outline:none}#loading{position:fixed;inset:0;z-index:20;background:#173b4c url('journal-garden.png') center/cover no-repeat;transition:opacity .35s ease}#loading-stage{position:absolute;width:1586px;height:992px;transform-origin:0 0}#loading-art{position:absolute;inset:0;pointer-events:none}.card{position:absolute;left:247px;top:211px;width:1092px;height:558px;text-align:center}.eyebrow{position:absolute;left:330px;top:40px;width:432px;height:40px;font-size:22px;font-weight:800;letter-spacing:5px;color:#123bee}h1{position:absolute;left:250px;top:77px;width:592px;height:96px;margin:0;font-size:68px;font-weight:950;line-height:1.4}.subtitle{position:absolute;left:180px;top:171px;width:732px;margin:0;font-size:26px;color:#53647b;font-weight:700}.walker{position:absolute;left:500px;top:246px;width:80px;height:100px;background:url('journal-traveler.png') left center/480px 100px no-repeat;image-rendering:pixelated;animation:walk .85s steps(6) infinite}@keyframes walk{to{background-position-x:-480px}}progress{position:absolute;left:181px;top:374px;width:668px;height:23px;border:2px solid #07142e;border-radius:7px;padding:3px;background:#fff7e8;accent-color:#123bee}progress::-webkit-progress-bar{background:#b7f3d6}progress::-webkit-progress-value{background:#123bee}#percent{position:absolute;left:868px;top:365px;width:96px;height:40px;text-align:left;font-size:30px;font-weight:800;font-variant-numeric:tabular-nums}#stage{position:absolute;left:250px;top:407px;width:592px;font-size:24px;font-weight:600;color:#53647b;letter-spacing:2px}.stages{position:absolute;left:295px;top:458px;width:500px;display:flex;justify-content:space-between;font-size:22px;color:#627087}.stages span{position:relative;width:166px;padding-top:36px}.stages span::before{content:'';position:absolute;top:0;left:70px;width:26px;height:26px;border:2px solid #9ba9b5;border-radius:50%;background:#fff7e8}.stages span:not(:last-child)::after{content:'';position:absolute;left:110px;top:12px;width:113px;border-top:2px solid #b7bec4}.stages span[aria-current=step]{color:#07142e}.stages span[aria-current=step]::before{border-color:#123bee;box-shadow:inset 0 0 0 4px #fff7e8;background:#123bee}.stages span.done::before{content:'✓';font:700 20px/22px Travel;color:white;background:#123bee;border-color:#123bee}#detail{position:absolute;left:130px;top:540px;width:832px;font-size:15px;color:#53647b}#detail:empty{display:none}#error{position:absolute;left:100px;top:570px;width:892px;color:#ad392b;font-size:16px}#error:empty{display:none}#retry{position:absolute;left:456px;top:603px;width:180px;height:52px;font:22px Travel;background:#123bee;color:white;border:2px solid #07142e}#retry[hidden]{display:none}#home,#sound{position:absolute;top:20px;height:60px;border:0;background:transparent;color:#07142e;font:700 23px Travel;text-decoration:none;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;padding-right:23px}#home{left:24px;width:177px}#sound{right:27px;width:66px;padding:0}#sound[aria-pressed=true]{opacity:.55}a:focus-visible,button:focus-visible{outline:3px solid #123bee;outline-offset:3px}a:hover,button:hover{filter:brightness(1.06)}@media(prefers-reduced-motion:reduce){.walker{animation:none}#loading{transition:none}}
/* Reference-scale headline and segmented progress ruler. */
.card h1{font-size:72px;letter-spacing:1px;-webkit-text-stroke:.35px currentColor}
.progress-ruler{position:absolute;left:185px;top:380px;width:660px;height:11px;display:flex;pointer-events:none}
.progress-ruler i{flex:1;border-right:1px solid #fff7e8}.progress-ruler i:last-child{border:0}