.life-roadtrip{margin:0 -22px 8px;background:#13231f;color:#fff3d8;border-block:3px solid #a8905f;box-shadow:0 5px #10201b;overflow:hidden}.life-roadtrip-heading{min-height:34px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 15px;background:#13231f;border-bottom:2px solid #a8905f;font-size:10px;letter-spacing:.06em;color:#cbd8be}.life-roadtrip-heading strong{font-variant-numeric:tabular-nums;color:#f1d99e;font-weight:600}.life-roadtrip-viewport{position:relative;height:clamp(310px,48svh,480px);overflow:hidden;isolation:isolate;outline-offset:-3px;background:#172923}.life-roadtrip-viewport:after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#0d1e191a 3px 4px);opacity:.55}.life-roadtrip-viewport:focus-visible{outline:3px solid #f2d792}.life-roadtrip-track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.life-roadtrip-track::-webkit-scrollbar{display:none}.life-roadtrip-scene{--roadtrip-presence:0;flex:0 0 100%;min-width:0;height:100%;position:relative;scroll-snap-align:start;overflow:hidden;background:#273b31}.life-roadtrip-scene.is-current{--roadtrip-presence:1}.life-roadtrip-scene:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#13231fba,transparent 12%,transparent 88%,#13231fba);opacity:.78}.life-roadtrip-far,.life-roadtrip-background{position:absolute;inset:-1px 0;width:100%;height:calc(100% + 2px);object-fit:cover;image-rendering:pixelated;pointer-events:none}.life-roadtrip-far{z-index:0;transform:scale(1.13) translate(var(--roadtrip-far-parallax,0px));filter:saturate(.78) brightness(.83);transition:transform .24s ease-out}.life-roadtrip-background{z-index:1;transform:scale(1.16) translate(var(--roadtrip-parallax,0px));-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 54%);mask-image:linear-gradient(180deg,transparent 0%,#000 54%);transition:transform .16s ease-out}.life-roadtrip.is-moving .life-roadtrip-far,.life-roadtrip.is-moving .life-roadtrip-background{transition:none}.life-roadtrip-sky{position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,#0c1f26a8,#172c3030 30%,transparent 53%);pointer-events:none}.life-roadtrip-ground{position:absolute;z-index:2;left:0;right:0;bottom:0;height:31%;background:linear-gradient(0deg,#0b191be8,transparent);pointer-events:none}.life-roadtrip-ground:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:3px;background:repeating-linear-gradient(90deg,#e8ce996b 0 13px,transparent 13px 18px);background-position-x:var(--roadtrip-road-offset,0px);opacity:.35}.life-roadtrip-caption{position:absolute;z-index:4;top:15px;left:15px;max-width:min(74%,325px);padding:12px 13px 10px;background:#142422ed;border:2px solid #e0d09d;box-shadow:4px 5px #0b1a1c;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);opacity:var(--roadtrip-presence);transition:opacity .2s steps(2,end)}.life-roadtrip-caption>span{font-size:10px;color:#e4d4a7;font-variant-numeric:tabular-nums}.life-roadtrip-caption h2{font-size:17px!important;line-height:1.35!important;color:#fff4dc;margin:4px 0 7px;word-break:keep-all;overflow-wrap:anywhere;letter-spacing:-.03em}.life-roadtrip-memory-button{display:inline-flex;min-height:44px;align-items:center;border:0;background:transparent;color:#f4e7c3;text-decoration:underline;text-decoration-color:#ead6a895;text-underline-offset:4px;font-size:11px;padding:2px 0;cursor:pointer}.life-roadtrip-memory-button:focus-visible{outline:2px solid #ffe4a1;outline-offset:2px}.life-roadtrip-memory{position:absolute;z-index:7;left:15px;right:15px;bottom:16px;max-height:35%;overflow-y:auto;padding:11px 13px;background:#11211df2;border:2px solid #d0b985;box-shadow:4px 5px #071310;clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);scrollbar-color:#8b987d #172824;animation:life-roadtrip-memory-in .22s steps(3,end)}.life-roadtrip-memory[hidden]{display:none}.life-roadtrip-memory p{font-size:12px;line-height:1.7;white-space:pre-line;color:#f5f0db;word-break:keep-all;overflow-wrap:anywhere}.life-roadtrip-object{position:absolute;z-index:4;left:calc(49% + clamp(45px,15vw,95px));bottom:14%;width:58px;height:66px;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation;opacity:var(--roadtrip-presence);transform-origin:50% 90%;transition:opacity .2s ease-out,transform .28s ease-out;filter:drop-shadow(0 5px 4px #061613a6)}.life-roadtrip-scene:not(.is-current) .life-roadtrip-object{pointer-events:none}.life-roadtrip-object:before{content:"";position:absolute;inset:5px 2px 3px;border:2px solid #f7d88d;box-shadow:0 0 0 4px #1020198c,4px 4px #382c1b;transform:rotate(-7deg)}.life-roadtrip-object:after{content:"";position:absolute;top:-3px;right:-2px;width:12px;height:12px;border:2px solid #ffefba;background:#d5aa5d;box-shadow:2px 2px #54391b;pointer-events:none}.life-roadtrip-object-frame{position:absolute;inset:8px 6px 6px;overflow:hidden;border:3px solid #f1dcaa;background:#53674e;box-shadow:inset 0 0 0 2px #17251f,2px 3px #392b1bbd;transform:rotate(-7deg)}.life-roadtrip-object-frame img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.life-roadtrip-scene.is-reached .life-roadtrip-object{animation:life-roadtrip-object-arrive .68s ease-out}.life-roadtrip-scene.has-memory-open .life-roadtrip-object{animation:none;transform:translateY(-8px) scale(1.12);filter:drop-shadow(0 0 13px #ffe19ab5)}.life-roadtrip-object:focus-visible{outline:2px solid #ffe4a1;outline-offset:5px}.life-roadtrip-walker{position:absolute;z-index:5;left:calc(49% + var(--roadtrip-walker-offset,0px));bottom:10%;width:clamp(70px,21%,102px);aspect-ratio:1881/3344;pointer-events:none;transform:translate(-50%) scaleX(var(--roadtrip-facing,1));filter:drop-shadow(0 6px 2px #050a0a9c);transform-origin:50% 100%;background:var(--walker-image,url(/assets/saju-life/roadtrip-walk-cycle-v1-q85.webp)) 0 0 / 400% 100% no-repeat;image-rendering:pixelated}.life-roadtrip-walker[data-avatar=female]{aspect-ratio:144/260}.life-roadtrip-walker[data-avatar=neutral]{filter:brightness(0) drop-shadow(0 0 2px #c8d5c2);opacity:.6}.life-roadtrip-walker img{display:none}.life-roadtrip.is-moving .life-roadtrip-walker{animation:life-roadtrip-walk .28s steps(2,end) infinite,life-roadtrip-gait .56s steps(1,end) infinite}.life-roadtrip-front{position:absolute;z-index:6;left:0;right:0;bottom:0;height:12%;pointer-events:none;background:linear-gradient(0deg,#061411bd,transparent 85%),repeating-linear-gradient(90deg,transparent 0 25px,#d9c49220 25px 29px,transparent 29px 58px);background-position-x:0,var(--roadtrip-front-offset,0px)}.life-roadtrip-shade{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 28px #07100c87;z-index:9}.life-roadtrip-controls{display:flex;align-items:center;gap:7px;padding:9px 12px;background:#15251f;border-top:2px solid #a69162}.life-roadtrip-controls button{width:44px;height:44px;flex:none;border:2px solid #a89161;border-radius:0;background:#304338;color:#f6e4b8;font-size:16px;display:grid;place-items:center;touch-action:manipulation;cursor:pointer;box-shadow:inset 2px 2px #dce4c747,3px 3px #071410}.life-roadtrip-controls button:not(:disabled):active{transform:translate(2px,2px);box-shadow:inset 2px 2px #dce4c747,1px 1px #071410}.life-roadtrip-controls button[data-roadtrip-play]{background:#b79757;color:#18271e;border-color:#e0c67b}.life-roadtrip-controls button:disabled{opacity:.35;cursor:default}.life-roadtrip-controls button:focus-visible,.life-roadtrip-dots button:focus-visible{outline:2px solid #ffe1a0;outline-offset:2px}#roadtrip-age{min-width:0;margin-left:auto;text-align:right;font-size:10px;line-height:1.5;color:#e8dcbf;word-break:keep-all}.life-roadtrip-dots{position:relative;display:flex;gap:0;align-items:center;overflow-x:auto;padding:2px 12px;background:#15251f;scrollbar-width:thin;scrollbar-color:#627961 transparent}.life-roadtrip-dots button{display:grid;place-items:center;flex:0 0 44px;min-width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}.life-roadtrip-dots button:before{content:"";display:block;width:16px;height:12px;border:2px solid #344239;background:#64745f;box-shadow:2px 2px #0b1b16}.life-roadtrip-dots button[aria-current=step]:before{background:#edcf88;border-color:#f8e5ad;box-shadow:2px 2px #8b6837}.life-roadtrip-announcement.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes life-roadtrip-walk{0%,to{transform:translate(-50%) translateY(0) scaleX(var(--roadtrip-facing,1))}50%{transform:translate(-50%) translateY(-6px) scaleX(var(--roadtrip-facing,1))}}@keyframes life-roadtrip-gait{0%,24.99%{background-position:0% 0}25%,49.99%{background-position:33.333% 0}50%,74.99%{background-position:66.667% 0}75%,to{background-position:100% 0}}@keyframes life-roadtrip-lean{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes life-roadtrip-object-arrive{0%{transform:translateY(13px) scale(.8);filter:drop-shadow(0 0 0 transparent)}55%{transform:translateY(-12px) scale(1.14);filter:drop-shadow(0 0 15px #ffe19acf)}to{transform:translateY(0) scale(1)}}@keyframes life-roadtrip-memory-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(min-width:700px){.life-roadtrip{margin-left:-36px;margin-right:-36px}.life-roadtrip-caption{top:21px;left:21px;padding:15px 17px}.life-roadtrip-caption h2{font-size:20px!important}.life-roadtrip-memory{left:21px;right:21px}}@media(max-width:360px){.life-roadtrip{margin-left:-18px;margin-right:-18px}.life-roadtrip-viewport{height:330px}.life-roadtrip-caption{max-width:76%;left:10px;top:10px;padding:9px 10px}.life-roadtrip-caption h2{font-size:15px!important}.life-roadtrip-controls{padding-inline:8px;gap:5px}.life-roadtrip-controls button{width:44px;height:44px}#roadtrip-age{font-size:9px}}@media(prefers-reduced-motion:reduce){.life-roadtrip-far,.life-roadtrip-background,.life-roadtrip-caption,.life-roadtrip-object,.life-roadtrip-memory,.life-roadtrip-walker,.life-roadtrip-walker img{animation:none!important;transition:none!important}}.life-roadtrip-walker,.life-roadtrip-walker[data-avatar=female],.life-roadtrip-walker[data-avatar=neutral]{width:clamp(58px,17%,88px);aspect-ratio:4/5;opacity:1;filter:drop-shadow(0 5px 2px #050a0a9c);background:var(--walker-image) 0 0 / 400% 600% no-repeat;image-rendering:pixelated}.life-roadtrip-walker[data-action=walk]{background-position-y:20%}.life-roadtrip.is-moving .life-roadtrip-walker{animation:life-avatar-cels .56s steps(1,end) infinite}@media(prefers-reduced-motion:reduce){.life-roadtrip.is-moving .life-roadtrip-walker{animation:none}}