.life-compass{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px;margin:0 0 18px;border:1px solid #97b96b;border-radius:12px;background:linear-gradient(115deg,#203d3c,#162b38)}.life-compass strong,.life-compass small{display:block}.life-compass strong{font-size:18px;margin:5px 0}.life-compass small{color:#c1d0cc}.life-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.life-card{min-width:0;padding:16px;border:1px solid #49606e;border-radius:14px;background:#142936}.life-card h2{font-size:23px}.life-portrait{height:150px;overflow:hidden;border-radius:8px;background:#0c1b25}.life-portrait canvas{height:150px!important;object-fit:contain}.life-card .btn{white-space:normal;min-height:44px;width:100%;margin:5px 0;text-align:left}.life-choice strong,.life-choice span{display:block}.life-choice span{font-size:12px;color:#c2d1d7;margin-top:6px}.life-facts p{padding:10px;border-left:2px solid #bdd58a;background:#0d202a;font-size:13px;line-height:1.6}.life-card .btn:disabled{opacity:.55}.life-intro,.life-learning,.life-calendar,.life-journal{padding:18px;border:1px solid #415c69;border-radius:12px;background:#122832;margin:16px 0}.life-learning .btn,.life-calendar .btn{margin:5px}.life-journal summary{cursor:pointer;font-weight:bold}.life-journal p{border-bottom:1px solid #385260;padding-bottom:12px}.life-compass .eyebrow{font-size:11px}@media(max-width:1150px){.life-grid{grid-template-columns:1fr}.life-portrait{height:120px}.life-portrait canvas{height:120px!important}}@media(max-width:650px){.life-compass{display:block}.life-compass .btn{width:100%;margin-top:12px}.life-card{padding:14px}}

.life-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.life-tabs .btn{min-height:44px}.life-grid{grid-template-columns:minmax(0,1fr)}.life-card{padding:22px}.life-portrait{float:right;width:210px;height:145px;margin:0 0 16px 20px}.life-portrait canvas{height:145px!important}.life-facts{clear:both;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.life-choice{padding:16px!important}.life-card h2{font-size:28px}.life-card .tiny{line-height:1.6}@media(max-width:850px){.life-facts{grid-template-columns:1fr}.life-portrait{width:150px;height:110px}.life-portrait canvas{height:110px!important}}@media(max-width:500px){.life-card{padding:14px}.life-portrait{float:none;width:100%;margin:0 0 14px}.life-tabs .btn{flex:1}}