.character-name-field{max-width:620px;margin:25px auto 20px;padding:20px 23px;border:1px solid #b2996055;background:#a68d4510;text-align:left}.character-name-field label{display:block;font:17px var(--serif);letter-spacing:2px;color:#d9c38c;margin-bottom:13px}.character-name-field input{box-sizing:border-box;width:100%;background:#101a13;border:1px solid #9d8f5866;padding:14px 16px;color:#e9d9b3;font:18px var(--serif);letter-spacing:2px;outline:none}.character-name-field input:focus{border-color:#d5b86d;box-shadow:0 0 0 2px #c7ab5c13}.character-name-field small{font-size:10px;line-height:1.9;color:#a5b098;display:block;margin-top:10px}.character-name-field .primary{width:100%;margin-top:10px}.growth-advice{padding:13px 11px;margin:10px 0;border:1px solid #a58d5455;background:#b69a4b0b}.growth-advice>b{color:#d5bd87;font:13px var(--serif);letter-spacing:1px}.growth-advice p{font-size:10px;color:#c7c2a3;line-height:1.9;margin:8px 0}.growth-advice small{display:block;font-size:9px;line-height:1.9;color:#a1b192}.growth-daily{margin-top:12px;width:100%;font-size:10px;padding:10px}.daily-banner h3{font-size:24px;letter-spacing:2px}
@media(max-width:650px){.character-name-field{padding:16px;margin:18px 0}.character-name-field input{font-size:17px;padding:13px}.character-name-field small{font-size:9px}.daily-banner h3{font-size:20px}.growth-advice{padding:12px}}
.progression-recovery{max-width:580px;padding:12px;border:1px solid #b59c5d66;background:#172116ed;margin:10px 0;text-align:left;box-sizing:border-box}.progression-recovery>strong{font:14px var(--serif);color:#dfc38a}.progression-recovery p{font-size:11px;line-height:1.8;margin:7px 0;color:#b9c0a6}.progression-recovery>div{display:flex;flex-wrap:wrap;gap:7px}.progression-recovery button{font-size:10px;padding:9px 11px}.outcome.needs-training{justify-content:flex-start;padding:14px;overflow-y:auto}.outcome.needs-training .seal{display:none}.outcome.needs-training h3{font-size:22px;letter-spacing:3px;margin:0 0 7px}.outcome.needs-training>p{margin:0 0 3px}.outcome.needs-training .progression-recovery{width:100%;margin:5px 0 10px}.outcome-actions{flex-wrap:wrap;justify-content:center}.daily-route>button{margin:8px 0;white-space:normal}.progression-recovery button{white-space:normal}
