/* User-authored situations complement, rather than replace, the original cards. */
.life-section{padding-bottom:65px}.life-section>.section-label{color:#adbed3;line-height:1.5;margin-bottom:25px}.life-theme{border-top:1px solid #72869e66}.life-theme:last-child{border-bottom:1px solid #72869e66}.life-theme>summary{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 0;list-style:none;cursor:pointer}.life-theme>summary::-webkit-details-marker{display:none}.life-theme>summary h2{font-family:Sans,Arial,sans-serif;font-weight:400;font-size:clamp(26px,3.2vw,44px);line-height:1.18;letter-spacing:-1px;max-width:780px;text-wrap:balance}.life-theme-toggle{display:flex;align-items:center;gap:22px;color:#bdd0e5;font-size:13px;line-height:1.5;flex-shrink:0}.life-theme-toggle>span{font-size:29px;transition:transform .25s}.life-theme[open] .life-theme-toggle>span{transform:rotate(45deg)}.life-theme-body{padding:0 0 35px}.life-intro{font-size:17px;line-height:1.6;color:#c4cdda;max-width:740px;margin-bottom:12px}.life-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:25px 0}.life-choice{display:flex;flex-direction:column;text-align:left;align-items:flex-start;gap:12px;padding:22px;border:1px solid #53657b;border-radius:14px;background:linear-gradient(145deg,#1c2735,#111822);color:#edf2f9;min-width:0;transition:background .2s,border-color .2s}.life-choice:hover{background:#27374b;border-color:#b9d0e9}.life-choice[aria-expanded="true"]{background:#2b3e54;border-color:#c2ddfa}.life-choice strong{font-size:23px;line-height:1.2;font-weight:400;letter-spacing:-.5px}.life-emoji{font-size:24px;line-height:1}.life-subtitle{font-size:15px;line-height:1.5;color:#c2cedd}.life-discover{display:flex;justify-content:space-between;gap:16px;width:100%;font-size:12px;color:#cfe2f8;margin-top:auto;padding-top:8px}.life-panel{margin-top:20px;padding:24px;border:1px solid #566b85;border-radius:18px;background:#111923;scroll-margin-top:24px}.life-panel[hidden]{display:none!important}.life-panel-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;margin-bottom:22px;border-bottom:1px solid #ffffff20}.life-panel-top>span{font-size:10px;line-height:1.5;letter-spacing:1.3px;color:#b6c8de}.life-close{display:flex;align-items:center;gap:18px;background:none;border:0;min-height:44px;font-size:14px;color:#d5dfed}.life-close span{font-size:24px}.life-panel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5%;align-items:center}.life-panel-grid>div{min-width:0}.life-stage{position:relative;background:radial-gradient(ellipse at 50% 72%,#354f6c45,transparent 70%)}.life-art{display:block;width:100%;height:auto;overflow:visible}.life-copy h3{font-size:clamp(27px,3vw,40px);line-height:1.2;font-weight:400;letter-spacing:-.8px;margin-bottom:18px}.life-punchline{font-size:21px;line-height:1.4;color:#d8eaff;margin-bottom:18px}.life-description{font-size:17px;line-height:1.7;color:#c3cedc}.life-contact{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;padding-top:20px;margin-top:26px;color:#cce3ff;font-size:15px;line-height:1.5}.life-contact:hover{text-decoration:underline;text-underline-offset:5px}.life-replay{display:flex;justify-content:space-between;gap:20px;width:100%;max-width:300px;margin:10px auto 0;padding:12px 16px;border:1px solid #596e87;border-radius:9px;min-height:46px;font-size:14px;background:#1c2a3c;color:#e3edf9;text-align:left}.life-replay:hover{background:#2b405c}.life-outro{font-size:17px;line-height:1.7;color:#bfcbda;max-width:850px;padding:24px 0 0}.life-theme summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}.life-art .life-actor,.life-art .exercise-upper,.life-art .life-face,.life-art .exercise-leg-left,.life-art .exercise-leg-right,.life-art .bonus-foot-left,.life-art .bonus-foot-right,.life-art .exercise-arm-right,.life-art .companion-hand-right{transform-box:view-box;transform-origin:228px 405px}.life-art .exercise-upper{transform-origin:228px 350px}.life-art .exercise-arm-right,.life-art .companion-hand-right{transform-origin:326px 265px}.life-art .life-face{transform-origin:228px 210px}.life-actor{transform-origin:228px 405px}.is-playing[data-life-scene="stairs"] .life-actor{animation:life-stairs 3.5s both}.is-done[data-life-scene="stairs"] .life-actor{transform:translate(110px,-70px)}.is-playing[data-life-scene="bus"] .life-actor{animation:life-run 3.5s both}.is-done[data-life-scene="bus"] .life-actor{transform:translateX(135px)}.is-playing[data-life-scene="bus"] .exercise-leg-left,.is-playing[data-life-scene="travel"] .exercise-leg-left{animation:life-leg .3s 10 alternate}.is-playing[data-life-scene="bus"] .exercise-leg-right,.is-playing[data-life-scene="travel"] .exercise-leg-right{animation:life-leg .3s 10 alternate-reverse}.is-playing[data-life-scene="shopping"] .life-bags{animation:life-bags 3.5s both}.is-done[data-life-scene="shopping"] .life-bags{transform:translateY(-30px)}.is-playing[data-life-scene="kids"] .life-actor{animation:life-play 3.5s both}.is-playing[data-life-scene="kids"] .life-ball{animation:life-roll 3.5s both}.is-done[data-life-scene="kids"] .life-ball{transform:translateX(-65px)}.is-playing[data-life-scene="travel"] .life-actor{animation:life-walk 3.5s both}.is-done[data-life-scene="travel"] .life-actor{transform:translateX(85px)}.is-playing[data-life-scene="mobile"] .exercise-upper{animation:life-mobility 3.5s both}.is-playing[data-life-scene="bend"] .exercise-upper{animation:life-bend 3.5s both}.is-playing[data-life-scene="bend"] .life-key{animation:life-key 3.5s both}.is-done[data-life-scene="bend"] .life-key{transform:translate(-35px,-80px)}.is-playing[data-life-scene="floor"] .life-actor{animation:life-rise 3.5s both}.is-playing[data-life-scene="balance"] .life-actor{animation:life-balance 3.5s both}.is-done[data-life-scene="balance"] .life-actor{transform:translateX(65px)}.is-playing[data-life-scene="overhead"] .exercise-arm-right,.is-playing[data-life-scene="overhead"] .companion-hand-right{animation:life-reach 3.5s both}.is-playing[data-life-scene="overhead"] .life-book{animation:life-book 3.5s both}.is-done[data-life-scene="overhead"] .life-book{transform:translate(-65px,90px)}.is-playing[data-life-scene="restart"] .life-actor{animation:life-restart 3.5s both}.is-done[data-life-scene="restart"] .life-actor{transform:translateX(40px)}.is-playing[data-life-scene="spontaneous"] .life-actor{animation:life-side-step 3.5s both}.is-playing[data-life-scene="spontaneous"] .life-ball{animation:life-catch 3.5s both}.is-done[data-life-scene="spontaneous"] .life-actor{transform:translateX(45px)}.is-done[data-life-scene="spontaneous"] .life-ball{transform:translate(-80px,15px)}
@keyframes life-stairs{0%,12%{transform:none}35%{transform:translate(35px,-35px)}65%{transform:translate(75px,-35px)}85%,100%{transform:translate(110px,-70px)}}@keyframes life-run{0%,10%{transform:none}30%{transform:translate(25px,-6px) rotate(3deg)}50%{transform:translate(65px,0) rotate(3deg)}70%{transform:translate(105px,-7px)}85%,100%{transform:translateX(135px)}}@keyframes life-leg{from{transform:rotate(-8deg)}to{transform:rotate(9deg)}}@keyframes life-bags{0%,22%{transform:none}50%{transform:translateY(-40px)}75%,100%{transform:translateY(-30px)}}@keyframes life-play{0%,100%{transform:none}25%{transform:translateY(12px) rotate(-7deg)}50%{transform:translate(24px,-15px) rotate(7deg)}75%{transform:translate(-8px,5px) rotate(-3deg)}}@keyframes life-roll{0%,20%{transform:none}60%{transform:translateX(-130px)}85%,100%{transform:translateX(-65px)}}@keyframes life-walk{0%,10%{transform:none}30%{transform:translate(20px,-5px)}50%{transform:translate(45px,0)}70%{transform:translate(65px,-5px)}90%,100%{transform:translateX(85px)}}@keyframes life-mobility{0%,100%{transform:none}30%,50%{transform:translateY(38px) rotate(-8deg)}75%{transform:rotate(7deg)}}@keyframes life-bend{0%,15%,90%,100%{transform:none}40%,60%{transform:translateX(15px) rotate(22deg)}}@keyframes life-key{0%,48%{transform:none}75%,100%{transform:translate(-35px,-80px)}}@keyframes life-rise{0%,20%{transform:translateY(30px) rotate(-25deg)}50%{transform:translateY(15px) rotate(-10deg)}85%,100%{transform:none}}@keyframes life-balance{0%,10%{transform:none}35%{transform:translate(20px,-7px) rotate(5deg)}60%{transform:translate(45px,-4px) rotate(-4deg)}85%,100%{transform:translateX(65px)}}@keyframes life-reach{0%,15%,90%,100%{transform:none}40%,65%{transform:rotate(-110deg)}}@keyframes life-book{0%,52%{transform:none}85%,100%{transform:translate(-65px,90px)}}@keyframes life-restart{0%,20%{transform:none}50%{transform:translateX(15px)}80%,100%{transform:translateX(40px)}}@keyframes life-side-step{0%,15%{transform:none}40%{transform:translateX(45px) rotate(6deg)}75%,100%{transform:translateX(45px)}}@keyframes life-catch{0%,15%{transform:none}50%{transform:translate(-80px,15px)}75%,100%{transform:translate(-80px,15px)}}
@media(max-width:950px){.life-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.life-theme>summary{align-items:flex-start}.life-theme-toggle{max-width:150px;gap:14px}.life-panel-grid{gap:3%}}@media(max-width:650px){.life-section{padding-bottom:45px}.life-section>.section-label{font-size:9px;gap:18px}.life-section>.section-label span:last-child{max-width:125px;text-align:right}.life-theme>summary{flex-direction:column;gap:16px;padding:25px 0}.life-theme>summary h2{font-size:29px}.life-theme-toggle{max-width:none;width:100%;justify-content:space-between}.life-intro{font-size:16px}.life-choices{grid-template-columns:1fr;gap:10px;margin:22px 0}.life-choice{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px 12px;padding:18px}.life-choice strong{font-size:22px;grid-column:2}.life-emoji{grid-row:1/3;font-size:22px}.life-subtitle,.life-discover{grid-column:2}.life-subtitle{font-size:15px}.life-discover{padding-top:6px}.life-panel{padding:18px 15px;scroll-margin-top:16px}.life-panel-grid{grid-template-columns:1fr;gap:24px}.life-stage{max-width:400px;margin:auto}.life-copy h3{font-size:28px}.life-punchline{font-size:20px}.life-description{font-size:16px}.life-panel-top>span{font-size:9px}.life-close{font-size:13px;gap:10px}.life-outro{font-size:16px;padding-top:18px}.life-theme-body{padding-bottom:25px}}@media(prefers-reduced-motion:reduce){.life-section *{animation:none!important;transition:none!important}}
