/* Choice cards use the shop's ivory, leaf green, and muted brass palette. */
.choices>.choice{display:flex;width:100%;height:auto;min-height:78px;min-width:0;align-items:flex-start;white-space:normal;overflow:visible;text-align:left;color:#263f30;background:#e9eee3;border:1px solid #c7d1bc;border-radius:13px;padding:16px 18px;line-height:1.75;opacity:1;filter:none;box-shadow:0 2px 8px #344e430a}
.choices>.choice>span{flex:1;min-width:0;overflow-wrap:anywhere;color:#263f30;font-size:16px}
.choices>.choice>b,.choices>.choice>i{flex:0 0 auto;color:#78633e;font-size:16px}
.choices>.choice small,.choices>.choice em{display:block;color:#465c43;opacity:1;font-size:14px;line-height:1.65;white-space:normal}
.choices>.choice:disabled{opacity:1;color:#2e4836}
.choices>.choice:hover:not(:disabled){background:#e2ead8;border-color:#91a383}
.choices>.choice.chosen{background:#d9e4d1;border:2px solid #69835d;box-shadow:inset 4px 0 #b18b52,0 3px 10px #344e430d;color:#263f30}
.choices>.choice.chosen>span,.choices>.choice.chosen>b,.choices>.choice.chosen>i,.choices>.choice.chosen small,.choices>.choice.chosen em{color:#263f30}
.choices>.choice:focus-visible{outline:3px solid #9a7644;outline-offset:3px}
@media(max-width:600px){.choices{gap:10px}.choices>.choice{padding:15px 12px;gap:11px}.choices>.choice>span{font-size:16px}.choices>.choice small,.choices>.choice em{font-size:14px}}

/* First screen after "運命の事業を、引き受ける": clear company-style choices. */
html[data-view="birth"] .rpg-roles{position:relative;z-index:2;isolation:isolate;clear:both;max-width:720px;margin:34px 0 26px;padding:20px;background:#e5ebdf;color:#293d31;border:1px solid #b7c5ae;border-radius:14px;box-shadow:0 10px 24px #304b3610}
html[data-view="birth"] .rpg-roles legend{padding:4px 10px;color:#293d31;background:#e5ebdf;border-radius:6px;font-size:16px;font-weight:700;line-height:1.65}
html[data-view="birth"] .rpg-roles>div{gap:11px}
html[data-view="birth"] .rpg-roles label{min-width:0}
html[data-view="birth"] .rpg-roles label span{min-height:100%;padding:14px 13px;background:#d3decf;color:#263c2d;border:1px solid #aab9a3;border-radius:9px;line-height:1.65;overflow-wrap:anywhere}
html[data-view="birth"] .rpg-roles b{color:#263c2d;font-size:15px;line-height:1.65}
html[data-view="birth"] .rpg-roles small{display:block;color:#465943;font-size:13px;line-height:1.6}
html[data-view="birth"] .rpg-roles input:checked+span{background:#bacbad;color:#203725;border:2px solid #6b875e;outline:0;box-shadow:inset 0 0 0 2px #edf3e7}
html[data-view="birth"] .rpg-roles input:checked+span::after{content:'選択中';align-self:flex-start;margin-top:8px;padding:2px 8px;border-radius:20px;background:#34533b;color:#f5f4e9;font-size:11px;font-weight:700;line-height:1.5}
html[data-view="birth"] .rpg-roles input:checked+span b,html[data-view="birth"] .rpg-roles input:checked+span small{color:#203725}
html[data-view="birth"] .rpg-roles input:focus-visible+span{outline:3px solid #a77e43;outline-offset:3px}
html[data-view="birth"] .rpg-roles>p{margin:12px 2px 0;color:#405640;font-size:14px;line-height:1.8}
@media(max-width:700px){html[data-view="birth"] .rpg-roles{padding:17px 14px;margin:29px 0 24px}html[data-view="birth"] .rpg-roles>div{grid-template-columns:1fr;gap:9px}html[data-view="birth"] .rpg-roles label span{min-height:70px;padding:12px 14px}}