.life-picture{display:block;width:100%;height:175px;margin:auto}.life-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:680px;margin:20px auto}.life-options button{background:white;border:3px solid #cce7f2;border-radius:25px;padding:16px;min-width:0}.life-options button.selected{border-color:#eccb4a;background:#fff9df}.life-options button.hint{outline:4px dashed #edc742;outline-offset:3px}.life-options button[hidden]{display:none}.life-box{display:block;width:min(100%,500px);margin:18px auto!important;background:#fff9df!important;border:3px solid #edd16a!important;border-radius:25px!important;padding:15px!important}.life-box>.life-picture{height:210px}.life-box>strong{display:block;margin-top:9px;font-size:20px}.life-packed{display:flex;gap:15px;justify-content:center}.life-packed .life-picture{height:65px;width:65px;background:white;border-radius:12px;padding:6px;margin:12px 0 0}.life-steps{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.life-steps span{font-size:20px;padding:10px 14px;border-radius:15px;background:#eef7fb}.life-steps .current{background:#ffdf4e}@media(max-width:650px){.life-picture{height:145px}.life-box>.life-picture{height:160px}.life-options{gap:12px}.life-options button{padding:12px}.life-steps span{font-size:17px}}